Bài giảng Thiết kế Web: Công cụ thiết kế Web - Phạm Thế Bảo

4/16/2010 CÔNGCӨ THIӂTKӂWEB PHҤM THӂ BҦO ptbao@hcmus.edu.vn 1. MicroSoft Frontpage (MicroSoft Publisher) 2. DreamWaver 8 1 16/04/2010 I. TӘNG QUAN MICROSOFT FRONT PAGE : 1. Công dөng Ӭng dөng trong bӝ Microsoft Office dùng ÿӇ thiӃt kӃ các trang Web hay các bӝ Web. 2. Tұp tin Tұp tin chѭѫng trình FRONTPG.Exe Tұp tin lѭu trӳ có kiӇu *.Htm 3. Khӣi ÿӝng Start ⮳ Programs ⮳ Microsoft FrontPage ThiӃt kӃ Web bҵng Microsoft Front Page 1 16/04/2010 4. Giao diӋn Vùng thiӃt kӃ trang Web ChӃ ÿӝ thiӃt kӃ ThiӃt kӃ Web bҵng Microsoft Front Page a. ChӃ ÿӝ thiӃt kӃ : - Design : ChӃ ÿӝ thiӃt kӃ mһc ÿӏnh. Các trang thiӃt kӃ nhѭ 1 trang văn bҧn sӑan thҧo Word. - Split : HiӇn thӏ trang thiӃt kӃ thành 2 phҫn. Nӝi dung Design và nӝi dung bҵng HTML. - Code : HiӇn thӏ trang Web bҵng ngôn ngӳ HTML. - Preview : Xem kӃt quҧ thiӃt kӃ khi duyӋt Web. ThiӃt kӃ Web bҵng Microsoft Front Page 2 16/04/2010 b. Vùng thiӃt kӃ : Nhѭ 1 trang văn bҧn sӑan thҧo Word, cho phép nhұp nӝi dung trӵc tiӃp hay chèn các ÿӕi tѭӧng Table, WordArt. ThiӃt kӃ Web bҵng Microsoft Front Page II. THAO TÁC THIӂT Kӂ : 1. Tҥo mӟi bӝ Web : - B1 : Khӣi ÿӝng Front Page ⮳ Chӑn File ⮳ New - B2 : Chӑn ⮳Empty Web Site hay One Page Web Site - B3 : Trong cӱa sә Web Sites ⮳ Chӑn Empty Web Site hay One Page Web Site. - B4 : ChӍ ÿӏnh thѭ mөc chӭa bӝ Web ⮳Ok ; Add to current Web ⮳ Mһc ÿӏnh thѭ mөc Web hiӋn hành. ThiӃt kӃ Web bҵng Microsoft Front Page 3 16/04/2010 Thành phҫn bӝ Web : - Folders : Thành phҫn chi tiӃt trong thѭ mөc bӝ Web. Thѭ mөc gӕc chӭa tòan bӝ Web ⮳ Rood Folder. - Reports : Các thông tin báo biӇu liên quan ÿӃn Web site. - Navigation : Cҩu trúc liên kӃt di chuyӇn trong bӝ Web. - Hyperlinks : Thông tin liên kӃt trên Web Site. - Tasks : Thông tin vӅ quҧn lý Web Site. _Private : Lѭu trӳ các thông tin WebSite . Images : Lѭu trӳ các hình ҧnh Trang 1 cͿa bͱ Web ph̻i ĺu vͳi tên Index. Htm và ĺu ͷ th́ mͽc gͩc bͱ Web ThiӃt kӃ Web bҵng Microsoft Front Page 2. Tҥo mӟi 1 trang Web : - B1: New ⮳Blank Page. - B2 : ThiӃt kӃ. - B3 : Lѭu trang Web vào bӝ Web. 3. Lѭu thiӃt kӃ Web : - File ⮳Save : Lѭu trang ÿang chӑn thiӃt kӃ. - File ⮳Save All : Lѭu tòan bӝ các trang ÿang ÿѭӧc hiӇn thӏ trong thiӃt kӃ. 4. Ĉóng thiӃt kӃ Web : - File ⮳Close : Ĉóng trang ÿang chӑn thiӃt kӃ. - File ⮳Close Site : Ĉóng tòan bӝ các trang ÿang ÿѭӧc hiӇn thӏ trong thiӃt kӃ và ÿóng bӝ Web. ThiӃt kӃ Web bҵng Microsoft Front Page 4 ... - tailieumienphi.vn