13,thiet Ke Web Bo Sung

BÀI 8 NGÀY 16.5.2006 UTBINH SOẠN

TẠO TRANG WEB : website7 I.TẠO FOLDER WEB Ở DESKTOP : 1. Mở Front Page 2003 > File > New > Khung bên Phải nhấp vào One Page Web Site > Bên Trái nhấp Personal Web Site > Nhấp thẻ Browser bên Phải > Desktop > Create a New Folder , Name gỏ : website7 > Ok > 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 : • Nhấp menu VIEW > Folder List . • Nhấp vào Tựa Folder và xóa các nội dung của các Folder nầy . • Xóa các trang Web , chỉ còn 6 Folder rổng ruột và Folder Đường dẫn . • File > Close Site > Minimize. ( Hinh 1 )

1

II.TẠO FOLDER CÁC MỤC TRONG FOLDER WEB : Ở Desktop > Nhấp Folder website7 > Nhấp Phải > New > Folder , gỏ : lessons > Enter. Nội dung bài nầy chỉ tạo 1 Mục là LESSONS . Bạn có thể tạo tiếp các Mục khác. III.INSERT : Nhấp Folder website7 ở Desktop > Nhấp Folder lessons > Phím Window+ Phím E > Tìm các bài Lessons 4.2006 ( 5 Bài ) > Copy > Pate vào Folder lessons.Close. IV.TẠO CÁC TRANG WEB : 1. TẠO TRANG CHỦ index.htm : Mở FP > File > Open Site > Look in tìm Folder website7 > 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 , gỏ : TRANG WEBSITE 7 CỦA UTBINHDESIGN 15.5.2006 > Enter > Gỏ : 1.LESSONS. Chỉnh lại : Font – Size - Màu – Cho ra giữa > Nhấp Phải lên Tab index.htm > Save . ( Hình 2 ).

2

2. TẠO TRANG WEB lessons.htm : Nhấp Tab 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 > Gỏ : 1.LESSONS > Enter . 3. Phím Window+ Phím E > Tìm Folder lessons4.2006 chứa các Bài Lessons > Nhấp chọn Bài 1 > Phím F2 > Nhấp Phải lên bài 1 > Copy . 4. Nhấp FP ở đáy Taskbar > Nhấp Phải lên màn hình > Paste > Enter . 5. Nhấp Folder Lessons 4.2006 ở đáy Taskbar > Lập lại thao tác 3 và 4 . 6. Bôi đen các chữ > Chỉnh lại Font – Size – màu – Ra giữa > Nhấp Phải Tab lessons.htm > Save.( Hình 3 ). V. T Ạ O

HYPERLINK : 1. Nhấp Tab index.htm > Bôi đen 1.LESSONS > Phải > Hyperlink > lessons.htm Ok > Phải lên Tab index.htm > Save . 2. Nhấp Tab Web Site > Nhấp đúp lên lessons.htm > Bôi đen Bài 1 > Phải > Hyperlink > Nhấp đúp Folder Lessons> Hiện ra 5 bài Lessons > Nhấp bài số 1 > Ok. Các bài số 2-3-4-5 giống trên > Nhấp Phải Tab lessons.htm > Save . Close . ( Hình 4 ).

3

VI.KIỂM TRA LẠI : 1. Nhấp Folder website7 ở Desktop > Nhấp File index.htm > Nhấp 1.LESSONS > Hiện ra trang kế tiếp 1.LESSONS ở dưới có liệt kê 5 bài Lessons > Nhấp bài số 1 > Ra bảng File Download > Open > Ra nội dung bài 1 . Các bài 2 -3- 4 - 5 cũng giống trên .Như vậy là bạn đã tạo xong Insert và Hyperlink . 2. Nhấp Phải Folder website7 > Properties cho biết dung lượng Trang Web hiện đang ở trong Ổ cứng của bạn là 5,41 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/website7/index.htm Giải thích đường dẫn : a. www.freewebtown.com : Trang Web Host Free. b. utbinh003 : Account trong Freewebtown. c. website7 : Tên Folder trang Web ở Desktop. d. index.htm : Trang Chủ của trang Web website7 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 . 5. Có gì không hiểu các bạn có thể thư cho utbinh : [email protected]

BỔ SUNG BANNER VÀ MỤC LINK CHO WEBSITE7 I.BỔ SUNG BANNER : 1. Thiết kế 1 Banner trong Photoshop ( Xem bài Tạo Banner đã đăng ). 2. Nhấp Folder website7 ở Desktop > Nhấp Phải Folder images> Paste.( HÌNH 5 ).

4

II.BỔ SUNG TRANG CHỦ index.htm: 1. Mở FP > File > Open Site > Look in : website7 > Open > Nhấp Phải lên màn hình > New > Blank Page > Ra new_page_1.htm > Gỏ : link.htm > Nhấp Đúp lên > Ra trang xanh lợt > Gỏ : 2.LINK > Chỉnh Font – Size – Màu – Cho ra giữa > Nhấp Phải Tab link.htm > Save. 2. Nhấp Tab index.htm > Dán Banner làm tựa Trang Web > Gỏ bổ sung : 2.LINK > Nhấp Phải Tab index.htm > Save. III.INSERT NỘI DUNG VÀO FOLDER LINK : Nhấp Folder website7 ở Desktop > Nhấp Folder link > Phím Window + Phím E > Tìm File chứa các Links > Copy > Paste vào Folder link. Close. IV.TẠO HYPERLINK : 1. Nhấp Tab index.htm > Bôi đen 2.LINK > Phải > Hyperlink > link.htm > Ok > Phải Tab index.htm > Save. 2. Nhấp Tab Web Site > Nhấp đúp lên link.htm > Bôi đen 2.LINK > Phải > Hyperlink > Đúp lên Folder link > Hiên ra File chứa các Links > Nhấp lên File Doc nầy > Ok > Phải Tab link.htm > Save. V.KIỂM TRA LẠI : 1. Nhấp Folder website7 ở Desktop > Nhấp File index.htm > Đã có Banner và 2.LINK ( Hình 6 ).

5

2. Nhấp lên 1.LESSONS > Ra trang kế tiếp có 1.LESSONS và ở dưới liệt kê 5 bài Lessons > Nhấp thử bất cứ bài nào > Ra bảng File Download > Open > Ra nội dung Bài Lesson mà bạn vừa chọn .( Hình 7 ).

3. Trở về Trang index.htm > Nhấp 2.LINK > Ra Trang kế tiếp có 2.LINK > Nhấp lên chữ nầy > Ra bàng File Download Open > Hiện ra Trang Doc có liệt kê các Links > Giữ Phím Ctrl và nhấp vào 1 Link > Sẽ hiện ra nội dung mà bạn đã chọn . ( Hình 8 ).

VI.UPLO AD BỔ SUNG : 1. Nhấp Chương Trình Cute FTP Pro 7.0 > Cột Trái nhấp Folder website7 > Cột Phải nhấp Folder website7. 2. Các Files cần bổ sung lên trang Web : • Folder images : bạn đã bổ sung banner. • Folder link : Chứa File Doc có các Links. • Trang Web index.htm : Bạn đã nhập Banner và Tựa LINK. • Trang Web link.htm. 3. Rê Folder images qua Phải > Chờ Upload có lằn xanh đang Progress 100% > Hoàn tất hiện ra chữ Directory Listing Completed > Rê tiếp Folder link qua bên Phải > Tuần tự rê hết 4 Files trên.( Hình 9 ). 6

4. D ùng Internet Explorer mở trang Web wewbsite7 sau khi đã bổ sung trong ổ cứng và Upload lên Host > Bạn lập lại các thao tác như phần kiếm tra trong ổ cứng > Sẽ hiện ra giống như trước đó bản đã kiểm tra. Như vậy phần Bổ sung đã hoàn tất.

7