ISM 116: Web Design and Development

ISM 116: Web Design and Development (Spring 2015)
Instructor: Rony Qian
Co-Instructor: Hamid Nemati
Office: 483 Bryan Building
Office Hours: M/W 3:30~4:30 or By Appointment
Catalog Description
Students learn skills needed to design effective web pages by studying the
best practices in site design and using leading-edge design and development tools and techniques.
Course Objectives
This course is designed to teach students to design, develop, and maintain a web site. Students will learn
web design and development techniques such as: defining the purpose for a web site; creating an
information architecture; designing layouts with text, hyperlinks, images, divs, tables, etc.; styling web
pages; and adding rich media to the web site. Dreamweaver will be the main tool being used for class
demonstration and lab assignment, and it is recommended for web development projects; other programs
may be used as well. Students will refine their development skills by using these technologies to complete
a series of course assignments and projects. Students will complete weekly labs and two major projects:
an individual assignment and a team project. The individual assignment demonstrates each student’s
design and develops capabilities. The team project demonstrates students’ ability to work in teams to
complete a project. This skill is extremely important as a practitioner. As part of these major projects,
students are expected to design and develop fully functional web sites that can be added to their
professional portfolios.
Upon completion of the class, students will be able to:
1. Understand the basics of HTML CSS and use them appropriately;
2. Plan a web design project based on real life cases;
3. Design the architecture, layout and content of web sites;
4. Use design tools such as Dreamweaver CS6 and WordPress to create web pages and to implement a
5. Enhance the visual design of a website by adding rich media; add dynamic elements and interactive
database functionalities
6. Test the usability of website;
7. Promote the website to targeted audience;
Text Book and Course Resources
1. Adobe Dreamweaver CS6 Comprehensive, Series: Shelly Cashman; Author: Hoisington/Minnick;
Publisher: Cengage Learning; 1st edition (November 1, 2012)(Recommended but not Mandatory)
2. Web Style Guide: Basic Design Principles for Creating Web Sites; Second Edition, by Patrick J.
Lynch, Sarah Horton, Yale University Press. (This text book can be viewed from
3. W3C online Tutorial:
Course Components
1. Lecture (Monday Bryan 213): will give students a basic understanding of good design principles
and a vocabulary sufficient to guide them as they explore website design on their own. Students are
expected to learn how to find information to solve the problems they encounter in labs and on
assignments. Since technology is ever-changing, knowing how to find answers is extremely important.
Some in class examples will be used to demonstrate the application of concepts discussed in the
lectures. Students may be asked to participate in the class examples.
2. Lab (Wednesday Bryan lab 221) are designed to encourage students to solve real development
problems with reference to what they have learnt in both lecture and class example demonstration. A
great deal of learning in the class is self-directed. However, both the instructor and the on-duty
students of that week will be in the lab helping around and answering questions.
Course Assignments, Exams, and Projects:
Grading Items
In Class Quiz*6
Students will be given a small in class quiz every
Monday class, there will be 2-3 questions based on the
materials covered last week; those questions will be in
the mid-term exam.
There will be 6 lab assignments (lab 1~6) and all lab
1~6 are due in class
Students are required to prepare 2-3 pages review
notes for the midterm exam;
The written exam will be an one hour exam close
book close notes on Wednesday the exam week;
Lab exam is take home exam and students will have
one week to finish the problems.
Students will be asked to develop a webpage with
some advance function which will be covered after
spring break
Students will form design teams (3~5 people per
group) to work on a group web project. This project
should be based on a real life case that requires the
students to plan, design and develop a fully functional
web site.
Students should submit a detail plan for group project
Status reports(1~5) should report the work of that
week, and are due in class
Students should present the group project in class
Final group project is submitted as published website
Students will be asked to write an essay on one of the
three special issues covered during week 12~14
Lab Assignment*6
Review Notes
Written Exam
Lab Exam
Individual Web Page
Group Project
Status Report*5
Final Project
Final Grade
In order to pass in overall, you need to submit all assignments; in case of a fail at the first attempt, you
may need to come and talk with the instructor to arrange a make-up. The grading scale is based upon
percent of points earned and is as follows:
> 97 = A+
Below 60=F
Course Schedule (Subject to Minor Change)
Assignment Due
(Saturday 11:59pm)
week 1(01/12)
Review Syllabus &
Introduction to Web Design
Basic HTML & Setting up Dreamweaver
week 2(01/19)
week 3(01/26)
Week 4(02/02)
No Class
Basic CSS
CSS Formatting
Lab 1: Create Basic Html Web Page
Lab 2: CSS Rule Practice
Lab 3: Formatting Text
week 5(02/09)
Creating Page Layout &
Lab 4: Create a Template
week 6(02/16)
Adding Page Content
Lab 5: Create a Web Page with MultiMedia
week 7(02/23)
Web Site Publishing &
Usability Test
Lab 6: Publishing a Website
Review Notes
week 8(03/02)
week 9(03/09)
Review Class
Spring Break
Mid-term In Class Exam
Spring Break
Take home Lab Exam
week 10(03/16)
Web Project Planning
Group Project Discussion and
Planning(Group Project Initial Plan)
Group Project
week 11(03/23)
Animated Elements:
Advance CSS3 Animation
Work on Group Project(status report 1)
week 12(03/30)
Interactive Forms and
Work on Group Project(status report 2)
week 13(04/06)
Special Issue 1: The Art of
UI Design
Work on Group Project(status report 3)
week 14(04/13)
Special Issue 3: Website
Promoting Strategies
Work on Group Project(status report 4)
week 15(04/20)
Special Issue 3:The Future
of Website Design
Work on Group Project(status report 5)
Group Project
Week 16(04/27)
Group Project
Group Project Presentation (6-10)
Week 17(05/04)
No Class
No Class
Ethical Issues and the Honor Code Policies:
Individual Web Page
University students are expected to conduct themselves in accordance with the highest standards of
academic honesty.
Academic misconduct for which a student is subject to penalty includes all forms of cheating, such as
illicit possession of examinations or examination materials, forgery, plagiarism, etc. Although students
are allowed to work with others on lab assignments, students may NOT borrow, or "share" copies of their
lab assignments with other students. Each student should create his/her own lab assignment. Students may
not share their work on any exam, or individual project or assignment; students will receive a 0 for the
exam or assignment if this occurs.
Plagiarism is defined as "presenting as one’s own work that work which is, in whole or in part, the work
of another person or persons without giving proper credit to the appropriate source." This includes
submitting work done by another as one’s own work. It is understood that what you turn in to me for a
grade represents your own effort. Plagiarism will be immediately punished with a 0 for the assignment in
question. Further disciplinary action will be pursued as the instructor deems appropriate. Helping one
another is allowed on many assignments, but copying or turning in the same assignment is cheating. This
practice is against the UNCG Honor Code and defeats the purpose of this course. No credit will be
received for shared work, and other penalties may be imposed.
This course also has some additional issues owing to the unique nature of online content. You may, at
times, wish to borrow elements from another website (e.g., images, code). If you take structural or
graphical elements from a site, you MUST specify 1) Where the elements came from, and 2) discuss the
ways in which you have adapted and changed the original in order to make it your own. If you have
questions about whether something you are submitting might constitute plagiarism, ask me well BEFORE
you use the material. Students using pre-existing website templates or pre-created site elements without
instructor approval will receive a 0 for the assignment.
UNCG’s academic integrity policy can be viewed at:
Bryan Faculty/Student Guidelines:
Please view these guidelines at:
If you have a documented disability and wish to discuss academic accommodations, please contact me as
soon as possible.
Inclement Weather:
Rarely, UNCG closes for inclement weather. The radio and TV stations will have the closing notification
by 6:30 am. You may also call 334-5000 for a message related to weather closings. These messages are
updated hourly.