Giáo án môn Tin học 9 - Tiết 17, 18: Bài 5: Tạo trang web bằng phần mềm kompozer

	Ngày soạn: 18/10/2015 Ngày dạy: 21/10/2015 Dạy lớp: 9B
	 22/10/2015 Dạy lớp: 9A
Tiết 17 – Bài 5: TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER (t1)
I. MỤC TIÊU: 
 1. Kiến thức
- Biết có thể sử dụng phần mềm Kompozer để tạo các trang web đơn giản.
- Biết một số dạng thông tin có thể có trên trang web và khả năng tạo các dạng thông tin đó trên trang web của phần mềm Kompozer .
 2. Kỹ năng
 - Học sinh cần nhận thức được tầm quan trọng của môn học 
 3. Thái độ 
 - Yêu thích môn học, có ý thức học tập, hăng say phát biểu.
II. CHUẨN BỊ: 
 1. Giáo viên: Giáo án, SGK tin 9.
 2. Học sinh: Học bài, làm bài tập, đọc trước bài mới.
III. TIẾN TRÌNH LÊN LỚP 
	1. BÀI CŨ: (7’)
 * Câu 1: Thế nào là trang web?
 * Câu 2: Thế nào là thư điện tử? dịch vụ thư điện tử có ưu điểm gì?
 * Đặt vấn đề: (1’)
 Các em đã được biết thể nào là một trang web, trên trang web có chứa các dạng thông tin cơ bản là? <văn bản, âm thanh, các liên kết, ... Vậy làm thế nào để đưa được câc dạng thông tin đó lên trang web?
	Để hiểu rõ vấn đề này ta tìm hiểu bài mới.
 2. BÀI MỚI:
	* Hoạt động giáo viên và học sinh
Nội dung
* GV: Ngày nay, một trong những cách thức hiệu quả để phổ biến thông tin là tạo các trang web chứa thông tin và đăng tải trên Internet.
?Hãy cho biết khi em truy cập các trang web em thấy có những dạng thông tin nào?
* HS: Dạng văn bản, hình ảnh, âm thanh, các đoạn phim, các liên kết.
* GV: - Trên trang web có các dạng thông tin được thể hiện phong phú, sinh động, hấp dẫn, đa dạng.
- Cho HS quan sát một số các trang web – HS quan sát
- Tuy noäi dung phong phuù nhöng trang web laïi laø teäp sieâu vaên baûn ñôn giaûn thöôøng ñöôïc taïo ra baèng ngoân ngöõ HTML
1. Các dạng thông tin trên trang web: (7’)
Thông tin trên trang web rất đa dạng.
* Trang web có các thành phần sau:
 - Dạng văn bản.
 - Dạng hình ảnh.
 - Dạng âm thanh.
 - Các đoạn phim.
 - Các phần mềm.
 - Thành phần tương tác (các liên kết): Cho phép chuyển nhanh sang một trang web khác.
* HOẠT ĐỘNG 3: Tìm hiểu phần mềm thiết kế trang web Kompozer
* HS: Nghieân cöùu sgk phần 2
* GV: Ñeå khôûi ñoäng phaàn meàm ta laøm như thế nào?
* HS: Traû lôøi caâu hoûi
* GV: Cho HS quan sát biểu tượng của phần mềm Kompozer – HS quan sát
* GV: Y/c HS quan saùt H44 SGK – HS quan sát
?Cho bieát caùc thaønh phaàn treân maøn hình Kompozer?
* HS: traû lôøi
* GV: Töông töï nhö caùc phaàn meàm soaïn thaûo vaên baûn khaùc, ta coù theå môû teäp ñaõ coù hoaëc löu laïi nhöõng teäp baèng leänh naøo? – HS traû lôøi
* GV: - Y/c HS quan saùt H45 SGK trang 47 – HS quan sát thaáy coù caùc trang chöùa caùc teäp HTML ñang mở và nút lệnh bên phải màn hình dùng để đóng tệp HTML hiện thời. 
?Hãy cho biết nút lệnh dùng để mở cửa sổ mới ? – HS trả lời.
 - Y/c HS quan saùt H46 SGK trang 48 ñeå thaáy vieäc môû teäp – HS quan sát.
?Cho biết nút lệnh dùng để mở tệp tin HTML ? – HS trả lời.
 - Y/c HS quan saùt H47 SGK trang 48 ñeå thaáy vieäc löu laàn ñaàu tieân sẽ như thế nào.
?Cho biết nút lệnh dùng để lưu tệp tin HTML hiện thời?
* HS : Trả lời
?Cho biết nút lệnh dùng để đóng tệp tin HTML ?
* HS : Trả lời
* GV : Thao tác mẫu về lưu trang web lần đầu – HS quan sát.
* Gọi 1 em thao tác lại – HS thao tác
2. Phần mềm thiết kế trang web Kompozer (12’)
Nháy đúp chuột vào biểu tượng Kompozer 
 a. Màn hình chính của Kompozer:
- 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:
- Nhaùy nuùt t reân thanh coâng cuï ñeå taïo teäp HTLM môùi cuûa soå soaïn thaûo hieän ra.
- Nhaùy nuùt treân thanh coâng cuï ñeå môû teäp HTLM ñaõ coù, choïn đường dẫn đến tệp tin HTLM treân hoäp thoaïi vaø nhaùy nuùt Open
- Nhaùy nuùt (hoaëc phím Ctrl+S ) treân thanh coâng cuï neáu muoán löu laïi teäp hieän thôøi.
- Nhaùy nuùt ñeå ñoùng trang HTLM
* HOẠT ĐỘNG 4: Tìm hiểu các tạo trang web bằng phần mềm Kompozer
?Hãy nêu cách soạn thảo văn bản ở Word? – HS trả lời
* GV: ở phần mềm Kompozer cách soạn thảo trang web cũng tương tự như soạn thảo văn bản ở Word.
?Khi soạn thảo ta có cần định dạng trang web không? 
* HS: Khi soạn thảo trang web ta cũng rất cần định dạng để làm nổi bật nội dung cần trình bày.
?Ta có thể định dạng như thế nào trên trang web?
* HS: Đặt màu nền, chọn phông, kiểu chữ, cỡ chữ, màu chữ, căn lề cho đoạn văn bản, 
?Hãy cho biết các nút lệnh và chức năng của nó dùng để định dạng? – HS trả lời
* Hoạt động nhóm.
* HS hoạt động theo bàn soạn thảo và định dạng cho trang web,
* Đại diện nhóm trình bày – cả lớp nhận xét, góp ý bổ sung
3. Soạn thảo trang web: (10’)
 * Có thể dùng phần mềm soạn thảo văn bản để soạn thảo nội dung trang web rồi lưu dưới dạng HTML
* Ta soạn thảo tương tự như các phần mềm soạn thảo.
* Caùc ñònh daïng sau:
- Ñaët maøu neàn cho trang web.
- Choïn phoâng chöõ, maøu chöõ vaø côõ chöõ cho vaên baûn.
- Ñaët kieåu chöõ (chöõ ñaäm, chöõ nghieâng hay chöõ gaïch chaân).
- Caên leà ñoaïn vaên baûn (caên traùi, caên phaûi, caên ñeàu hai beân hoaëc caên giöõa)
3. CỦNG CỐ, LUYỆN TẬP (5’)
Câu 3: Tác dụng của các liên kết trên trang web là thành phần tương tác cho phép chuyển nhanh sang một trang khác.
4. HƯỚNG DẪN HS HỌC TẬP VỀ NHÀ: (3’)
 - Về nhà tập soạn thảo trang web bằng phần mềm Kompozer.
 - Làm các bài tập ở SGK trang 52.
 - Xem tiếp bài 5 phần 4 và 5 để tiết sau học.
 ------------------------------------------------------------
Ngày soạn: 18/10/2015 Ngày dạy: 23/10/2015 Dạy lớp: 9A
	 24/10/201 Dạy lớp: 9B
Tiết 18 – Bài 5: TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER (t2)
I. MỤC TIÊU: 
 1. Kiến thức
- Biết khả năng tạo các dạng thông tin văn bản, hình ảnh trên trang web của phần mềm Kompozer .
2. Kỹ năng
 - Học sinh cần nhận thức được tầm quan trọng của môn học 
3. Thái độ 
 - Yêu thích môn học, có ý thức học tập, hăng say phát biểu.
II. CHUẨN BỊ: 
 1. Giáo viên: Giáo án, SGK tin 9.
 2. Học sinh: Học bài, làm bài tập, đọc trước bài mới.
	1. BÀI CŨ: (7’)
 * Câu 1: Hãy cho biết tác dụng của các liên kết và các dạng thông tin trên trang web.
 * Câu 2: Hãy cho biết tác dụng của các nút lệnh trên cửa sổ Kompozer?
 * Câu 3: Nêu các thành phần cơ bản trên trang Web?
 * Đặt vấn đề: (1’)
 GV: Các em đã được biết các thành phần cơ bản trên trang web và biết cách tạo nội dung văn bản cho trang web. Vậy để dưa thêm hình ảnh và sang trang kế tiếp ta làm thế nào?
	Để hiểu rõ vấn đề này ta tìm hiểu bài mới. 
 2. BÀI MỚI:
	Hoạt động giáo viên và học sinh
Ghi bảng
?Trang web có những dạng thông tin nào?
* HS: Văn bản, hình ảnh, âm thanh và các liên kết.
?Vì sao cần đưa hình ảnh, âm thanh vào trang web?
* HS: Trả lời
* GV: Để văn bản dễ hiểu, sinh động ta cần đưa thêm hình ảnh vào để minh hoạ và chia sẻ thông tin.
?Làm thế nào để đưa được hình ảnh vào trang web?
* HS: Trả lời
* GV: Muoán cheøn hình aûnh vào trang web ta caàn phaûi coù sẵén teäp aûnh.
* HS: Nghieân cöùu sgk
* GV: - Cho HS quan sát trang web và GV thao tác mẫu chèn thêm hình ảnh vào trang web.
?Neâu thao taùc cheøn hình aûnh? - HS trả lời
* GV: Nhaän xeùt vaø choát lại. Ta coù theå nhaùy chuoät vaøo nuùt beân phaûi oâ Image Location ñeå môû hoäp thoaïi tìm teäp aûnh
* HS: Quan sát
* GV: Thao tác mẫu → HS quan sát
* Gọi hai em thao tác – HS thao tác
* GV: Ta có thể thay đổi kích thước cho ảnh bằng cách đưa chuột vào một trong bốn ô vuông ở bốn góc hình ảnh → di chuyển để chọn.
4. Chèn ảnh vào trang web: (15’)
* Mục đích: Chèn hình ảnh vào trang web là để minh hoạ cho nội dung cần trình bày và chia sẻ thông tin.
B1: Nháy chọn vị trí cần chèn ảnh.
B2: Nháy chọn nút lệnh → Nháy chọn nút Choose File beân phaûi oâ Image Location ñeå môû hoäp thoaïi tìm teäp aûnh
B3: - Gõ chú thích vào oâ Tooltip → OK
 - Nếu không muốn thay đổi nhãn tên ta chọn mục Don’t use alternate text (đon diu on tờ nây tét)
- Chọn lại Size cho hình ảnh tại mục Dimension (đi men dần) → Custom size
 + Width: Gõ độ rộng cho ảnh.
 + Height: Gõ độ cao cho ảnh
B4: OK
HOẠT ĐỘNG 2: Tìm hiểu cách tạo liên kết.
* GV: Y/c HS ñoïc SGK
?Thaønh phaàn quan troïng cuûa trang web laø gì?
* HS: traû lôøi các liên kết
?Ñoái töôïng chöùa lieân keát coù theå laø gì? 
* HS: Có thể là văn bản hoặc hình ảnh.
?Trang web ñöôïc lieân keát tới trang web coù theå?
* HS: traû lôøi có thể trong cùng một website hoặc trên một website khác.
* GV: - Tạo liên kết có nghĩa là tạo ra một phương tiện giúp ta truy cập nhanh đến trang web khác.
 - Cho HS quan sát trang web và nháy chọn liên kết
 - GV thao tác mẫu → HS quan sát
?Nêu cách tạo liên kết?
* HS: Trả lời
* Gọi hai em thao tác – HS thao tác 
5. Tạo liên kết: (15’)
 - Thành phần quan trọng nhất của trang web là các liên kết hay còn gọi là thành phần tương tác cho phép chuyển nhanh sang một trang web khác có thể trong cùng website hoặc website khác
 - Ñoái töôïng chöùa lieân keát coù theå laø vaên baûn hoaëc hình aûnh.
* Thao taùc tao lieân keát:
B1: Choïn đối tượng chứa lieân keát (ví dụ: Trang 1 hoặc Trang 2 hoặc Hình ảnh)
B2: Nhaùy nuùt treân thanh coâng cuï. 
B3: Nháy chọn nút Choose File beân phaûi oâ Link Location ñeå môû trang web → OK
3. CỦNG CỐ, LUYỆN TẬP: (4’)
 - Cần nắm vững cách chèn hình ảnh vào trang web và cách tạo liên kết .
4. HƯỚNG DẪN HS HỌC TẬP VỀ NHÀ: (3’)
 - Về làm các bài tập ở SGK trang 52
 - Tập chèn hình ảnh và tạo liên kết vào trang web.
 - Xem trước bài thực hành 4 để tiết sau thực hành.
	 Ngµy 19 th¸ng 10 n¨m 2015
 Ký duyÖt cña TTCM
 Nguyễn Văn Đông