Please adjust your volume before clicking on the Tutorials

Session One

• How do I open my web page?  (Tutorial)
• How do I create a new page?   (Tutorial)
• How do I save the changes I made? (Tutorial)

Session Two

• How do I create a table?  (Tutorial)
• How do I merge cells in a table?
• How do I split cells in a table?
• How do I change the background of my page?
• How do I create a link?  (Tutorial A) (Tutorial B)
• How do I create a bookmark link? (a link to another location on the same page)
• How do I test my links?

Session Three

• How do I insert clipart?  (Tutorial)

• How do I insert a graphic from the Internet? (Tutorial)

• How do I insert a photograph?  (Tutorial)

• How do I remove a link from a graphic?

Additional Information

•  How do I insert a document that I have saved in a different program? (ex: a worksheet from Word) (Tutorial)

• How do I insert a marquee? (scrolling text)

• How do I make thumbnails for my photos?

Click here to return to

The Teacher Web Page Resources

·       Double click on “My Computer”

·       Double click on “Kirby Share Drive”

·       Double click on the “Teacher” Folder

·       Double click on the “Lab Teachers” Folder

·       Double click on your web folder

·       Double click on the “index” icon

·       Click on the Front Page button on the tool bar at the top of the browser window.

Back to Top

• Click the "Create a New Normal Page" button in the top left hand corner of your tool bar.  (It looks like a single sheet of white paper)
• Click File -> Save As
• Check the “Save In” window has a web icon and your name.  Name the page something appropriate with NO SPACES.  You will see a white tab appear at the top of your index screen that allows you to switch between open pages.

·       Click File -> Save All

o      If you are saving images, be sure they are saving in your images folder.  Click yes to accept all images.

¨     Click Table -> Insert -> Table

¨     In window, choose the number of rows and columns you would like in your table.

¨     For an invisible table, change border size to zero.  Adjust cell padding as necessary.

Back to Top

¨     Highlight cells

¨     Click table -> merge cells

Back to Top

¨     Highlight cell or click table -> select -> cell

¨     Click table -> split cells

¨     In window choose how many rows or columns you would like to create.

Back to Top

To add a color background:        

¨     Click Format -> Background.  In the middle of the window, choose background color.  This is also where you can make adjustments to the color of links.

To add a picture background/watermark:

• Click Format -> Background.  At the top of the window, check the background picture and/or watermark box.  Click the browse button to find the picture you have saved in your H: drive.  Click OK.

Back to Top

A: To create a link to another page you have created:

¨     First, you must create a new page:  Click the “new page” button on the tool bar.

¨     Click File -> Save As.  Check the “Save In” window has a web icon and your name.  Name the page something appropriate with NO SPACES.  You will see a white tab appear at the top of your index screen that allows you to switch between open pages.

¨     Once text becomes a link, it will automatically be underlined.  Usually, a graphic does not change. Highlight the text or picture you want to the user to click on for a link, Right Click, click “hyperlink”. 

¨     Click on the page to which you want to link.   It will appear in the bottom window. Click OK to close window.

¨     Remember, to make your web pages easy to use, link back to the first page from the second page.  (make your links 2-way).

 B: To create a link to another website:

¨     Highlight the text or picture you want to the user to click on for a link, Right Click, click “hyperlink”. 

¨     Type the address of the page to which you want to link.  (If it is a long address, you open it in Internet Explorer, right click on the address, click “copy”.  Then go back to the window in FrontPage, click in the address field and press “Ctrl V” to paste.)

¨     I suggest creating links to outside websites so they open in a new window.  To do this, click on the “Target Frame” button, click “New Window”. Click OK.  Click OK again to create the link.

Back to Top

¨     Highlight the text/picture to which you will want to “jump”. Click Insert->Bookmark.  Rename the bookmark if necessary, or just click OK.  Repeat this step as many times as necessary for the page.

¨     Highlight the text or picture you want to the user to click on for a link, Right Click, click “hyperlink”.  (This is where you want users to click.)

¨     Click “Bookmark” and select the appropriate bookmark for the link.  After you click OK, you will see the bookmark in the address field.

Back to Top

¨     Click the preview button in the left corner of the screen and click on your link to test it.  Click on the normal button to return to web design.

Back to Top

¨     Put your cursor in the cell of the table in which you’d like to place an image. 

¨     Clipart:  Click Insert -> Picture –>  Clipart.

o       Search for a graphic and click on a picture to select it. 

o       Note:  when searching for a graphic, if it has a little yellow star in the bottom right hand, then that graphic is animated.  You will not see the animation until you preview and/or publish your page. 

o       To resize the graphic, click on the graphic once so you see 8 black squares appear around the edges. To resize the graphic without distortion, use the bottom right corner.  Pull down to enlarge or pull inward to shrink the graphic.

o       When you “Save All” a new window will appear.  The first time you save a graphic, you must click the Change Folder button and choose the “images” folder and click OK.

o       Every time you “Save All” after inserting a graphic, this window will appear.  Double check that the folder listed is “images/”. Click OK.

Back to Top

o       You can insert graphics from anywhere on the Internet.  This includes Google Images, and similar image search engines, or almost any other website you can find. 

o       When you find the graphic you want to insert, hold your mouse on top of it and right click.  Choose “Save Picture As”.  A “Save As” window will appear.  Rename the graphic in the bottom “file name” field, if it does not already have an appropriate name.  Using the drop down menu from the upper “Save In” field, select your H: (username) drive.  Double Click on the folder you created called “web graphics”.  Click Save.

o      Now the graphic is saved in an easy to find location. 

o      Go back into FrontPage.  Click inside the cell in which you’d like the graphic to appear.  Click Insert -> Picture -> From File.

o      A new window will appear.  In the “Look In” field at the top of the window, choose your H: (username) drive.  Double click on the “web graphics” folder.  Click on the graphic you want to insert.  Click Insert.

Back to Top

o       Most likely, you will be inserting pictures you took on the school’s digital cameras.  Please see the attached sheet on how to move the pictures from the disk to your H: drive.  Reminder:  you must give each picture you take a unique name when inserting into FrontPage.  DO NOT use a child’s first/last name when “Saving As”.   Good examples include: math2, kidsplaying).  Do not give 2 pictures the same name.

o      In FrontPage:  Click inside the cell in which you’d like the graphic to appear.  Click Insert -> Picture -> From File.

o      A new window will appear.  In the “Look In” field at the top of the window, choose your H: (username) drive.  Double click on the “web graphics” folder.  Click on the photograph you want to insert.  Click Insert.

Back to Top

o      If you have saved a graphic from another website, there is a chance you saved not only the graphic, but also a link that the author had attached to the graphic (remember the spinner example). 

o      Hold your mouse over the newly inserted graphic.  If you see the window: 

Then you must remove the link if you did not create it.  You do not want your students clicking on a picture and going to the site that you got the picture from.

o      Click once on the picture to select it.  Click on the hyperlink button on the tool bar.  In the new window, click the “remove link” button.

Back to Top

• Create an invisible table that is one column by one row.
• Minimize FrontPage and open the document you'd like to put on your webpage. 
• Click -> Edit -> Select All
• Right Click and choose "Copy"
• Maximize FrontPage and click in your newly created table.
• Right Click and choose "Paste"

You may notice some formatting differences and you may need to adjust centering and/or line spacing.

Back to Top

• Click Insert -> Web components
• Be sure Click on Dynamic Effects on the left and then Marquee on the right.
• Click on Finish

• Type in the text you want on the marquee.  Adjust the options (speed, color, etc.) to your liking.  This may take some experimenting.
• Click OK
• Remember to "Save All" before previewing.

Back to Top

Back to Top