Revised 08/2023

ITD 110 - Web Page Design I (3 CR.)

Course Description

Stresses a working knowledge of web site designs, construction, and management using HTML or XHTML. Includes headings, lists, links, images, image maps, tables, forms, and frames. Lecture 3 hours per week.

General Course Purpose

Introduces students to the development of web sites while coding HTML and CSS. Students will learn site design, construction, and management using HTML and CSS. Students will not be using automated code generators in this course.

Course Prerequisites/Corequisites

None.

Course Objectives

Upon completing the course, the student will be able to:

  • Describe and use current web page creation technologies
  • Use text editors to write HTML and CSS code
  • Discuss, recognize, and apply the elements of good design
  • Describe and use common web servers

Major Topics to Be Included

  • Getting started with HTML and CSS
  • Formatting text
  • Creating hypertext links
  • Using color and graphics
  • Using tables
  • Creating user-friendly navigation
  • Working with HTML forms
  • Working with Cascading Style Sheets
  • Designing HTML and CSS for multiple devices (Responsive Design)
  • Incorporating audio and video elements
  • Publishing to a web server using FTP (File Transfer Protocol)
  • Understanding the implications of copyrights on web design
  • Knowledge of the basics of accessibility as it relates to web design

Student Learning Outcomes

Getting Started with HTML

  • Describe the history of the WWW and HTML
  • Use basic HTML syntax correctly
  • Create headers, paragraphs, and lists
  • Display HTML document in Web browser Working with Cascading Style Sheets
  • Distinguish the proper type of stylesheet to implement
  • Use inline styles

Formatting

  • Use embedded style sheets
  • Use external style sheets
  • Use font styles to change font size, color, and face
  • Use styles to change text, background and link colors
  • Use color names and values in specifying formats 

Creating Links

  • Identify and use relative and absolute pathnames
  • Link to a document in the same directory
  • Link to a URL
  • Link to a section of a document
  • Link to e-mail addresses
  • Link to folders
  • Create a link using an image
  • Create a link which will open in a new browser tab/window Working with graphics
  • Demonstrate the use of GIF, JPG and PNG files
  • Demonstrate the use of image properties and attributes as they relate to alignment, image size, spacing, ALT attributes, and borders
  • Explain the difference between client-side and server-side image maps
  • Create image map hotspots Using Tables
  • Demonstrate an understanding of how tables affect content layout
  • Effectively use tables to create a page layout
  • Create pages using nested tables
  • Demonstrate the ability to make cells span rows or columns
  • Identify the tags required to create a table
  • Demonstrate the ability to define cell size, spacing, and padding Creating User Friendly Navigation
  • Discuss and identify the basics of navigational design
  • Produce multiple versions of navigational menus
  • Select the best navigational design for a specific purpose Working with HTML Forms
  • Create forms using all form objects
  • Create forms using the button, submit, and reset button tags
  • Explain server-side processing Design HTML and CSS for Multiple Devices
  • Identify the types of devices in use and how to adjust the design appropriately
  • Apply appropriate designs for each device identified Incorporate Audio and Video
  • Describe the common types of web audio
  • Incorporate audio into the site design
  • Describe the common types of web video
  • Incorporate video in the site design Publishing using FTP (File Transfer Protocol)
  • Upload files to a web server
  • Manage folders and files on a web server