Let's Make a Web Page

What should you know before you begin?

Please take a moment to read these important "Dos and Don'ts" for creating web pages:
If you can type in a Word Processor, you can create a web page! will explain "web" terminology such as how files must be "named" in order to work with a web browser.

Start me out!

Teacher home page template
This template will start you out with 2 links:
one to your assignment page, and another to your Grades on the web!
Teacher assignment page template
This template can be used for assignments or perhaps as a page of links for your students, or both!
Download the Teacher Starter as a Freeway file. Download the Tutorial for Freeway

Resources you can use:

Design and Planning:
- Design tips: "Top 10 Things NOT to do on a Web Page"
- Planning a Web Page? Tammy Payton's online tutorial for teachers that want to develop their own webpage. The homepage for this tutorial is http://www.siec.k12.in.us/~west/online/index.html
  Be sure to check out her "Tips for Developing School Web Pages at http://www.siec.k12.in.us/~west/online/copy.htm
- Once you know your HTML, here's some tips on designing your page. http://www.wpdfd.com/wpdhome.htm
Graphics and Color:
- Builder.com's Web Graphics Links
Finding those images
Be sure to pay attention to the "terms of use" posted on the graphics site.
Many will ask that you provide a link back to the site from which you copied the graphic.
- Visit Randy's Icon Bazaar
  (You may use up to 10 images on institutional web pages, or more if you write for permission.)
- Backgrounds, Buttons, Banners and more at GRSites.com
- Background Sets by Morion (Free)
- ClipArt Connection
- CoolText Online Graphics Generator
- Yahoo's Clip Art Search
- Yahoo's Picture Gallery
- The Free Site
- Free Graphics Store
- Barry's Clip Art Server
Bells and Whistles
- SiteMeter.com provides a nice customizable counter, without advertising.
- StatCounter.com provides a free, no advertising counter, with realtime statistics.
- Builder.com's "Stupid Web Tricks" for advanced topics in web creation.
- The Web Site counters and Trackers has links to Free and Paid counter services. But if it's free, there's a reason!

Geeky stuff:
Do you need to know HTML (HyperText Markup Language) to write a web page?

With the availability of powerful web editors (DreamWeaver, Freeway, Microsoft Front Page, Mozilla/Netscape's Composer, and so on), probably not. However, a basic knowledge of HTML will allow you to make simple changes in your pages when you don't have access to a web page editor. The "language" of HTML is simply a series of "on" and "off" commands that are surrounded by brackets like this: <html> begins the page, and </html> ends the page. Examine the Basic elements on every HTML page.

Look at these sample pages:
Use the View -> Page Source menu to see the HTML code for webpages.

A typical html template
This page will show you how a basic example of a page written in HTML.
A page with headings, bullet and numbered lists, and anchors
Want to get a little fancier? View the source of this page to see how it's done!
Aligning images with text
The HTML source of this page shows you how images can be aligned in various ways.
A table template page
This page has a simple table, copy and use it as your own!

How to download a copy of the sample pages.
Since HTML pages are text-based and work on all platforms, you can edit web pages with a text editing program such as TextEdit or TextWrangler on a Mac, or NotePad on a PC. Use the "Save as..." menu and choose "source" file as the type. Remember to use a short file name, with NO SPACES, ending with the ".html" suffix. Using Mozilla's Composer, you can choose "Edit Page" from the File menu and then "Save as..." to your web documents folder once you have edited the page to your liking.) The Tutorials Online page has information on using Composer.

HTML information:
- Try your Web building skills using this HTML Interactive Tutorial for Beginners
- For all your HTML needs: from the University of Illinois at Urbana-Champaign, the NCSA (National Center for Supercomputing Applications) "Beginner's Guide to HTML Home Page."
- A good tutorial for creating HTML pages (suitable for children) can be found at: So, you want to make a Web Page?"
- Writing HTML from the Maricopa Center for Learning and Instruction - very comprehensive!
- Finished with your page and want to test it? "Doctor HTML" will analyze your page for errors in your HTML. Fun, painless and easy to do!

Adlai E. Stevenson High School
1 Stevenson Drive
Lincolnshire, IL 60069
847.634.4000