Some files may require Adobe Acrobat Reader for viewing.  Please find the following link to help you with the download process.

http://www.adobe.com/
products/acrobat/
readstep2.html

Free DHTML scripts provided by
Dynamic Drive

Technology Training

Opening the program

1. Double click the FrontPage icon on the desktop.

2. Select: File - New - Web, choose an empty web, and for a location type A: \ (your name)

3. Be sure that the Views chosen is set on Page. (1st column on left)
   

Helpful Hints

• 2nd column on left is a folder list - this shows the files of all your web pages.

• The last column or area is the actual page for editing.
  

Designing a page

1. Go to file - save -  filename -  index.htm.  (index.htm is always the first page in a website.  DO NOT change that name.)

2. Double click on the icon for index.htm  

3. Go to file -  properties - in the "general" tab, find Title.  Type in a title for your page.  Ex. "Tammy's Web"

4. In the "background" tab, find color.  Select a background color.  (you can make a custom color).  Don't worry about text color here.

5. Type your name.

6. Highlight it and format the text.  You can format the type, style, effect, font size, font color and alignment.

7. Click on Insert on the menu toolbar. Click on horizontal line. Center the line. (Select it by clicking on it, click the centering icon)

8. Type:  North Shore Technical High School and the name of your position...format this text.

9. Insert another horizontal line.

10. Type a paragraph about yourself or your website.  Format this text.

11. Insert another horizontal line.

12. Type a bulleted list of the different pages you would like to create for your website.  (click on the bullets icon on the formatting toolbar prior to typing this list)  Examples:

• Class One

• Class Two

• Homework Help

• My Hobbies

• Sophomore English

• Junior Class

• Outside Projects

11.  Click on the SAVE icon (picture of disk on the standard toolbar) and close the page (file, close)

Build A Second Page

1. Click on the new page icon on the standard toolbar (picture of a white page, 1st one)

2. Go to file - properties - in general tab, give your page a Title. Example, Class One.  In the background tab, choose a color for your background.

3. Type some information on this page.  For example, the name and description of one of your classes and some homework assignments.

4. Add a horizontal line at the top of the page, under your title.  (insert - horizontal line)  If you right-click the line and choose horizontal line properties, you can modify several aspects of the line including size, alignment and color.

   (Try) width: 75%, height: 5 pixels, alignment: center, color: maroon

5. Insert a second horizontal line under your class description.  By default it will be identical to your first.

6. Insert a third horizontal line at the bottom of the page.  Change it's settings to

   width: 100%, height: 2 pixels, alignment: center, color: automatic

   ---

Linking Pages Together

1. At the bottom of the page, type "Back to Home Page."

2. Highlight and click on the Hyperlink icon on the Standard Toolbar (looks like the earth and a link)  The Create Hyperlink dialog box will appear.

3. You will see a list of the folders and pages in your website.  Click on index.htm  to select it and click OK.

4. Save and close this page.  Click the save icon (picture of disk), a save dialog box will appear.  Change the name of the page.  Where it says, new_page1, rename it to something more meaningful like class1.htm.
   

More Linking

You have two pages in your website, index and class1.  Double click on the icon next to index.htm to re-open it.

1. Highlight the text on that page that is your Class 1.

2. Click on the hyperlink icon.  Select class1.htm and click OK.

3. Scroll down to the bottom of the page.  Insert a horizontal line.  Under it, type "Click here to email me"

4. Highlight this text and click on the hyperlink icon.

5. Instead of choosing a page to link it to, click into the URL textbox.  Delete http:// and type mailto:youremail@youremail.com

   example mailto:trodolico@yahoo.com

6. Save your work.
   

Preview your website

You can preview your website and see if your links work.  Click on the Preview tab at the bottom of the screen.  Try out your links.  Click back into the Normal tab.  Close your page.

Building a Third Page

1. Click on the new page icon on the standard toolbar (picture of a white page, 1st one)

2. Go to file - properties - in general tab, give your page a Title. Example, Class Two.  In the background tab, choose a color for your background.

3. Type some information on this page.  For example, the name and description of this class and some homework assignments.

4. Place horizontal lines where they look appropriate.

5. Find a good spot to place a picture.  Make sure that your cursor or insertion point is exactly where you want the picture to be.  Click on Insert - Picture - Clip Art.  Click on the categories.  Choose a picture.  Click on the picture you want. Scroll over to the right on the Insert picture icon. (You can make the picture smaller by dragging it in by a corner handle) 

6. At the bottom of the page, type "Back to Home Page."

7. Highlight and click on the Hyperlink icon on the Standard Toolbar. The Create Hyperlink dialog box will appear.

8. You will see a list of the folders and pages in your website.  Click on index.htm  to select it and click OK.

9. Save and close this page.  Click the save icon (picture of disk), a save dialog box will appear.  Change the name of the page.  Where it says, new_page1, rename it to  class2.htm.

10. Go back into your index and link your new Class Two page.  

Pictures can be deleted.  If you click on the picture to select it, it will become outlined in black.  Once selected, you can cut it with the scissors.  A picture can also be copied and pasted in the same way that text can.  This is especially useful when using small icons on a page.

Clip Art from the Web

Browse through the following web sites.  When you see a picture or a background that you like:
Put your cursor on that picture
Right click

Click on save image as

Save in C drive, My documents
Change the filename to something you will recognize
Click Save

Save as many pictures as you like….you can also save to a disk to keep for future use.  Save some backgrounds also.

http://members.tripod.com/~CloudDreamer/