BÀI 5: TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
GV: Nguyễn Nhựt Minh Ngày soạn: 7/9/2012 Ngày dạy: 9/10/2012 (lớp 9A1) – 12/10/2012 (lớp 9A2) Tiết: 15 - Tuần: 8 BÀI 5: 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 Kompozer để tạo các trang web đơn giản. 2) Kĩ năng: Rèn luyện kĩ năng tìm hiểu phần mềm Kompozer. 3) Thái độ: - Rèn luyện thái độ nghiêm túc, yêu thích môn học. II. Chuẩn bị của GV và HS: - GV: Giáo án, SGK, máy vi tính. - HS: sách, tập, viết. III.Tiến trình bài dạy: 1) Kiểm tra bài cũ (5’): - Dịch vụ thư điện tử cung cấp những chức năng chính nào? - Thư điện tử là gì? Dạng tổng quát của thư điện tử? 2) Dạy nội dung bài mới (30ph). Hoạt động của GV Hoạt động của HS Nội dung Hoạt động 1: Tìm hiểu các dạng thông tin trên trang web - GV yêu cầu HS nghiên cứu SGK - GV yêu cầu HS quan sát hình 43/ 45 SGK cho biết trang web có các thành phần nào? - GV nhận xét, bổ sung: trang web là tệp tin siêu văn bản đơn giản, được tạo ra bằng ngôn ngữ HTML - GV giới thiệu: Các tệp siêu văn bản thường có phần mở rộng là *.html hoặc *.htm. - HS đọc thông tin SGK - HS quan sát và trả lời - HS lắng nghe và ghi nhận - HS lắng nghe và ghi nhận 1. Các dạng thông tin trên trang web: Thông tin trên trang web rất đa dạng, gồm: - Văn bản. - Hình ảnh. - Âm thanh. - Phim. - Phần mềm. - Liên kết. Hoạt động 2: Tìm hiểu phần mềm thiết kế trang web Kompozer - GV giới thiệu về phần mềm Kompozer - GV: Làm thế nào để khởi động phần mềm Kompozer? - GV yêu cầu HS khởi động phần mềm Kompozer - GV giới thiệu màn hình chính của phần mềm. Cho biết các thành phần trên màn hình? - GV nhận xét, chốt lại. - GV yêu cầu HS tham khảo SGK. Nêu cách tạo tập tin HTML mới, - HS chú ý theo dõi và biết được ứng dụng của phần mềm - HS trả lời: Nháy đúp chuột trên biểu tượng Kompozer - HS thực hiện - HS nghiên cứu và trả lời - HS tham khảo SGK và trả lời 2. Phần mềm thiết kế trang web Kompozer: Khởi động phần mềm: Nháy đúp chuột trên biểu tượng Kompozer.exe (Kompozer) 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 - Tạo tập tin HTML mới: Nháy nút (New) - Mở tập tin HTML đã có: + Nháy nút (Open) Giáo án môn Tin học – 9 Trang 1 /4 GV: Nguyễn Nhựt Minh mở tập tin HTML đã có hoặc lưu lại những tập tin HTML bằng lệnh nào? - GV hướng dẫn HS cách tạo, mở và lưu trang web - HS quan sát và thực hiện theo hướng dẫn + Chọn tệp tin HTML + Nháy nút Open - Lưu tệp tin hiện thời: Nháy nút (Save) (hoặc phím Ctrl+S) - Nháy nút để đóng trang HTML 2) Củng cố - luyện tập (6’): - GV: Nêu các dạng thông tin trên trang web? Thực hiện khởi động, tạo, mở và lưu trang web bằng phần mềm Kompozer. - HS thực hiện. 3) Hướng dẫn học tập ở nhà (4’): - Học thuộc bài. - Xem trước phần 3, 4, 5 “Bài 5: Tạo trang web bằng phần mềm Kompozer”. *) Rút kinh nghiệm tiết dạy: Giáo án môn Tin học – 9 Trang 2 /4 GV: Nguyễn Nhựt Minh Ngày soạn: 7/9/2012 Ngày dạy: 9/10/2012 (lớp 9A1) – 12/10/2012 (lớp 9A2) Tiết: 16 - Tuần: 8 BÀI 5: TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER 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: Rèn luyện kĩ năng thiết kế trang web bằng phần mềm Kompozer. 3) Thái độ: Rèn luyện thái độ nghiêm túc, yêu thích môn học. II. Chuẩn bị của GV và HS: - GV: Giáo án, SGK, máy vi tính. - HS: sách, tập, viết. III. Tiến trình bài dạy: 1) Kiểm tra bài cũ (5’): - Nêu các dạng thông tin trên trang web? Cho ví dụ? - Nêu cách tạo, mở và lưu trang web? 2) Dạy nội dung bài mới (30ph). Hoạt động của GV Hoạt động của HS Nội dung Hoạt động 1: Biết cách soạn thảo trang web - GV yêu cầu HS 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 nhận xét và kết luận - GV hướng dẫn HS soạn thảo và định dạng văn bản cho trang web - GV: Nêu các bước định dạng cho trang web - GV nhận xét. - HS đọc thông tin SGK - HS nghiên cứu trả lời - HS quan sát và thực hiện theo hướng dẫn - HS trả lời 3. Soạn thảo trang web: * Các định dạng cho trang web: - Đặ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ữ. - Căn lề đoạn văn bản. Hoạt động 2: Biết chèn ảnh vào trang web - GV giới thiệu: Khi muốn chèn hình ảnh chúng ta cần phải có sẵn tệp ảnh - GV hướng dẫn HS thực hiện thao tác chèn hình ảnh vào trang web - GV: Nêu thao tác chèn hình ảnh? - GV nhận xét và chốt lại thao tác - GV: Sau khi chèn hình ảnh, ta có thể thay đổi kích thước hình ảnh được không? Bằng cách nào? - GV nhận xét và hướng dẫn thao tác thay đổi kích thước hình ảnh - HS lắng nghe - HS quan sát và thực hiện theo hướng dẫn - HS trả lời - HS trả lời - HS thực hiện thao tác thay đổi kích thước ảnh 4. Chèn ảnh vào trang web * Thao tác chèn hình ảnh: - Chuyển con trỏ soạn thảo đến vị trí muốn chèn ảnh - Nháy chuột vào nút - Nháy chọn nút để chọn ảnh muốn chèn - Gõ nội dung ngắn mô tả tệp ảnh vào ô Toopltip - Chọn Don’t use altemate text - Nháy OK Giáo án môn Tin học – 9 Trang 3 /4 GV: Nguyễn Nhựt Minh Hoạt động 3: Biết tạo liên kết - GV yêu cầu HS đọc SGK và trả lời câu hỏi: + Thành phần quan trọng của trang web là gì? + Đối tượng chứa liên kết có thể là gì? + Trang web được liên kết với trang web như thế nào? - GV nhận xét và chốt nội dung - GV hướng dẫn HS cách tạo liên liên kết các trang web - GV giới thiệu: Tạo liên kết cho hình ảnh cũng tương tự - GV: Nêu các bước tạo liên kết? - GV nhận xét - HS nghiên cứu SGK và trả lời - HS theo dõi và thực hiện theo hướng dẫn - HS quan sát - HS trả lời 5. Tạo liên kết - Đối tượng chứa liên kết: văn bản, hình ảnh. - Trang web được liên kết có thể cùng website hoặc website khác. * Thao tác tạo liên kết: - Chọn phần văn bản muốn liên kết - Nháy nút (Link) trên thanh công cụ - 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 Open để tìm) - Nháy OK 3) Củng cố - luyện tập (6’): - GV yêu cầu HS đọc và trả lời câu hỏi trang 52 SGK. - HS đọc và trả lời. 4) Hướng dẫn học tập ở nhà (4’): - Xem lại nội dung bài thực hành 3 - Xem trước “Bài thực hành 4: Tạo trang web đơn giản”. *) Rút kinh nghiệm tiết dạy: Giáo án môn Tin học – 9 Trang 4 /4 . 8 BÀI 5: 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 Kompozer để tạo các trang. thiết kế trang web Kompozer - GV giới thiệu về phần mềm Kompozer - GV: Làm thế nào để khởi động phần mềm Kompozer? - GV yêu cầu HS khởi động phần mềm Kompozer