Intro to HTML
The Introduction to HTML training class teaches you the skills, techniques, and strategies that you'll need to build and successfully promote your presence on the World Wide Web. Here's a look at the skills you'll learn in this course:
- Text Layout and Formatting: For 45 minutes in the morning, you will learn how to lay out and format text for your Web page. Immediately afterwards, you will construct your first page!
- Graphics: Spicing up your Web pages with attractive graphics and backgrounds is critical for having a successful site. We will teach you how to choose the proper format for your graphic.
- Hyperlinks: No Web page is an island! You will learn how to add links from the first page you create to other pages on your site, to pages on other sites, specific places within a page, and to E-mail.
- Tables: HTML tables are valuable both for displaying spreadsheet-style information and for laying out text in columns. You will learn the best techniques for designing and building these tables.
- Color: Color can be a powerful tool for holding your audience's attention. You will discover how to properly apply colors to the text, links, and background of your page.
- And much more: In addition to the skills listed above, you will also learn how to add background patterns and create hyperlinks to specific locations on the same page.
All students in the course receive a fully illustrated workbook, a copy of Laura Lemay's Teach Yourself Web Publishing with HTML in 21 Days, and handouts.
Prerequisites: It is recommended that all students have basic familiarity with the Internet, in addition to experience using Windows or Macintosh personal computers.
- 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
9:10 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?
9:20 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
10:25 Exercise: Creating a Mock Resumé
11:05 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
11:25 Exercise: Enhancing the Appearance of Your Page
11:40 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
1:30 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
1:55 Linking it all together (hands-on)
2:15 Enhancing Pages with Color (discussion)
- Specifying colors on Web pages
- Controlling background, text and link colors
2:45 Exercise: Adding Color to Your Resumé (hands-on)
3:00 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