Tin Học 9
Giáo viên: Trần Hữu Tím
Tiết 15 + 16: Tạo trang Web bằng phần mềm Kompozer
www.themegallery.com
Nội dung bài học:
Các dạng thông tin trên trang Web
1
Phần mềm thiết kế trang Web Kompozer
2
Soạn thảo trang Web
3
Chèn ảnh vào trang Web
4
Tạo liên kết
5
1. Các dạng thông tin trên trang Web
Em hãy nêu các dạng thông tin trên trang web mà em biết?
Thông tin dạng văn bản.
Thông 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.
Có thể nói các thành phần trên trang web là gì?
Thành phần trên trang web là một tệp siêu văn bản đơn giản thường được tạo ra bằng ngôn ngữ HTML
Tập tin trang web có phần mở rộng là gì?
Phần mở rộng tập tin trang web thường là .htm hoặc .html


Hãy nêu cách nhanh nhất để khởi động phần mềm Kompozer ?
trên màn hình nền.
* Khởi động phần mềm:
Nháy đúp chuột vào biểu tượng
2. Phần mềm thiết kế trang Web 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?
Hình 44. 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


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
Em hãy cho biết phần mềm nào đã học có màn hình chính tương tự như của Kompozer ?
Đó là phần mềm soạn thảo văn bản Microsoft Word
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
Nháy nút trên thanh công cụ
Hãy nêu các cách tạo tệp văn bản mới trong Word?
C1: Nháy nút (New) trên thanh công cụ.
C2: Mở File, chọn New
C3: Nhấn Ctrl+N
2. Phần mềm thiết kế trang Web Kompozer
Hình 45. Màn hình thiết kế trang Web


b. Tạo, mở và lưu trang web .
* Lưu trang Web hiện thời :
Nháy nút
Nếu đây là trang Web lần đầu tiên lưu, sẽ xuất hiện hộp thoại :
Nhập tiêu đề cho trang Web
Nhấn nút
Hãy nêu các cách lưu tệp hiện thời trong Word?
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:
Chọn tệp cần mở hoặc gõ tên tệp cần mở.
Nhấn nút
Hãy nêu các cách mở một tệp văn bản đã có trong Word?
2. Phần mềm thiết kế trang Web Kompozer


Trang Web được thiết kế bằng phần mềm Kompozer
- 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.
3. Soạn thảo trang Web


Hãy liệt kê một số định dạng có thể sử dụng cho trang Web?
Đặt màu nền.
Chọn phông chữ, màu chữ, cỡ chữ cho văn bản.
Đặt kiểu chữ.
Căn lề đoạn văn bản.
Một số định dạng cho trang Web trong phần mềm Kompozer:
3. Soạn thảo trang Web
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.


Hãy nêu cách chèn một hình ảnh vào văn bản Word?
+ Đưa con trỏ soạn thảo vào vị trí muốn chèn ảnh.
+ Nháy nút Image trên thanh công cụ.
+ Nhập đường dẫn và tên tệp ảnh muốn chèn vào ô Image Location.
+ Gõ nội dung mô tả tệp ảnh vào ô Tooltip.
+ Nháy nút Ok
+ Đưa con trỏ soạn thảo vào vị trí cần chèn.
+ Vào Insert Picture From File...
+ Nháy chọn hình ảnh cần chèn
+ Nháy Insert
4. Chèn ảnh vào trang Web
Thao tác chèn ảnh như sau:
- 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.
4. Chèn ảnh vào trang Web


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
Đối tượng chứa liên kết có thể là văn bản hoặc hình ảnh.
5. Tạo liên kết
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!
Chúc các em học tốt !