BÀI 5: TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER

BÀI 5: TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER

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 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)

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:

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 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

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: