HTML

Goal(s) for this Lesson:
Student will gain an understanding of content creation and publishing on the World Wide Web using the HyperText Markup Language (HTML).

Objective(s) for this Lesson:
HyperText Markup Language (HTML)
Student will have a basic understanding of the concepts associated with the HyperText Markup Language (HTML).
» Acronym definition
» The W3C organization governing the development of the HTML Standard
» Basic Conventions: well-formed document structure, case sensitivity, white/blank space, filename consistency, publishing.
Student will be able to distinguish between and give examples of container tags and empty tags.
Student will be able to define the role and structure and give examples of an HTML Attribute.
Student will be able to identify the tools needed to create basic HTML pages.
Student will be able to define and appropriately utilize the 4 tags used to form a basic HTML page:
<html><head><title></title></head><body></body></html>
Student will be able to identify and utilize appropriate Document Type Definitions (DTDs).
Student will be able to utilize the appropriate <meta> tag used to describe the HTML document's encoding:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
Student will be able to identify and utilize Heading Elements.
Student will be able to identify and utilize Paragraph tags.
Student will be able to identify and utilize a Line Break tag.
Student will be able to format text using appropriate HTML tags:
<b></b>, <i></i>, <u></u>, <em></em>, <strong></strong>
Student will be able to appropriately utilize the Align Attribute.
Student will be able to create a list of ordered items.
Student will be able to create a list of unordered items.
Student will be able to create various types of hyperlinks:
to a file in the same directory.
to a file in a different directory on the same machine.
to an outside Web site.
to send an e-mail message.
to insert a "bookmark" on a page.
Student will be able to distinguish between the 2 file formats for Web graphics/images: GIF and JPEG.
Student will be able to define the characteristics associated with the GIF format.
Student will be able to define the characteristics associated with the JPEG format.
Student will be able to insert an image onto their HTML page using the image tag and its related attributes (src, height, width, border, alt).
Student will be able to create a hyperlink around an image.
Student will be have an understanding of the basic considerations associated with the inclusion of images/graphics on a page:
» Alt Text
» Performance Issues
Student will have a basic understanding of the use of tables in an HTML page.
Student will be able to create a simple table using the appropriate HTML tags:
<table><tr><td></td></tr></table>
Student will be able to modify a simple table using appropriate <table> tag attributes:
cellpadding, cellspacing, border, width, summary
Student will be able to modfiy table data cells using appropriate attributes:
align, valign, colspan, rowspan
Student will have a basic understanding of concepts associated with Style.
Student will be able to identify the 3 ways to use Stylesheets with an HTML page:
» Embedded
» Inline
» Linked
Student will be able to apply styles to an HTML page using stylesheet formatting conventions (syntax).
Student will be able to identify and utilize a variety of style properties:
» Font Type: font-family
» Font Size: font-size
» Font Weight: font-weight
» Font Style: font-style
» Color / Background Color: color / background-color
» Text Alignment: text-align
Student will be able to define 2 ways of adding color to a Web page:
» Predefined Color Names
» RGB Color Values
Student will be able to apply color styles to an HTML page.
Student will be have an understanding of the basic considerations associated with including color on Web pages:
» Browser/Monitor Rendering
» Color Choices
Student will have basic knowledge of the META tag and its description and keyword attributes.
Student will have a basic understanding of the role of the META tag as associated with the World Wide Web Search Engines.

Site Design, Usability, and Accessibility
Student will be able to define the characteristics of site design.
Student will have a general introduction to concepts associated with Usability and Accessibility:
» Web Conventions: page layout, colors, user expectations of Web sites
» Navigational Concepts: using hyperlinks appropriately, breadcrumbs, familiar conventions (home buttons, links, etc.)

HTML Validation
Student will have a general understanding of the importance of HTML Validation.
Student will be able to validate their HTML page using the W3C Validator (http://validator.w3.org/)

HTML Tools
Student will be able to identify characteristics, advantages, and disadvantages that distinguish the 2 categories of tools to create HTML pages:
» HTML Editor
» Web Site Management Software

FTP
Student will be able to define the protocol used to transfer files from machine to machine: File Transfer Protocol (FTP).
Student will be able to transfer an HTML file from their local disk to the MU Bengal Web Server using an FTP Client.

Return to Top

Next