Slide 1 Phân biệt siêu văn bản với trang web? 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 2Phân biệt siêu văn bản với trang web?
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à 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 (T1)
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?
Trang 4Tiết 16:TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER (T1)
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
* Thực chất trang web là tệp siêu
văn bản được được tạo ra bằng
ngôn ngữ HTML.
Các tệp siêu văn bản thường có
phần mở rộng là *.htm hoặc
*.html còn được gọi là tệp HTML
Trang 61 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 (T1)
a Màn hình chính của Kompozer
Trang 7Quan 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 chính nào?
Hình 44 Màn hình chính của Kompozer
Cửa sổ soạn thảo
Trang 81 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
Tiết 16: TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Trang 91 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, lưu và mở 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.
Tiết 16: TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
? Theo em để tạo tệp HTML mới em làm thế nào?
Trang 10Các trang chứa các tệp HTML
đang mở
Nútnày dù ng để
đóng tệp HTML hiện thời.
Hỡnh 45 Màn hỡnh thiết kế trang Web
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 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.
* Lưu tệp hiện thời:
- 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
Tiết 16:TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
- Nhỏy nỳt trờn thanh cụng cụ
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 trờn thanh cụng cụ
Các trang chứa các tệp HTML
đang mở
Nútnàydù ng để
đóng tệp HTML hiện thời
* Lưu tệp hiện thời:
* Mở một tệp HTML đó 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ở
Tiết 16:TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
- Nhỏy nỳt trờn thanh cụng cụ
Trang 131 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útnàydù ng để
đóng tệp HTML hiện thời
* Lưu tệp hiện thời
- Nhỏy nỳt
* Mở một tệpHTML đó cú
- Nhỏy nỳt
Tiết 16:TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Trang 141 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
Tiết 16: TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Trang 151 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Ò
? Em hãy liệt kê một số định dạng sử dụng cho trang Web?
+ Chọn phông chữ,
+ Đặt màu nền, màu chữ,
+ Chọn cỡ chữ,
+ Đặt kiểu chữ,
- 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 16Bài tập củng cố
Bài 1 Chọn đáp án đúng trong các câu sau:
Trang 17Câu a: Biểu tượng của phần mềm
Kompozer là:
Trang 18Câu b: Mở tệp HTML đã có trên Kompozer,
nháy nút:
Trang 19Bài tập củng cố
Bài 2 Hãy nối tác dụng định dạng của các nút lệnh
với câu tương ứng :
Trang 20Thanh b¶ng chän
hanhc«ngcô
Cöasæ so¹nth¶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
1
4 5 3 2