ITIS 168: Designing Web Sites

Citrus College Course Outline of Record

Citrus College Course Outline of Record
Heading Value
Effective Term: Fall 2023
Credits: 3
Total Contact Hours: 72
Lecture Hours : 45
Lab Hours: 27
Hours Arranged: 0
Outside of Class Hours: 90
Strongly Recommended: ITIS 099; ENGL 101.
Transferable to CSU: No
Transferable to UC: No
Grading Method: Standard Letter, Pass/No Pass

Catalog Course Description

An introduction to using Web design software to plan, create, and maintain a Web site. This course explores other popular web design software programs such as MS Expression Web and WordPress. Topics covered include: the program interface, using images, links, tables, forms, and style sheets. 45 lecture hours, 27 lab hours.

Course Objectives

  • Demonstrate knowledge of Web design software such as MS Expressions Web or WordPress by building a business-oriented Web site using the targeted software.
  • Identify the various components (i.e., forms, tables, etc.) of a Web page and create a business-oriented site utilizing these components.

Major Course Content

  1. Web Site Fundamentals
    1.    Planning, Designing, Developing
  2. Expression Web's Interface
    1. Working with task panes
    2. Working with toolbars (menu, common)
    3. Accessing other toolbars
  3. Building a Web Site
    1. Defining the site
    2. Color schemes and templates
  4. Creating Links
    1. Relative vs. Absolute Links
    2. Linking within a site
    3. Using images as links
  5. Working with Tables and Layers
    1. Creating and formatting a table
    2. Adding a layer
  6. Working with Forms
    1. Form Objects
    2. Building and formatting forms
  7. Working with Styles
    1. Style Sheets
    2. Creating and applying Class Selector Styles (CSS)
  8. Page Layout with Frames
    1. Framesets and Frame Basics
  9. Templates
    1. Defining Template Regions
    2. Creating Template-based pages
  10. Publishing to a Web Server
    1. Defining a Remote Site
    2. Uploading Files to Remote Server

Lab Content

  1. Create your Web Site Brand
    1. Define pillars/values
    2. Create mission statement
    3. Develop promise/vision
    4. Create elevator speech/pitch
  2. Web Site plugins, install and configure
    1. Install/configure Jetpack
    2. Configure Events calendar
    3. Install/configure Yoast SEO
  3. Themes and Review (draft and final Web Site)
    1. Review/edit blog posts
    2. Keywords are used appropriately
    3. Ensure images are used appropriately
  4. HTML and Customizing CSS
    1. Use Jetpack to make changes to Web Site design
    2. Make before/after visual changes with CSS to Web Site

Suggested Reading Other Than Required Textbook

No other textbook is required.

Examples of Required Writing Assignments

1) Create a storyboard for an online business (i.e. sporting goods, pet supplies, etc.). Describe the intended target audience and the various Web pages you'll be adding to the site.
2) Explain why it is important to create a storyboard before building a Web site from scratch.

Examples of Outside Assignments

1) Create an initial page for your Web site that includes a graphic banner, navigation bar, and a contact person (email link).
2) Design a Web page using a table to layout the different components (i.e., graphics, text) on the page. Your table should have at least two columns and three rows.

Instruction Type(s)

Lab, Lecture, Online Education Lab, Online Education Lecture