ALS 3203 - Lesson 5
Introducing HTML and Internet Web Pages

Lesson Objectives:
  1. Learn how web page format differs from other computer file formats.
  2. Learn how to view and save the source code for any web page that you see on the Internet.
  3. Learn how to interpret the source code that makes up a web page.
  4. Learn proper naming of files for web pages.
  5. Learn how to use a simple text editor (Notepad) to create web pages.
  6. Learn a few basic html tags used in web pages.
Lesson Tasks: 
  1. Read introductory remarks about web page design
  2. Take a HTML pretest (scored results will not count against you) - provides me with background information
  3. Read introduction to web pages. (be sure to have a look at the lesson glossary).
  4. Read introduction to html tags
  5. Read formatting content in web pages

  6. Visit a web page of your own choosing, view its HTML source code by selecting View, Source (Internet Explorer) or View, Page Source (Mozilla).

    should result in something like this below:

  7. Select (use the technique you know about to select) and copy the source code from your web page to Windows Notepad. Then save the file in Notepad as a "text only" file with an extension of .htm (this is necessary if you want to have a browser recognize the file as a web page.) Notepad may try to add an extension of .txt to the filename. In order to prevent this, place the filename in quotation marks prior to saving it with an extension of htm. The .htm extension tells the browser what kind of document it is. If for some reason you are not able to view the source code, choose file, save, and save the web page to your computer's hard disk into your als3203 folder. This will save the html code. Then you can look at the code. All graphic images will not be saved as they are located elsewhere on a server.
  8. Modify a text only document that I have provided here in Notepad, save it as a web document (text only, with .htm extension). Format some text using html tags you are introduced to in this lesson. Work interactively between a Notepad page and browser to view changes to your file. Details here.
  9. Save both the downloaded web page code, and your formatted web page, to your folder als3203 that you created in lesson 1.
  10. Then! Send me (as email attachments) both the file with html codes from the web page you viewed and saved, AND the short web page you created . (You can attach more than one file to an email message). Keep attaching files to the same message, one after the other. View the Solution to the HTML file you were to create. Be sure you name the formatted file according to our filenaming convention.
  11. Finally, be sure you Complete and submit Lesson Completion Certification .
Lesson Resources:
  1. Web sites dealing with basics of html. Do an Internet search for HTML to find many additional sites.
  2. 3½" floppy diskette if your computer support one. Otherwsie, work from your hard disk. Be sure you place copies of these 2 files files into your als3203 folder.
  3. Glossary of lesson terms (this has many example of html tags) - be sure you look at this page.

Lesson 5 Glossary Email me
Today is:
University of Florida Home Page