4. Build It

Home ] 1. Get Ideas ] 2. Plan ] 3. Make It Look Good ] [ 4. Build It ]

You've looked at other teachers' class web pages, you've planned your own site, and you've learned basic web design principles.  Now it's time to apply what you've learned to building your own class web site! 

Below are a few FrontPage Quick Tips, links to FrontPage 2000 Tutorials, and links to some cool  web sites where you can download free graphics.

FrontPage 2000 Quick Tips
Create a new web:
1.  File
2.  New
3.  Web
4.  One-page web
5.  Specify location to save
Change background:
1.  Format
2.  Background
3.  Browse to find background graphic you've saved
Apply theme:
1.  Format
2.  Theme
Set margins:
1.  Right click on page
2.  Page properties
3.  Margins tab
4.  Check margins
5.  Insert number (in pixels)
Give page a title:
1.  Right click on page
2.  Page properties
3.  General tab
4.  Type title of page, which will appear in the top dark blue part of the web page when viewed in browser
Save clip art or background from Web:
1.  Right click on picture or background
2.  Save picture as
3.  Choose location to save to (folder on your hard drive or network drive at school)
Insert clip art from Office:
1.  Insert
2.  Picture
3.  Clip art
4.  Do search for appropriate picture
Insert graphic that you've saved:
1.  Insert
2.  Picture
3.  From file
4.  Browse to find file
Format text:
1.  Highlight text you want to change
2.  Format
3.  Font
4.  Choose font style, size, color, bold, italics, etc.
Insert an email link:
1.  Type words for the link (Example:  Contact Me)
2.  Highlight the words
3.  Right click on highlighted words
4.  Hyperlink
5.  Click on envelope to right of space for typing URL
6.  Type the email address
OR
1.  Just type the email address (bwitkowski@keyknox.com)
2.  Press Enter or Shift-Enter
3.  FrontPage will automatically make the address a hyperlink
Insert a link to another web site on the Internet:
1.  Type the URL of the web site you want to link to
(www.keyknox.com)
2.  Highlight the URL
www. keyknox.com
3.  Right click on URL
4.  Hyperlink
5.  Type (or preferably Copy and Paste) the URL
6.  OK
Change colors of links:
1.  Right click on page
2.  Page properties
3.  Background tab
4.  Change colors of Hyperlink, active hyperlink, and/or visited hyperlink to coordinate with color scheme of page
Insert table:
1.  Table
2.  Insert table
3.  Insert number of rows and columns needed
OR
Click on table icon on toolbar and drag across number of columns and rows desired
Turn table borders off:
1.  Right click on table
2.  Table properties
3.  Set border size to 0
Save:
1.  File
2.  Save
OR
Click on Save icon on toolbar (looks like a floppy disk)
Insert page banner:
(only if using theme)
1. Insert
2. Page banner
3. Choose picture or text
4. Type page banner text.
5. OK
Insert navigation bar:
(only if using theme; pages must be linked in navigation view first)
1. Insert
2. Navigation bar
3. Choose "child pages under Home" or whatever you prefer
4. Click "horizontal" or "vertical," "text" or "buttons"
5. OK
Spacing:
1. Single space
between lines
Shift + Enter

2. Double space between lines
Enter

Building Teacher Web Pages
bulletScholastic Class Homepage
http://teacher.scholastic.com/chb_tutorial/workshop.htm
Scholastic offers free class homepages, which may include resources from the Scholastic web site. As far as I can tell, this service is free.
bulletTeacherWeb.com
http://www.teacherweb.com
TeacherWeb allows teachers to build ad-free web pages on this site using templates. Setting up a class site couldn't be quicker or easier! There is a fee of $2.50/month or $25/year to post your web site on TeacherWeb.
bulletSchoolnotes.com
http://www.schoolnotes.com
Schoolnotes also offers space and templates to teachers and schools for building web sites. This service is FREE, but web pages include ads and are not as comprehensive as those at TeacherWeb.
bulletLinda's Teacher Training for Developing Educational Web Sites
http://mywebpages.comcast.net/ljbm/index.htm
This site provides excellent resources for building web sites for educational purposes, including how to use web sites for teaching, recommended software, graphic links, etc.
FrontPage 2000 Tutorials on the Web
bulletFrontPage 2000 in the Classroom
http://www.actden.com/fp2000/java/
bulletFlorida Gulf Coast University Tutorial
http://www.fgcu.edu/support/office2000/frontpage/
bulletMicrosoft Office FrontPage 2000 Tutorial
http://office.microsoft.com/downloads/2000/FPTutor.aspx
This tutorial may be downloaded free of charge.  You might want to print it and refer to it as you use FrontPage.
Free Graphics on the Web
There are literally thousands of clip art sites on the Web that allow you to download graphics for free.  Please read and heed any restrictions put on the use of the graphics.  Some webmasters ask that you link back to their sites if you use their graphics on your pages. Others have no restrictions on use.  Just be sure to use graphics and images that are copyright free.
bulletDiscovery Channel School's Clip Art Gallery
http://www.school.discovery.com/clipart/
bulletAnne's School Days GIFs
http://d21c.com/AnnesPlace/School.html
bulletTeacherFiles.com Educational Clipart
http://www.teacherfiles.com/clip_art.htm
bulletJ's Magic Galleries
http://jsmagic.net/school/
bulletSchool Icons Club
http://www.schoolicons.com/eng/index/attention.html
bulletMore graphics links from my web site
http://www.keyknox.com/bwit/graphics.htm

1. Get Ideas 2. Plan 3. Make It Look Good 4. Build It

Home | KHS Home | KES Home