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

CHÀO MỪNG BẠN ĐẾN VỚI
BÀI 5: TẠOTRANG WEB
BẰNG PHẦN MỀM KOMPOZER
TẠO TRANG WEB
BẰNG PHẦN MỀM KOMPOZER
1. Khởi động chương trình
2. Màn hình chính của Kompozer
3. Tạo, mở và lưu trang Web
4. Soạn thảo trang Web
6. Chèn ảnh vào trang Web
7. Tạo liên kết
8. Bộ đề trắc nghiệm
5. Chèn bảng vào trang web
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
1. Khởi động chương trình
- Nháy đúp chuột trên biểu tượng của phần mềm Kompozer trên màn hình nền Desktop.
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
2. Màn hình chính của Kompozer
Thanh Tiêu đề
Thanh Bảng chọn
Thanh Công cụ
Cửa sổ soạn thảo
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
3. Tạo, mở và lưu trang Web
3.1 Tạo một tệp HTML mới.
- Cách 1: Nháy nút lệnh New trên thanh công cụ.
Cửa sổ soạn thảo có dạng như hình dưới đây được hiển thị:
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
Một trang mới chưa có nội dung được mở ra trong cửa sổ soạn thảo.
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
3. Tạo, mở và lưu trang Web
3.1 Tạo một tệp HTML mới.
- Cách 1: Nháy nút lệnh New trên thanh công cụ.
- Cách 2: Thực hiện lệnh: File - New
- Cách 3: Nhấn tổ hợp phím: Ctrl - N
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
3. Tạo, mở và lưu trang Web
3.2 Mở tệp HTML đã có
- Cách 1: Nháy nút lệnh Open trên thanh công cụ.
- Cách 2: Thực hiện lệnh: File - Open
- Cách 3: Nhấn tổ hợp phím: Ctrl - O
Xuất hiện hộp thoại:
Chọn nơi chứa tệp HTML cần mở
Chọn Tệp HTML cần mở
Nháy nút Open để mở
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
3. Tạo, mở và lưu trang Web
3.3 Lưu tệp HTML
- Cách 1: Nháy nút lệnh Save trên thanh công cụ.
- Cách 2: Thực hiện lệnh: File - Save
- Cách 3: Nhấn tổ hợp phím: Ctrl - S
Xuất hiện hộp thoại:
Nhập tiêu đề cho trang Web
Nháy OK
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
4. Soạn thảo trang Web
Ta có thể nhập văn bản 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
4. Soạn thảo trang Web
Có thể sử dụng các định dạng sau đây cho trang Web:
- Đặt màu nền cho trang web.
- Chọn Phông chữ, màu chữ, và cỡ chữ cho văn bản.
- Căn lề đoạn văn bản (căn trái, căn phải, căn đều hai bên hoặc căn giữa).
- Đặt kiểu chữ (chữ đậm, chữ nghiêng hay chữ gạch chân).
Phông chữ
Màu chữ
Màu nền trang web
Cỡ chữ
Căn lề
Kiểu chữ
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
5. Chèn bảng vào trang web
- Đặt con trỏ soạn thảo tại vị trí cần chèn.
Nháy nút trên
thanh công cụ. Xuất hiện hộp thoại.
- Di chuyển chuột để chọn số dòng, số cột cần tạo.
- Nháy OK
5.1 Tạo bảng
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
5. Chèn bảng vào trang web
5.2 Thay đổi kích thước của cột và hàng
- Nháy chuột vào bảng dữ liệu cần thay đổi kích thước cột và hàng.
Đưa con trỏ chuột vào đường phân cách giữa các cột và thực hiện thao tác kéo thả chuột.
Đưa con trỏ chuột vào đường phân cách giữa các cột (các hàng) và thực hiện thao tác kéo thả chuột.
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
5. Chèn bảng vào trang web
5.3 Định dạng màu nền cho bảng
- Chọn ô (hàng, cột) cần định dạng màu nền.
- Vào bảng chọn Table, chọn lệnh Table or Cell background Color…

- Xuất hiện hộp thoại:
Chọn màu nền cần định dạng
Nháy OK
- Ngoài ra, ta còn có thể thao tác đối với bảng biểu tương tự như với các thao tác trong Microsoft Word.
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
6. Chèn ảnh vào trang Web
1. Chuyển con trỏ soạn thảo đến vị trí muốn chèn ảnh và nháy nút trên thanh công cụ.
2. Trên hộp thoại xuất hiện, nhập đường dẫn và tên tệp ảnh muốn chèn vào ô Image Location.
Nhập đường dẫn và tên tệp ảnh muốn chèn
Nháy chuột vào nút lệnh Open để mở hộp thoại tìm tệp ảnh trên đĩa
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
6. Chèn ảnh vào trang Web
1. Chuyển con trỏ soạn thảo đến vị trí muốn chèn ảnh và nháy nút trên thanh công cụ.
2. Trên hộp thoại xuất hiện, nhập đường dẫn và tên tệp ảnh muốn chèn vào ô Image Location.
3. Gõ nội dung ngắn mô tả tệp ảnh vào ô ToolTip. Dòng chữ này sẽ xuất hiện khi con trỏ chuột đến hình ảnh trong khi duyệt Web
Gõ nội dung ngắn mô tả tệp ảnh
Nháy OK để hoàn thành chèn ảnh
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
5. Chèn ảnh vào trang Web
1. Chuyển con trỏ soạn thảo đến vị trí muốn chèn ảnh và nháy nút trên thanh công cụ.
2. Trên hộp thoại xuất hiện, nhập đường dẫn và tên tệp ảnh muốn chèn vào ô Image Location.
3. Gõ nội dung ngắn mô tả tệp ảnh vào ô ToolTip. Dòng chữ này sẽ xuất hiện khi con trỏ chuột đến hình ảnh trong khi duyệt Web
4. Nháy OK để hoàn thành chèn ảnh
Sau khi chèn ảnh, ta có thể thay đổi kích thước ảnh một cách dễ dàng bằng cách kéo thả chuột.
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
7. Tạo liên kết
Thành phần quan trọng nhất của các trang Web là các liên kết (siêu liên kết - hyperlink). Khi nháy chuột lên một liên kết, trình duyệt sẽ mở trang Web tương ứng với liên kết, được gọi là trang Web đích.
Đối tượng chứa liên kết có thể là văn bản hoặc hình ảnh, còn trang Web được liên kết tới (trang web đích) có thể trong cùng Website hoặc trên một Website khác.
Sau đây là thao tác tạo liên kết trong phần mềm Kompozer:
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
7. Tạo liên kết
1. Chọn phần văn bản muốn tạo liên kết.
2. Nháy nút trên thanh công cụ.

Hộp thoại Link Properties xuất hiện:
1. Chọn phần văn bản muốn tạo liên kết
2. Nháy nút lệnh link trên thanh công cụ
3. Nhập địa chỉ của trang Web đích vào ô Link Location
Nếu trang Web đích thuộc cùng Website, ta có thể nháy nút Choose File… để tìm
4. Nháy OK để kết thúc
Lưu ý: Các thao tác để tạo liên kết cho hình ảnh cũng hoàn toàn tương tự, mặc dù hộp thoại có thể hơi khác.
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Bạn sẵn sàng chưa? Mình bắt đầu nhé!
Lưu ý: Đáp án còn lại cuối cùng là đáp án chính xác.
BỘ ĐỀ TRẮC NGHIỆM
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Câu 1: Biểu tượng nào sau đây là biểu tượng của phần mềm Kompozer?
A
C
B
Xin chúc mừng nếu bạn chọn đáp án là A
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Câu 2: Trong các nút lệnh dưới đây, nút lệnh nào dùng để tạo một tệp HTML mới?
A
C
B
Hoan hô mình đi nào!
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Câu 3: Trong các nút lệnh dưới đây, nút lệnh nào dùng để mở một tệp HTML đã có?
A
C
B
Lựa chọn đáp án C là đúng rồi đấy!
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Câu 4: Trong các nút lệnh dưới đây, nút lệnh nào dùng để lưu những thay đổi của tệp HTML hiện thời?
A
C
B
YEH!
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Câu 5: Trong các câu sau, câu nào sai?
Hộp thoại Page Title chỉ xuất hiện lần đầu tiên khi em lưu.
Hộp thoại Page Title xuất hiện mỗi lần em thực hiện thao tác lưu.
Hộp thoại Page Title dùng để nhập tiêu đề của trang Web.
A
C
B
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Câu 6: Để tạo một tệp HTML mới, ta có thể nhấn tổ hợp phím nào sau đây?
Ctrl - N
Ctrl - S
Ctrl - O
A
C
B
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Câu 7: Để mở một tệp HTML đã có, ta có thể nhấn tổ hợp phím nào sau đây?
Ctrl - N
Ctrl - S
Ctrl - O
A
C
B
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Câu 8: Để lưu lại những thay đổi trên tệp HTML hiện thời, ta có thể nhấn tổ hợp phím nào sau đây?
Ctrl - N
Ctrl - S
Ctrl - O
A
C
B
Hoan hô, đúng rồi!
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Câu 9: Ta có thể sử dụng các định dạng nào sau đây cho trang Web?
A
C
B
Đặt màu nền, màu chữ, phông chữ và cỡ chữ
Đặt kiểu chữ và căn lề cho đoạn văn bản
Tất cả các định dạng trên
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Câu 10: Khi thực hiện các thao tác chèn ảnh vào trang Web, tại ô Image Location, ta nhập nội dung nào sau đây?
A
C
B
Nội dung ngắn mô tả tệp ảnh.
Đường dẫn và tên tệp ảnh muốn chèn.
Cả 02 nội dung trên.
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Câu 11: Khi thực hiện các thao tác chèn ảnh vào trang Web, tại ô Tooltip, ta nhập nội dung nào sau đây?
A
C
B
Nội dung ngắn mô tả tệp ảnh.
Đường dẫn và tên tệp ảnh muốn chèn.
Cả 02 nội dung trên.
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Câu 12: Sau khi chèn ảnh, ta có thể thay đổi kích thước của ảnh hay không?
A
C
B
Ta có thể thay đổi kích thước của ảnh một cách dễ dàng bằng cách kéo thả chuột.
Cả 02 đáp án trên đều sai.
Ta không thể thay đổi kích thước của ảnh.
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Câu 13: Đối tượng chứa liên kết trong trang Web bao gồm:
A
C
B
Hình ảnh
Cả 02 đáp án trên đều đúng.
Văn bản
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Câu 14: Em hãy cho biết, nút lệnh Link (liên kết) có hình nào sau đây:
A
C
B
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Câu 15: Để chèn ảnh vào trang web, ta có thể nháy chuột vào nút lệnh nào sau đây?
A
C
B
Câu B đúng rồi!
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Câu 16: Trong hộp thoại Link Properties, tại ô Link Location, ta nhập nội dung nào sau đây:
A
C
B
Địa chỉ của trang Web đích mà ta sẽ liên kết tới.
Địa chỉ của đối tượng chứa liên kết
Nội dung ngắn gọn mô tả đối tượng chứa liên kết.
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Câu 17: Để chèn 1 bảng biểu vào trong trang Web, ta cần nháy nút lệnh nào sau đây:
A
C
B
Câu C lại đúng!
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Câu 18: Để định dạng màu nền cho bảng dữ liệu, ta cần thực hiện lệnh nào sau đây:
A
C
B
Table - Insert - Table
Table - Table or Cell Background Color…
Table - Join Selected Cells
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Câu 19: Để tạo một tệp HTML mới, ta thực hiện lệnh nào sau đây:
A
C
B
File - Open
File - Save
File - New
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
Câu 20: Để mở 1 tệp HTML đã có, ta thực hiện lệnh nào sau đây:
A
C
B
File - Open
File - Save
File - New
Đáp Án A là
đáp án chính xác!
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
BÀI HỌC ĐẾN ĐÂY LÀ KẾT THÚC
CHÚC CÁC EM VUI VẺ