Intro to HTML for Designers

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

Recommended 

CAS 133

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.

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

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.

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: 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

Suggested 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