Intro to HTML for Designers

Course Number: WT 106
Transcript Title: Intro to HTML for Designers
Created: May 15, 2018
Updated: May 13, 2021
Total Credits: 2
Lecture Hours: 0
Lecture / Lab Hours: 40
Lab Hours: 0
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 beginning HTML (Hypertext Markup Language) for designers of web pages. Includes codes and tags, FTP (file transfer protocol), and validating HTML codes using industry standards. Introduces elements of web design including story boarding, color palettes, fonts, and layout. Introduces web site organization and navigation via internal and external links. Compares and contrasts hosting services, including cost, technical support, and additional services such as PHP, JavaScript, shopping carts, and SEO. Recommended: CAS 133. Audit available.

Intended Outcomes

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

  1. Design web storyboards using current professional standards and industry best practices.
  2. Write HTML code to create simple web pages using a text editor.
  3. Compare and contrast hosting services
  4. Upload HTML and related files using FTP to a web server and test in different browsers.

Outcome Assessment Strategies

Assessments may include: objective tests or quizzes, scored assignments, projects, class discussion participation and/or journal reflections

Texts and Materials

  • Learning Web Design: A Beginner’s Guide to HTML, CSS, JavaScript and Web Graphics
  • HTML: Beginner’s Guide to HTML to Master Your Web Designing by Josh Steven

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: Design web storyboards using current professional standards and industry best practices.
  • Navigational architecture
  • Design outline
  • Standards and best practices:
    • Usability
    • Consistency across pages
    • Accessibility
    • Using templates
    • Creating a site map
Outcome #2: Write HTML code to create simple web pages using a text editor.
  • Tags
  • Attributes
  • Design elements
Outcome #3: Compare and contrast hosting services.
  • Free versus paid
  • Hosting versus domain
Outcome #4: Upload HTML and related files using FTP to a web server and test in different browsers.
  • Extensions: HTML, Standard SSI, active server page
  • Cross-browser compatibility tools
  • Mobile compatibility