Bài giảng Tin học Lớp 9 - Tiết 15+16: Tạo trang Web bằng phần mềm Kompozer - Trần Hữu Tím

Nội dung text: Bài giảng Tin học Lớp 9 - Tiết 15+16: Tạo trang Web bằng phần mềm Kompozer - Trần Hữu Tím

1. “ Add your company slogan ” Tin Học 9 Giáo viên: Trần Hữu Tím LOGO
2. Tiết 15 + 16: Tạo trang Web bằng phần mềm Kompozer www.themegallery.com
3. Nội dung bài học: 1 Các dạng thông tin trên trang Web 2 Phần mềm thiết kế trang Web Kompozer 3 Soạn thảo trang Web 4 Chèn ảnh vào trang Web 5 Tạo liên kết
4. 1. Các dạng thông tin trên trang Web ❑ ➢EmThônghãy tinnêu dạngcácvăndạngbảnthông. tin trên trang web mà em➢ Thôngbiết? tin dạng hình ảnh. ➢ Thông tin dạng âm thanh. ➢ Các đoạn phim. ➢ Các phần mềm. ➢ Các liên kết. ThànhCó thể phầnnói các trên thành trang phần web trênlà một trang tệp web siêu là văn gì? bản đơn giản thường được tạo ra bằng ngôn ngữ HTML TậpPhần tin mở trang rộng web tập có tin phần trang mở web rộng thường là gì? là .htm hoặc .html
5. 2. Phần mềm thiết kế trang Web Kompozer * Khởi động phần mềm: Nháy đúp chuột vào biểu tượng trên màn hình nền. Hãy nêu cách nhanh nhất để khởi động phần mềm Kompozer ?
6. Thanh bảng chọn Thanh công cụ Cửa sổ soạn thảo Hình 44. Màn hình chính của Kompozer Quan sát hình và cho biết màn hình chính của Kompozer gồm những thành phần nào?
7. 2. Phần mềm thiết kế trang Web Kompozer Thanh b¶ng chän Thanh c«ng cô 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 Cöa sæ so¹n th¶o EmĐó làhãy phầncho mềmbiết soạnphần thảomềm vănnào đãbảnhọc Microsoftcó màn Wordhình chính tương tự như của Kompozer ?
8. 2. Phần mềm thiết kế trang Web Kompozer b. Tạo, mở và lưu trang web . * Tạo tệp HTML mới C¸c trang ➢ Nháy nút trên thanh chøa c¸c tÖp HTML công cụ Hãy nêu các cách tạo tệp văn bản ®ang më mới trong Word? ➢ C1: Nháy nút (New) trên Nót nµy dïng ®Ó thanh công cụ. ®ãng tÖp HTML hiÖn thêi. ➢ C2: Mở File, chọn New ➢ C3: Nhấn Ctrl+N
9. 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. Hình 45. Màn hình thiết kế trang Web
10. 2. Phần mềm thiết kế trang Web Kompozer b. Tạo, mở và lưu trang web . * Lưu trang Web hiện thời : C¸c trang chøa c¸c tÖp HTML ➢ Nháy nút ®ang më Hãy nêu các cách lưu tệp hiện ➢ Nếu đây là trang Web lần đầu tiên thời trong Word? Nót nµy dïng ®Ó lưu, sẽ xuất hiện hộp thoại : ®ãng tÖp HTML hiÖn thêi. ➢C1: Nháy nút trên thanh ➢ Nhập tiêu đề cho trang Web công cụ. ➢ Nhấn nút ➢C2: Mở File, chọn Save ➢C3: Nhấn Ctrl+S
11. 2. Phần mềm thiết kế trang Web Kompozer b. Tạo, mở và lưu trang web . * Mở một tệp đã có ➢ Nháy nút xuất hiện hộp thoại: C¸c trang Hãy nêu các cách mở một tệp chøa c¸c tÖp HTML ➢ Chọn tệp cần mở hoặc gõ tên tệp văn bản đã có trong Word? ®ang më cần mở. ➢ Nhấn nút ➢C1:Nháy nút trên thanh công cụ. Nót nµy dïng ®Ó ➢C2: Mở File, chọn Open ®ãng tÖp HTML hiÖn thêi. ➢C3: Nhấn Ctrl+O
12. 3. Soạn thảo trang Web - Cách soạn thảo và định dạng văn bản tương tự như trong các phần mềm soạn thảo văn bản khác. Trang Web được thiết kế bằng phần mềm Kompozer
13. 3. Soạn thảo trang Web C¨n lÒ Ph«ng ch÷ Cì ch÷ - Một số định dạng cho trang Web trong phần mềm Kompozer: Mµu ch÷ Mµu nÒn KiÓu ch÷ + Đặt màu nền. trang web + Chọn phông chữ, màu chữ, cỡ chữ cho văn bản. + Đặt kiểu chữ. Hãy liệt kê một số định dạng + Căn lề đoạn văn bản. có thể sử dụng cho trang Web?
14. 4. Chèn ảnh vào trang Web ❑ Để chèn một ảnh vào trang Web chúng ta cần tạo ra sẵn tệp ảnh này trên máy tính và nhớ rõ vị trí lưu trữ của ảnh này.
15. 4. Chèn ảnh vào trang Web ➢ Thao tác chèn ảnh như sau: Hãy nêu cách chèn một hình + Đưa con trỏ soạn thảo vào vị trí muốn ảnh vào văn bản Word? chèn ảnh. + Đưa con trỏ soạn thảo vào vị + Nháy nút Image trên thanh công cụ. trí cần chèn. + Nhập đường dẫn và tên tệp ảnh muốn + Vào Insert →Picture →From chèn vào ô Image Location. File + Gõ nội dung mô tả tệp ảnh vào ô + Nháy chọn hình ảnh cần chèn Tooltip. + Nháy Insert + Nháy nút Ok
16. 4. Chèn ảnh vào trang Web - Xuất hiện hộp hội thoại dưới đây dùng để nhập thông tin ảnh muốn chèn.
17. 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. Các thao tác tạo liên kết trong phần mềm Kompozer. + Chọn phần văn bản (hình ảnh) muốn tạo liên kết. + Nháy nút trên thanh công cụ. + Nhập địa chỉ trang web đích vào ô Link Location + Nháy nút OK để kết thúc
18. Thực Hành Các em hãy tạo trang web riêng cho cá nhân mình: Tiêu đề: WEBSITE Cá Nhân Yêu cầu: Xây dựng một website cá nhân, có chèn hình ảnh, soạn thảo nội dung và các liên kết giới thiệu về bản thân em!
19. “ Add your company slogan ” LOGO