ITIS 119: Web Design Using HTML

Citrus College Course Outline of Record

Citrus College Course Outline of Record
Heading Value
Effective Term: Fall 2022
Credits: 3
Total Contact Hours: 72
Lecture Hours : 54
Lab Hours: 18
Hours Arranged: 0
Outside of Class Hours: 108
Strongly Recommended: ITIS 115; ENGL 101.
Transferable to CSU: Yes
Transferable to UC: No
Grading Method: Standard Letter, Pass/No Pass

Catalog Course Description

This course provides students with the skills needed to create web pages using the latest version of HTML. Students will also be introduced to CSS modeling and JavaScript to create custom web pages for personal and professional environments.The laboratory component provides the student with expanded first-hand experience in specific areas of course content. 54 lecture hours, 18 lab hours.

Course Objectives

  • Understand and use HTML 5 tags and CSS3 within the context of a program to promote W3C recommendations in building and rendering a web page by completing several web coding projects, quizzes and exams.
  • Evaluate important ethical questions in the use of protected graphics, video, and other registered media to inform and encourage the student to conform to standard industry ethical practices by demonstrating effective decision-making strategies regarding IT ethics and issues as expressed in directed discussions (i.e., Blackboard and chat sessions) with other students.
  • Demonstrate mastery of HTML 5 and CSS 3 to achieve proficient use of tags, tag structures, and style sheets by designing individual web pages and web sites.

Major Course Content

  1. Web Site Planning and Design
    1. Evaluating Web Sites
      1. Research Types of Web Sites Available
      2. Browser Considerations
    2. Planning Basics
      1.  Design
      2. Accessibility Guidelines
      3. Role of Social Networking
  2. Understanding HTML Essentials
    1. Creating an HTML Document
    2. Formatting Page Elements using CSS modeling
      1. Integrate All Three Levels of CSS Into an HTML Document
      2. Using External Style Sheeets for Design Continuity in a Web Site
    3. Adding Graphics and Multimedia
    4. Working with Tables
    5. Using Links
    6. Web Interaction with Forms
  3. Introduction to JavaScript
    1. JavaScript Language Basics
    2. Popular Uses for JavaScript
    3. Embeddng JavaScript into an HTML Document

Lab Content

  1. Web Page Development
    1. Evaluating Purpose of Web Site
      1. Determining Best Type of Layout for Site
    2. Creating Storyboards
  2. Page Formatting
    1. Format Text
    2. Add and format Images
    3. Embed other graphic objects such as video
  3. Add CSS 3
    1. Create Embedded Styles
    2. Create External Styles
  4. Lists
    1. Create Ordered Lists
    2. Create Unordered Lists
    3. Create Definitions Lists
    4. Create Embedded Lists
  5. Hyperlinks
    1. Add internal links
      1. Create a navigation bar
      2. Add "jump" links
    2. Add external links
    3. Add email links
  6. Tables
    1. Use table design for general page layout
    2. Embed a table
  7. Forms
    1. Add an interactive form to a page
    2. Embed a form into a table
  8. Javascript
    1. Create basic JavaScript programs
    2. Embed JavaScript code into an HTML document

Suggested Reading Other Than Required Textbook

www.w3schools.com (i.e., Learn HTML5, Learn CSS3, Learn JavaScript) www.howstuffworks.com (i.e., Web Application Technologies, Creating the Look with CSS3)

Examples of Required Writing Assignments

Develop a storyboard for a nonprofit organization that will focus on educating the visitor about the organization and elicit contributions. Write the text for the site using Notepad++.

Examples of Outside Assignments

Using the storyboard (and text) created for the nonprofit organization, build a four-page web site. Format the pages by adding a navigation pane, graphic images (at least one for each web page), and CSS3 style sheets.

Instruction Type(s)

Lecture, Lab, Online Education Lecture, Online Education Lab