Tuesday, October 17, 2017

CIS 204 Course Syllabus

Genesee Community College

Course: CIS 204 - Web Design and Implementation (Spring 2017) 


Jim Habermas    JRHabermas@genesee dot edu

Office Hours:

Monday and Wednesday ONLINE ONLY  1pm - 2pm  Email and online meetings scheduled
Tuesday & Thursday my office or E124 7:30am - 8:00am
Tuesday & Thursday my office or E124 12:20pm - 2:10pm

I will be available for student consultation through e-mail at JRHabermas@genesee dot edu

For texts use my cell phone 585 746-9331

One Recommended book


By Felke-Morris

ISBN 9780133970746


Required Software:

Notepad ++ Adobe CS3 or CS5.5 Creative Suite (Web premium) that includes Photoshop CS3, Dreamweaver CS5 Fireworks CS5, Flash CS5


Required WWW Readings:

For additional resources to learning CSS and HTML, I recommend:

Required Supplies:

  • Flash Disk, (some mass storage), jump drive

Classroom Behavior:

Receiving or sending cell phone calls in classrooms is inappropriate and impolite. Please turn them off. No PDA, No CELL phone, NO AOL Instant messenger, and no other form of internet chat is allowed during class lecture.

Students who want to learn and listen to the lecture are often distracted when other students get up and walk out of the class, or come in late. Please respect your classmates and your professor.

Key Weeks for graded material / Exams / presentations

  • Spring break Monday, March 13, 2017 - Sunday March 19, 2017
  • Week 10 - Tuesday March 28, 2016 - Midterm exam (Online in Blackboard)
  • Week 11 - Tuesday April 4, 2017 @ 5pm Statement of completion must be submitted!  REQUIREMENTS - will be discussed in great detail in class.
  • Week 11 - Tuesday April 4, 2017 - Class presentations - start promptly at 5pm - group project or individual project (WordPress Assignment Due) (No Make ups)  Do not miss this Day.  If this day is skipped by a student a grade of an "F" will be given for the entire semester grade.
  • Tuesday May 2, 2017 Practical Final Exam - proctored exam to be done in our classroom E124
  • Practical pass/fail final exam May 2.
  • ONLY the Final exam is a proctored exam to be completed in our required course time in the ROOM E124, using the colleges computers and software found in E124

Top of page
Catalog Description:

Credits: 3

Catalog Description: Assuming a basic knowledge of HTML coding and web page design, this class moves into large-scale site development and an introduction to advanced web technologies. Building on the web page design concepts introduced in CIS113, this course focuses on site design issues, including scalability, maintenance, and integration of web technologies into the business or organizational context. Technologies introduced in this course include Perl, cascading style sheets, dynamic HTML, basic JavaScript, and streaming media. Each student will be required to purchase a domain name to create a website.

Lecture: 3 hrs. Perquisites: CIS113


Upon successful completion of this course, as documented by team projects, individual and group assignments, and in-class activities, students will be able to:

  • Use information design, graphics, and cascading style sheets to format and position HTML elements and create an aesthetic effect.
  • Install WordPress and create a WordPress Website
  • Use client side techniques such as JavaScript and the document object model to improve interactivity and navigation.
  • Use server side techniques like CGI, passwords, and server side includes to improve site performance and security.
  • Markup forms, validate form input and submit form input to an email address to improve interactivity (Perl)
  • Demonstrate familiarity with current practices and future developments in web site design and implementation with topics such as information architecture, presentation design, CSS, JavaScript, and accessibility.
  • Demonstrate basic proficiency by creating a web page with both relative and absolute CSS, JavaScript rollovers and date/time stamps, columnar formatting, and form mail submission link.
  • Apply web design and web standards set by W3 Consortium to create 3 main projects. One of the main projects will require the students to buy a domain name and establish a fictitious company's presence on the web. ****
  • Demonstrate knowledge of digital imaging concepts, including file formats, resolution, color models, and compression methods.
  • Demonstrate knowledge of Photoshop CS3 (or higher) for digital imaging editing including slicing up an image, and optimizing digital photos for the web.
  • Students will pass (with a grade of 70% or more) a mandatory departmental practical final exam given during the last week of the course. If a student fails this final, s/he fails the course, regardless of his or her other grades in the course. ***

*** This course objective has been identified as a student learning outcome that must be formally assessed as part of the College's Comprehensive Assessment Plan. All faculty teaching this course must collect the required data(See Assessing Student Leaning Outcomes form) and submit the required analysis and documentation at the conclusion of the semester to the Office of Assessment and Special Projects.

Prerequisite Skill set that a student should have before taking this course:

  • Create and manipulate UNIX files and directories
  • Programming/Scripting basic loops, variables, and conditionals
  • Utilize digital imaging software (e.g. Photoshop and Fireworks) to create simple graphic elements.
  • Identify and implement basic principles of graphic design, including contrast, alignment, proximity, repetition, and effective use of color and type.
  • Create web pages using valid XHTML and CSS, and transfer the files correctly to a server. (FTP)
  • Identify effective navigation components and organization of content of a web page
  • Knowledge of XHTML validator: http://validator.w3.org

Course Outline:

Hands-on experience in navigating, searching, and exploring cyberspace using various network software tools. The following topics will be covered:

  • Weblogs
  • HTML 5
  • CSS 3.0 Positioning and Visual Design
  • Domain names and Hosting
  • Page Design and Layout - Poor Design, And Excellent Design (Layout)
    • Contrast - Elements that aren’t the same should be very different so they stand out
    • Repletion - Repeat styles down the page for a cohesive feel
    • Alignment - Everything on the page needs to be visually connected to something else
    • Proximity - elements that are related should be grouped together; whereas separate design elements should have enough space in between to communicate they are different. (http://carsonified.com/blog/design/how-crap-is-your-site-design/)
  • Information Architecture I
    • Figuring out what you want your site to do.
    • Constructing a blueprint before you dive in and put the thing together.
  • Information Architecture II & Usability Taking into account things like: font size,
    • colors,
    • visual proximity,
    • usage context,
    • search,
    • error messages,
    • navigation,
    • form design,
    • and labeling.
  • HMTL Forms, PHP
  • JavaScript
  • Server-Side Authentication & Server-Side Includes Dynamic Sites and CGI

Top of page

Attendance is recommended for the first class to learn about Webex.

Attendance is required for April 4, 2017 Class Presentations and Guest Speakers.

Proctored Final Exam Tuesday May 4, 2017


Top of page
Proctored Final Exam

Thank you for registering for CIS 204.51 or cis204.66 This course is taught with the 360 Degree Learning Option at Genesee Community College that uses a combination of The Blackboard course management system and the WebEx meeting delivery system.

Here are a few things you should know about the course:

· The WebEx meeting delivery system can be accessed via any PC using any standard web browser (such as: Internet Explorer, Firefox, Chrome) or any handheld device or tablet that can run the free downloadable WebEx app. This includes such devices as the iPad, iPod, iPhone, Android smartphones, etc. Your instructor will provide you more information on how to access these resources before the course begins.

· If you so choose, you can attend the in-person class Tuesdays 5:00pm - 7:50pm at any time instead of attending online.

· If you so choose, you can watch the lecture as it happens Tuesdays 5:00pm - 7:50pm using http://genesee.webex.com

· Class sessions will also be recorded and can be viewed at a later date and time.

· This course requires proctored FINAL EXAM assessment that must be taken at:

1. A Genesee Community College Proctored Testing Center. This includes: Our class room E124 or Batavia (Main Campus), Albion, Arcade, Dansville, Lima, Medina and Warsaw. The midterm Exam requies students to use 3 tools, Textpad, filezilla, and a drawing program such as Fireworks. Because of this rquirement many students take the midterm in our class room. If you have the tools on your lap top computer you will be able to access your computer during the midterm.


2. At an approved Testing Center at any accredited college/university. This option requires you to locate the testing center; ask for and receive permission to use the center for this course; provide the instructor with the name(s) of the content person(s), their official college title, official college mailing address and email address, and official college phone number(s). This information must be provided within the first week of class. Any additional costs for using non-GCC proctored assessments will be borne entirely by the student. Not all proctoring options will be available in all courses. Please contact the course instructor for further details. If you can meet these requirements and would still like to take this class, you need to do nothing more. However, if you cannot meet these requirements you will need to withdraw from the class before financial obligation requirements are enforced.


Top of page

Exam/Quiz & Practicum

We will have exams at least twice during the semester. These will typically be given first thing in class that day.

A Midterm exam on Tuesday March 28, 2017 and final practical exam will be given in which you may demonstrate your mastery of the course material. For the final practical exam, you will be given a task to accomplish on the computer. The final practical exam is not designed to be extremely difficult, but it is mandatory. No make-up on any exams or quiz.

The following procedure is used to determine your final grade:

  • In order to receive an "A" in this course, your website that you create with your group must be up and working and accepted by your client by May 2.  If for any reason your client is not happy with your website, or I feel your website is not completed to an appropriate level,  then the highest grade you can receive for this course is a "B" regardless of your test grades or project grades.
  • 20% Practice Exercise - Working with Notepad ++, Photoshop, HTML 5, PHP, JavaScript, JQuery, CSS 3, and Scripting requires skills that are best mastered through practice.  Multiple lectures there will be a Practice Exercise designed to reinforce lecture concepts.  You should complete the PE before the next class period starts. Practice Exercises cannot be turned in late. 
  • 40% March 28, 2017 Midterm Multiple choice in my courses
  • 40% Word Press Assignment and Class Presentation of Word Press website
  • There will also be a final practical exam, which is pass/fail; those who do not pass the final practical exam do not pass the course.  If a student fails this final practical exam, s/he fails the course, regardless of his or her other grades in the course. 70% is passing on the final practical exam.
  • I compute your grades in Excel using the following formula and look up table for your Letter Grade

((PE grade * 0.20) + (Midterm * 0.40) +  (WordPress project  & presentation * 0.40)) 

Numeric semester avg. Letter Grade Quality Points
90 and above A 4.00
80 - 89 B 3.00
70 - 79 C 2.00
60 - 69 D 1.00
BELOW 60 F 0.00

Make-Up Policy:

Call your instructor to discuss any possible conflicts you might run into before the exam. There will be no makeup exams. See if you can make arrangements days before the exam is scheduled, and attempt to take the exam early.  Nobody will be allowed to take an exam after it has been given. I never give the same exam twice.

No sports excuse, no personal excuse, or any other excuse, you must take the exam at the same time as everybody else in the class!!! Missing an exam is just unacceptable; it is equivalent to missing a job interview!!!!

Top of page

Assignments will be posted and collected using Blackboard.

Assignments submitted after the due date/time, without prior approval from the instructor, will NOT be graded.  

If you know that a situation will prevent you from turning something in, contact me in advance of the deadline to make alternate arrangements.  There are medical reasons some serious exceptions that students encounter that I will make exceptions to the due date, PROVIDED the students discusses the problem with me BEFORE the due date.

I encourage my students to keep current with all their practice exercises and homework.  The knowledge in this class is progressive - every week depends on the previous week.   Thus, this is NOT the class for the student who thinks they can do all the homework at the end of the semester and expect to get credit for it. You must do the work on time.


Disability Statement:

I would appreciate hearing from anyone in this class who has a special need which may be the result of a disability. I am reasonably sure we can workout whatever arrangement is necessary, be it special seating, testing or other accommodations. See me after class, as soon as possible.

Top of page
Plagiarism and Cheating - Academic Dishonesty:

  • Plagiarism and Cheating: Cheating is obtaining or intentionally giving unauthorized information to create an unfair advantage in an examination, assignment, or classroom situation. Plagiarism is the act of presenting and claiming words, ideas, data, programming code or creations of others as one's own. Plagiarism may be intentional - as in a false claim of authorship - or unintentional - as in a failure to document information sources using MLA (Modern Language Association), APA (American Psychological Association) or other style sheets or manuals adopted by instructors at the College. Presenting ideas in the exact or near exact wording as found in source material constitutes plagiarism, as does patching together paraphrased statements without in-text citation. Disciplinary action may include a failing grade on an assignment or test, a failing grade for the course, suspension or expulsion from the college, as described in the Code of Conduct.
  • Plagiarism is using other's words or ideas, or programming code and claiming them as your own. Plagiarism will not be condoned and will result in a failing grade for the course.
  • You are NOT permitted to view your fellow classmates exams. During an exam, keep your eyes on your own work or you will receive a failing grade for the course.
  • Any form of cheating is an automatic expulsion from the course with a grade of "F." 
  • Our servers are for EDUCATIONAL purposes ONLY! Absolutely no web pages are allowed to be stored on our web servers that would any way generate any interest in collecting revenue, nor should any web page on our server, fake, or simulate any revenue collection. No E-Commerce activities are allowed using SUNY computer resources. Any attempt of inappropriate use of the college servers, will result in a failing grade, and possible legal actions. Be warned, Genesee Community College is very strict in enforcing the above policies.
    Check out the link:


Class Cancelation Procedure:

Please check your email every day.  The professor will post an email to the class listserv if weather, or any reason that class is canceled.  Please sign up for the class listserv at http://list.genesee.edu/mailman/listinfo/cis204 Should the instructor not show for class unannounced, class time will be used as lab time to work on computer projects. If a lecture or test was scheduled for this date, it will be given the next scheduled class. 


Top of page
Class/Lab Schedule:




Week 1

  Welcome topics and links - Plan on discussing Syllabus in detail the first day of class. Bring Day planner or calendar with you to help you organize key exam and project due dates.
  • Week 1's Introduction to CSS
  • Must have your blog setup and an entry posted to my blog with your blog name.

Should you use XHTML or HTML. Here are some selected readings on the topic.

HTML vs. XHTML on standards compliant websites (Roger Johansson, 19 June 2006)

HTML or XHTML? (Robert Nyman, 2 November 2005)

Additional required Readings ( Sunday, January 8, 2012 9:06 PM)
  1. The Read-Write Web (PDF) http://www.oreilly.com/catalog/wemedia/book/ch02.pdf
  2. The Business Value of Web
  3. DocType http://www.alistapart.com/articles/doctype/

Tutorial Using the Spry Framework for AJAX Dreamweaver

What is the goal of both CSS and html? By using CSS properly, a good web designer should learn to separate what two parts of a web page? (Hint: "Qualities of a good Web designer".)

Download FireFox - Install Fire Ftp Plug-in, Install Web Development tool Bar

Chrome and Opera are the best browsers for H TML 5

Week 2   Prepare before this class by reading the links listed on my blog
Week 3


  Prepare before this class by reading 

Matt's Script Archive FormMail.pl http://www.scriptarchive.com/formmail.html

Setting Up the FormMail Script http://www.scriptarchive.com/readme/formmail.html#setting_up

Week 4  

Search engine optimization

Search engine optimization (SEO) is the process of improving the visibility of a website or a web page in search engines via the "natural" or un-paid ("organic" or "algorithmic") search results.

Week 5


Week 6   Lab time for group project.
Week 7  

Testing of projects on smart phones - tablets - ipad

Week 8   Student group presentations reviewed and graded
Week 9


  Why should I make my web site more accessible? How can I make my web site more accessible?
How do users actually view your website?

Readings on Usability and Accessibility

  1. CNN Article on Web Accessibility
  2. "How we really use the Web," a chapter from Steve Krug's wonderful book, Don't Make Me Think!
  3. Jakob Nielsen's "Top Ten Web Design Mistakes of 2003" and "Ten Most Violated Homepage Design Guidelines"
Week 10  
  • Week 10 - Tuesday March 29 - exam - Proctored
Week 11  
  • create a guestbook
  • password protect your guestbook
  • Introduction to PERL
Week 12   Work with Client's functional website store it at your domain name that you purchase for the course.
Week 13  

Prepare for the practical final exam that is schedule for week 14. Client's website must be completed
befor you take the final practical exam.

Week 14  

Final practical exam - no MakeupsThere will also be a final practical exam, which is pass/fail; those who do not pass the final practical do not pass the course. - First week in May (You have one opportunity to retake the practical if you do not pass the first time.)


Students will pass (with a grade of 70% or more) a the practical final exam given during the this week of the course.

Week 15


  • Class presentations on the final version of the student group website.
**The instructor reserves the right to make necessary changes in this syllabus either orally or in writing. It is the student's responsibility to learn about any changes if she/he misses class.  

Top of page
Discussion List for the Course:

I have established an electronic discussion list called   This e-mail address is being protected from spambots. You need JavaScript enabled to view it    for this course. You are expected to subscribe to this list from your email account that you check everyday.

Purpose of class listserv

  • To disseminate additional information and recent news items relating to computer technology
  • To disseminate additional information regarding course assignments, tests, etc.
  • To provide a cooperative learning environment with peer assistance

What should you do?

Subscribe to the list immediately 





Top of page


Share This Article


Who's Online

We have 5 guests online