Bài 5. Tạo trang web bằng phần mềm Kompozer

Siêu văn bản là gì?
Siêu văn bản là loại văn bản tích hợp nhiều dạng dữ liệu khác nhau như văn bản, hình ảnh, âm thanh, video,… và các siêu liên kết tới các siêu văn bản khác.
Trang Web là gì?.
Trang Web là một siêu văn bản được gán địa chỉ truy cập trên Internet.
NHẮC LẠI KIẾN THỨC CŨ


Tiết 16:TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
1. Các dạng thông tin trên trang web
Hãy nêu các dạng thông tin trên trang web mà em biết?


Tiết 16:TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
- Văn bản.
- Hình ảnh.
- Âm thanh.
- Các đoạn phim.
- Các phần mềm.
- Các liên kết.
1. Các dạng thông tin trên trang web
* 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 web khác


1. Các dạng thông tin trên trang web
Hãy nêu cách nhanh nhất để khởi động phần mềm Kompozer ?
2. Phần mềm thiết kế trang web
Kompozer
trên màn hình.
* Khởi động phần mềm:
Nháy đúp chuột vào biểu tượng
Tiết 16: TẠO TRANG WEB BẰNG PHẦN MỀM 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


1. Các dạng thông tin trên trang web
2. Phần mềm thiết kế trang web
Kompozer
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
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER


1. Các dạng thông tin trên trang web
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
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Vậy để tạo tệp HTML mới em làm thế nào?
Hình 45. Màn hình thiết kế trang Web


1. Các dạng thông tin trên trang web
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
* 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
? Nhắc lại các cách lưu tệp hiện thời trong Word?
Tiết 16:TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER


1. Các dạng thông tin trên trang web
2. Phần mềm thiết kế trang web
Kompozer
b. Tạo, mở và lưu trang web .
* Tạo tệp mới
- Nháy nút
* Lưu trang Web hiện thời
- Nháy nút
* 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
? Nhắc lại các cách mở một tệp văn bản đã có trong Word?
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER


1. Các dạng thông tin trên trang web
2. Phần mềm thiết kế trang web
Kompozer
b. Tạo, mở và lưu trang web .
* Tạo tệp mới
- Nháy nút
* Lưu trang Web hiện thời
- Nháy nút
* Mở một tệp đã có
- Nháy nút
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER


1. Các dạng thông tin trên trang web
Hình 48. Trang Web được thiết kế bằng phần mềm Kompozer
2. Phần mềm thiết kế trang web
Kompozer
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.
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER


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
- 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.
? Em 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:
Tiết 16: TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Bài tập củng cố
Bài 1. Chọn đáp án đúng trong các câu sau:
Câu a: Biểu tượng của phần mềm Kompozer là:
Câu b: Mở tệp đã có trên Kompozer, nháy nút:
Bài tập củng cố
Bài 2. Hãy nêu tác dụng định dạng của các nút sau :

Định dạng Kiểu chữ
Định dạng Phông chữ
Định dạng Màu chữ, màu nền
Định dạng cỡ chữ
Định dạng Căn lề
1
4
5
3
2