Tài liệu THIẾT KẾ WEB BẰNG MICROSOFT FRONTPAGE pdf

THIẾT KẾ WEB BẰNG MICROSOFT FRONTPAGE Tạo một trang Web 1. Chọn File/New và Web từ menu con, hộp đối thoại New xuất hiện. Chọn file mẫu hay “chức năng thần tiên” bạn muốn sử dụng từ nhóm các biểu tượng hiện ra. Bạn cần qui định nơi chứa trang Web mới hay nhấp chuột vào OK chấp nhận nơi chứa mặc nhiên. Sau khi nhấp OK, danh sách Folder xuất hiện trình bày các folders và files FrontPage đã tạo cho trang Web của bạn. 2. Nhấp nút Navigation trên thanh Views để chuyển sang màn hình Navigation (cho thấy cấu trúc Web) Đưa các trang vào Web 1. Nhấp nút New Page trên thanh công cụ chuẩn, New Page 2 xuất hiện phía dưới Home Page trên màn hình 2. Nhấp New Page 2 để chọn nó. Nhấp vào text box và gõ vào Animal for Adoption. Xong, nhấp vào Home Page Lập lại hai bước trên và gõ vào Volunteers/Donations Tương tự cho nội dung Links Hình: Màn hình Navigation để xem cấu trúc Web vừa tạo Chọn mẫu trang Web 1. Chọn Format/Theme. Hộp đối thoại xuất hiện cho phép bạn chọn một mẫu từ nhiều có sẵn 2. Chọn Blank 3. Nhấp All Pages để áp dụng mẫu này cho tất cả trang Web của bạn 4. Chọn các mục Vivid Colors, Active Graphics, Background Picture và Apply using CSS 5. Nhấp OK Đưa các Banners, thanh điều khiển (Navigation Bars), và văn bản (Text) vào trang 1. Nhấp kép vào Home Page để chọn nó 2. Chọn Insert/Page Banner. Hộp đối thoại Page Banner Properties hiện ra, nhấp Picture, sau đó gõ Home Page vào Text box. Nhấp OK. Nhấp Center trên thanh định dạng để canh giữa banner rồi ấn Enter 3. Nhấp nút Style trên thanh định dạng, chọn Heading 1, gõ vào Plains Animal Welfare & Shelter. Canh giữa nó và ấn Enter 4. Gõ vào nội dung sau: 4908 Lincoln Road Abilene, Texas 79604 (915) 555-0200 5. Đóng khối văn bản, chọn nút Style trên thanh định dạng, chọn Heading 3, canh giữa và nhấ p chuột vào dòng sau dòng chứa số điện thoại 6. Chọn Insert/Navigation Bar. Hộp đối thoại Navigation Bar Properties xuất hiện. Nhấp Child Level, Horizontal và Buttons. Nhấp OK, canh giữa thanh điều khiển và ấn Enter 7. Nhấp nút Font Size trên thanh định dạng, chọn 14pt. Nhấp Bold, Underline và Align Left. Gõ vào Shelter Hours và ấn Enter 8. Nhấp nút Font Size trên thanh định dạng, chọn Normal. Nhấp Bold, Underline để không chọn nữa. Gõ vào nội dung sau rồi Enter: Plains Animal Welfare & Shelter (PANS) operating hours are: [Enter] 8:00 a.m - 6:00 p.m. Monday – Friday [Enter] 9:00 a.m - 5:00 p.m. Saturday [Enter] 9. Nhấp nút Font Size trên thanh định dạng, chọn 14pt. Nhấp Bold, Underline 10. Gõ vào nội dung sau: From interstate 20 & Treadaway Road [Enter] Go South on Treadaway for two miles. Turn left on Lincoln Road and go three blocks. We are located on the North side of Lincoln Road [Enter] 11. Nhấp nút Font Size trên thanh định dạng, chọn 14pt. Nhấp Bold, Underline. Gõ vào Lost and Found và ấn Enter 12. Nhấp nút Font Size trên thanh định dạng, chọn Normal. Nhấp Bold, Underline để không chọn nữa. Gõ vào nội dung sau rồi Enter: We maintain a Lost and Found list for animals in the Abilene area, if you lose or find an animal, please contact PAWS and provide information about your animal. Please remember that we receive new animals every day so you need to call daily to see if your pet has been located. [Enter] 13. Lưu trang Web lại Đưa hình ảnh vào trang Web 1. Nhấp kép Animals_for_Adoption trong danh sách Folder để mở trang Web thứ hai 2. Chọn Insert/Page Banner. Hộp đối thoại Page Banner Properties hiện ra, nhấp Picture. Nhấp OK. Nhấp Center trên thanh định dạng để canh giữa banner rồi ấn Enter 3. Chọn Insert/Navigation Bar. Hộp đối thoại Navigation Bar Properties xuất hiện. Nhấp Child pages under Home, Horizontal và Buttons. Nhấp OK, canh giữa thanh điều khiển và ấn Enter 4. Nhấp nút Font Size trên thanh định dạng, chọn 14pt. Nhấp Bold, Underline và Align Left. Gõ vào Adoption Costs và ấn Enter 5. Nhấp nút Font Size trên thanh định dạng, chọn Normal. Nhấp Bold, Underline để không chọn nữa. Gõ vào nội dung sau rồi Enter: All animals taken in by PAWS are given a thorough examination. This includes all required vaccinations and being spayed or neutered. Cats are given a Feluk/FIV test. The fees are $55 for dogs and $40 for cats 6. Nhấp nút Font Size trên thanh định dạng, chọn 14pt. Nhấp Bold, Underline 7. Gõ vào Pet_of_the_Week và ấn Enter Nhấp nút Font Size trên thanh định dạng, chọn Normal. Nhấp Bold, Underline để không chọn nữa. 8. Chọn Insert/Picture/From File. Hộp đối thoại Picture xuất hiện 9. Nhấp nút Select a file on your computer. Hộp Select File xuất hiện 10. Nhấp Ranger và nút Center trên thanh định dạng để canh giữa hình r ồi Enter 11. Nhấp nút Left Align trên thanh định dạng và gõ vào nội dung sau: Ranger is a three-year-old Brittany Spaniel/Border Collie mix. [Enter] 12. Chọn Insert/Navigation Bar. Hộp đối thoại Navigation Bar Properties xuất hiện. Nhấp Child Level, Home Page, Horizontal và Buttons để chèn một liên kết vào trang chủ của bạn. Nhấp OK, Center để canh giữa thanh điều khiển 13. Lưu trang Web lại Đưa những tính năng định dạng khác vào trang Web 1. Nhấp kép Volunteers_Donations trong danh sách Folder để mở trang Web thứ ba 2. Chọn Insert/Page Banner. Hộp đối thoại Page Banner Properties hiện ra, nhấp Picture. Nhấp OK. Nhấp Center trên thanh định dạng để canh giữa banner rồi ấn Enter 3. Chọn Insert/Navigation Bar. Hộp đối thoại Navigation Bar Properties xuất hiện. Nhấp Child pages under Home, Horizontal và Buttons. Nhấp OK, canh giữa thanh điều khiển và ấn Enter 4. Nhấp nút Font Size trên thanh định dạng, chọn 14pt. Nhấp Bold, Underline và Align Left. Gõ vào Volunteers và ấn Enter 5. Nhấp nút Font Size trên thanh định dạng, chọn Normal. Nhấp Bold, Underline để không chọn nữa. Gõ vào nội dung sau rồi Enter: We are in need of dedicated volunteers to: 6. Nhấp nút Bullets trên thanh định dạng, gõ vào nội dung sau:  Exercise and groom the animals at the shelter [Enter]  Make presentations at special events [Enter]  Operate display booths [Enter]  Fundraising [Enter]  Visit area nursing homes with animals [Enter]  Maintain Web site [Enter] 7. Gõ vào Bullets trên thanh định dạng để không chọn nữa. Chọn Insert/Component/Marquee. Hộp đối thoại Marquee xuất hiện. Gõ vào nội dung sau trong text box: To volunteer, please contact us at (915) 555-0200 8. Nhấp Left trong hộp Direction 9. Qui định Delay và Amount là 5 trong hộp Speed. Nhấp Scroll trong hộp Behavior. Nhấp Middle trong hộp Align with text. Nhấp Continuously trong hộp Repeat 10. Qui định màu nền là White rồi nhấp OK 11. An OK để chuyển sang dòng kế. Chọn Insert/Horizontal Line. An OK. 14. Nhấp nút Font Size trên thanh định dạng, chọn 14pt. Nhấp Bold, Underline. Gõ vào Donations và ấn Enter 15. Nhấp nút Font Size trên thanh định dạng, chọn Normal. Nhấp Bold, Underline để không chọn nữa. Gõ vào nội dung sau: We are a non-profit organization that survives through the generous donations of organizations and individuals. In addition to financial donations, we are in need of the following items:[Enter] 16. Nhấp nút Bullets trên thanh định dạng, gõ vào nội dung sau:  Leashes and collars [Enter]  Pet toys [Enter]  Stainless steel bowls [Enter]  Cat and kitten food [Enter]  Dog and puppy food [Enter]  Cat litter [Enter]  Newspapers [Enter] 17. Nhấp Bullets trên thanh định dạng để không chọn nữa. Chọn Insert/Navigation Bar. Hộp đối thoại Navigation Bar Properties xuất hiện. Nhấp Child Level, Home Page, Horizontal và Buttons để chèn một liên kết vào trang chủ của bạn. Nhấp OK, Center để canh giữa thanh điều khiển 18. Lưu trang Web lại Đưa siêu liên kết (Hyperlinks) vào trang Web 1. Nhấp kép Links trong danh sách Folder để mở trang Web thứ tư 2. Chọn Insert/Page Banner. Hộp đối thoại Page Banner Properties hiện ra, nhấp Picture. Nhấp OK. Nhấp Center trên thanh định dạng để canh giữa banner rồi ấn Enter 3. Chọn Insert/Navigation Bar. Hộp đối thoại Navigation Bar Properties xuất hiện. Nhấp Child pages under Home, Horizontal và Buttons. Nhấp OK, canh giữa thanh điều khiển và ấn Enter 4. Nhấp nút Font Size trên thanh định dạng, chọn 14pt. Nhấp Bold, Underline và Align Left. Gõ vào Links và ấn Enter 5. Nhấp nút Font Size trên thanh định dạng, chọn Normal. Nhấp Bold, Underline để không chọn nữa. Gõ vào nội dung sau: Pet Finder [Enter] American Veterinary Medical Association [Enter] Pet Care Tips [Enter] 6. Đóng khối Pet Finder và chọn Insert/Hyperlink. Hộp Create Hyperlink xuất hiện 7. Nhấp vào text box URL có chữ sẵn http:// và gõ vào www.petfinder.org/ và nhấp OK. 8. Đóng khối American Veterinary Medical Association và chọn Insert/Hyperlink. Hộp Create Hyperlink xuất hiện 9. Nhấp vào text box URL có chữ sẵn http:// và gõ vào www.avma.org/care4pets/ và nhấp OK. 10. Đóng khối Pet Care Tips và chọn Insert/Hyperlink. Hộp Create Hyperlink xuất hiện 11. Nhấp vào text box URL có chữ sẵn http:// và gõ vào www.creatures.com/ và nhấp OK. 19. An Enter để chuyển sang dòng kế. Chọn Insert/Navigation Bar. Hộp đối thoại Navigation Bar Properties xuất hiện. Nhấp Child Level, Home Page, Horizontal và Buttons để chèn một liên kết vào trang chủ của bạn. Nhấp OK, canh giữa thanh điều khiển và ấn Enter 20. Lưu trang Web lại Xem, In và Xuất bản trang Web 1. Để xem trang Web giống như khi nó xuất hiện trên trình duyệt, chọn File/Preview In Browser. Hộp đối thoại Preview In Browser xuất hiện. Nhấp nút Preview 2. Xem tất cả trang Web nhấp vào nút Navigation Bar. Nhấp nút Home để quay trở lại trang chủ. Nhấp vào từng Hyperlinks để xem chúng 3. In mỗi trang Web bằng cách chọn nó và chọn File/Print trong trình duyệt. Hộp đối thoại Print xuất hiện, nhấp nút Properties, Portrait trong hộp Orientation. Nhấp Apply , OK. Nhấp OK trong hộp Print 4. Xuất bản trang Web bằng cách chọn File/Publish Web và qui định địa chỉ. Nhấp Publish để lưu trang Web vào Web site của bạn Chọn File/Close để đóng trình duyệt. Chọn File/Close trong FrontPage để đóng các trang Web. Chọn . THIẾT KẾ WEB BẰNG MICROSOFT FRONTPAGE Tạo một trang Web 1. Chọn File/New và Web từ menu con, hộp đối thoại New xuất. trong hộp Print 4. Xuất bản trang Web bằng cách chọn File/Publish Web và qui định địa chỉ. Nhấp Publish để lưu trang Web vào Web site của bạn Chọn File/Close