Vôùi caùc böôùc nhö treân, em naøo coù theå thöïc hieän laïi caùc thao taùc ñeå taïo lieân keát cho moät phaàn vaên baûn. HS: Thöïc hieän[r]
(1)Tuần: 1 Ngày soạn: / /2010
Tiết : 1-2 Ngày dạy : / /2010
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 dạng thông tin trang web
- Biết Phần mềm thiết kế trang web Kompozer 2 Kỹ năng:
- Biết cách thiết kế trang web 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 II CHUẨN BỊ
1 Giáo viên: Giáo án, SGK, máy tính. 2 Học sinh: Học cũ, xem trước mới. III TIẾN TRÌNH LÊN LỚP
1 Ổn định lớp: 2 Kiểm tra cũ: 3 Bài mới:
Ngày nay, cách thức hiệu để phổ biến thông tin tạo trang web chứa thông tin đăng tải lên Internet Nhưng làm để tạo được trang web mong muốn? Hôm cô hướng dẫn cho em cách để tạo trang web Cụ thể làm vào học hôm nay: “Tạo trang web phần mềm Kompozer”.
HOẠT ĐỘNG CỦA THẦY VÀ TRỊ NỘI DUNG
Muốn tạo trang web em phải biết trang web có dạng thơng tin nào, để biết rõ vào phần
Hoạt động 1: Các dạng thơng tin trang web. Trình chiếu số trang web Yêu cầu học sinh quan sát nhận xét thông tin trang web bao gồm dạng nào?
HS: Quan sát trả lời: dạng văn bản, hình ảnh, âm thanh,…
GV: Nhận xét câu trả lời đưa kết luận
BÀI 5: TẠO TRANG WEB BẰNG PHẦN MỀM
KOMPOZER
1 Các dạng thông tin trang web.
- Thông tin dạng văn - Thơng tin dạng hình ảnh - Thơng tin dạng âm - Các đoạn phim
- Các phần mềm
(2)Tuy có nội dung phong phú trên, thực chất trang web lại tệp siêu văn đơn giản thường tạo ngôn ngữ HTML Các tệp siêu văn thường có phần mở rộng *.htm *.html gọi tệp HTML phần mềm học phần mềm tạo siêu văn Để biết rõ cô mời em sang phần
Hoạt động 2: phần mềm thiết kế trang web Kompozer: Hiện có nhiều phần mềm thiết kế trang web Mặc dù phần mềm miễn phí Kompozer phần mềm thiết kế trang web với đầy đủ tính phần mềm thiết kế chuyên nghiệp
? Để khởi động phần mềm Kompozer ta làm ? HS: Để khởi động phần mềm Kompozer ta nháy đúp vào biểu tượng hình
a Màn hình Kompozer:
Chiếu hình 44/SGK, yêu cầu học sinh quan sát cho biết thành phần hình?
HS: Quan sát, trả lời câu hỏi
GV: Nhận xét, chốt lại: Có bảng chọn, cơng cụ, cửa sổ soạn thảo
b Tạo, mở lưu trang web:
? Tương tự phần mềm soạn thảo văn khác, ta có thể tạo tập tin HTML mới, mở tập tin HTML có hoặc lưu lại tập tin HTML lệnh nào?
HS: Tạo mới: Nháy nút New Mở: Nháy nút Open
Lưu: nháy nút Save/ Ctrl-S
web khác
2 phần mềm thieát keá trang web Kompozer:
Để khởi động phần mềm
Kompozer ta nháy đúp vào biểu tượng hình a) Màn hình Kompozer:
b) Tạo, mở lưu trang web: - Nháy nút công cụ để tạo tệp HTML
- Để mở tệp HTML có, nháy nút công cụ, chọn tệp HTML hộp thoại xuất sau nháy nút
Open
(3)Gọi số em thực hành máy
? Nếu em muốn đóng cửa sổ Kompozer ta phải nháy nút nào?
HS: Nháy nút Close tiêu đề.
? Vậy muốn đóng trang thời thơi nháy nút nào?
HS: Nháy nút hàng tiêu đề trang Thao tác máy
Hoạt động 3: Soạn thảo trang web:
Đối với phần mềm kompozer, ta nhập văn định dạng văn tương tự phần mềm soạn thảo văn khác Cụ thể em quan sát:
Đây công cụ phần meàm
Kompozer, em thấy nút lệnh giống phần mềm word khơng? Vậy cho cô biết nút lệnh dùng để đổi phơng chữ ?
HS: Trả lời.
? Cịn nút lệnh khác dùng làm gì? HS: Nêu chức nút lệnh
GV: Nhận xét kết luận, giới thiệu thêm nút lệnh đổi màu trang web Hướng dẫn học sinh thực hành Gọi số em thực lại thao tác đổi phông chữ, cỡ chữ, kiểu chữ,…
Hoạt động 4: Chèn ảnh vào trang web:
Ngoài việc soạn thảo, phần mềm kompozer cịn có thể chèn hình ảnh Theo em, số nút lệnh trên cơng cụ nút lệnh dùng để chèn ảnh? HS: Nút Image.
Vậy bước chèn ảnh nào, quan sát nhé! (GV thực bước chèn ảnh vào tranh web)
HS: Nêu lại bước chèn ảnh. GV: Nhận xét, rút kết luận:
Đầu tiên phải
chuyển trỏ soạn thảo đến vị trí muốn chèn ảnh nháy nút Một hộp thoại sau xuất
- Nháy nút hàng tiêu đề trang để đóng trang hành
3 Soạn thảo trang web:
Cách soạn thảo định dạng văn tương tự phần mềm soạn thảo văn
4 Chèn ảnh vào trang web:
Các bước chèn ảnh vào tranh web: B1: Chuyển trỏ soạn thảo đến vị trí muốn chèn ảnh nháy nút
(4) Nhập đường dẫn vào ô Image
Location Ta nháy chuột vào nút bên phải ô
Image Location để tìm tệp ảnh đĩa
Chúng ta gõ nội dung ngắn
mơ tả tệp ảnh vào Tooltip Dịng chữ xuất trỏ chuột đến hình ảnh duyệt web
Cuối nháy OK
Mời vài em thực lại thao tác
Lưu ý: Sau chèn ảnh, ta thay đổi kích thước ảnh cách dễ dàng cách kéo thả chuột
Hoạt động 5: Tạo liên kết:
Các siêu liên kết thành phần quan trọng trang web, tạo liên kết phần mềm kompozer nào? Mời em quan sát thao tác GV thực thao tác tạo liên kết cho phần văn
? Em nêu lại bước tạo liên kết? HS: Nêu thao tác tạo liên kết.
GV: Nhận xét, rút kết luận.
Với bước trên, em thực lại thao tác để tạo liên kết cho phần văn
HS: Thực hiện
? Vậy ta muốn tạo liên kết cho hình ảnh sao? Có khác gì so với tạo liên kết cho phần văn hay không?
B2:
Nhập đường dẫn vào ô Image Location nháy vào nút để tìm file ảnh
B3 : Gõ nội dung ngắn mô tả tệp ảnh vào ô Tooltip
B4: Nháy OK
5 Tạo liên kết:
Để tạo liên kết cho phần văn bản:
B1: Chọn phần văn muốn tạo liên kết
B2: Nháy nút Link
B3: Nhập địa trang web đích vào ô Link Location
(5)HS: Thực hiện.
GV: Các thao tác để tạo liên kết cho hình ảnh hồn tồn tương tự, hộp thoại có khác