• Thông tin trên trang Web rất đa dạng gồm: hình ảnh, âm thanh, các đoạn phim, các phần mềm và liên kết.. • Cách soạn thảo và định dạng trang Web trên.[r]
(1)Siêu văn gì?
Siêu văn loại văn tích hợp nhiều dạng dữ liệu khác văn bản, hình ảnh, âm thanh, video,… siêu liên kết.
Trang Web gì?
(2)(3)Các dạng thông tin trang web
Các dạng thông tin trang web
Soạn thảo trang web
Soạn thảo trang web
Phần mềm thiết kế trang web Kompozer
Phần mềm thiết kế trang web Kompozer
Chèn ảnh vào trang web
Chèn ảnh vào trang web
Tạo liên kết
(4)TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
- Thông tin dạng văn - Thông tin dạng hình ảnh - Thơng tin dạng âm - 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 trang web
(5)1 Các dạng thông tin trang web
Hãy nêu cách nhanh để khởi động phần mềm Kompozer ? Phần mềm thiết kế trang web
Kompozer
hình * Khởi động phần mềm:
Cách 1: Nháy đúp chuột vào biểu tượng
(6)1 Các dạng thông tin trang web
Phần mềm thiết kế trang web Kompozer
* Khởi động phần mềm:
Cách 2: Sử dụng phương pháp tìm kiếm máy tính
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Nháy đúp vào biểu tượng Nháy vào nút
Nháy vào mục
Gõ nội dung cần tìm vào ô
(7)1 Các dạng thông tin trang web
Phần mềm thiết kế trang web Kompozer
* Khởi động phần mềm:
Cách 2: Sử dụng phương pháp tìm kiếm máy tính
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Nháy đúp vào biểu tượng
Nháy đúp vào
Nháy đúp vào
Lưu ý: Cách sử dụng đạt kết tải phần mềm máy Nếu trường hợp máy chưa có phần mềm bắt buộc phải tải sử
(8)Quan sát hình cho biết hình Kompozer gồm
Hình 44 Màn hình Kompozer
Thanh bảng chọn Thanh công cụ
(9)1 Các dạng thông tin trang web
Phần mềm thiết kế trang web Kompozer
a Màn hình Kompozer
T Thanh bảng chọn
hanh công cụ
Cửa sổ soạn thảo
- Thanh bng chn - Thanh cụng cụ - Cửa sổ soạn thảo
Em cho biết phần mềm đã học có hình tương tự Kompozer ?
Đó phần mềm soạn thảo văn Microsoft Word
(10)1 Các dạng thông tin trang web
Phần mềm thiết kế trang web Kompozer
b Tạo, mở lưu trang web
* Tạo tệp HTML
Nháy nút công
cụ
Các trang
chứa tệp HTML mở
Nút dùng để
đóng tệp HTML thời
Hãy nêu cách tạo tệp văn Word?
C1: Nháy nút (New)
thanh công cụ
C2: Mở File, chọn New C3: Nhấn Ctrl+N
(11)C¸c trang
chøa c¸c tƯp HTML ®ang më
Nút dùng để
đóng tệp HTML thời.
(12)1 Các dạng thông tin trang web
Phần mềm thiết kế trang web Kompozer
b Tạo, mở lưu trang web
* Tạo tệp HTML
- Nháy nút
C¸c trang
chứa tệp HTML mở
Nỳt dùng để
đóng tệp HTML thời
* Lưu trang Web thời :
Nháy nút
Nếu trang Web lần
lưu, xuất hộp thoại :
Nhập tiêu đề cho trang Web
Nhấn nút
Hãy nêu cách lưu tệp thời Word?
C1: Nháy nút
công cụ
C2: Mở File, chọn Save C3: Nhấn Ctrl+S
(13)1 Các dạng thông tin trang web
Phần mềm thiết kế trang web Kompozer
b Tạo, mở lưu trang web
* Tạo tệp
- Nháy nút
Các trang
chứa tệp HTML mở
Nút dùng để
đóng tệp HTML thời
* Lưu trang Web thời
- Nháy nút
* Mở tệp có
Nháy nút xuất hộp thoại: Chọn tệp cần mở gõ tên tệp
cần mở
Nhấn nút
Hãy nêu cách mở tệp văn có Word?
C1:Nháy nút
công cụ
C2: Mở File, chọn Open C3: Nhấn Ctrl+O
(14)1 Các dạng thông tin trang web
Hình 48 Trang Web thiết kế phần mềm Kompozer
Phần mềm thiết kế trang web Kompozer
3 Soạn thảo trang web
- Cách soạn thảo định dạng văn tương tự phần mềm soạn thảo văn khác
(15)1 Các dạng thông tin trang web Phần mềm thiết kế trang web
Kompozer
3 Soạn thảo trang web
-Cách soạn thảo định dạng văn tương tự phần mm son tho bn khỏc
Phông chữ
Màu chữ Màu trang web
Cỡ chữ
Kiểu chữ
Căn lề
Hóy lit kờ số định dạng có thể sử dụng cho trang
Web?
+ Đặt màu
+ Chọn phông chữ, màu chữ, cỡ chữ cho văn
+ Đặt kiểu chữ
+ Căn lề đoạn văn
- Một số định dạng cho trang Web phần mềm Kompozer:
(16)Câu 1: Biểu tượng phần mềm Kompozer là:
(17)Câu 2: Mở tệp có Kompozer, nháy nút:
(18)(19)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
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
(20)• Thơng tin trang Web đa dạng gồm: hình ảnh, âm thanh, đoạn phim, phần mềm liên kết. • Cách soạn thảo định dạng trang Web
Kompozer tương tự cách soạn thảo định dạng phần mềm soạn thảo văn khác.
• Kompozer phần mềm miễn phí dùng để tạo trang Web.
GHI NHỚ
(21)HƯỚNG DẪN VỀ NHÀ
(22)(23)4 Chèn ảnh vào trang Web
- Để chèn ảnh vào trang Web cần tạo sẵn tệp ảnh máy tính nhớ rõ vị trí lưu trữ ảnh Thao tác chèn ảnh sau:
- Chuyển trỏ soạn thảo đến vị trí muốn chèn ảnh.
- Nháy chuột vào biểu tượng cơng cụ phần mềm
(24)1 Các dạng thông tin trang web Phần mềm thiết kế trang web
Kompozer
3 Soạn thảo trang web Hãy nêu cách chèn hình
ảnh vào văn Word?
+ Đưa trỏ soạn thảo vào vị trí muốn chèn ảnh
+ Nháy nút Image công cụ + Nhập đường dẫn 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
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
4 Chèn ảnh vào trang Web
+ Đưa trỏ soạn thảo vào vị trí cần chèn
+ Vào Insert Picture From
File
(25)(26)(27)1 Các dạng thông tin trang web Phần mềm thiết kế trang web
Kompozer
3 Soạn thảo trang web
Các thao tác tạo liên kết phần mềm Kompozer.
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
4 Chèn ảnh vào trang Web
+ Chọn phần văn (hình ảnh) muốn tạo liên kết
+ Nháy nút công cụ
+ Nhập địa trang web đích vào Link Location
+ Nháy nút OK để kết thúc
5 Tạo liên kết
(28)Câu 1: Trên trang web có dạng thơng tin nào?
A Hình ảnh, văn bản. B Phim, nhạc
C Các liên kết
(29)Câu 2: Sắp xếp thứ tự bước chèn ảnh vào trang web?
1 Nhập đường dẫn tên tệp ảnh muốn chèn vào ô Image Location
2 Gõ nội dung ngắn mô tả tệp ảnh vào ô Tooltip
3 Chuyển trỏ soạn thảo đến vị trí muốn chèn ảnh nháy chọn Insert > Image (hoặc biểu tượng có chữ Image công cụ)
4.Nháy OK để hoàn thành chèn ảnh
Trả lời: A) 1, 3, 2, 4 B) 1, 2, 3,
(30)(31)Câu 4: Hình ảnh để chèn vào trang web lấy từ đâu?
A Trong máy tạo trang web có sẵn B Đĩa Flash USB, đĩa CD
(32)GHI NHỚ
• Thơng tin internet đa dạng, gồm văn bản, hình ảnh, âm thanh, phim liên kết.
• Liên kết trang web thành phần tương tác cho phép chuyển nhanh sang trang web khác.
• Có thể dùng phần mềm soạn thảo văn để soạn thảo nội dung trang web lưu
dưới dạng HTML.
(33)Hướng dẫn nhà
Hướng dẫn nhà
• Trả lời học thuộc câu 3,4,5 (Sgk/52). • Xem trước thực hành 4: Tạo trang Web
(34)1 Tổ 1: Tạo Website (khoảng 3-5 trang web) phổ biến thông tin câu lạc văn nghệ lớp.
2 Tổ 2: Tạo Website giới thiệu trường THCS Ngũ hiệp
3 Tổ 3: Tạo Website mua bán loại máy tính trực tuyến.
4 Tổ 4: Tạo Website cung cấp thông tin lớp mà em học.
5 Tổ 5: Tạo Website giới thiệu thơ hay Bác.
(35)Yêu cầu:
• Chuẩn bị nội dung cho Website
• Tạo kịch bản: Xác định trang web cần tạo, nội dung trang, cách bố trí
các thơng tin(văn bản, hình ảnh, âm
thanh, đoạn phim…) trang, liên kết trang web.
(36)