Johnson County Community College Logo

Web 110

Description:

This course will cover the essential skills needed to create responsive websites, using HyperText Markup Language (HTML) and Cascading Style Sheets (CSS). Students will be 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.

Objectives

  1. Explain how to create sites that are compliant with current W3C standards in web development.
  2. Create valid and semantically correct HTML pages.
  3. Organize website files and FTP them to a web server.
  4. Create valid HTML tables.
  5. Create absolute, relative and anchor links.
  6. Apply cascading styles to an HTML document through inline, internal or external style sheets.
  7. Test and troubleshoot HTML and CSS.
  8. Create web forms using HTML and style them with CSS.
  9. Apply responsive web design principles.
  10. HAVE FUN!

Content Outline and Competencies:

  1. Web Page Building Blocks
    1. Develop web page files.
    2. Describe W3C standards.
    3. Discuss how Section 508 of the Americans with Disabilities Act affects web page design.
    4. Write the source code of a web page.
    5. Describe web page elements, attributes and values.
  2. Structure and Content
    1. Declare the encoding and create valid HTML structural and wireframe elements.
    2. Create appropriate textural content.
    3. Insert appropriate graphical content.
    4. Mark up content with semantically correct HTML such as paragraphs, phrases, headings, lists, and images.
    5. Code appropriate attribute values to further describe and control HTML elements.
  3. Web Page Files
    1. Define and apply appropriate web file naming conventions and file management techniques.
    2. Use FTP to deploy pages to a web server.
    3. Test published web pages using HTTP protocol in a browser.
  4. Tables
    1. Discuss the appropriate use for tables.
    2. Create and modify table rows and columns.
    3. Apply styles to tables.
  5. Absolute, Relative and Anchor Links
    1. Create links.
      1. Relative links to other pages
      2. Absolute links to other websites
    2. Create anchor links.
    3. Create targeting links.
    4. Use images as links.
    5. Discuss image maps.
  6. Cascading Style Sheets
    1. Define CSS selections, attributes, and declarations.
    2. Select elements by element name, type, or id, or class including combinations and pseudo-classes.
    3. Create and appropriately apply external, internal, and inline styles.
    4. Apply text styles such as font family, text color, background color, and alignment to both inline and block elements.
    5. Apply styles using the box model suck as borders, padding, and margins.
    6. Create multi-column flexible layouts using both float and grid techniques.
    7. Apply flexbox techniques.
  7. Testing and Validation
    1. Test and validate HTML of the published website.
    2. Test and Validate CSS of the published website.
    3. Employ popular browsers to test web pages.
    4. Use browser developer tools to troubleshoot problems.
  8. Web Forms
    1. Create a web form.
    2. Create form styles using CSS.
    3. Create form input elements and other controls used for a variety of data types.
    4. Apply appropriate form element attributes to improve thr accuracy and speed of data entry.
    5. Explain the process of sending data from a web form to a server.
  9. Responsive Web Design
    1. Define the goals and techniques of responsive web design.
    2. Describe and apply flexible units of measurement for fonts and layout.
    3. Create flexible images using CSS.
    4. Create media queries in CSS.
    5. Insert appropriate HTML meta tags for responsive web design.
    6. Apply both a traditional and mobile-first responsive style sheet.