HD tạo Websit và tạo HTML

Tài liệu hướng dẫn thiết kế website cá nhân EasyVN
(Bài 3)

Thiết kế trang (cơ bản)


Nguyên tắc chung
Thêm text
Chỉnh sửa text
Thêm image
Chỉnh sửa image
Xuống dòng
Xóa mục
Tạo liên kết
Copy trang khác
Thoát ra (Exit)
Xóa trang làm lại từ đầu
Back up và phục hồi.
Chọn font nhập tiếng Việt




Ghi chú: Nhấp vào menu File, chọn Web Page Preview để xem dễ dàng hơn


Thiết kế trang Lên trên

EasyVN cung cấp cho bạn một website với nhiều kiểu trang trí, tuy nhiên nội dung của từng trang web, phải do chính bạn tạo ra.
EasyVN cung cấp cho bạn phương tiện để tạo ra nội dung này.
Ví dụ:







Nguyên tắc chung Lên trên

Ví dụ website của bạn có 4 trang, tương ứng với 4 menu.
Muốn thiết kế trang nào, nhấp chuột vào menu tương ứng của trang đó.
Sau đó nhấp chuột vào nút
bạn sẽ xem được trang sau đây:



(Hình 2)

Đây là trang thiết kế chính, bạn phải làm quen và sử dụng thành thạo các mục trên trang này.
Trang này chia làm 2 phần:
Phần trên: Gồm có


Khung trái

Gồm có các mục như:
- Thêm mục (text, Image, Table, Line)
- Xóa mục
- Copy trang khác
- Exit



Khung giữa

Là nơi sẽ xảy ra các giao tiếp để bạn đưa nội dung vào.



Khung phải

Gồm có một số mục bổ sung:
- Xóa trang làm lại từ đầu - Font nhập liệu
- Backup - Phục hồi
- Hướng dẫn sử dụng
- Từ ngữ
- Xin lưu ý


Phần dưới:
Là nội dung trang web của bạn.
Khi bạn đưa Text (chữ) hoặc Image (hình ảnh) vào trang web, chúng sẽ hiện ra ở phần này.
Để tiện theo dõi, các mục đưa vào sẽ được đánh số thứ tự 1,2, 3, 4, . . . và được các vạch ngang phân cách.
Khi bạn nhấp chuột vào mục Exit ở khung trái, thì bạn sẽ thấy nội dung của trang web như trên thực tế, các số thứ tự và các vạch phân cách sẽ biến mất.

Tóm lại: Nhấp chuột vào nút
để bắt đầu thiết kế, khi thiết kế xong thì nhấp chuột vào mục Exit ở khung trái để thoát ra.

Thêm Text Lên trên

Muốn đưa Text (chữ) vào trang web, nhấp vào mục Text ở khung trái (Xem Hình2)
Bạn sẽ thấy ở khung giữa xuất hiện khung Thêm text sau đây:




Nhập Text vào ô lớn màu trắng. Bạn có thể chọn font nhập liệu là VNI (VNI-Times) hoặc Unicode (Arial).
Sau khi đã nhập Text xong, bạn có thể chọn các tính chất của Text như:
- Font: Arial, Verdana, Tahoma, Times New Roman
- Color: Chọn màu bằng cách nhấp vào nút

- Size: Từ 1 đến 7.
- Bold: Chữ đậm.
- Italic: Chữ nghiêng. - Underline: Chữ gạch dưới. - Dịch chuyển ngang: Left (trái), Center (giữa), Right (phải). - Thêm vào mục số: Chọn mục phù hợp. Sau đó nhấp vào nút OK.
Ví dụ: Bạn đã nhập Text vào và chọn các tính chất như sau:




Sau đó nhấp vào nút OK. Bạn có kết qủa như sau:




Như vậy, một dòng chữ đã được đưa vào trang web ở mục số 1.

Chỉnh sửa Text Lên trên

Muốn chỉnh sửa Text, bạn phải nhấp chuột vào Text tương ứng để hiện ra khung Chỉnh sửa Text.
Trong ví dụ trên, bạn phải nhấp chuột vào dòng chữ “Công cha như . . . . chảy ra” ở mục số 1, thì khung Chỉnh sửa Text sẽ hiện ra.
Bạn có thể gõ thêm chữ hoặc xóa bớt, chọn lại các tính chất rồi nhấp vào nút OK.
Ví dụ, bạn gõ thêm dòng chữ:
“Một lòng thờ mẹ kính cha.
Cho tròn chữ hiếu mới là đạo con”
Sau đó chỉnh Size lại là 2, màu xanh nước biển, và chuyển dịch sang trái.
Bạn sẽ có nội dung mới như sau:





Ở trên khung Chỉnh sửa chữ, bạn có thể thấy 2 khung nhỏ: Thêm bên trái và Thêm bên phải