Web Design with HTML

Course Number:
WT 206
Transcript Title:
Web Design with HTML
Created:
Aug 16, 2022
Updated:
Jul 17, 2023
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, P/NP, Audit
Default Grading Options
A-F
Repeats available for credit:
0
Prerequisites

Recommended

CAS 133

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.

Course 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.

Suggested Outcome Assessment Strategies

The determination of assessment strategies is generally left to the discretion of the instructor. Here are some strategies that you might consider when designing your course: writings (journals, self-reflections, pre writing exercises, essays), quizzes, tests, midterm and final exams, group projects, presentations (in person, videos, etc), self-assessments, experimentations, lab reports, peer critiques, responses (to texts, podcasts, videos, films, etc), student generated questions, Escape Room, interviews, and/or portfolios.

Department suggestion: Assessment may include completion of multi-page web site exercises and a final project.

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

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

Suggested Texts and Materials

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