MS275

Advanced Web site Design

 

Useful Sites

Syllabus

Lecture - 3        Credits - 3

Syllabus is subject to change as learning opportunities are identified.

Course Description

This hands-on course is designed for web site designers with some experience. The course will cover web site design beyond the basics as well as creating graphics and animation , and form design adding JavaScript validation. Page layout, type formatting, and special effects will be completed using Cascading Style Sheets. You will create a web site using CSS techniques making sure it's viable in both Internet Explorer and Firefox.

 

Instructor

Vairavan Vairavan

Phone

414-491-9373

Email

vairavan@msoe.edu

Class Meetings

section: 101
Mondays
7:00 - 9:50 PM

Accommodations for Students with Disabilities

Students needing special accommodations should contact the instructor as early as possible. All information will be kept confidential.

Policy on Student Integrity

Students are expected to abide by all of the policies and rules regarding student integrity that appear in the MSOE 2010-2012 Undergraduate Catalog. An excerpt of those policies follows:

... The institutional policy that follows includes prescribed procedures for the assigning of penalties by instructors in instances of academic dishonesty as well as procedures for student appeals of such actions. A student who in any way acts dishonestly in class assignments or examinations or who submits a plagiarized or unoriginal work to an instructor shall be subject to sanctions up to and including an "F" grade for the assignment, examination and/or the course at the discretion of the instructor of the course. The numerical value of the "F" will be assigned by the instructor. If the instructor assigns an "F" for the course, the student will not be allowed to drop the course. If the instructor assigns an "F" for academic dishonesty, the student has the right to appeal following established procedures. Upon recommendation of the instructor or at his own initiation, the chief academic officer may decide that repeated or extremely serious acts of dishonesty may be grounds for more severe disciplinary action up to and including student expulsion...

Learning Outcomes

Upon completion of this course, it is expected that students will be able to:

    1. Select and apply web design strategies to your web site
    2. Create a form that integrates into a site
    3. Incorporate JavaScript validation to the form to insure good data is received from the form
    4. Layout web pages using Cascading Style Sheets that is viewable in both Internet Explorer and Fireworks
    5. Explore Silverlight techniques for enhancing and creating images
    6. Using styles, code web pages using scalable type
    7. Apply CSS special effects such as multiple style sheets, elastic design, or background imagery to a web site

     

Materials

Microsoft Expression Web 4
by Jim Cheshire
ISBN: 978-0-7897-4724-2

Assignments

assignment description points
Labs To be published in Blackboard 100
Paper - Selected topic

Write a paper for your site. Use the principles of user interface design making sure your site also meets the usability standards.

50
Midterm Midterm exam 50
Web Site and Presentation

Create a website with the requirements listed below and present to the instructor

150
Web Site requirments

Properly design form using the techniques discussed in class. All form object must be named properly for coding.

 
 

JavaScript Validation and PHP: Include a form using proper form design techniques to your web site. Your form should have JavaScript validation on at least 4 fields and a CGI script (PHP) on the server.

 

 
  Use CSS, Images, Navigation in your pages.  
  Use Layers and Behviors in your pages.  
  Store the form data in a File.  
  Include multimedia in your site(Flash, Silverlight app, Deep Zoom images)  
  Publish your site in the RSOB server  
Attendance Attendance will be taken during every class 30

 

Course Schedule

week topics

1

Web Design - Revisited

CSS Overview

2

Hotspots in pages, Frames, Layers, Behaviors

3

Form Design

4

Javascript Validation

5

Form validation with Javascript

Midterm

6

Client side scripting

7

Using PHP

8

Managing Data

 

9

Silverlight in your pages

10

Review topics covered

Website presentation

 

It is the student's responsibility to drop the course by the official drop date; the instructor will not automatically drop you from the course.

No makeup exams or quizzes will be given. Quiz not taken will be graded as zero.

* Labs, Quizzes and Exams must be submitted via BlackBoard:

Attendance will be taken in every class.

Class Attendance is worth 30 points

 

 

A note concerning the use of cell phones and pagers; while it is understood that business or personal requirements may occasionally require the use of these devices, it is requested that all such devices be kept in a "silent" mode, so as not to disturb others in the class.