To launch FrontPage and open new web:
üClick on Start Programs Microsoft FrontPage
üClick on File New Web.
üYour location will be your floppy disk in the a drive or the web address your teacher gives you.
üSpecify the location of the new web as your directory:\username\mywebs\index.
üChoose One Page Web and click OK.
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.
To Apply Shared Borders:
üClick Format and then Shared Borders.
üSelect All pages – Top – include navigation buttons.Click Ok.
üRight click on Edit the properties for this navigation bar to display hyperlinks here at the top of the screen.
üSelect Navigation Bar Properties from the window that pops up.
üSet options to Child Level, Home Page, and Parent Page.
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 left side of the screen, 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. Family Things).
ü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.
To create a personal homepage:
üIn page view, place some text in "New page 1"
üInsert some clip art by clicking Insert Picture Clip Art
üClick on selected clip art and click insert.(you can locate both clip art and animated clip art either in the clip art gallery or by clicking clip art online and going to the Microsoft clipart online gallery. You can also find clip art on free clip art sites on the internet.
üSelect at least one piece of animated clip art
üClick File Save As
üChange file name to "index" if not already named this
üChange page title if you wish by clicking "change" put new title in title dialog boxclick OKsave
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 "make a hyperlink that sends email" button (the envelope)
üIn the "type an E-mail Address" enter your email address
üClick OKOK to close the dialog box and create the link
üClick the Save button
To add new page to your website (if you choose not to set up the Navigation at first:
üClick on Navigation View
üClick on Index (Home) page
üClick New Page icon
üRight click New Page
üEnter a new name
üIn Page View – open new page and enter some text
üRepeat procedure for 2nd new page
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
ü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
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
Refinements in Website design AKA Fancy Stuff
(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 again, and your background will appear on the web page you are designing.
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
üOpen Microsoft Word.
üClick on Insert.
üFrom the drop-down menu, select Picture.
üClick on Word Art.
üSelect your word art style.
üSelect font size.
üType in word or words to be displayed.
Adjust to whatever design you want.
üIf you would like to insert Word Art on a web page, you will first need to create it in Word and then Copy and Paste it to your web page.
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.)
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.
ü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:
a. If you are hyper linking to the World Wide Web, you may type the address or click on the button with the world/magnifying glass and go browse until you find the right page.
b. If you are hyper linking to a file, you may use the folder button by the address bar, or if it is another page already in your web, you should see it on the list above the address bar.
c. If you are hyper linking to e-mail, you click on the envelope and add the address.
d. If you are hyper linking to a new page, click on the button that looks like a sheet of white paper, and name it what you would like.
üOnce you have your address listed in the URL 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.
ü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 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.
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
ü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.)
(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.
1. Click on File
2. Click on Publish Web
3. Type URL of your website in the Specify location to publish you web blank.
4. Click "Publish"
5. Remember that any site you publish to must have FrontPage Extensions installed. Some free sites such as Angelfire, Tripod, and Geocities have FrontPage Extensions.
Great Internet Sites for Help in Making Your Web Page
üClip Art Sites