Purdue School of Engineering and Technology

Purdue School of Engineering and Technology

Advanced Web Site Design

CIT 31200 / 3 Cr.

This course covers the tools and techniques necessary to maximize the effectiveness of deploying e-commerce Web applications and address both client and server side strategies with a focus on optimal Web design strategies. Strategies focus on internal design issues such as security, reusability, usability, accessibility and architecture and external design issues such as user interfaces, load times and multimedia.


Course Outcomes (What are these?)

  • Apply web page design standards (CIT c)
  • Use Cascading Style Sheets (CSS) at an advanced level where appropriate (CIT c, i)
  • Create code that works in multiple browsers and devices (CIT i, j)
  • Understand the issues surrounding search engine optimization (CIT b, m)
  • Demonstrate application of multiple navigational strategies (CIT b, m)
  • Define and apply techniques for optimizing speed of web page delivery (CIT b, m)
  • Demonstrate application of reusability strategies for web components (CIT b, c)
  • Create web forms using validation and incorporate usability (CIT c, i)
  • Design pages using sound web design techniques and methods including usabiltiy and accessibility standards. (CIT i, m)
  • Utilize JavaScript Frameworks to perform real time validation (CIT i, m)

CIT Student Outcomes (What are these?)

(b) An ability to analyze a problem, and identify and define the computing requirements appropriate to its solution.

(c) An ability to design, implement, and evaluate a computer-based system, process, component, or program to meet desired needs.

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

(j) An ability to use and apply current technical concepts and practices in the core information technologies.

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

  • Web Page Design Guidelines
  • Reusability Tools
  • Navigation
  • Search Engine Recognition
  • Graphics
  • Web Forms and Usability
  • JavaScript Frameworks and AJAX
Principles of Undergraduate Learning (PULs)

3. Integration and Application of Knowledge

4. Intellectual Depth, Breadth, and Adaptiveness

What You Will Learn

Web Page Design Guidelines

  • Describe the history of the WWW
  • Describe the emergence of Web page design guidelines.
  • Identify issues surrounding accessibility on the Internet

Reusability Tools

  • Create and utilize external Cascading Style Sheets
  • Create and utilize Cascading Style Sheets properties for web page layout
  • Integrate JavaScript Frameworks


  • Create consistent and multiple navigation options for various navigation strategies
  • Use JavaScript framework to create dynamic navigation

Search Engine Recognition

  • Demonstrate knowledge of how search engines work
  • Analyze the best way to create a site search
  • Demonstrate knowledge of the purpose of meta tags: title, keyword and description
  • Add meta tags to previously created Web site
  • Demonstrate knowledge of the purpose of alt tags
  • Add alt tags to previously created Web site


  • Manipulate graphics as background images and page images
  • Use stock images in Web sites

Web Forms and Usability

  • Create an online Web form using HTML and JavaScript
  • Maximize form usability
  • Form styling appropriate for multiple devices
  • Incorporate web site usability in all aspects of web design

Javascript Frameworks and AJAX

  • Describe issues surrounding web site accessibility
  • Edit an existing site to make it accessible
  • Develop a web site that interacts with a web server via AJAX