Instructor's Lesson Plan for Weekend Course -- Sat AM

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

Friday | Saturday AM | Saturday PM | Sunday

Saturday, 8:30 AM to 12 noon

  1. Refer students to the SmartComputing magazine's article on the top six free website hosting services.
  2. Do Exercise 2 in Course Guide, applying codes in Resume to Barcelona page done in Exercise 1.
  3. Review content of Chapter 3. Applying what is in this chapter, do Exercise 3 in Course Guide.
  4. Referring to Chapter 8 in textbook, show students how to create various kinds of lists, and then have them do Exercise 17.
  5. Have students re-create the same lists by using Netscape Composer.
  6. Introduce students to Cascading Style Sheets. Skim over chapters 13 to 16 in textbook. Show the Spring 2001 Course Guide with internal CSS codes. Have students view the source code, and then see how the Guide appears differently in Explorer and Netscape. Change the CSS codes and see how changes are reflected in both browsers.
  7. Show your page of CSS notes.
  8. Illustrate external Cascading Style Sheet by viewing Exercises.
  9. Show students how to do Exercise 15. Show other resources in this website for Cascading Style Sheets. (You will only see a blank page when you go to the Style Sheet site because you can only view the style sheet codes by selecting View/Source in Explorer.) View the Tampa Bay Sportfishing site as an example of an external style sheet.
  10. Using the Dryer Vent Safety site, show the difference in how CSS displays in both Explorer and Navigator with the same site. Show the CSS as a screen save.
  11. Point out another source from WebMonkey for information on Style Sheets.
  12. Refer students to your newsgroup post contrasting the same webpages with and without style sheets.
  13. Contrast the difference between your Basic HTML page without styles and the same page with internal or embedded styles. See same document with an external style sheet.
  14. Have students create html documents using the embedded style sheet and an external or linked style sheet in my CSS notes page.
  15. If students have a program like WinZip, they can download my examples of style sheets in Word. Or they can see the same style sheet examples in a screen save in an html document.
  16. Continue work on Style Sheets. Students will look at the style sheet codes behind this Excerpt from the Course Guide and then will do Exercise 20, changing the styles and noting how the changes are reflected throughout the webpage.
  17. Have students view and change the style sheet tags for the Course Guide. Refer students to Exercise 22 in the Course Guide.
  18. Point out the difference between external and internal style sheets. The file ss1.htm makes use of an internal style sheet while the Owl site uses an external style sheet. To view the external style sheet for the Owl site.
  19. See Exercise 21 for work on linking files to an external style sheet. Show the students the three webpages on the Owls Team which are all linked to a style sheet named owlstyle.css. Use WordPad to open the owlstyle.css in the Styles folder on the harddrive or diskette. Note in the style sheet that there are no <STYLE> tag or any other HTML tag. See your notes. Refer to Creating a Web Page, by Paul McFedries, page 187. Also, our HTML text, pages 246-247.
    To top of page
  20. Go onto Exercise 4. Students should resave chapter3.htm as chap3a.htm. Be sure to point out how you can use some colors (red, blue, purple, green) without codes. See Sixteen Predefined Colors in the inside back cover of your textbook. Also show WWI site with hidden comments. WWI site also is good example of marquee.
  21. Review Chapter 4. Then guide students as they do Exercise 5 in the Course Guide. Show where you got the graphics for your own webpages. Have students copy -- into a harddrive folder --the graphics you have on the Internet -- the duck, boathouse, storm clouds, kayak, and tree. All these graphics on jpg format. Show the students where they can find on their harddrive a gif graphic duck2.gif they will also copy to their harddrive folder graphics folder. This gif file at 449 kb is much too big for a webpage, but students will be using Photoshop to make it smaller.
  22. Go onto Exercise 6 to have students apply Photoshop tools to the duck2.gif file. Begin with making images smaller on page 62. Show students they will end up creating a webpage showing a thumbnail duck image
  23. Next to Exercise 7 where students will be required to add another copy of the duck thumbnail, but this time they will turn it into a link.
  24. Make sure students are familiar with Chapters 4 and 5. Then go onto Exercise 8 in the course guide which requires students to compress a GIF graphic into JPG format. You have created a coffee website to illustrate how this exercise is be done. Note how jpg graphic does not make smoke as the larger gif format does.

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
Graphic credit: grant credit here
Last updated 2/15/01
©Copyright by Richard Edward Gordon. All rights reserved.
For information contact Webmaster richard@gordonrichard.com