www.teach.science Surf and Master the Web Writing Web Pages

Learn the basics of creating your own web page with text, graphics, links and more. You may use HTML coding in a text editor or a WYSIWYG (what you see is what you get) editor such as Netscape Composer (download it for free!).

• The Elements of Style by William Strunk, a classic work on English composition.
  
  
• How Users Read on the Web has information to consider when writing web pages.

• Writing a Web page with Netscape Composer
  http://www.science-house.org/workshops/web/composer.html
  
  
• Writing a Web page with Claris HomePage (from Betty Bean at Durham Public Schools)
  http://www.it.dpsnc.net/elementary/bean/homepage/webpages_hp.htm
  
  
• Writing a Web page with a Text Editor
  http://www.ncsu.edu/sciencejunction/route/technology/htmlcoding.html
  
  
  • HTML Reference
    http://www.science-house.org/workshops/web/coding.html
  • HTML for Beginners by Fred Dekker and Donald St. John is a helpful set of materials from cnet's Builder.com
  • Web markup language (html) from NCSU Computing Center.
  • Netscape page on page-writing tips.
    
  • The HTML 3.2 Reference Specification has a list of all the codes and tags for html as recommended by the World Wide Web Consortium.
    
  • Webmonkey from HotWired offers tips and tutorials for web developers (choose Authoring).

    
    

• Add color to a page
  http://www.bagism.com/colormaker/
  
  
• More
  • Look up the exact numbers used for each possible color on this handy RGB color chart
  • Colors for the web are given in two formats at Lynda Weinman's web site

Graphics

• Download a file from the Web
  http://www.science-house.org/workshops/web/downloading.html
  
  
• Add a graphic to a page
  http://whyfiles.news.wisc.edu/coolimages/
  
  
• Aligning and sizing images
  http://builder.cnet.com/Authoring/Basics/ss06.html
  
  
• More
  
  • Backgrounds for pages available from Netscape. Do not go here unless you have lots of memory!!
    
  • A library of graphics from The Shockzone by Chris Stephens.
    
  • Up-to-date images from science fields at science cool image.
    
  • A large listing of free clip art from Barry's Clip Art.
    
  • Information about Animagic GIF animator for Windows.
    
  • The GIF Animation Website has links to GIF animators for different platforms.
    
  • Lycos provides a special search engine for finding pictures and sounds.
    
  • Image-O-Rama is a site with over 4500 categorized images.
    
  • Jelane's Free Web Graphics
    
  • DHD Photo Gallery - tons of free photos categorized and mostly rated PG

• Entering Text
  http://builder.cnet.com/webbuilding/0-7259.html
  
  
• Create a list
  http://builder.cnet.com/Authoring/Basics/ss05.html
  
  
• Create a table
  http://www.bagism.com/tablemaker/

• Use forms for interactivity
  http://www.science-house.org/workshops/web/forms.html
  
  
• Learning Javascript and PERL script for interactivity
  http://www.science-house.org/workshops/web/scripts.html

Taking the Next Step...