PHOTO GALLERY

TRONG FRONPAGE PHẦN HAY NHẤT CÓ LẺ LÀ CÁC THÀNH PHẦN ( COMPONETS ) . NÓ LÀM CHO WEBSITE CỦA BẠN TRÔNG HẤP DẪN HƠN NHIỀU VÌ NÓ TRƯNG BÀY NHIỀU LỰA CHỌN THÚ VỊ KHI NHẤP LÊN CHÚNG SẼ CHO RA NHỮNG KẾT QUẢ NGOẠN MỤC . NGOÀI RA KHI BẠN TẠO CHÚNG CŨNG RẤT DỂ DÀNG QUA VÀI BƯỚC ĐƠN GIẢN VÌ CHÚNG ĐÃ ĐƯỢC FP LẬP TRÌNH SẴN . TRONG PHOTO GALLERY CHO PHÉP BẠN TẠO 4 TRANG WEB, MỖI TRANG WEB THỂ HIỆN 1 KIỂU LÀ : MONTAGE LAYOUT – HORIZONTAL LAYOUT – VERTICAL LAYOUT VÀ PHOTO GALLERY. BÀI NẦY HƯỚNG DẪN BẠN TẠO 4 TRANG WEB VỚI 4 KIỂU NÊU TRÊN.

TRONG BÀI VIẾT NÀY ÚT BỈNH SẼ GHI NGẮN GỌN VÌ ĐA SỐ CÁC BẠN THEO DÕI ĐẾN GIAI ĐOẠN NÀY  CÓ THỂ ĐỌC, HIỂU VÀ THỰC HÀNH THEO NHỮNG CHỈ DẪN NÀY. NẾU CÓ GÌ KHÔNG THÔNG SUỐT BẠN CÓ THỂ THƯ HỎI ÚT BỈNH TẠI: utbinhdesign@gmail.com HOẶC ĐIỆN THOẠI 0908.462.085

1.    Mở Trang One Page: Nhấp FP > File > New > One Page Web site > Tab General > One Page Web Site > OK. > Index.htm trong Folder List.

2.    Tạo Shared Borders: Tools > Page Options > Tab Authoring > Shared Borders > OK.

3.    Chọn màu cho Bordes: Format > Shared Borders > All Pages > Chọn Top – Left – Bottom > Xem Preview > Nút Border Properties > Border chọn Top > Nút Color chọn một màu > Ok > Ok > Chọn màu cho Left và Bottom  theo các bước đã làm.

4.    Tạo Banner và dán Banner cho Top: Xem hướng dẫn chi tiết tại Mục Tạo Banner trong Trang Web:

http://utbinhdesign.byethost16.com/site09102010/new_page_13.htm

5.    Tạo một Folder chứa Hình: Tùy bạn muốn chèn bao nhiêu Hình cũng được . Bạn vào My Documents > My Web Sites > Nhấp lên Folder Website có số thứ tự kèm theo do FP đặt tên > Hiện ra nội dung gồm: 1 Folder images đã chứa Banner - một File index.htm và một Folder _private > Nhấp Phải lên > Chọn New > Chọn Folder > Nhập tên Folder: photogallery và bạn nhập các hình cần tạo Trang Photo Gallery trong này.

6.    Tạo Trang Photo Gallery kiểu MONTAGE LAYOUT: Nhấp nút New Page trong Folder List > Hiện ra File new_page_1.htm > Nhấp đúp lên File này > Bên Phảo hiện ra một Trang Thiết Kế trống và con trỏ đang nhấp nháy > Insert > Web Component > Photo Gallery > Qua Phải chọn Montage Layout (Để con trỏ lên sẽ thấy tên Kiểu) và đọc phần mô tả phái dưới > Nhấp Finish.

·    Hiện ra HT Photo Gallety Properties, nhấp Add > Pictures from Files >  My Documents > My Web Sites > Mysite8 > Folder photogallery > Chọn hết hình trong này > Open > FP dựa các hình vào Phòng Trưng Bày và hiển thị chúng trong HT Photo Gallery Properties > OK > Các hình này sẽ hiện ra trong Trang Web index.htm > Nhấp Preview > Nhấp một Thumbnail > Hiện ra hình lớn gốc trong Trình Duyệt > Phím F12 > Yes .

·    Nhấp Tab Layout, bạn thấy một kiểu bố cục mà bạn đã chọn là Montage Layout > OK.> Hiện ra Trang Web chứa các Hình Thumbnail.

               Kết quả: Kiểu MONTAGE LAYOUT

7.    Tạo Trang Photo Gallery kiểu HORIZONTAL LAYOUT: Nhấp nút New Page trong Folder List > Hiện ra File new_page_2.htm > Nhấp đúp lên File này > Bên Phảo hiện ra một Trang Thiết Kế trống và con trỏ đang nhấp nháy > Insert > Web Component > Photo Gallery > Qua Phải chọn Horizontal Layout và đọc phần mô tả phái dưới > Nhấp Finish > Thực hiện các bước tiếp theo giống trên > Nhấp Phím

KẾT QUẢ KIỂU HORIZONTAL LAYOUT

8.    Photo Gallery Kiểu VERTICAL LAYOUT: Tạo Trang Web new_page_3.htm và tạo Photo Gallery Kiểu VERTICAL LAYOUT: Giống các bước hướng dẫn trên.> Nhấp Phím F12.

9.    Photo Gallery Kiểu PHOTO GALLERY : Tạo Trang Web new_page_4.htm và tạo Photo Gallery Kiểu PHOTO GALLERY : Giống các bước hướng dẫn trên. đẶC BIỆT Trang Web này hiển thị các hình Thumbanils ở trên, khi bạn nhấp 1 Hình sẽ hiện ra hình gốc to bên dưới Muốn xem tiếp nhấp nút Mủi tên tới lui > Nhấp Nút Save.

10.  Tạo nội dung Trang index.htm: Vì đây là Website chủ đề PHOTO GALLERY trong FrontPage 2003 nên bạn chèn nội dung hường dẫn tạo Trang Web vào Trang Chủ. > Nhấp File index.htm > Copy và Paste nội dung bài viết hướng dẫn vào > Hiệu chỉnh lại văn bản và Hình Minh họa cho bat91 mắt > Nhấp Phím F12 và Nút Save.

11.  Tạo Cột Trái chứa Links Liên Kết và tạo thông báo cho Bottom: Giống như hướng dẫn các bài trước.

12.  Cách Upload  Lên Host bằng Chương Trình Upload FTP và  chứa trong Hsting Free BYETHOST giống như các bài truốc đã hướng dẩn.

CẦN HỎI THÊM THƯ VỀ CHO ÚT BỈNH: utbinhdesign@gmail.com  .

NGÀY GIỜ HIỆN TẠI: Monday, October 11, 2010 09:54 AM