12.thiet Ke Web Qua Don Gian

BÀI 5 NGÀY 14.5.2006 UTBINH SOẠN UTBINH SOẠN BÀI NẦY MỤC ĐÍCH LÀ HƯỚNG DẪN CHO NHỮNG NGƯỜI TẬP THIẾT KẾ WEB LẦN ĐẦU TIÊN VÀ ĐỂ CÓ MỘT KHÁI NIỆM VỀ TRANG WEB. CHÍNH VÌ LÝ DO ĐÓ NÊN NỘI DUNG BÀI NẦY CÓ NHIỀU ĐOẠN LẬP ĐI LẬP LẠI NHIỀU LẦN VÀ CHI TIẾT . DÙNG CHƯƠNG TRÌNH FRONT PAGE 2003 ĐỂ TẠO TRANG WEB VÌ THIẾT NGHĨ ĐÓ LÀ CƠ BẢN CỦA BƯỚC ĐẦU LÀM QUEN VỚI THIẾT KẾ WEB , MONG CÁC BẠN NÀO RÀNH RẺ BỎ QUA CHO . UTBINH RẤT MONG ĐÓN NHẬN Ý KIẾN CỦA CÁC BẠN VỀ BÀI VIẾT NẦY , CÁC BẠN CÓ THỂ NHẬN XÉT HOẶC CHƯA HIỂU GỎ VÀO TRONG MỤC TRẢ LỜI CỦA DIỄN ĐÀN NẦY HOẶC THƯ VỀ CHO UTBINH : [email protected] . RẤT MONG ĐÓN NHẬN NHIỀU Ý KIẾN CỦA CÁC BẠN NHẤT LÀ CÁC BÀI VIẾT CỦA CÁC BẠN ĐƠN GIẢN HƠN BÀI VIẾT NẦY.

I.TẠO FOLDER WEB Ở DESKTOP : 1. Mở Front page 2003 > File > New > Khung bÍn Phải nhấp One Page Web site > BÍn Phải nhấp Personal Web Site > Nhấp Thẻ Browse bÍn Phải > Desktop > Create a New Folder , gỏ : web1552006 > Enter > Open > Ok. 2. Xóa các Files trong Folder và các Trang Web vì đây là mẫu chuẩn không thích hợp với bài nầy . Còn lại 7 Folders rổng ruột. ( Hình 1 ). 1

3. File > Close Site > Minimize.

II.TẠO FOLDER CÁC MỤC : 1. Tạo Folder LESSONS : TrÍn Desktop > Nhấp Folder Web : web1552006 > Phải > New > Folder , gỏ : lessons> Enter. 2. Tạo các Folders khác : Giống cách trÍn khi tạo Folder cho Mục : SOFTWARES – IMAGES – MUSICS – ALBUM – VIDEO CLIPS – LINK – FAVORITE WEBS .

III.INSERT : 1. Nhấp Folder Web : web1552006 ở Desktop > Nhấp Folder lessons > Phím Window + Phím E > Tìm các bài LESSONS 5.2006 ( 4 Bài ) > Copy > Nhấp Folder lessons ở Taskbar > Paste . 2. Insert các Mục khác cũng giống như trÍn.

IV.TẠO CÁC TRANG WEB : 1. Tạo Trang Chủ index.htm : Mở Front Page > File > Open Site > Look in : Folder web1552006 > Open > Nhấp Phải lÍn màn hình > New > Blank Page > Ra index.htm > Nhấp Đúp lÍn > Ra trang xanh lợt , chọn Font , gỏ : Trang Web thứ 6 của utbinh design – Xuống hàng gỏ : 1- LESSONS . Chỉnh lại Size , Màu , cho vào giữa . Nhấp Phải lÍn Tab index.htm > Save. ( Hình 2 ).

2. Tạo Trang Web LESSONS : Nhấp Thẻ Web Site > Nhấp Phải lÍn màn Hình > New > Blank Page > Ra new_page_1.htm > Gỏ : lessons.htm > Enter > Nhấp Đúp lÍn > ra Trang xanh lợt , chọn Font , gỏ : 1-LESSONS , xuống hàng gỏ tựa 4 Lessons của tháng 5 .2006 > Nhấp Phải lÍn Tab lessons.htm > Save. 2

3. Tạo các trang Web : SOFTWARES – IMAGES – MUSICS – ALBUM – VIDEO CLIPS – LINK – FAVORITE WEBS : Nhấp Phải lÍn màn Hình > New > Blank Page > Ra new_page_2.htm > Gỏ : SOFTWARES …

V.TẠO HYPERLINK : 1. Nhấp vô Tab index.htm > Bôi đen 1.LESSONS > Phải > Hyperlink > lessons.htm(open) > Ok > Nhấp Phải Tab index.htm > Save. 2. Nhấp vô Tab lessons.htm > Bôi đen bài 1 > Hyperlink > Nhấp Đúp Folder lessons > ra 4 Bài > Nhấp Bài số 1 > Ok. Các Bài 2-3-4 giống trÍn > Nhấp Phải Tab lessons.htm > Save.( Hinh 3 ).

VI.KIỂM TRA LẠI : 1. Nhấp Folder Web ở Desktop > Nhấp File index.htm > Nhấp 1. LESSONS > Hiện ra 1.LESSONS ở dưới có liệt kÍ 4 Bài Lessons > Nhấp Bài số 1 > Ra Bảng File Download > Open > Ra nội ung Bài 1 . Các Bài 2-3-4 cũng giống trÍn . Như vậy là đã tạo xong Insert và Hyperlink. 2. Nhấp Phải Folder web1552006 > Properties cho biết dung lượng Trang Web nầy là 5,64 MB. 3. Dùng Chương Trình CUTE FTP PRO 7.0 upload trang Web nầy lÍn Web Host Free là www.freewebtown.com có Disc Space 2 GB và Bandwidth 2 GB .Theo ý kiến riÍng của utbinh đây là cặp song song tuyệt vời giúp bạn tạo trang Web miễn phí không cần thuÍ Server mà vẫn có đủ Dung lượng cho bạn tải lÍn, các bài viết sử dụng các chương trình nầy tìm đọc trong ddth.com tác giả utbinh hoặc trong các diễn đàn khác mà utbinh tham gia. 4. Có thể đoán được đường Link của trang Web trước khi upload bằng nội suy như sau : http://www.freewebtown.com/utbinh003/web1552006/index.htm Giải thích đường dẫn : • www.freewebtown.com : Trang Web Host Free. • utbinh003 : Account trong Freewebtown. • web1552006 : TÍn Folder trang Web ở Desktop. • index.htm : Trang Chủ của trang Web web1552006. Bạn Copy /Paste Link nầy vào Address của Internet Explorer hay FireFox sẽ hiện ra Trang Web vừa thiết kế xong . 3

Có gì không hiểu [email protected].

các

bạn

có

thể

thư

cho

utbinh

:

4