16.thiet Ke Web Bo Sung La Roi

BÀI 13 NGÀY 20.5.2006 UTBINH SOẠN BÀI VIẾT NẦY CHÚ TRỌNG ĐẾN CÁCH SỬ DỤNG FILE GIF TẠO ẢNH ĐỘNG CHO TRANG WEB . CÁCH DÙNG PHÍM CTRL ĐỂ COPY THÀNH NHIỀU FILE GIF VÀ TẠO TỪNG ẢNH LỚN NHỎ ĐỂ TẠO ẤN TƯỢNG KHI LÁ RƠI . CÁCH SỬ DỤNG TỪNG LỚP LAYER TRONG SUỐT GIỐNG NHƯ PHOTOSHOP ĐỂ DỜI HÀNG CHỮ CÓ HYPERLINK ĐI , SAU ĐÓ PASTE LẠI ĐỂ TIẾP TỤC NHẤP LINK CỦA HÀNG CHỮ . 1. Tải File thu.gif 28 KB tại trang Web : http://www.freewebtown.com/utbinh004/thu.gif để thực tập cho bài viết nầy. Copy File nầy > Desktop > website7a > Nhấp Phải Folder images > Paste. 2. Mở FP 2003 > File > Open > Look in : website7a > index.htm. ( Hình 1 ).

1

3. Trên Trang Web nầy bạn phải bố trí Layer thu.gif nằm dưới Layer chữ ( 1.LESSONS và 2.LINK ) vì nếu không khi bạn nhấp vào chữ nầy sẽ không có tác dụng Hyperlink , nó bị Layer thu gif đè lên , che khuất. 4. Vậy bạn phải Cắt 2 Hàng chữ nầy , sau đó tạo Layer thu.gif xong rồi mới dán lại 2 hàng chữ nầy đè lên Layer thu.gif. 5. Bôi đen 2 hàng chữ ( 1.LESSONS và 2.LINK ) > Phải > Cut . Nhấp Công cụ Create a New Normal Page > Nhấp Phải lên màn hình xanh lợt > Paste . 6. Tab index.htm > Chọn Công cụ Insert Layer > Hình Vuông khung xanh xuất hiện > Nhấp lên viền xanh > Xuất hiện 8 nút > Rê nút phủ đầy trang > Kéo Thanh Trượt bên Phải lên > Nhấp vào màn Hình , bạn đang thao tác trên Layer 1 ( Giống như Photoshop đang chọn Layer hiện hành ) > Nhấp Công cụ Insert Picture From File > Desktop > website7a > Folder images > File thu.gif > Insert . 7. Hiện ra Hình Lá Rơi > Nhấp vô > Giữ CTRL rê qua một bên để tạo thêm 1 copy > Nên copy thêm và chỉnh to , nhỏ từng File để khi lá rơi bạn sẽ thấy lá to , lá nhỏ dể gây ấn tượng > Nhấp Tab Preview đáy Trái Màn Hình để xem thử . ( Hình 2 ).

8. Nhấp Tab Design > Công cụ Insert Layer > Hiên ra Ô vuông đó là Layer 2 > Nhấp rìa Khung để hiện 8 nút > Dúng Phím mủi tên di chuyển khung nầy đến vị trí cũ của 2 dòng chữ 1.LESSONS và 2.LINK > Nhấp Tab new_page_1.htm > Bôi đen 2 dòng chữ > Phải > Copy . 9. Nhấp Tab index.htm > Nhấp vào trong khung xanh > Paste 2 dòng chữ vào > Nhấp bên ngoài loại bỏ khung xanh. 10. Kiểm tra các lớp Layer : Nhấp Tab Design > Menu View > Task Pane ( Ctrl+F1 ) > Khung bên Phải > Nhấp Nút Home ( Hình cái nhà ) > Hàng Pages cho thấy có 2 lớp Layers ở index.htm. ( Hình 3 ). 2

11.Nhấp Tab Preview để xem thử > Nhấp Tab Design > Nhấp Phải Tab index.htm > Save . Close . ( Hình 4 ).

3

12. Mở Folder website7a ở Desktop > Nhấp index.htm > Có lá rơi và nhấp vào 2 Hàng Chữ LESSONS và LINK có siêu liên kết đến các Trang WORD .DOC. 13.Upload bổ sung 2 Files : Folder images và index.htm lên HOST . ( Hình 5 ).

MỜI CÁC BẠN VÀO XEM KẾT QUẢ THỰC TẬP BÀI NẦY TRONG TRANG WEB : http://www.freewebtown.com/utbinh004/website7a/index.htm

4