WB_FrontPage_How To

CS3505

Front Page

Microsoft Web Page Authoring tool Available to students at no charge see

helpdesk Provides support for building Webs

includes– Entering text, images, frames, style sheets– Input forms, ASP, Dynamic HTML– Publishing If Server is Frontpage enabled

FrontPage Installation Get MS Frontpage CD’s from helpdesk Run setup as administrator, license key on CD’s, runs in 5 minutes Requires 170MB default; 339MB Full Installs in C:/Program Files/Microsoft Office/ Reboot Microsoft Frontpage

Should now appearIn your programs menu

Start a Web and index.html file

1) Start Frontpage

2) New Empty Web2.1) Browse create for a new directory

3) New Blank Page

4) Add Text

“My Home Page”

5) Save

Frontpage: Local Publishing Bring up Frontpage and your root page

– Example RootExample.htm File->Publish Web …

– Browse for the directory on your local machine into which you want to place your web

• Example: StudentExampleDirectory/YournameDirectory

Click Publish

Frontpage Local Publish(cont)

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

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

Keep Page Architecture in mind

index

ImageSkier

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

Try Typing Text with Effects

MS Word style menu

InsertHyperlinks

Font sub super scripts

lists Colors and sizes

Add A Table to Index.htlm

Table menu

Set rows and

columns

Add element entries

including hypertext

Add Image and Map Hot spots

Select hot spot

shape

Select hot spot Link

Use image edit menu

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

Make a Frame Web1) 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.

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.

Add a Form

1) Insert a form on a pageInsert->form->form

2) Insert form elements\

Insert ->form-> select element3) Arrange and label elements.

Elements are placed along with typed letters by using tap space

and CR typewriter functions. 4) Set properties

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

What to do with Results

Right click select form properties then options