Friday | Saturday
AM | Saturday PM | Sunday
Saturday, 8:30 AM to 12 noon
- Refer students to the SmartComputing magazine's article on
the top
six free website hosting services.
- Do Exercise 2 in Course Guide,
applying codes in Resume
to Barcelona page done in Exercise
1.
- Review content of Chapter 3. Applying what is in this chapter,
do Exercise 3 in Course
Guide.
- Referring to Chapter 8 in textbook, show students how to create
various kinds of lists, and then have them do Exercise
17.
- Have students re-create the same lists by using Netscape Composer.
- 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.
- Show your page of CSS notes.
- Illustrate external Cascading Style
Sheet by viewing Exercises.
- 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.
- 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.
- Point out another
source from WebMonkey for information on Style Sheets.
- Refer students to your newsgroup post
contrasting the same webpages with and without style sheets.
- 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.
- Have students create html documents using the embedded
style sheet and an external
or linked style sheet in my CSS notes page.
- 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.
- 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.
- Have students view and change the style sheet tags for the
Course Guide. Refer students
to Exercise 22 in the Course
Guide.
- 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.
- 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.
- 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.
- 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.
- 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
- 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.
- 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.
Friday | Saturday
AM | Saturday PM | Sunday
|
