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..[r]
Trang 2Siê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.
Trang 3Tiế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
Trang 4Tiế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
Trang 51 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
Trang 6Quan 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
Cửa sổ soạn thảo
Trang 71 Các dạng thông tin trên trang web
2 Phần mềm thiết kế trang web
Kompozer
a Màn hình chính của Kompozer
T
Thanh b¶ng chän
hanh c«ng cô
Cöa sæ so¹n th¶o
- 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
Trang 81 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ụ
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ó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?
Trang 9Cá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
Trang 101 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
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.
* 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?
-C1: Nhỏy nỳt trờn thanh cụng cụ
-C2: Mở File, chọn Save -C3: Nhấn Ctrl+S
Tiết 16:TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Trang 111 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
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
* 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ắc lại cỏc cỏch mở một tệp văn bản đó cú trong Word?
-C1:Nhỏy nỳt trờn thanh cụng cụ
-C2: Mở File, chọn Open -C3: Nhấn Ctrl+O
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Trang 121 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
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
* 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
Trang 131 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
Trang 141 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
Ph«ng ch÷
Mµu ch÷ Mµu nÒn
trang web
Cì ch÷
KiÓu ch÷
C¨n lÒ
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
Trang 15Bài tập củng cố
Bài 1 Chọn đáp án đúng trong các câu sau:
Trang 16Câu a: Biểu tượng của phần mềm
Kompozer là:
Trang 17Câu b: Mở tệp đã có trên Kompozer, nháy
nút:
Trang 18Bà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 :
Trang 19Thanh b¶ng chän
hanh c«ng cô
Cöa sæ so¹n th¶o
T
Thanh b¶ng chän
hanh c«ng cô
Cöa sæ so¹n th¶o
T
Thanh b ¶ng ch än
hanh c«ng cô
Cöa sæ so¹n th¶o
T
Thanh b¶ng chän
hanh c«ng cô
Cöa sæ so¹n th¶o
T
Thanh b¶ng chän
hanh c«ng cô
Cöa sæ so¹n th¶o
Đị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