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. Bài m i ớ[r]
Trang 1TẠ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ới thiệu bài, nêu mục tiêu tiết học ệu bài, nêu mục tiêu tiết học ục tiêu tiết học ết học ọc
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
Ngày soạn: 25/10/2009
Ngày dạy: 26/10/2009
Trang 2Gv: 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
HS: thảo luận nhóm trả lời HS: nhận xét
Trang 3Gv: 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
HS: HS lắng nghe và ghi vở
Trang 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ì
V Hướng dẫn về nhà
- Học thuộc các khái niệm
- Xem tiếp phần bài còn lại
Trang 5TẠ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ới thiệu bài, nêu mục tiêu tiết học
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
Ngày soạn: 01/11/2009
Ngày dạy: 02/11/2009
Trang 6că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
G:
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ở
HS: HS lắng nghe và ghi vở
H: trả lời
H: trả lời
Trang 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
- Đọc bài đọc thêm 3 Trang web và ngôn ngữ HTML
Trang 8Bà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 ới thiệu bài, nêu mục tiêu tiết học
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
Ngày soạn: 08/11/2009
Ngày dạy: 09/11/2009
Trang 9a 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
- Đọc bài đọc thêm 3 Trang web và ngôn ngữ HTML
Trang 10Bà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
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 ới thiệu bài, nêu mục tiêu tiết học
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
- Thảo luận nhóm
Trang 11GV: Chiếu bài các nhĩm
GV: Yẽu cầu HS thửùc hieọn tá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
+ 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/ả)
- Đọc bài đọc thêm 3 Trang web và ngơn ngữ HTML