MA C115 Hypertext Markup Language

CATALOG COURSE DESCRIPTION

This course provides students with the skills to write HTML and XHTML code and publish completed Web pages to a Web server. Students will also gain a fundamental knowledge of controlling the appearance of a page through Cascading Style Sheets.

COURSE OBJECTIVES

Upon successful completion of the course, the student will be able to

1. write HTML code to create Web pages with common page elements.
2. write HTML code for images, tables, forms, and frames that is accessibility compliant with Section 508.
3. specify relative link paths that correctly reflect the directory structure of a web site.
4. use tables to format the layout of a Web page.
5. write internal and external style sheets to control appearance and layout of Web pages.
6. write CSS classes.
7. explain benefits and applications of using XHTML rather than HTML.
8. rewrite an existing Web page in XHTML.

DETAILED TOPICAL OUTLINE

1. Structure and Syntax of Documents (A, G, H)
   1. Declarations and document types
   2. The structure and attributes of tags
   3. Global document tags
      
2. Text and Lists (A, G)
   1. Paragraphs, breaks, and quotations
   2. Headers
   3. Preformatted text
   4. Alignment
   5. Creating ordered and unordered lists
   6. Horizontal rules
      
3. Hypertext and link tags (A, C, G)
   1. The centrality of hyperlinks
   2. Anchor element
   3. Absolute vs. relative paths
   4. Link element
   5. Writing descriptive text links
      
4. Tables (A, B, D, G)
   1. Table elements
   2. Captions and headers
   3. Spanning rows and columns
   4. Alignment
   5. Fixed and relative sizes
   6. Section 508 compliance
      
5. Framesets and Frames (A, B)
   1. Pros and cons of frames
   2. Frameset document
   3. Frame attributes
   4. Targeting frames and windows
   5. Inline frames
   6. “noframes” element
   7. Section 508 compliance
      
6. Forms (A, B, G)
   1. Main form element
   2. Form fields and attributes
   3. Form field names, ids, and values
   4. Label element
   5. Passing data with the hidden field
   6. Section 508 compliance
      
7. Images (A, B, G)
   1. Background images
   2. The IMG element
   3. Image attributes
   4. Wrapping text around images
   5. Image maps
   6. Section 508 compliance
      
8. Embedding Media, Objects, and Applets (A)
   1. Quicktime
   2. Real Media
   3. Flash
   4. Shockwave
   5. Applets
      
9. Cascading Style Sheets (CSS) (A, E, F, G, H)
   1. Fundamentals and methods
   2. Syntax
   3. Cascade, inheritance, and specificity
   4. Controlling HTML attributes with CSS
   5. Controlling position with CSS
   6. Internal and external CSS
   7. Classes
   8. Graceful degradation
   9. Section 508 compliance
      
10. Extensible Hypertext Markup Language (XHTML) (H)
    1. Modularization
    2. Abstract modules
    3. XHTML DTD modules
    4. XHTML basic document structure
       
11. Document Type Definition (DTD) (H)
    1. Overview of DTDs
    2. Selecting a DTD
    3. Doctype Declarations and DTDs
    4. DTD syntax

LAB CONTENT DESCRIPTION

Students will complete tutorials and work on projects.

METHODS OF PRESENTATION

Course instructional methods may include but are not limited to

1. Lectures
   Example: A lecture explains how to control the width of a web page be assignment relative or fixed width values to layout tables and table cells.
2. Discussion
   Example: Instructor responds to student questions about converting a table-formatted Web page to one whose appearance is controlled by CSS.
3. Critique and Feedback
   Example: Feedback is provided when individual assignments are graded and submitted back to the student.

ASSIGNMENTS AND METHODS OF EVALUATION

Assessment of student performance may include but are not limited to

1. Weekly Exercises (A - H )
   Example
   • Students complete exercises implementing the principles in the current week’s readings and lecture.
2. Projects (A - H )
   Examples:
   • Students create a Web page with XHTML that includes common page elements, such as text headings, text content, lists, images, hyperlinks, tables, and form elements.
3. Final Exam (A - H)
   50 questions, multiple choice and short answer.

OUT OF CLASS ASSIGNMENTS

1. Projects
2. Exam

REQUIRED TEXTS

Reading assignments are required and may include but are not limited to

1. Budd, A., Collison, S., & Moll, C. (2006). CSS Mastery: Advanced Web Standards Solutions. Berkeley, CA: Friends of ED.

5.31.2006

  Courses Index