Để mở tệp HTML đã lưu ta sử dụng lệnh nào? Để mở tệp HTML đã lưu ta sử dụng lệnh nào?.. Phần mềm thiết kế trang web Kompozer. b) Tạo, mở và lưu trang Web b) Tạo, mở và lưu trang Web[r]
(1)(2)Tạo trang Web mạng có mục đích ? Tạo trang Web mạng có mục đích ?
Tạo trang web mạng để phổ Tạo trang web mạng để phổ biến thông tin rộng rãi
biến thông tin rộng rãi Các trang web chứa gì?
Các trang web chứa gì?
Chứa loại thông tin (Chứa loại thông tin (thông tin thông tin
web phong phú, sinh động, hấp dẫn
web phong phú, sinh động, hấp dẫn
được cập nhật liên tục
(3)(4)Nêu thành phần (hay dạng
Nêu thành phần (hay dạng
thông tin) trang web?
thông tin) trang web?
(5)
Trang web có thành phần:Trang web có thành phần:
- Thông tin dạng văn trình bày phong phú - Thơng tin dạng văn trình bày phong phú - Dạng hình ảnh với nhiều màu sắc, kiểu, kích - Dạng hình ảnh với nhiều màu sắc, kiểu, kích
thước thước
và hiệu ứng hiệu ứng
- Thông tin dạng âm thanh, đoạn phim,… - Thông tin dạng âm thanh, đoạn phim,…
- Các phần mềm nhúng hoàn toàn vào trang web - Các phần mềm nhúng hoàn toàn vào trang web - Đặc biệt, trang web có liên kết
- Đặc biệt, trang web có liên kết
(6)Trang Web tệp siêu văn
Trang Web tệp siêu văn
tạo ngôn ngữ HTML (Ngôn ngữ
tạo ngôn ngữ HTML (Ngôn ngữ
đánh dấu siêu văn bản) thường có phần
đánh dấu siêu văn bản) thường có phần
mở rộng
mở rộng *.htm*.htm *.html*.html
(7)Để tạo trang web ta sử dụng phần mềm nào? Để tạo trang web ta sử dụng phần mềm nào?
2 Phần mềm thiết kế trang web Kompozer
Có nhiều phần mềm dùng để thiết kế web Có nhiều phần mềm dùng để thiết kế web
Dream weaver, Front page, ASP,… Dream weaver, Front page, ASP,…
Kompozer phần mềm đơn giản,dễ sử dụng, miễn phí Kompozer phần mềm đơn giản,dễ sử dụng, miễn phí
Để khởi động ta nháy đúp chuột biểu tượng Để khởi động ta nháy đúp chuột biểu tượng
Kompozer.exe
(8)T Thanh b¶ng chän
hanh công cụ
Cửa sổ soạn thảo a) Mn hình chính
a) Màn hình chính
2 Phần mềm thiết kế trang web Kompozer
(9)b) Tạo, mở lưu trang Web b) Tạo, mở lưu trang Web
C¸c trang
chøa c¸c tƯp HTML ®ang më
Nút dùng để
đóng tệp HTML thời
- Nháy nút công cụ để tạo tệp HTML mới.
2 Phần mềm thiết kế trang web Kompozer
(10)- Nháy nút công cụ để mở tệp HTML có, chọn tệp HTML hộp thoại nháy nút Open
2 Phần mềm thiết kế trang web Kompozer
b) Tạo, mở lưu trang Web b) Tạo, mở lưu trang Web
(11)- Nháy nút (hoặc phím Ctrl+S ) cơng cụ muốn lưu lại tệp thời.
- Nháy nút để đóng trang HTML
2 Phần mềm thiết kế trang web Kompozer
b) Tạo, mở lưu trang Web b) Tạo, mở lưu trang Web
(12)-Nháy nút công cụ để tạo tệp HTML cửa sổ soạn thảo
-Nháy nút công cụ để mở tệp HTML có, chọn tệp HTML hộp thoại nháy nút Open
-Nháy nút (Ctrl+S ) công cụ muốn lưu lại tệp thời
- Nháy nút để đóng trang HTML b) Tạo, mở lưu trang Web
b) Tạo, mở lưu trang Web
(13)
Trang web có thành phần:Trang web có thành phần:
- Thơng tin dạng văn trình bày phong phú - Thơng tin dạng văn trình bày phong phú - Dạng hình ảnh với nhiều màu sắc, kiểu, kích - Dạng hình ảnh với nhiều màu sắc, kiểu, kích
thước thước
và hiệu ứng hiệu ứng
- Thông tin dạng âm thanh, đoạn phim,… - Thông tin dạng âm thanh, đoạn phim,…
- Các phần mềm nhúng hoàn toàn vào trang web - Các phần mềm nhúng hoàn toàn vào trang web - Đặc biệt, trang web có liên kết
- Đặc biệt, trang web có liên kết
(14)-Nháy nút công cụ để tạo tệp HTML cửa sổ soạn thảo
-Nháy nút công cụ để mở tệp HTML có, chọn tệp HTML hộp thoại nháy nút Open
-Nháy nút (Ctrl+S ) công cụ muốn lưu lại tệp thời
- Nháy nút để đóng trang HTML b) Tạo, mở lưu trang Web
b) Tạo, mở lưu trang Web
(15) ặt màu cho trang web.
Chọn phông ch , mµu ch vµ ữ ữ cì
ch ữ cho v n b n.ă ả
ặt kiểu ch (ch đậm, ch
nghiêng hay ch gạch chân).
C n lề đoạn v n b n (c n trái, ả ă
c n ph i, c n hai bên ă ả ă và c n gi a).
Phông chữ
Màu chữ Màu trang web
Cỡ chữ
Kiểu chữ
Căn lÒ
3 Soạn thảo trang Web
- Cách soạn văn tương tự Word. - Cách soạn văn tương tự Word.
(16) Thao t¸c chÌn hình nh sau:
B1: Chuyển trỏ soạn thảo đến vị trí muốn chèn hỡnh nháy nút công cụ
B2: Trên hộp thoại xuất hiện, nhập đ ờng dẫn tên tệp hỡnh muốn chèn vào ô Image Location.
Ta nháy chuột vào nút
bên phải ô Image Location để mở hộp
thoại tỡm tệp hỡnh đĩa
B3: Gõ nội dung ngắn mô tả tệp hỡnh vào ô Tooltip Dòng chữ xuất trỏ chuột đến hỡnh nh duyệt web.ả
B4: Nháy OK để hoàn thành chèn ảnh
Sau chèn nh, ta thay đổi kích th ớc ả ảnh cách dễ dàng cách kéo th chuột.ả
(17) Thao tác liên kết:
B1: Chọn phần bn muốn tạo liên kết
B2: Nháy nút công cụ
B3: Nhập địa trang web đích vào ô Link Location Nếu trang web đích thuộc website, ta nháy nút để tỡm
B4: Nháy nút OK để kết thúc
Các thao tác để tạo liên kết cho hỡnh ảnh hoàn toàn t ơng tự, hộp thoại khác
(18)-Về nhà học