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

BÀI 5
TẠO TRANG WEB
BẰNG PHẦN MỀM
KOMPOZER
Nội dung bài học
Các dạng thông tin trên trang web
Phần mềm thiết kế trang web Kompozer
Soạn thảo trang web
Chèn hình ảnh vào trang web
Tạo liên kết
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER


TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
- Thông tin dạng văn bản.
- Thông tin dạng hình ảnh.
- Thông tin dạng â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
Hãy nêu các dạng thông tin trên trang web mà em biết?


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 nền.
* Khởi động phần mềm:
Nháy đúp chuột vào biểu tượng
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
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
Hãy nêu các cách lưu tệp hiện thời 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
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
Hãy nêu 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
2. Phần mềm thiết kế trang web
Kompozer
b. Tạo, mở và lưu 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
3. Soạn thảo trang web
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
3. Soạn thảo trang web
THàNH Cổ QUảNG TRị
Vị trí: Nằm ngay ở trung tâm thị xã Quảng Trị
Kiến trúc: Bao bọc xung quanh là hệ thống tường dày, chu vi 400m, có hai cửa.
Lịch sử: Chỉ trong vòng 81 ngày, Mỹ- ngụy đã ném xuống đây gần 330.000 tấn bom đạn.
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
3. Soạn thảo trang web
Phông chữ
Màu chữ
Cỡ chữ
Màu nền trang web
Kiểu chữ
Căn lề
Các nút định dạng văn bản:
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
THàNH Cổ QUảNG TRị
Vị trí: Nằm ngay ở trung tâm thị xã Quảng Trị
Kiến trúc: Bao bọc xung quanh là hệ thống tường dày, chu vi 400m, có hai cửa.
Lịch sử: Chỉ trong vòng 81 ngày đêm, Mỹ-ngụy đã ném xuống đây gần 330.000 tấn bom đạn.
3. Soạn thảo trang web
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Hình 48. Trang Web được thiết kế 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.
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:
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
THàNH Cổ QUảNG TRị
Vị trí: Nằm ngay ở trung tâm thị xã Quảng Trị
Kiến trúc: Bao bọc xung quanh là hệ thống tường dày, chu vi 400m, có hai cửa.
Lịch sử: Chỉ trong vòng 81 ngày đêm, Mỹ-ngụy đã ném xuống đây gần 330.000 tấn bom đạn.
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Câu a: Biểu tượng của phần mềm Kompozer là:
Bài Tập Củng Cố
Bài 1. Chọn đáp án đúng trong các câu sau:
Câu b: Mở tệp đã có trên Kompozer, nháy nút:
Bài 2. Hãy nêu tác dụng định dạng của các nút sau :
Bài Tập Củng Cố

Đị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
Bài Tập Củng Cố
Để lưu trang web trong phần mềm Kompozer ta thực hiện:
A
File ? Save
B
Ctrl + S
D
Cả A, B, C đều sai
C
Nhấn chuột vào biểu tượng
E
Cả A, B, C đều đúng
`
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 Kompozer tương tự như cách soạn thảo và định dạng trên các phần mềm soạn thảo văn bản khác.
Kompozer là phần mềm miễn phí dùng để tạo trang Web.
GHI NHỚ
Hướng dẫn về nhà
Trả lời và học thuộc các câu 1,2 (Sgk/52).
Đọc trước phần 4, 5 (Sgk/50,51)
Bài học đã
KẾT THÚC


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
Hãy nêu cách chèn một hình ảnh vào văn bản Word?
+ Đưa con trỏ soạn thảo vào vị trí muốn chèn ảnh.Nháy nút Link trên thanh công cụ.
+ Nhập đường dẫn và 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.
+ Nháy nút Ok
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
4. Chèn ảnh vào trang Web
+ Đưa con trỏ soạn thảo vào vị trí cần chèn.
+ Vào Insert/ Picture/From File...
+ Nháy chọn hình ảnh cần chèn
+ Nháy Insert
Xuất hiện hộp hội thoại dưới đây dùng để nhập thông tin ảnh muốn chèn.
THàNH Cổ QUảNG TRị
Vị trí: Nằm ngay ở trung tâm thị xã Quảng Trị
Kiến trúc: Bao bọc xung quanh là hệ thống tường dày, chu vi 400m, có hai cửa.
Lịch sử: Chỉ trong vòng 81 ngày đêm, Mỹ-ngụy đã ném xuống đây gần 330.000 tấn bom đạn.
5. Tạo liên kết.
B1. Chọn phần văn bản muốn tạo liên kết.
B4. Nháy nút OK để kết thúc.
? Hộp thoại
Chú ý: Các thao tác để tạo
liên kết hình ảnh cũng thực
hiện tương tự
Cần thực hiện những thao tác như thế nào trong tuỳ chọn Link Location?
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER

Câu 1: Trên trang web có thể có những 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
D. Cả 3 câu trên đều đúng
Câu 2: Sắp xếp thứ tự các bước chèn ảnh vào trang web?
1. Nhập đường dẫn và 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 con trỏ soạn thảo đến vị trí muốn chèn ảnh và nháy chọn Insert --> Image (hoặc biểu tượng có chữ Image trên thanh 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, 4
C) 3, 1, 2, 4
D) 3, 2, 1, 4

Câu 3: Sắp xếp thứ tự các bước tạo liên kết đến một trang web khác:
1. Nháy chọn Insert Link (hoặc biểu tượng có chữ Link trên thanh công cụ).
2. Nhập địa chỉ của trang web đích vào ô Link Location.
3. Chọn phần văn bản hay hình ảnh muốn tạo liên kết.
4. Nháy OK để kết thúc.
Trả lời : a)1, 2, 3, 4 b) 3, 1, 2, 4
c) 1, 3, 2, 4 d) 3, 2, 1, 4
b) 3,1,2,4

Câu 4: Hình ảnh để chèn vào trang web được lấy từ đâu?
A. Trong máy tạo trang web có sẵn
B. Đĩa Flash USB, đĩa CD
C. Máy ảnh kỹ thuật số, điện thoại di động
D. Tất cả các câu trên đều đúng
GHI NHỚ
Thông tin trên internet rất đa dạng, gồm văn bản, hình ảnh, âm thanh, phim và liên kết.
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.
Có thể dùng phần mềm soạn thảo văn bản để soạn thảo nội dung trang web rồi lưu dưới dạng HTML.
Kompozer là phần mềm miễn phí dùng để tạo trang web.
Hướng dẫn về nhà
Trả lời và học thuộc các câu 3,4,5 (Sgk/52).
Xem trước bài thực hành 4: Tạo trang Web đơn giản (Sgk/53,54,55,56)
Bài 2:
1.Nhóm 1,5: Tạo Website (khoảng 3-5 trang web) phổ biến thông tin về câu lạc bộ văn nghệ của lớp.
2.Nhóm 2,6: Tạo Website giới thiệu về ngôi trường THCS BÙI THỊ XUÂN
3.Nhóm 4,7: Tạo Website cung cấp thông tin về lớp mà em đang học.
4.Nhóm 5,8: Tạo Website giới thiệu về những bài thơ hay của Bác.
Hướng dẫn thực hành
Bài 1: Tập tạo trang web theo bài mẫu (bài 2/54 SGK)
Yêu cầu:
Chuẩn bị nội dung cho Website
Tạo kịch bản: Xác định các trang web cần tạo, nội dung của mỗi trang, cách bố trí các thông tin(văn bản, hình ảnh, âm thanh, đoạn phim…) trên mỗi trang, các liên kết giữa các trang web.
Tạo trang web: sử dụng phần mềm Kompozer để tạo từng trang Web.
Bài học đã
KẾT THÚC