Google

Instructor's Lesson Plans for Weekend Course -- Friday

Click on small photo of Richard Gordon to view larger photo.
Home | Class resources | Course Guide | Gordon Websites | Domain name | Forms | Frames | Graphics | HTML | Lesson Plan | Miscellaneous | Photos | Promotion | Webmaster's Resources |
Servers - Selecting
| Student sites | Tables | Textbook Exercise Sites | Uploading

Web Page Creation Course

Friday | Saturday AM | Saturday PM | Sunday

Friday, 6 to 9:30 PM

  1. Distribute materials: Course guide, exercises, work-folders.
  2. Check if students have purchased textbook and diskette.
  3. Students introduce themselves
  4. Skim through course guide. Point out changes shown in red in the Course Guide and the Project.
  5. Give homework due Sunday, beginning of class: (a) Have answered in two-column format the Question Bank Questions in the Course Guide. Final exam test questions will be selected from Question Bank. (b) Read and take 1/2 page of notes on the article What makes a great Web site? Your notes should include at least three characteristics of a good Web site.
  6. Pass around grade-choice (Audit/Pass) sheet.
  7. Show how to answer Question Bank Questions.
  8. Overview of textbook
  9. Overview of resources website. Refer students to notes for the Dec. 8-10, 2000 class.
  10. Stress organization of harddrive folders and files for websites should reflect same organization on the server. Emphasize making a separate Web site folder on your hard drive.
  11. Point out to students that throughout the weekend, we will be creating webpages using HTML, and then we will be repeating many of the steps by using Netscape Composer.
  12. Show a simple template giving the basics of any HTML document. Point out that to see the codes, students must use the source/code view in their browser. (Similar template is in this file on the student diskette: HTMLprimerAll.) Show and print-out basic HTML chart.
    To top of page
  13. Using the simple template above, show how to open a browser window reflecting changes made in a WordPad html document. Arrange both the WordPad and browser windows side by side on the screen, using the browser's Refresh button to show ongoing changes.
  14. Show and print out Crystal Clear Optical Web page that shows browser-view of the site with the HTML tags displayed right underneath. Use Dr. HTML to evaluate this page.
  15. Show your basic html page. Handout the source code view with lines numbered.
  16. Point out the importance of learning how to do your own sites by evaluating and viewing the source codes of good sites.
  17. Note in this sports fishing site how a good site is usually made up of short, individual pages (separate html files) united by hypertext often appearing as links at the top or side of a web page. For another site using a similar set-up, see the a mysterious creature.
  18. See, for example, how you can view a site's source code to see how to combine a list and a table. Ask students to copy the html tags for the list/table site and substitute their own text within the tags.
  19. Show how to use the HTML codes present in two resumes to help in creating their own webpages. Refer to two different resumes -- first and second. Distribute hard copies of both browser view and html view of first resume.
  20. Now show the first and the HTML codes with line numbers. Print both the resume and codes out to use as a guide for entering HTML codes in the exercises.
  21. Do Exercise 13 in the Course Guide. Requires students to view HTML codes and insert original text between codes. Distribute hard copy of both browser view and html view.
  22. Refer students to WebMonkey HTML Cheatsheet.
  23. Optional: Have students create an index.html page giving links to all the webpages they create for this class and upload to their Geocities site. Refer students to the model index page I have created for them. Have them view the HTML code, copy it and save it to their website folder on the harddrive, and later upload this file to their Geocities site.
  24. Go step by step through pages 35 to 42, guiding students in completing Exercise 1 on Barcelona in Course Guide.
  25. For each exercise, print the source codes in Word, numbering the lines. Distribute to the class.
  26. Have students redo Exercise 1 using Netscape Composer.
  27. Show NCSA HTML Primer saved on the diskette given to students and also online.
  28. Have students sign up for Geocities account so that they can upload HTML files created in class to their Geocities account. Guide students in doing Exercise 18. Also see ftp Saturday PM.

To top of page

Friday | Saturday AM | Saturday PM | Sunday

Home | Class resources | Course Guide | Gordon Websites | Domain name | Forms | Frames | Graphics | HTML | Lesson Plan | Miscellaneous | Photos | Promotion | Webmaster's Resources |
Servers - Selecting
| Student sites | Tables | Textbook Exercise Sites | Uploading

Last updated 10/30/01
©Copyright by Richard Edward Gordon. All rights reserved.
For information contact Webmaster richard@gordonrichard.com