Search
Purdue School of Engineering and Technology

Purdue School of Engineering and Technology

Web Site Design

CIT 21200 / 3 Cr. (3 Class)

This course is designed to give students an introduction to web site design and site creation. The course involves learning current standard XHTML fundamentals, CSS and design concepts. The proper design approach for constructing Web sites and related techniques will also be covered.

Software
Outcomes

Course Outcomes (What are these?)

  • Apply the tools and techniques for effective Web site planning and analysis (CIT i)
  • Create static Web pages using HTML 5 (CIT a)
  • Create pages using CSS for formatting and layout (CIT a)
  • Construct dynamic Web pages using HTML 5 and JavaScript (CIT a)
  • Use Web authoring tools such as Dreamweaver (CIT i)
  • Identify the cultural assumptions in web design (CIT g)
  • Apply current HTML and accessibility standards in the creation of Web pages (CIT i, m)
  • Design and implement a static business-oriented Web site (CIT k)

CIT Student Outcomes (What are these?)

(a) An ability to apply knowledge of computing and mathematics appropriate to the program’s student outcomes and to the discipline.

(g) An ability to analyze the local and global impact of computing on individuals, organizations, and society

(i)  An ability to use current techniques, skills, and tools necessary for computing practice.

(k)  An ability to identify and analyze user needs and take them into account in the selection, creation, evaluation and administration of computer-based systems.

(m) An understanding of best practices and standards and their application.

Topics
  • Introduction to Web and HTML
  • Web Site Design Planning and Analysis
  • HTML and CSS
  • Limitations and Capabilities of a Web Authoring Tool
  • Web Site Usability
  • Final Web Site Project Creation
Principles of Undergraduate Learning (PULs)

1b. Identify and propose solutions for problems using quantitative tools and reasoning.

1c. Make effective use of information resources and technology.

2. Critical Thinking

4. Intellectual Depth, Breadth, and Adaptiveness

What You Will Learn

Introduction to Web and HTML

  • Describe the history of the Internet including accessibility and information on the web
  • Demonstrate ability to connect to server and upload files to the server
  • Create basic web page using html basic tags, structural elements, and hyperlinks
  • Demonstrate file management on server and ability to locate URL for files on server

Web Site Design Planning and Analysis

  • Develop a purpose statement for a defined Web site
  • Define objectives for a Web site
  • Define the target audience for a Web site
  • Research competitive Web sites and describe pros and cons
  • Use and apply demographic resources available on the Web
  • Create website diagram
  • Create website wireframes
  • Determine the site's content

HTML  and CSS

  • Explain the general structure of an HTML file.
  • Describe what HTML is and what it isn't
  • Describe CSS and its uses
  • Take interactive tutorials on HTML tags and application
  • Describe JavaScript and how it is used for editing
  • Locate and modify existing JavaScript for use in a new application
  • Insert graphics into Web page
  • Learn pros and cons of using multi-media on a Web site
  • Create an HTML based project using a text editing tool
  • Demonstrate knowledge of the main HTML tags: lists, tables, special characters, links, and images
  • Demonstrate knowledge of CSS by creating external style sheets to change style of web site.

Limitations and Capabilities of a Web Authoring Tool

  • Build sample Web site using Dreamweaver
  • Apply the preview and link editing features of Dreamweaver
  • Modify Dreamweaver generated code
  • Use form generating capability of Dreamweaver
  • Use JavaScript based editing features of Dreamweaver
  • Use style and design features of Dreamweaver
  • Upload Site a Web server

Web Site Usability

  • Define usability
  • Evaluate a web site for usability factors
  • Determine how to effectively structure a Web site
  • Explain how to test for Web site usability
  • Evaluate Global sites based on cultural differences related to layout, colors, images and text

Final Web Site Project Creation

  • Demonstrate key design guidelines in web site layout and design
  • Apply style guidelines to Final Class Web project
  • Develop a multi-page Web site based on analysis and design criteria learned throughout the class
  • Publish Final class project to Web Server
  • Perform testing of Final Project and make adjustments as needed