FrontPage 2002

To launch FrontPage and open new web:

ü      Click on Start Programs Microsoft FrontPage

ü      Click on File New Web.

ü      Your location will be the address on the board..

ü      Specify the location of the new web as http://www.ysd.k12.sd.us/your web name
  Put your school user name as your username and put your school password as your password.

ü      Choose One Page Web and click OK.  

When you get to your website, double click on the index page. This is where you will begin.  Do not use New Page 1 at this time.

Enter the name of your home page and save as Index page

To Insert a Theme:

ü      Click Format – Themes

ü      Select Apply to All Pages. (You may later change the theme of certain pages but it is better to keep the same theme throughout a web site)

ü      Select any theme you want, and click OK.

ü      Click Yes when asked if you want to apply this theme to your web page.

OR

Formatting Background

(If you don’t want to use a theme, you will use this option of formatting the background.)

ü      Click on Format.

ü      Click on Background from the drop-down menu.

ü      From the Background tab, click on Background Picture.

ü      Click on Browse.

ü      Click on the icon that looks like a folder with a magnifying glass on it.  This will allow you to go to whichever file you have saved your background in.  (For example, if you saved a background picture in your C file, then you would go to the C file to retrieve it.)

ü      Click on the file you wish to open.

ü      Click OK.

ü      Click OK again, and your background will appear on the web page you are designing.

 

ADDING NEW PAGES AND SETTING UP YOUR NAVIGATION VIEW.

    An easy way to set up your navigation view is to add new pages in the Navigation view.

Setting up the Navigation:

(This effect helps you to organize your outline on the screen.  This will automatically link the pages how you want them to be linked without having to hyper-link anything.)

ü      Under Views on the tool bar, click on Navigation.

ü      A single box will appear.  This will be your first page.  Name this page by clicking in the box  and typing in a name for your homepage.

ü      You will want to outline your web site here.  Right click on the first box.

ü      From the drop-down menu, select New  --- Page.

ü      A new box will appear.  Click on the box to rename it (ie. Cyberbiology).

ü      Continue to map your pages however you would like them linked.  If you want to move a box, simply click and drag it.  You can always go back into this view to add or delete or rename pages later.

 

Directions Repeated

Click on View and then Navigation

Right Click on your Index Page and choose New   Page

Right Click on New Page and click Rename

Type in the name of the new page and double click it to save it.

OR

Click on View  ---   Task Pane ---- New  --- Blank Page

Click File ---  Save As and give your page a name and save it.

Click on View   ---  Navigation

With Page view open on left side, click on file and drag into Navigation structure under Index Page

Repeat this process for each new page.  For now you need to add a page for Cyberbiology, Cybercomp, and Cybergeography.

Inserting Page Banners and Navigation Bars.

If you did not use themes, open your Index page.  Type your page title centered at the top of the page. Choose Heading 1 for size.  Choose Font and color for your heading.

If you want to put your Page Title in a Banner, go to insert, Clip Art, choose Banners, insert your chosen banner centered at the top of the page.  Create a text box in the banner and type in your page title using Heading size that will fit your banner

If you used themes, Place your cursor in center of page at top.  Click Insert, Page Banner. Click Picture, type page name in Page Banner space and Click OK.

TO INSERT A NAVIGATION BAR

FIRST -- INSERT A TWO COLUMN FOUR ROW TABLE!!!!!!!!

Click in first cell and click Insert---Navigation---Bar based on Navigation Structure.

Click Next--Choose Bar Style --- Click Next --- Choose Navigation Orientation (Vertical)--- Click Finish --- Choose Child and Home --- Click OK

Save Your Web Page as Index.  Save frequently while you are working on your website.

 

To create a mailto link:

ü      Decide where you want to put mailto link.  If you place it within the Shared Border, it will appear on every page.  If you put it elsewhere in the page, it will only appear on that page.

ü      Click Insert Picture Clip Art

ü      Enter “mail” in Search for clips

ü      Choose “Motion”  select clip insert in page

ü      Click on graphic and then on hyperlink symbol on tool bar

ü      In dialog box, click the “E-mail Address” button

ü      In the “type an E-mail Address” enter your email address

ü      Click OK OK to close the dialog box and create the link

ü      Click the Save button (Or Save As if you have not saved the page before)

To Import a file:

ü      In Page View, open any file

ü      Click File Import

ü      Click Add File

ü      In “look In” Dialog Box, scroll to file you wish to import

ü      High light file, click Open

ü      Click OK

ü      In open web page, type name of file you have imported- Highlight – click hyperlink icon

ü      In dialog box, scroll to imported file and click

ü      When name appears in URL box, click OK

ü      Save Page 

To insert a file

ü      In Page View, open any page

ü      Click on page where you want to insert file

ü      Click Insert File

ü      Scroll to any file you want to insert

ü      High light file

ü      Click Open

ü      Save Page 

Refinements in Website design AKA Fancy Stuff 

To Insert Background Sound or Music

ü      Right Click on your page.

ü      Click on Page Properties.

ü      On the background menu, there is a section for sound.  You will want to then browse for the location of your sound file that you saved.  Click OK.

ü      You can then choose the length of the music.

ü      Click Ok again.

Inserting a Table

(A table will allow you to be more flexible in editing your text or moving your graphics. It is also a nice way to organize your page topics to make hyperlinks to those pages.)

ü      Click on Table

ü      Click on Insert and then Table.

ü      The next menu will ask you to choose the number of columns and rows.  If you choose to change this number later, it is easily done.

ü      Your table will now appear on you page.  You can then type in the table, insert Word Art, or insert a graphic. 

ü      If you right click on a cell, you can then choose cell properties for that cell.  You may choose to change the color, font, placement, border color, or background color.

ü      If you right click on the table highlighted, you can then choose table properties. You can then change table borders, background colors, or insert a picture for your background. 

 

Inserting Word Art 

View Tool Bars - Word Art

Click on Word Art symbol and choose style.  Click OK

Add Text in Word Art Text Box

 

Click Okay

To Copy and Save an Image/Video from the Internet

 ü      Right mouse click on image you want to save.

ü      Select Save picture as.

ü      Select the place you want to save the picture (example a: my documents, etc.)

ü      Select Save.

To Insert an Image/Clip Art/Video

ü      Make sure your cursor is placed in the spot that you would like the image placed.

ü      Click on Insert on the Menu.

ü      Scroll down to Picture and then choose From File.

ü      Browse to the file that you saved.

ü      Once you find the file, click on Insert.

ü      Your image should then be inserted on your Web Page. 

 

Inserting a Marquee

(This option will allow you to have words scrolling across the screen.)

ü      Click on Insert.

ü      From the drop-down menu, choose Component.

ü      Select Marquee.

ü      Type the text of your marquee in the text box.

ü      Select the direction for your marquee to come in.  (It is probably easiest for others to read if it comes in from the left.)

ü      Select the speed for your marquee.  (The lower the number, the slower the speed.)

ü      Select how you want your marquee to come in – slide or scroll.

ü      Select the background color.  (If you want your marquee to come in on your background, leave it as automatic.  If you want a long box for the marquee to come in on, select a different background color.)

Note:  Remember that you have to be in the preview stage in order to see your marquee move. 

 

To Make a Hyperlink 

ü      Highlight the words/picture you would like to use

ü      Click on Hyperlink Button (world with chain) or insert hyperlink or right mouse click/hyperlink

ü      A hyperlink screen will come up. You may hyperlink one of four different ways:

    1. If you are hyper linking to the World Wide Web, you may  click on the button with Existing Page or Web Page.  Use the world/magnifying glass and go browse until you find the right page.
    2. If you are hyper linking to a file, you may use Existing Page or Web Page button and scroll to the file you wish to link to.
    3. If you are hyper linking to e-mail, you click the Email address button and type in the address
    4. If you are hyper linking to a new page, click on the Create a New Page button and name it what you like.  You can edit it now or later by choosing the right button

ü      Once you have your address listed in the Address line, click OK, and your hyperlink should be set.

To Set Bookmarks within a Page

(Bookmarks move you to a certain site within a page without having to make so many pages.  Bookmarks are made for within a page. )  

ü      It is really easiest if you enter all your information first.

ü      Click in front of the line that you want to set the bookmark.

ü      Click on Insert on the menu bar.

ü      Select Bookmark.

ü      A bookmark screen comes up and asks you to name your bookmark.  It also shows if you have any other bookmarks on this same page

ü      Once you have entered the bookmark name, select OK. 

ü      A little flag will appear in front of your line.  This will not show on your web page; it is merely a mark so you known where you set the bookmark.

ü      Continue doing Steps 2-6 until you have set all the bookmarks that you want on this page.

ü      To hyperlink to your bookmark, you highlight the words/picture you want to make hot.

ü      Click on the Hyperlink Button, and the hyperlink screen will come up.

ü      Instead of entering a URL, there is an area below that says bookmark.  Use the drop down arrow to select the bookmark you are linking to.)

ü      Select OK, and the bookmark should now be set.

ü      Continue to set links to your bookmarks as needed.

Bookmarks with Themes – Going to the Top of the Page.

ü      Because the very top part of each theme page is used for title and navigation bars, you cannot place bookmarks there. To return to the top of a page, insert a hover button or other object at the bottom of the page and link it to the current page from the hyperlink options. This takes you to the very top of the page. 

Inserting a Hover Button

(A hover button is actually a fancy hyperlink.  After you have set a hover button, it works like a hyperlink.)

ü      Select Insert on the file menu.

ü      Select Component.

ü      Select Hover Button.

ü      Type in words you would like on your hover button.

ü      In the link to line, click on Browse.

ü      The hyperlink screen will come up, and it is just like setting a hyperlink.

ü      Once you have completed the hyperlink, select OK.

ü      This will take you back to the hover button screen.

ü      Set your color, effects, etc.

ü      Select OK.

Inserting a Hit Counter into your Web Page

ü      Click on the area of the page where you want to place the counter.

ü      Click Insert – Component – Hit Counter.

ü      Select a counter style.

ü      Select Fixed Number of Digits. Type 3 for the number of digits.  (This is probably enough for most personal web sites.  You can change the number of digits any time. )

ü      You can also select a beginning number by selecting <reset to> and typing a number into that box

ü      Click Ok.

ü      To see the counter, you may have to preview in the browser.  (You may have to click on refresh icon to see the current count.)

 

 

Swapping Pictures

(This function is used to temporarily display a different picture over or instead of your current one when you move the mouse pointer over it. It assumes you have already inserted a picture on your web page.)

ü      Select the picture you want to replace by clicking on it in Normal View.

ü      Click Format – Dynamic HTML Effects. This displays HTML toolbar on your screen.

ü      In the <choose an event> window, select Mouse Over.

ü      In the <choose an effect> window, select Swap Picture.

ü      In the <choose setting> window, select Choose Picture.

ü      Select the picture you want to swap, and click OK.

ü      Go to the preview mode and move the mouse pointer over picture to see the swap effects.

Check this out by running your cursor over the hit counter above. 

 

 

How to open your web page:

    After you have created your website, you will have to know how to open it in order to work on it or add more pages.

Launch FrontPage

Click File Open Web

Type in address of your website

Click Open

When dialogue box appears, type in your user name and password and OK.

Once you are in your web you can create your new page.  It will appear as New Page 1 or 2 or some number.  Be sure that when you save it, you save it under a name so you will recognize it.  Keep save names short as they will become part of the URL for that page. NEVER EVER SAVE A PAGE AS NEW PAGE 1 OR NEW PAGE 2!!!!!!!!!!!!!!!!!!!!!!! ALWAYS CLICK ON SAVE AS AND GIVE A NAME IN THE FILE NAME SPACE THE FIRST TIME YOU SAVE A PAGE.

If you do not want to create a new page, double click on the page from the folder list to open it.