tạo trang web bằng phần mềm kompozer tạo trang web bằng phần mềm kompozer i mục tiêu 1 kiến thức biết các dạng thông tin trên trang web biết phần mềm thiết kế trang web kompozer biết soạn thảo trang w

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (613.22 KB, 11 trang )

(1)<div class='page_container' data-page=1>

TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER

I. Mục tiêu

1. Kiến thức

- Biết các dạng thông tin trên trang web

- Biết Phần mềm thiết kế trang web Kompozer
- Biết soạn thảo trang web

2. Kĩ năng

- Biết cách thiết kế trang web bằng phần mềm Kompozer
 - Biết soạn thảo trang web đơn giản

3. Thái độ

- Giáo dục thái độ học tập nghiêm túc, làm quen với phần mềm Kompozer
II. Chuẩn bị

- Gv: SGK, SGV, tài liệu, Giáo án.

- Hs: Đọc trước bài, SGK, Đồ dùng học tập, bảng phụ...
III. Tiến trình tiết dạy

1. Tổ chức
 2. Kiểm tra

Thế nào là trang web? Trang web được trình bày dưới dạng gì?
 3. Bài mới : Gv gi i thi u bài, nêu m c tiêu ti t h cớ ệ ụ ế ọ

Hoạt động của giáo viên Hoạt động của học sinh
Hoạt động 1 : Các dạng thông tin trên

trang web

Gv: Trang web là gi?
GV: Trang web chứa gì?
 Mạng Internet chứa gì?
Gv chốt và kết luận vấn đề:

Gv: Trang web chứa những thơng tin gì?
Gv: Nhận xét

Gv: Quan sát hình 43.SGK- T45 cho biết
trang web có các thành phần nào?

Hs:trả lời:Trang web là một siêu văn bản
được gán địa chỉ truy cập trên Internet

Hs: Thảo luận nhóm trả lời câu hỏi
HS Nhận xét nhóm bạn trả lời
HS: thảo luận trả lời

HS: Trả lời

Tuần: 10

</div>
(2)<div class='page_container' data-page=2>

Gv: Nhận xét và chốt

Tuy nội dung phong phú nhưng trang web lại

là tệp siêu văn bản đơn giản thường được tạo
ra bằng ngôn ngữ HTML

GV:

1. Các dạng thông tin trên trang web
Trang web có các thành phần:

- Thơng tin dạng văn bản trình bày phong
phú

- Thơng tin dạng hình ảnh với màu sắc, kiểu,
kích thước và hiệu ứng thể hiện khác
nhau.Hình ảnh có thể là tĩnh hoặc động
- Thông tin dạng âm thanh

- Các đoạn phim

- Các phần mềm được nhúng hoàn toàn vào
trang web

- Đặc biệt, trên trang web có các liên kết
Hoạt động 2 : Phần mềm thiết kế trang
web Kompozer

GV: Để khởi động phần mềm Kompozer ta
làm tn ?

Gv chốt và kết luận vấn đề

GV: Y/c HS quan sát H44.SGK cho biết các
thành phần trên màn hình

Gv: nhận xét và chốt

Gv: Tương tự như các phần mềm soạn thảo
văn bản khác, ta có thể mở tệp đã có hoặc lưu
lại những tệp bằng lệnh nào?

Gv: Nhận xét và chốt

Gv: Y/c HS quan sát H.45(SGK-T47). Thấy
có ác trang chứa các tệp HTML đang mở, Nút
này dùng để đóng tệp HTML hiện thời

HS: HS lắng nghe và ghi vở

HS: Thảo luận nhóm trả lời câu hỏi
HS: Nhận xét nhóm bạn trả lời
HS: trả lời

HS: nhận xét

</div>
(3)<div class='page_container' data-page=3>

Gv: Y/c HS quan sát H.46(SGK-T48) để thấy
việc mở tệp

Gv: Y/c HS quan sát H.47(SGK-T48 để thấy
việc lưu lần đầu tiên

G :

2. Phần mềm thiết kế trang web Kompozer
Để khởi động ta nháy đúp chuột trên biểu
tượng Kompozer.exe

a) Màn hình chính của Kompozer

Có thanh bảng chọn, thanh công cụ, cửa sổ
soạn thảo.

b) Tạo, mở và lưu trang web

</div>
(4)<div class='page_container' data-page=4>

- Nháy nút trên thanh công cụ để tạo tệp
HTLM mới của sổ soạn thảo hiện ra.

- Nháy nút trên thanh cơng cụ để mở tệp
HTLM đã có, chọn tệp HTLM trên hộp thoại
và nháy nút Open

- Nháy nút ( hoặc phím Ctrl+S ) trên
thanh công cụ nếu muốn lưu lại tệp hiện thời.
- Nháy nút để đóng trang HTLM

HS: HS lắng nghe và ghi vở

IV. Củng cố kiến thức.

- Chỉ định HS nhắc lại các dạng thông tin trên trang web?
- Phần mềm Kompozer để làm gì? Có các thành phần gì?
- Qua tiết học em đã hiểu được những điều gì.

</div>
(5)<div class='page_container' data-page=5>

TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER (TT)

I. Mục tiêu

1. Kiến thức

- Biết soạn thảo trang web

- Biết chèn hình ảnh vào trang web
- Biết tạo liên kết

2. Kĩ năng

- Biết cách thiết kế trang web bằng phần mềm Kompozer
 3. Thái độ:

- Giáo dục thái độ học tập nghiêm túc, làm quen với phần mềm Kompozer
II. Chuẩn bị

- Gv: SGK, SGV, tài liệu, Giáo án.

- Hs: Đọc trước bài, SGK, Đồ dùng học tập, bảng phụ...
III. Tiến trình tiết dạy

1. Tổ chức 
 2. Kiểm tra

Các dạng thơng trên Trang web?Cho ví dụ?
Phần mềm Kompozer có chức năng gì?
3. Bài m iớ

Hoạt động của giáo viên Hoạt động của học sinh
GV: Nghiên cứu SGK

GV: Ta có thể nhập văn bản và định dạng
văn bản tượng tự như các phần mềm soạn
thảo khác.Vậy ta cần phải định dạng như
thế nào?

GV chốt và kết luận vấn đề:

GV: Quan sát H.49 để thấy rõ các định dạng

GV:

3. Soạn thảo trang web
Các định dạng sau:

- Đặt màu nền cho trang web.

- Chọn phông chữ, màu chữ và cỡ chữ cho
văn bản

- Đặt kiểu chữ(chữ đậm, chữ nghiêng hay chữ
gạch chân).

- Căn lề đoạn văn bản( căn trái, căn phải,

HS: HS nghiên cứu sgk

HS: Thảo luận nhóm trả lời câu hỏi
HS: Nhận xét nhóm bạn trả lời

HS: HS lắng nghe và ghi vở

Tuần: 11

</div>
(6)<div class='page_container' data-page=6>

căn đều hai bên hoặc căn giữa)

Hoạt động 2: Chèn hình ảnh vào trang web
GV: khi muốn chèn hình ảnh chúng ta cần
phải có sắn tệp ảnh

GV: Nêu thao tác chèn hình ảnh?

GV nhận xét và chốt

Ta có thể nháy chuột vào nút bên phải ơ
Image Location để mở hộp thoại tìm tệp ảnh

GV:

4. Chèn ảnh vào trang web

- Chuyển con trỏ soạn thảo đến vị trí muốn
chèn ảnh và nháy chuột vào nút

- Trên hộp thoại xuất hiện, nhập đường dẫn
và tên tệp ảnh muốn chèn vào ô Image
Location

- Gõ nội dung ngắn mô tả tệp ảnh vào ơ
Toopltip. Dịng chữ này sẽ xuất hiện khi con
trỏ chuột đến hình ảnh trong khi duyệt web.
- Nháy OK để hoàn thành chèn ảnh.

Hoạt động 3: Tạo liên kết
GV: Y/c HS đọc SGK

GV: thành phần quan trọng của trang web là
gì?

GV nhận xét và chốt

GV: cách tạo liên liên kết trong phần mềm?
GV: nhận xét và chốt

5. Tạo liên kết

Đối tượng chứa liên kết có thể là văn bản
hoặc hình ảnh.Trang web được liên kết có thể
cùng website hoặc website khác.

Thao tác tao liên kết:

- Chọn phần văn bản muốn liên kết

HS: HS nghiên cứu sgk

HS: thảo luận nhóm trả lời
HS: nhận xét

HS: HS lắng nghe và ghi vở

H: trả lời

</div>
(7)<div class='page_container' data-page=7>

- Nháy nút trên thanh công cụ.Xuất hiện
hộp thoại

- Nhập địa chỉ của trang web đích vào ơ Link
Location. Nếu trang web đích thuộc cùng 1
website, nháy nút để tìm

- Nháy nút OK để kết thúc

III. Cũng cố - dặn dò:

- GV: Đưa ra một số câu hỏi củng cố kiến thưc đã học:
+ Nêu các bước để tao trang web

+ Nêu các bước để chèn ảnh vào trang web.
+ Nêu các bước tạo liên kết ( đoạn văn bản, h/ả)
- Về nhà hoàn thiện tiếp trang web cần tạo .

</div>
(8)<div class='page_container' data-page=8>

Bài Thực hành số 4 . TẠO TRANG WEB ĐƠN GIẢN

I. MỤC TIÊU

1. Kiến thức

- Giúp học sinh làm quen phần mềm Kompozer

- Biết tạo một số trang Web đơn giản có liên kết bằng Kompozer
II. CHUẨN BỊ

- Gv: Đồ dùng dạy học như máy tính.

- Hs: Đọc trước bài, SGK, Đồ dùng học tập, 
III. TIẾN TRÌNH TIẾT DẠY

1. Mở đầu : Trong phần trươc chúng ta làm quen với phần mềm Kompozer tạo trang Web.
Trong giờ học hôm nay chúng ta thực hành tạo trang web đơn giản, tạo các liên kết nhờ phần
mêm này.

2. Bài m i ớ

Hoạt động của giáo viên Hoạt động của học sinh
Hoạt động 1 : Kiến thức cần đạt

GV : Yêu cầu HS đọc SGK và trả lời câu hỏi :
Để tạo một trang web, chúng ta cần làm gì ?
GV : Tại sao phải lựa chọn đề tài ?

GV: Tại sao phải chuẩn bị nội dung ?

GV: Sau khi chuẩn bị xong thì cơng việc cuối
cùng là lựa chọn phần mềm để tạo trang web.
GV: Tạo kịch bản nghĩa là làm gì ?

GV: Chuẩn bị những gì ?

GV: Sau khi chuẩn bị xong thì cơng việc cuối
cùng là lựa chọn phần mềm để tạo trang web.
Hoạt động 2 : Nội dung thực hành

HS : Cần thực hiện qua 4 bứơc

HS: Cần lựa chọn những đề tài được nhiều
HS: Nội dung phải phù hợp với đề tài và mục
đích phổ biến thơng tỉnh

HS Biên soạn hoặc sưu tầm, chỉnh sữa ( đặc
biệt là hình ảnh, AT) để sẳn sàng đưa vào
trang Web

HS: Là xác định các trang web cần tạo, nội
dung và cách thưc bố trí các dạng thơng tin
trên từng trang web và các liên kết giữa các
trang web…

Tuần: 12

</div>
(9)<div class='page_container' data-page=9>

a. Bài 1 : Khởi động và tìm hiểu Kompozer
GV: Yêu cầu HS đọc SGK để ghi nhớ được ý
nghĩa các nút lệnh của phần mềm

Bài 1: Khởi động và tìm hiểu phần mêm
Kompozer

- Tìm hiểu phần mềm làm việc 
- Quan sát các lệnh

- Sử dụng các nút lệnh định dạng văn bản.
- Dùng các nút lệnh để chen ảnh, liên kết.
- Thoát khỏi phần mềm

III. Cũng cố - dặn dò:

- GV: Đưa ra một số câu hỏi củng cố kiến thưc đã học:
+ Nêu các bước để tao trang web

+ Nêu các bước để chèn ảnh vào trang web.
+ Nêu các bước tạo liên kết ( đoạn văn bản, h/ả)
- Về nhà hoàn thiện tiếp trang web cần tạo .

</div>
(10)<div class='page_container' data-page=10>

Bài Thực hành số 4 . TẠO TRANG WEB ĐƠN GIẢN 
I. MỤC TIÊU

1. Kiến thức

- Giúp học sinh làm quen phần mềm Kompozer

- Biết tạo một số trang Web đơn giản có liên kết bằng Kompozer
II. CHUẨN BỊ

- Gv: Đồ dùng dạy học như máy tính, Projector,...
 - Hs: Đọc trước bài, SGK, Đồ dùng học tập, bảng phụ...
III. TIẾN TRÌNH TIẾT DẠY

2. Bài m i ớ

Hoạt động của giáo viên Hoạt động của học sinh
Hoạt động 1 : Kiến thức cần đạt

GV : Yêu cầu HS đọc SGK và trả lời câu hỏi :
Để tạo một trang web, chúng ta cần làm gì ?
GV: Tại sao phải chuẩn bị nội dung ?

GV : Tại sao phải lựa chọn đề tài ?
GV: Chuẩn bị những gì ?

GV: Tạo kịch bản nghĩa là làm gì ?

Hoạt động 2 : Nội dung thực hành

GV: Sau khi chuẩn bị xong thì công việc cuối
cùng là lựa chọn phần mềm để tạo trang web

GV: Chấm điểm nhóm

HS: Cần lựa chọn những đề tài được nhiều
người quan tâm hoặc đáp ứng nhu cầu thông
tin cho nhiều người.

HS : Cần thực hiện qua 4 bứơc

HS: Nội dung phải phù hợp với đề tài và mục
HS Biên soạn hoặc sưu tầm, chỉnh sữa ( đặc
biệt là hình ảnh, AT) để sẳn sàng đưa vào
trang Web

HS: Là xác định các trang web cần tạo, nội
dung và cách thưc bố trí các dạng thơng tin
trên từng trang web và các liên kết giữa các
trang web…

HS: Nhóm khác nhận xét
HS : Tiến hành thực hiện

Bài 2: Tạo trang Web bằng Kompozer
HS: Đọc đề bài trong SGK

</div>
(11)<div class='page_container' data-page=11>

GV: Chiếu bài các nhóm.

GV: Yẽu caàu HS thửùc hieọn taùo moọt
trang Web baống Kompozer

- Tiến hành tạo trang web

III. Cũng cố - dặn dò:

- GV: Đưa ra một số câu hỏi củng cố kiến thưc đã học:
+ Nêu các bước để tao trang web

</div>

tạo trang web bằng phần mềm kompozer tạo trang web bằng phần mềm kompozer i mục tiêu 1 kiến thức biết các dạng thông tin trên trang web biết phần mềm thiết kế trang web kompozer biết soạn thảo trang w

<b>TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER</b>

<b>TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER (TT)</b>

<i><b>Bài Thực hành số 4 . TẠO TRANG WEB ĐƠN GIẢN</b></i>

Tài liệu liên quan

Tài liệu bạn tìm kiếm đã sẵn sàng tải về