1. WB_FrontPage_How To CS3505

2. Front Page 4 Microsoft Web Page Authoring tool 4 Available to students at no charge see helpdesk 4 Provides support for building Webs includes –Entering text, images, frames, style sheets –Input forms, ASP, Dynamic HTML –Publishing If Server is Frontpage enabled

3. FrontPage Installation 4 Get MS Frontpage CD’s from helpdesk 4 Run setup as administrator, license key on CD’s, runs in 5 minutes 4 Requires 170MB default; 339MB Full 4 Installs in C:/Program Files/Microsoft Office/ 4 Reboot 4 Microsoft Frontpage Should now appear In your programs menu

4. Start a Web and index.html file 1) Start Frontpage 2) New Empty Web 2.1) Browse create for a new directory 3) New Blank Page 4) Add Text “My Home Page” 5) Save

5. Frontpage: Local Publishing 4 Bring up Frontpage and your root page –Example RootExample.htm 4 File->Publish Web … –Browse for the directory on your local machine into which you want to place your web Example: StudentExampleDirectory/YournameDirectory 4 Click Publish

6. Frontpage Local Publish(cont) 4 Frontpage will add several directories and the page(s) in your web project to the directory you have selected Click on your root page to test your web

7. Add Three more More Pages 1) Make a new page 2) Add Text Header 3) Save as Page_2 4) Repeat steps one and two to add page_2,3,4 5) Get some sample images and add the to the web

8. Keep Page Architecture in mind index Image Skier Image Snow page4page3page2 Keeping track of links and were pages images and sounds are is a major headache. Keep a component architecture in mind. Use sub-directories to bundle resources. Common images and sounds are often put into a Common subdirectory. Image Sub-directory

9. Try Typing Text with Effects MS Word style menu Insert Hyperlinks Font sub super scripts lists Colors and sizes

10. Add A Table to Index.htlm Table menu Set rows and columns Add element entries including hypertext

11. Add Image and Map Hot spots Select hot spot shape Select hot spot Link Use image edit menu

12. Try an Page Enter Transition 1.In Page view, open the page for which you want to display the transition effect. 2.On the Format menu, click Page Transition. 3.In the Event box, click the the event that will trigger the transition effect. For example, click Page enter to display the transition effect when a site visitor browses to the page for the first time. 4.In the Transition effect box, click the type of transition effect to use when the page is displayed or exited. 5.In the Duration box, type the amount of time that you want the transition effect to last. Going into page 3

13. Make a Frame Web 1) FrontPage->File->new->page or wweb->new from template->page Templates->Frame Pages tab 2)Select Banners and Content 3)See template and either insert existing pages or make new ones. I use top,left,and main text to identify the frames. 4) Save the frame set I use “index” as the Frames Page and, top,left,main as the three new pages.

14. Navigation and Targeting 1)Add a hyperlink 2)Pop up lets you select link and Target Window 3)Select “target frame” allows you to select the window in which to display the link.

15. Add a Form 1)Insert a form on a page Insert->form->form 2) Insert form elements\ Insert ->form-> select element 3) Arrange and label elements. Elements are placed along with typed letters by using tap space and CR typewriter functions. 4) Set properties

16. Form properties are the names of the fields, the groups, and selection values. They are set by right clicking an element and selecting “ form field properties” For example: The check boxes are given the same name “language” and values “english”,”german” respectively Set Form Properties

17. What to do with Results Right click select form properties then options