CS321 Web Programming I

for F2T 2012

Printer Friendly

Mission Statement: Park University provides access to a quality higher education experience that prepares a diverse community of learners to think critically, communicate effectively, demonstrate a global perspective and engage in lifelong learning and service to others.

Vision Statement: Park University, a pioneering institution of higher learning since 1875, will provide leadership in quality, innovative education for a diversity of learners who will excel in their professional and personal service to the global community.


CS 321 Web Programming I


F2T 2012 DL


Kalata, Kathleen M.


In the online classroom on the About the Instructor page.

Office Location

In the online classroom on the Virtual Office - Ask the Instructor page



Semester Dates

F2T 2012

Class Days




Credit Hours



Here is the set of required books. Both of them are required the first week of class.  

Smashing HTML5  
Bill Sanders 
Publisher: Wiley; 1st edition (November 5, 2010)
ISBN 9780470977279  

DOM Scripting: Web Design with JavaScript and the Document Object Model 
Jeremy Keith (Author), Jeffrey Sambells 
Publisher: friendsofED; 2nd edition (December 27, 2010) 
ISBN-13: 9781430233893 

Textbooks can be purchased through the MBS bookstore

Additional Resources:

E-BOOKS - These books are available in ebook format. You will not be able to read or use the ebook on the final exam. This is your responsibility if you choose to use the ebook. You will have weekly lectures, which are required readings, as well as samples and online activities to participate in the discussions. You are required to read all course announcements, all items in the Course Home and all postings in discussions by the instructor. 

BOOK SAMPLES - There are weekly practice exercises in the discussion threads. You will need to create practice pages and you will want to practice creating the web pages from the book. You may want to download the samples from the publisher's web site or download them in the online classroom sample web site. 

REQUIRED - In this course you will use a text editor to build your web pages as you learn HTML, CSS and JavaScript. No software is required for this course other than a text editor such as Notepad, TextPad or TextEdit, and preferably access to different web browsers to preview your web pages to make sure they work across browsers. Examples of browsers include Google Chrome, Mozilla Firefox, Apple Safari and Microsoft Internet Explorer. 

OPTIONAL - Park is a member of the Microsoft Development Network Academic Alliance. Therefore, as a CS student you do have access to download software from the MSDNAA link in the course Home menu. You will receive an email with your MSDNAA information early in the first week of the course. If you have questions about logging in or using the MSDNAA web site, please contact the Park IT Help Desk or contact msdnaa@park.edu. There are two web editors available through the MSDNAA, Visual Studio, and Expressions Studio (which includes the Expressions Web program). Again, no MSDNAA software is required for this course!

WEB SERVER - We will be working on client-side programs. Therefore, you do not require access to any live web server. After you build your web site project, you will learn about different methods for uploading web pages to a live web server. 

McAfee Memorial Library - Online information, links, electronic databases and the Online catalog. Contact the library for further assistance via email or at 800-270-4347.
Career Counseling - The Career Development Center (CDC) provides services for all stages of career development.  The mission of the CDC is to provide the career planning tools to ensure a lifetime of career success.
Park Helpdesk - If you have forgotten your OPEN ID or Password, or need assistance with your PirateMail account, please email helpdesk@park.edu or call 800-927-3024
Resources for Current Students - A great place to look for all kinds of information http://www.park.edu/Current/.
Advising - Park University would like to assist you in achieving your educational goals. Please contact your Campus Center for advising or enrollment adjustment information.
Online Classroom Technical Support - For technical assistance with the Online classroom, email helpdesk@parkonline.org or call the helpdesk at 866-301-PARK (7275). To see the technical requirements for Online courses, please visit the http://parkonline.org website, and click on the "Technical Requirements" link, and click on "BROWSER Test" to see if your system is ready.
FAQ's for Online Students - You might find the answer to your questions here.

Course Description:
CS321 Web Programming: This course provides an introduction to the various languages, tools and programming techniques used to program on the World Wide Web. The fundamentals of client-server programming will be emphasized. These topics will be covered: XHTML, cascading style sheets, Dynamic HTML, JavaScript, applets. Due to the particularly dynamic nature of the Web environment, course content will change as appropriate. Prerequisite: CS219. 3:0:3

Educational Philosophy:
This is a course that provides you the opportunity to expand your knowledge of programming to learn about web development and creating client-side web applications. The homework exercises provides you the opportunity to demonstrate your creativity, problem solving, web design, using resources and debugging capabilities and is a great way to start a web portfolio. Web development content changes daily. So, you will also learn how to locate the latest information to keep your web skills always up to date! Although this class is online, we are a class, a community of learners. In information technology fields it is important to work with other professionals. Weekly discussion threads provide you with ample opportunity to practice the skills you learn in the readings, lectures and samples and opportunities wot work with your fellow students. So although this is an online class, you will be doing many hands-on activities as you learn how to develop web programs using HTML, CSS and JavaScript. 

Learning Outcomes:
  Core Learning Outcomes

  1. Evaluate and analyze basic Internet concepts – web browsers, web servers, URL's, HTTP, applets, forms.
  2. Demonstrate creativity and problem-solving skills.
  3. Use a publishing tool to upload web pages and applets to a web server.
  4. Analyze web programs in order to test, debug, and improve them.
  5. Appraise web pages and web programs to ensure that they use proper coding conventions and documentation.
  6. Formulate web pages and web programs that use: *XHTML *cascading style sheets *dynamic HTML *JavaScript *forms with controls *applets

Core Assessment:

All Park University courses must include a core assessment tool that measures the degree to which students learn the course's learning outcomes. School policy dictates that a student's performance on the core assessment tool must count for at least 20% of the student's total course grade. School policy also dictates that the core assessment tool must cover at least 75% of a course's learning outcomes.

For this course, the core assessment tool is a final exam. Teachers must create their own final exam and pattern it after the CS321 example exam found in the password-protected  my.park ICS faculty area, https://my.park.edu/ICS/Offices/Information_and_Computer_Science/.  To avoid collaboration between students in different sections, teachers should not use the example exam's questions verbatim. But teachers are required to cover its same content, and they are strongly encouraged to follow its format closely.

In the final exam, there are two broad categories of questions that we evaluate separately – concepts and problem solving:

Concepts (terminology and concepts that should be memorized): relevant learning outcomes – 1

Multiple-choice and true/false questions that ask the student about CS 321 concepts.

Short answer questions that ask the student to explain various concepts and trace and debug code fragments and/or programs.

For example questions, teachers should refer to the CS321 example exam, questions 1-20.

Problem solving (technical skills, critical thinking, and communication):

relevant learning outcomes – 2, 4, 5, 6

Given a problem description, produce a solution in the form of a short program or a method(s).

For example questions, teachers should refer to the CS321 example exam, questions 21-23.

Recommended guideline for evaluating the core assessment final exam:

Exceeds expectations

Meets expectations

Does not meet expectations

No evidence


≥ 85%

65% to 84%

< 65%

no exam graded

Problem solving

≥ 75%

50% to 74%

< 50%

no exam graded

Class Assessment:

Weekly Discussions
Participate in each of the 8 weekly discussions according to the discussion rubric. You will have at least 3 topics each week which include content, programming and problem solving in web development. You will be required to participate in each one. 

Note that the discussions are listed in the menu as bullet items. Students have often “missed” questions by only posting a response to one question, resulting in significant points being lost. Students must participate in each discussion thread twice, once for the initial post and one response posting. All due dates and times in the course are based on Central Standard Time Zone, because that is where the Parkville main campus is located.

The only way to really learn how to program, is to actually program. The weekly discussion threads will include additional non-graded activities such as creating small web programs which you will upload in the discussion area. Why? Although you are required to complete the activity, it is not graded as “wrong” or “right”, rather its practice. We learn how to prevent errors by learning also how to locate and identify errors. Working with each other, we can learn to debug code faster, better, and develop into stronger programmers. Failure to try or submit the practice activity will result in loss of points.  

The discussions usually consist of a concepts question, such as use and syntax of HTML 5 or publishing web pages with FTP/SSH, and two practice programming discussions. The practice activity discussions are required and require you to attach your code files (or copy them) with your post. 

You are required to post a reply to your fellow student in each discussion thread. Please note that some discussions require you to post specific responses, such as reviewing another student's code and providing suggestions on how to enhance the program.

Complete the quizzes which may contain a combination of short answer, true and false, and multiple choice questions. But, most of them are multiple choice type questions. These questions are to help prepare you for the final exam. There will be about 15 questions on the quizzes, which will all be taken online in Online Classroom and are timed. They will be auto-graded and you will receive you score immediately after taking the quiz. However, you will not get to see the answers until the end of the week after everyone has taken the quiz. Each question has an answer posted at the end of the question with an explanation of the content for the question.

Web Project
The purpose of the web project is to help you bring together all that you have learned into a single web site. Each week, you will be learning about different programming techniques and tools used to build web sites with HTML, CSS and JavaScript. You MUST use HTML 5 and create the project yourself. End-users use web site builders and content managed systems tools such as WordPress to create web pages. You may not use these tools to create your web project. You need to build the site manually to demonstrate your knowledge of programming with HTML, CSS and JavaScript. Details on the assignment requirements and grading rubric will be provided in the online classroom.

Final Exam
Complete a proctored comprehensive final exam during week 8 which will contain short answer, multiple choice and short answer questions and programming problems which require you to create and write web programs manually! This is a department approved final exam. The final exam is OPEN book and notes BUT no computer other than for typing your responses! You must follow the Park University procedures for obtaining an approved proctor.  


Please refer to the rubrics in the Online Classroom for information on the grading criteria for discussion postings and web project! To receive an A letter grade, a student must consistently show excellent work above those of his or her peers. Please refer to the grading rubrics for information on what level of performance on each assignment is expected for each grade. You will have access to the course two weeks prior to the start of the course. 

Letter Grading Policy – how a letter grade is awarded


Number of Points















599 or below

59.9 or below

Grade Book
Below is a table listing the points and assessments listed for each week. Grading is premised upon a framework that involves a 1,000 point potential for each student, based upon the following components. Your final grade will not generally be rounded. See the Course Schedule in the Online Classroom for due dates for all of the assignments.

Grade Book

Week #










Discussion with Programming Activities




















Final Project










Final Exam




















  1. There are 8 weekly discussions are worth 50-60 points each week for a total of 410 points. Each week the discussions will include research questions, practice coding and debug activities, which are required. See the Course Rubrics page for grading criteria.
  2. There are 8 quizzes worth 30 points each for a total of 240 points. Week 1 there are 30 questions and weeks 2 through 8 there are 15 questions, each worth 2 points.
  3. The web programming project is worth 150 points total.
  4. The final exam is worth 200 points total.

Late Submission of Course Materials:

Discussion Assignment due dates will be provided when it is assigned and on the Course Schedule. No late assignments will generally be accepted. Please plan accordingly. Occasionally there are weather problems on campuses, technical outages or other problems that may interfere with a student having access to the online courses. Instructors may modify these dates if needed. Students will be notified of changes in the schedule in the weekly Course Announcements. The instructor will generally not accept late assignments. Exceptions may be made are for military deployment or similar circumstances (as determined at the sole discretion of the instructor). The instructor may require verification and has discretion to approve the late submission. Technical difficulties, problems with computer software, web server, work schedule or other problems are not excuses for late homework. If your assignment is late, you will receive a 0 for the assignment. However, the instructor does grade the code and gives credit even if the assignment is incomplete or does not function correctly. You are BETTER off turning in your assignment, then skipping it! Failure to follow directions in submitting the assignment may results in losing up to a full letter grade on the assignment. We support our active and deployed military and our disabled students! Exceptions which may be made are for military deployment or similar circumstances as determined by the instructor who may require you to submit documentation to support your request to submit an assignment late.

Plan Your Time Wisely
The best way to learn how to program web sites is by actually programming a web site. Therefore, discussions in this class consists of coding assignments and in your web programming project you will create a complete web site. You cannot expect to start your discussions on Friday and have it finished. Friday is the final due date for your first posting. We recommend posting the first discussions by Wednesday night. Learning web development is challenging even in a 16-week course. This course is as rigorous and comparable in learning outcomes and requirements to a 16-week course.  Therefore, you should review the discussion assignments and begin them as early as possible during the week. That way, you can receive help during the week from your instructor and classmates.

Classroom Rules of Conduct:

You are required to review and comply with the requirements listed in the Course Overview in the Online Classroom. Here are some of the highlights. Contact the instructor through the online Instructor Office/Ask the Instructor page, also referred to as a virtual office. Contact the instructor by email for grade related questions. The Student Forum is a discussion thread for students, for you to communicate with your students and get additional help, like a large student study group where the instructors drop in to help.

  1. Read all key course documents in the Course Home, Weekly Home Pages, Course Announcements and all postings from the instructor.
  2. Post an introduction about yourself in the Introductions page.
  3. New students should complete the Course Tour in the Help and Resources page.
  4. Arrange for a proctor for the final exam according to Park policies by the date on the Course Schedule! Comply with all Park University policies and procedures (including proctor and IT policies)
  5. Complete the assigned readings, learning activities and assessments each week according to the class schedule. Submit all the discussion activities and projects on time and according to the directions.
  6. Have access to the appropriate software to complete the activities as described on the Textbook page in the Online Classroom. 
  7. Students will be responsible for conforming to the assignment procedures and for their own technical support. Weekly Student Forum will be provided to ask questions to other classmates on programming and using the software. We cannot provide technical support for your individual systems.  Apple Mac users can create their web pages using TextEdit.

Course Topic/Dates/Assignments:
Due Dates
All due dates and times in the course are based on CST, Central StandardTime Zone, because that is where the Parkville main campus islocated. If an extra credit assignment is provided it will be announced in week 7 and will be due by Friday of week 8.  

  1. Discussions are due on Friday at midnight for the first set of postings and the response postings by Sundays at midnight. You should start the discussion activities early in the week as possible!
  2. Final Web Project is due Week 7 on Sunday at midnight.
  3. Quizzes are due on Sunday at midnight.
  4. Final Exam is due on Friday at midnight during week 8!  If you need the exam later, please contact the instructor by week 2.
  5. Proctor forms are due on Friday of week 4!

Below is a tentative schedule of the topics, readings, and assignments. Always read the lecture first.  Remember that the discussions have practice programs that are required! You can get started on the readings before the course starts!

  • Smashing = Smashing HTML5  is referred to as Smashing 
  • DOM = DOM Scripting: Web Design with JavaScript and the Document Object Model







Introducing HTML and CSS

All the documents in Course Home.
Lecture 1

  • Ch 1 Introducing HTML
  • Ch 2 Understanding HTML Tags
  • Ch 3 Text Tags and a Little CSS3
  • Ch 4 Working with Color Values  



  • Ch 9 CSS - DOM
  • Ch 11 HTML 5



Post your introduction on the Introductions page

Discussion 1
Quiz 1


Enhancing Web Pages with HTML 

Lecture 2

  • Ch 5 Organizing a Page
  • Ch 6 Displaying Data with Tables 



Discussion 2
Quiz 2


Links, Navigation and Page Layout

Lecture 3

  • Ch 7 All About Links
  • Ch 8 Navigation Strategies 



  • Ch 12 Putting it all together (Focus on the HTML/CSS layout and navigation sections) 



Discussion 3
Quiz 3


Adding Multimedia to a Web Page

Lecture 4

  • Ch 9 Images
  • Ch 10 Sound
  • Ch 11 Video   



Discussion 4
Quiz 4
Complete Proctor Form


Introduction to JavaScript and Forms

Lecture 5

  • Ch 14 Adding Forms
  • Ch 12 Adding Just Enough JavaScript 



  • Ch 1 Brief History of JS
  • Ch 2 JavaScript Syntax
  • Ch 3 DOM



Discussion 5
Quiz 5


Using Canvas and JavaScript

Lecture 6


  • Ch 13 Thundering Your Site with Canvas Sanders 
  • Ch 15 Embedding Objects and Storing Information 



  • Ch 3 DOM 



Discussion 6
Quiz 6


Advanced JavaScript I


Lecture 7
Smashing - none


  • Ch 4 JavaScript Image Gallery
  • Ch 5 Best Practices
  • Ch 6 The Image Gallery Revisited



Discussion 7
Quiz 7
Web Project


Advanced JavaScript II

Lecture 8
Smashing - None


  • Ch 7 Creating Markup on the Fly
  • Ch 8 Enhancing Content
  • Ch 10 An Animated Slideshow  



Discussion 8
Quiz 8
Final Exam

Academic Honesty:
Academic integrity is the foundation of the academic community. Because each student has the primary responsibility for being academically honest, students are advised to read and understand all sections of this policy relating to standards of conduct and academic life. Park University students and faculty members are encouraged to take advantage of the University resources available for learning about academic honesty (www.park.edu/current or http://www.park.edu/faculty/).from Park University 2011-2012 Undergraduate Catalog Page 95-96

Plagiarism involves the use of quotations without quotation marks, the use of quotations without indication of the source, the use of another's idea without acknowledging the source, the submission of a paper, laboratory report, project, or class assignment (any portion of such) prepared by another person, or incorrect paraphrasing. from Park University 2011-2012 Undergraduate Catalog Page 95
Do your own work! If for some reason you implement third-party code, it must be clearly identified.

Failure to clearly separate and document use of any third party code may result in a 0 for the entire assignment. Hiring anyone to help or code the web site for you in any way will result in an automatic F (0 points) in the assignment and may result in failure in the course at the instructor's discretion. If it is learned that you have hired or plagiarized your work after the course has been completed, the instructor will recommend the University to change the grade to an F and other consequences may result. Please refer to the University policies in the Student Handbook.

Attendance Policy:
Instructors are required to maintain attendance records and to report absences via the online attendance reporting system.

  1. The instructor may excuse absences for valid reasons, but missed work must be made up within the semester/term of enrollment.
  2. Work missed through unexcused absences must also be made up within the semester/term of enrollment, but unexcused absences may carry further penalties.
  3. In the event of two consecutive weeks of unexcused absences in a semester/term of enrollment, the student will be administratively withdrawn, resulting in a grade of "F".
  4. A "Contract for Incomplete" will not be issued to a student who has unexcused or excessive absences recorded for a course.
  5. Students receiving Military Tuition Assistance or Veterans Administration educational benefits must not exceed three unexcused absences in the semester/term of enrollment. Excessive absences will be reported to the appropriate agency and may result in a monetary penalty to the student.
  6. Report of a "F" grade (attendance or academic) resulting from excessive absence for those students who are receiving financial assistance from agencies not mentioned in item 5 above will be reported to the appropriate agency.
ONLINE NOTE: Students must participate in an academically related activity on a weekly basis in order to be marked present in an online class. Examples of academically-related activities include but are not limited to: contributing to an online discussion, completing a quiz or exam, completing an assignment, initiating contact with a faculty member to ask a course related question, or using any of the learning management system tools.

Park University 2011-2012 Undergraduate Catalog Page 98

Disability Guidelines:
Park University is committed to meeting the needs of all students that meet the criteria for special assistance. These guidelines are designed to supply directions to students concerning the information necessary to accomplish this goal. It is Park University's policy to comply fully with federal and state law, including Section 504 of the Rehabilitation Act of 1973 and the Americans with Disabilities Act of 1990, regarding students with disabilities. In the case of any inconsistency between these guidelines and federal and/or state law, the provisions of the law will apply. Additional information concerning Park University's policies and procedures related to disability can be found on the Park University web page: http://www.park.edu/disability .

Accessibility is important to us. If you have an issue with accessibility, or need special accommodations, make sure you have discussed this with your instructor at the start of the course.

Additional Information:


This material is protected by copyright and can not be reused without author permission.

Last Updated:10/7/2012 6:56:58 PM