HTML and CSS Course Description

Web 110: HTML and CSS Course Description

This course covers the essential skills needed to create responsive websites, using HyperText Markup Language (HTML) and Cascading Style Sheets (CSS). Students are introduced to the concepts, foundations, syntax, and structure of HTML and CSS. Additional topics include the use of File Transfer Protocol (FTP) to publish websites and validation to web standards established by the World Wide Web Consortium (W3C) and other organizations. 3 hrs. lecture/wk.

Course Objectives

Upon completion of this course, students will be able to:
  • Explain how to create sites that are compliant with current W3C standards in web development
  • Create valid and semantically correct HTML pages
  • Organize website files and FTP them to a web server
  • Create valid HTML tables
  • Create absolute, relative, and anchor links
  • Apply cascading styles to an HTML document through inline, internal, or external style sheets
  • Test and troubleshoot HTML and CSS
  • Create web forms using HTML and style them with CSS
  • Apply responsive web design principles

Content Outline and Competencies

  1. Web Page Building Blocks:
    Develop web page files.
    Describe W3C standards.
    Discuss how Section 508 of the American Disabilities Act affects web page design.
    Write the source code of a web page.
    Describe web page elements, attributes and value.
  2. Structure and Formatting:
    Declare the encoding and create the foundation.
    Write semantically correct HTML.
    Identify the body of the web page.
    Apply styles.
    Create structures for the web page.
    Create hypertext and hypermedia links.
  3. Web Page Files:
    Define web file naming conventions and file management.
    Use FTP to deploy pages to a web server.
  4. Tables:
    Discuss the appropriate use for tables.
    Create and modify table rows and columns.
    Apply styles to tables.
  5. Absolute, Relative, and Anchor Links: Create links.
    Use images as links.
    Discuss image maps.
  1. Cascading Style Sheets:
    Apply style rules.
    Select elements by name, type or id.
    Select part of an element.
    Create an external style sheet.
    Apply styles locally.
    Apply alignments.
    Apply float.
    Create flexible layouts.
  2. Testing and Validation:
    Test and validate HTML of the published website.
    Test and validate CSS of the published website.
    Employ popular browsers to test web pages.
  3. Web Forms:
    Create a web form.
    Create form styles using CSS.
    Define form input elements and other controls.
    Create form labels.
  4. Responsive Web Design:
    Define the goals and techniques of responsive web design.
    Describe and apply flexible units of measurement for fonts and layout.
    Create flexible images using CSS.
    Create media queries in CSS.
    Insert appropriate HTML meta tags for responsive design.