Web Design with HTML

Course Number: WT 206
Transcript Title: Web Design with HTML
Created: May 1, 2014
Updated: May 21, 2021
Total Credits: 4
Lecture Hours: 30
Lecture / Lab Hours: 0
Lab Hours: 30
Satisfies Cultural Literacy requirement: No
Satisfies General Education requirement: No
Grading options: A-F (default), P-NP, audit
Repeats available for credit: 0

Recommended

Course Description

Introduces Hypertext Markup Language (HTML) using HTML5 standards. Presents the foundation for future web design course work and career opportunities: hand coding of basic HTML; links, lists, tables, and forms; web graphics and colors; accessibility; best practices; and an introduction to Cascading Style Sheets (CSS). Includes creating a multi-page website and uploading the site using File Transfer Protocol (FTP). Recommended: CAS 133. Audit available.

Intended Outcomes

Upon successful completion of this course, students will be able to:

  1. Use knowledge of HTML scripting and text editor to create personal and/or business websites following current professional standards and industry best practices.
  2. Use critical thinking skills to design and create websites.
  3. Apply internal cascading styles to control the appearance of a website.

Outcome Assessment Strategies

Grading of this class will be based on completion of project(s) developed individually or as part of a team. Assessments may include completion of multi-page web site exercises, final project, tests or quizzes.

Texts and Materials

Web Development & Design Foundations With HTML 5, by Felke-Morris. current edition

Course Activities and Design

The determination of teaching strategies used in the delivery of outcomes is generally left to the discretion of the instructor. Here are some strategies that you might consider when designing your course: lecture, small group/forum discussion, flipped classroom, dyads, oral presentation, role play, simulation scenarios, group projects, service learning projects, hands-on lab, peer review/workshops, cooperative learning (jigsaw, fishbowl), inquiry based instruction, differentiated instruction (learning centers), graphic organizers, etc.

Course Content (Themes, Concepts, Issues and Skills)

Outcome #1: Use knowledge of HTML scripting and text editor to create personal and/or business websites following current professional standards and industry best practices.
  • HTML5 Standards
  • Best practices
    • Alt attributes
    • Frequent validation
    • Meaningful tags
    • Doctype
    • Placing external style sheets within <head> tags
  • Block and inline elements
  • Href attributes
Outcome #2: Use critical thinking skills to design and create websites.
  • Elements of design
  • Responsive web design
  • Proper document structure
  • Grouping content
  • Text-level semantics
Outcome #3: Apply internal cascading styles to control the appearance of a website.
  • Page layout techniques:
    • Normal flow
    • display property
    • flexbox
    • grid
    • floats
    • positioning
  • Table layout