Resources for the Course Web Page Creation

Updated May 20, 2001 
Instructor: Richard E. Gordon
Photo of instructor Richard Gordon working at his computer.

This Web site has been completely revised and updated at www.gordonrichard.com/fall2000


Notes for WebPage Creation class the weekend of June 2 to 4.
Delete Your Yahoo!Geocities Website. Look at bottom right hand corner when you get to this site.
Course projects must be received no later than June 16. Envelope should be postmarked no later than June 13, 2000.
 

Purpose. In the Summer 2000 term, I will be teaching a Web Page Creation course at a local junior college. This web site contains --

  • the course guide which includes many Internet links to supplemental materials;
  • textbook exercises I completed as models for my students;
  • original web sites I created for my students so that they can view the HTML codes to determine how I used HTML for each aspect of each Web page.
The course I will be teaching only lasts a single weekend, but through this Web site -- which will remain on-line long after the course is over -- I hope my students will continue to learn from these resources. Unless noted otherwise, all page numbers refer to the Course Technology textbook HTML, by Elizabeth Eisner Reding.
  1. Web Page Creation Course Guide
  2. Richard Gordon's Suggested Website List
  3. Your instructor's curricular materials on free Web-site hosts Xoom and Geocities.
  4. Mysterious Creature Under My Refrigerator. Created by your instructor to illustrate keeping page width at 595 pixels to allow (1) space for Geocities ad and (2) eliminate need for horizontal scrolling on monitors with different monitor display settings. 
  5. Creating HTML documents. 
    1. A Beginner's Guide to HTML. 
    2. WebMonkey -- lots of resources for the Web Page creator. Brief HTML quick reference sheet, too.
    3. Ask Dr. Web for HTML help.
    4. HTML tutorials from Xoom.
  6. WWW help page.
  7. Dean Nevins' VRML tutorial.
  8. Java Script Made Easy tutorial.
  9. Fictional Resume for Practice
  10. Photos Linked to Resume
  11. Retired Teachers Website, created by your instructor as a prototype for your own Web site on a local organization you belong to.
  12. Bare Bones Guide to HTML
  13. ReallyBig.Com. Links to hundreds of resources for Web page builders.
  14. Use special dictionaries to explain terms such as Java, bps, protocol. NetGlos | Glossary of PC and Internet Terminology
  15. Index file for all student work. You should have an index file linking to all the Web pages you created during this weekend class.
  16. Template for textbook exercises.
  17. Nomad Exercise 1 in Course Guide, up to page A-13 in textbook.
  18. Crystal Clear. Skills Review, pages A-16 to A-17.
  19. Crystal Clear with background
  20. Crystal Clear showing codes with external links.
  21. Marvelous Musicals. Visual workshop, figure A-15, page A-20.
  22. Nomad2. Different kinds of lists, pages B-9 to B-10 
    1. Lists. More examples of various listing types.
    2. Viewing the HTML code behind the above Lists webpage.
  23. Nomad3. Using reformatted tags for creating a table, figure B-15 on page 15. Exercise 6 in Course Guide.
    1. Nomad3. Using table tags, figure B-15 on page B-15. Exercise 7 in Course Guide.
    2. Interstellar Pizza. Skills Review, pages B-18 to B-19.
    3. Cleaning Services. Again using table tags adapted from previous Nomad3 site.
  24. Bakery. Creating unordered list and table using table tags. Visual Workshop, page B-22. Exercise 9 in Course Guide.
  25. Nomad Ltd Home Page. Inserting inline graphics, resizing graphic images, and linking graphics. Pages C-4 to C-9.
    1. Tutorial on inserting images. 
  26. Fun Place for Kids. Vacation places for kids. Setting a hot spot and creating an image map, pages C-12 to C-15. Used Dreamweaver because textbook was deficient in explaining how to create image maps.
  27. Sound Clues. Inserting multimedia files (sound), ordered lists, graphics, background color, base fonts. Pages C-14 to C-15.
  28. Using Forms to control input and get feedback. The entire Unit D in your HTML textbook. 
    1. Nomad Web Wear Order Form. Pages D-4 to D-15.
    2. A text form. Linked to a Mail Form program. You can use this form to send information to your instructor.
    3. Bulletin Board Posting Form.
    4. On-line tutorial for creating Forms.
    5. Carlos' Forms tutorial.
    6. Webcom Forms tutorial.
  29. Fern's Poetry. Created by your instructor to show you how to include in your Web site multiple sub pages, tables, and order forms.
  30. Rooms Plus Travel Guide. Great example of using tables to set up links to all pages in Web site. Use View/Source in Explorer. Note table HTML codes.
  31. Student files for HTML Brief textbook from publisher's web site.
  32. Student files for Projects textbook from publisher's web site. Your textbook Creating Web Sites Projects gives an apparently outdated way to access the student files needed to do the exercises in the book. To access these files, including Maria Sanchez's Resume needed for the exercise on page WS A-6, click on the words student files
  33. Maria Sanchez's fictionalized resume. See page A-6 in Creating Web Sites Projects textbook, page A-6. Also serves as model for one of the class projects.
    1. Maria's Web site index.html file. Related to Personal Web Site project in textbook, pages A-1 to A-16.
  34. Visual Workshop exercise My Trip to Italy, page WS A-24 in Projects textbook. To see how thumbnail images can be linked to larger images, see Molly and Justin's Trip to Italy.
  35. Meta Tags for including search engine information. Using Explorer, go to GORP. View/Source to see HTML code. Go to the top of the page. Note the Meta Name tags giving information to be picked up by search engine. Check out the same tags at Laugh Riot. Also see Meta Tags below.
  36. Hiding text. World War I site illustrates how writers can add notes that they don't want to appear when viewed by a browser. This same site has good example of Marquee code.
  37. Website Garage. Here you can check out your site to see if the HTML coding is OK, if it can be be viewed by different browsers, if it can be picked up by search engines -- and lots more helpful evaluation.
  38. Web hosting. If your needs are not met by a free service, visit one of these Web hosting companies to get an idea how much a Web site will cost. iThink   | Digital Chainsaw   | IntegraCom.net     | Webfinity   | GMI Web Services    | BSinet     | Wideworldwebs
  39. Domain name. If you want to have your own domain name, to see if your name is avaiable, check it out with Internic.
  40. Shorten your URL. If you are using a free webhosting service like Geocities and are unhappy with your site's long URL (for example, http://www.geocities.com/lucky506/dinos) and would like to a shorter, snappier name (for example, http://welcometo.dinos), you can try one of these free redirecting sites: JBD Net | TSX | Get One 
    1. Shows how Get One changes a website address from http://www.geocities.com/lucky506/curric/index.html to http://go.to/curric. Note how the Geocities ad has disappeared with the substitution of the Get One ad.Why does this set-up seem unfair to Geocities? Who is storing the site -- Geocities or Get One? 
  41. Using frames. Dino's Pizzeria. Your instructor created this site to demonstrate how you can use tables and frames in a Web site. Dino's is a fictional restaurant.
  42. Dino's Pizzeria viewed without frames if you're using a browser that can't handle frames. View/Source to see how NOFRAME HTML codes have been set-up. Be sure to see this one.
  43. Tigers. Another example of frames. Just the basics. Could serve as template for your own framed site. See the HTML code behind the frames.
  44. Go to American Psychiatric Association (APA) site and View/Source to see the HTML used for creating the frames at this site.
  45. Temple B'nai. Created by your instructor using tables to give the appearance of frame.
    1. Temple B'Nai using frames but also providing for old browsers that don't support frames. Viewing source code will show you the html code for setting up the no-frame option. Also, see the mainnofr.htm file.
  46. Parade Magazine. Here, too, View/Source to examine HTML code for creating frames.
  47. PetCare. See if you can figure out why the Table of Contents (toc) frame doesn't work correctly.
    1. Using View/Source compare the toc.htm PetCare page to the toc.htm Dino's Pizzeria page.(Clue: Note target code in Dino's toc.) 
    2. PetCare (Corrected). Using Netscape Navigator, go to the revised site that has had this code inserted into the toc.htm file: <base target="main">.
  48. HTML Codes for Sample Website Using Frames. Includes Index, Table of Contents, and Main Page. Internet Mental Health. Use View/Source to note HTML code.
  49. s providing for a non-frame option. Note especially how the non-frame option links you to this site: http://www.mentalhealth.com/p1.html
  50. Paddle Florida. Again use view/source to see HTML setting up frames. Note that when you go to links provided in the contents frame, the URL changes.
  51. CBS Market Watch. Good example of having large right empty border to accompany viewers with monitor settings at 640 by 480 pixels. Avoids need for horizontal scrolling. Use View/Source to see table has width of 581 pixels.
  52. Ask Jeeves gives lots of links answering questions about free Web site hosting services.
  53. Free Web storage sites listed and reviewed on The FreeSite.com.  Here are some free services: Xoom    | Angelfire     | TreeWay     | Geocities     | MSN Home Pages     | Tripod     | Homestead
  54. Uploading files to Xoom. How to use Netscape Composer to upload files to the free Web host Xoom. Doing the same thing with Geocities, another free hosting service.
  55. Putting your own business on-line. Three free services will help you create a Web site for your own business and give you free storage space: Freemerchant  | Bigstep  | Congo | Bigstep
  56. Counters -- The Ultimate Counter. Get a free counter to go on your Web site so that you can know the number of hits. Relates to your Projects textbooks, page WS B-48. See your instructor's site using a counter from this source. Special counter if you have a Geocities site.
  57. Free Graphics and Animations. Resource Lane. Great source of free graphics. Also, be sure to check the Web Design Information at the bottom of the opening page. View/Source to see how author uses frames to avoid changing the site's address as you click on links. For free animations, Yahoo gives several sources. Another source is Absolute Animation.
  58. Tutorials on using FrontPage Express.
    1. Getting Started with FrontPage Express.
    2. Building a Webpage with FrontPage Express.
    3. The Tangled Web.
    4. Downloading FrontPage Express.
  59. Downloading Netscape Communicator including Composer
  60. Tutorials for using Netscape's Composer.
    1. From the University of Illinois
    2. From Rochester Institute of Technology
    3. Using tables in Composer, from Indiana University 
  61. Owls. Illustrating use of tables created by your instructor using Netscape Composer.
  62. Getting visitors on your site. For much of this information, I owe thanks to Promotion World:  Yahoo. How to add your site to Yahoo. Might get quicker results by calling Yahoo at (408) 731-3300, 8:30AM to 5:00PM PST.
    1. How to announce and promote your site.
    2. How to get your site rated by RSACI so that it can be picked up by search engines only selecting non-objectional sites. 
    3. How to use Meta Tags to attract visitors. Also see above.
    4. Getting your site listed on the following search engines: Infoseek | Altavista | Excite | Hotbot | Lycos | Webcrawler | Northern Lights
  63. Translate your web site into a foreign language.
  64. Revised Course Projects. One of these projects must be submitted within ten days of the completion of your WebPage Creation Course.
  65. Examples of project-sites created by former students: Dr. A.Naravane | Uhe Bahr | Ryan Sponaugle | Amy Kraut has two -- her resume and a business site.

     Copyright 2000 by Richard Edward Gordon. Duplication prohibited without author's permission.
Hosted by www.Geocities.ws

1