bai 5. tao trang web 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
Kompozer.lnk
- 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