PHIL SIDEL'S HOMEWORK PAGES FOR THE ABOUT.COM HTML101 CLASS

CONTENTS - POSTINGS FOR LESSONS

  1. Lesson 1 - Just posting something
  2. Lesson 2 - The paragraph & break commands
  3. Lesson 3 - The PRE and BLOCKQUOTE commands
  4. Lesson 4 - FONT specifications
  5. Lesson 5 - LISTS
  6. Lesson 6 - Graphics - the IMG command
  7. Lesson 7 - Links
  8. Lesson 8a - Tables - Fixed Size
  9. Lesson 8b - Tables - Relative Size

A LINK TO A RELATED FILE IN THIS WEBSITE

This is the site's index file - I did not use it yet.

A LINK TO A ANOTHER WEBSITE

This is my personal website Hopefully this course will enable me to improve it.
I have specified target="_blank" forcing the referenced site to open in a new, blank window. So when you close that window, this window will still be open as you left it.

A MAPPED IMAGE LINK

If you click on any of the people in the photo below, you will be linked to a web page relevant to that person. The people, from left to right are Phil Converse, Myself, My wife Irene, and Ann Gray - we received awards at the 2001 Official Representatives Meeting of the Interuniversity Consortium for Political and Social Research.

HOMEWORK POSTING FOR LESSON #1

Well, I'm getting started with the lesson.

I already know some basics, but have a lot to learn.

So far I've hit a snag in this lesson -- the two reference links
http://html.about.com/library/nosearch/bl_class1-1.htm and
http://html.about.com/library/nosearch/bl_class1-2.htm
resulted in "page not found" - hope this is temporary.

Back to top -- Table of Contents

=================================================

LESSON 2 - the <P> and <BR> tags

Well, the above was the first lesson, but I had gone a little further. I used the <P> and <BR> tags which I already knew about.

Anyway, I think I figured out the problem with clicking on the links to the about.com/library... For some reason, when I click on it while reading the lesson with my email browser, It looks for the library in my mailserve's directory. I can get to the desired library page by copying the url and pasting it in the address bar on my web browser.

The new things I learned in this second session were the attributes that could be used with the <P> and <BR> tags to align paragraphs or to force text below an aligned image. I especially welcome the latter, because I find it very difficult to control the positioning/alignment of images with text; this gives me at least one more dimension of control.

Phil Sidel
Student

Back to top -- Table of Contents


LESSON 3 - PRE & BLOCKQUOTES

My PC broke down after I read the third lesson, so I am now using an iMac until the PC comes back. Meanwhile I have forgotten what all was covered in the third lesson.

One new command I remember is <PRE> to format my text as typed. That will be good for poetry and ascii art and perhaps for some other formatting. I wonder if I might try it to post financial report stuff (for which I might ordinarily use a table). Let's try:

Find the sum of 6 numbers:
          1.00
          2.00
          3.00
          5.00
          7.00
         11.00
         _____
         29.00

Well, after a vacation and a period away from the whole computer scene, I am finally back to the lessons -- and I see that the topics in Lesson 3 were <PRE>, <BLOCKQUOTE>, and <HR> (rule-lines). I already gave examples of the <PRE> preformated text, and I have used a rule-line just before this paragraph. The list commands are covered in a later lesson, so I'll move those below the red horizontal rule at the end of this lesson. (Whoops - I find that Internet Explorer displays the horizontal rule as red, just as I specified, but Netscape 6.1 on the iMac seems to ignore the color and size subcommands. The final item in Lesson 3 was the <BLOCKQUOTE> command -- and here is an example of that:
The National Park Service actually has something of a tradition of making things extinct. Bryce Canyon National Park is perhaps the most interesting - certainly the most striking - example. It was founded in 1923 and in less than half a century under the Park Service's stewardship lost seven species of mammal--the white-tailed jack rabbit, prairie dog, pronghorn antelope, flying squirrel, beaver, red fox, and spotted skunk. Quite an achievement when you consider that these animals had survived in Bryce Canyon for tens of millions of years before the Park Service took an interest in them. Altogether, forty-two species of mammal have disappeared from America's national parks this century.
In the above example, I used the "cite=" subcommand, but my ie browser and my netscape 6.1 browser both seem to ignore that. I will be asking about it on the class forum.

Back to top -- Table of Contents


LESSON 4 -- FONT specifications

This lesson is about fonts - controlling their "face," size, and color.
My examples will show 3 font sizes specified in two ways:
(default, +2, and -2, and 3, 5, and 1) This could result in just 3 different sizes or up to 6 different sizes.

Coupled with these six size examples will be six different font face specifications and six different font color specifications.

Back to top -- Table of Contents


LESSON 5 -- Lists

Lesson 5 covers LISTS - here are some examples

unnumbered lists -- bullet indicates a new item.
ordered/sequentially numbered list items - useful when the sequence is fixed
  1. step 1 described
  2. step 2 described
    1. step 2a
    2. step 2b
  3. step 3 described
Finally, the lesson covered definitions lists
first term to be defined
definition of that first term
second term to be defined
definition of that second term
third term to be defined
definition of that third term

Both my browsers handle the itemized listing pretty much the same - quite satisfactorily, but the Netscape 6.1 browser does much better than the IE4.5 browser at displaying the headings and font changes that I used in this lesson.

Back to top -- Table of Contents


LESSON 6 -- Adding GRAPHICS

Photo of Phil Sidel In my personal web page I have been using an image of myself extracted from a 1999 photo. The information and recommemdations in Lesson 6 prompted me to re-do that whole operation - the extraction of the image, resizing it (exactly 2.0 by 2.8 inches -- 145 by 202 pixels at 72 dpi), and saving it (this time as a jpg rather than a gif, and at medium resolution which made a 20kb image to be loaded). The resulting file should load more efficiently than my previous one.

GIF of Phil Sidel For the sake of comparison, here on the right is the old .gif image -- It DOES look better, but the file is almost four times as large.

I had a great deal of trouble uploading the graphics image (or any other file) from my iMac to the geocities website using Geocities' Simple Uploader. I kept getting " - invalid image". I was trying with my IE4.5 browser. Snatching at a straw, I tried the same procedure using my Netscape 6.1 browser. I got the same final result, BUT, the full path and filename was displayed when I browsed my hard disk for the file to upload. Hmmm, No spaces in the file name but there were a number of spaces in the folder names that made up the path.

I moved my file to the desktop and tried again -- VOILA! "Upload Successful"!!! There were still spaces in the pathname (Macintosh[space]HD) and (Desktop[space]Folder) but none in folder names that I had created.

So, was the problem the pathname? the path itself? the browser? some combination of those? I went back to IE4.5 and tried to upload a file from the desktop to my geocities site. " - invalid file" again :-( Looks like the explanation is not a simple one. More experimentation is called for. While I'm glad I was able to get my file uploaded, I will still welcome any explanatory information from you gurus out there.

Back to top -- Table of Contents


© Philip Sidel, 2002
Hosted by www.Geocities.ws

1