Beginning HTML: Introduction to Web Publishing

Prerequisites: It is recommended that all students have basic familiarity with the Internet, in addition to experience using Windows or Macintosh personal computers.

Student objectives:

• To learn how to create attractive pages for your Web site using HTML
• To enhance the appearance of your Web site with color, graphics and tables
• To learn how to build links between your pages and other Web pages and Internet resources

An Overview of HTML (discussion)

• What is HTML?
• Why has HTML become the standard for authoring documents on the Web?
• How is creating an HTML document different from creating a word processor or desktop publishing document?
• What design elements make for an effective, easily navigated site?

Text Layout in HTML (discussion)

• Document structure tags
• Headline and paragraph text tags
• Bold, italic, and underline tags
• Bulleted and numbered lists
• Other useful tags

Exercise: Creating a Mock Resumé

Enhancing Layout with HTML Attributes

In this section, you will learn how to enhance your page by adding attributes to some of the HTML tags that you learned in the previous section.

• Creating lists "numbered" with letters or Roman numerals
• Changing the size and appearance of horizontal rule lines
• Changing the text size and font face of letters, words, and whole paragraphs

Exercise: Enhancing the Appearance of Your Page

Inserting and Positioning Graphics (discussion and hands-on)

• Tips on creating attractive graphics (GIF or JPEG) for the Web
• Placing graphics on a page
• Background image patterns
• Characteristics of GIFs and JPEGs
• Acquiring graphics for your site from clip-art libraries

Linking it all together (discussion)

• Adding links to other pages on your site
• Adding links to other sites (and to other pages on those sites)
• Adding links to specific places on an HTML page
• Adding "mailto:" links so that you can receive feedback from users
• Adding links to multimedia

Linking it all together (hands-on)

Enhancing Pages with Color (discussion)

• Specifying colors on Web pages
• Controlling background, text and link colors

Exercise: Adding Color to Your Resumé

HTML Tables (discussion and hands-on)

• When is it appropriate to use an HTML table on my page?
• Designing and constructing a table
  • Laying out the rows of the table
  • Aligning and formatting data within cells
  • Creating cells that span multiple rows or columns