CIS 130 - Web Design I

Description

This course will provide students with a solid foundation for building dynamic web pages. It introduces students to Hypertext Markup Language (HTML) for structuring and Cascading Style Sheets (CSS) for styling, defining, and formatting web pages.

Schedule

• Instructor - Laurence Liss - lliss@ccp.edu
• CIS-130 Section 009
• Winter 2019 - 4A
• This is an online only class and has no in-person meeting times
• TKTKTK
• Office hours - Online only meetings

The tentative schedule of lectures and assignments can be viewed below or on the calendar. I reserve the right to adjust dates or the order to provide the best learning outcomes.

Introduction

This is a class focused building and editing web sites. We are going to learn HTML and CSS code. These are the foundations of every web site you have ever visited. By the end of the class you will know how to design and create a site and deploy it.

Required Texts & Materials

Textbook

Title: Web Development + Design Foundations with HTML5
Author: Felke-Morris
Edition: 9th
Publisher: Pearson
ISBN: 9780134801148

What you need to know

You are not expected to have any prior experience with programming or with HTML or CSS code. You are expected to have a basic understanding of how to use the internet and use a web browser but the details of this will be covered to the necessary degree. You are expected to know how to navigate folders and directories on your computer. This is an introduction development class so you need to know how your computer works and how to store, move, and find files and directories.

Student Learning Outcomes

• Identify standards and protocols for web page design.
• Identify and explain the syntax of an HTML tag (HTML basics).
• Format text and color in web pages using HTML5 tags and Cascading Style Sheets.
• Identify and explain web design basics.
• Integrate and optimize images and multimedia elements into web page design.
• Analyze and construct tables and forms.
• Develop a website incorporating new HTML5 tags and CSS3 declarations using a text editor.

The Structure of this Class

The best way to learn any sort of code is by writing code, a lot. We learn by doing and trying to solve problems. So I am going to ask you to build many web pages and be creative. It will be challenging at times but you will learn by doing. There will be some quizzes and a project but a good deal of your grade is going to come from homework assignments. Each lesson will have some development task to do afterwards. I expect a certain level of struggle as part of these assignments. Don't panic if you are having trouble, but do work as hard as you can and don't save your assignments for the last minute.

Keeping Up

This class moves fast and each lesson builds on the last one so it will accelerate. Each week builds on what you've learned in the weeks before. You can't afford to miss a lesson or fall behind.

Exams, Assignments and Grading

Final grades will determined based on a weighted percentage of the total points each student has earned in several categories of assignments during the semester. The percentage for each group is calculated by dividing the total points earned by the total possible points that you could have earned during the semester: The Canvas LMS should display your up to date class percentile. Below is a chart of percentages as they relate to a letter grade.

• A - 90 to 100 %
• B - 80 to 89 %
• C - 70 to 79 %
• D - 60 to 69 %
• F - less than 60 %

During the semester will have several different types of graded activities:

• discussions (5 points)
• quizzes - one or two per week (10 points each)
• labs and assignments (5-20 points each)
• final project (100 points)

I will drop the lowest quiz score and lowest non-zero lab score from the final results.

The groupings as they relate to the final grade are:

Assignment Type	Percentage
Discussions	5%
Weekly exams	15%
Labs and assignments	50%
Final project	30%

Submitting work

You must submit all work as a zip file that includes all images, HTML, CSS and JavaScript files. Any work not submitted as a zip file will not be graded.

Submit all work on time before the due date. I do not give any extensions. Forgetting an assignment is due is not a valid excuse for late work.

Quizzes will close and lock after the due date. At this point the answers will be revealed. As a result, I will not re-open any quizzes for late submissions.

Late Work

You are expected to turn in work on time. I will not accept any late quizzes or discussions. I will however accept late programming assignments. I deduct points for each day late. The schedule for deductions is as follows.

2 percentage points per day.

This means that if you turn in a lab up to 24 hours late, you can earn a max score of 98%. After one week, you can earn a max score of 86%. After two weeks you can earn a max score of 72%.

There are two caveats to this policy.

1. I will not accept any late lab submissions after the due date for the final project.
2. After two weeks I will not accept any submissions.

The deduction schedule for the final project is a bit harder because I do not have much time to turn around the grades:

2 percentage points per hour.

Attendance

This is an online class so there is no formal attendance, however you do need to participate in the class. Since there is not a meeting, you should expect to spend the 16+ hours that you would spend in class reading the material posted on Canvas. Expect to spend 30 hours per week working on the class material and doing homework and projects.

Canvas and Computer Resources

Success in the class depends on your ability to use Canvas. If you have problems using Canvas, then please contact Vaishali Sharma, at vsharma@ccp.edu. For more information about Canvas, or Distance Education, please see the Distance Education Website at: http://www.ccp.edu/site/de/

The College has a number of open lab facilities for students who wish to do their work on-campus. For more information see the posted schedules of the SACC Computer Labs in MyCCP;

• Main Campus - (CBI Building SACC) 18th and Callowhill Street
• Northwest Regional Center - 12901 Townsend Rd
• Northwest Regional Center - 1300 W Godfrey Ave.
• West Regional Center - 4725 Chestnut St.

Students are expected to utilize College computer resources as part of this class, including websites, networks, and the possible use of physical facilities. You are expected to become familiar with the policies and accepted behavior for these resources. Any violations of their rules that results in a student being removed from or banned from using a College facility are grounds for dismissal from the course -- such as attempting to remove, copy, or install software on the College's systems.

Learning Lab Support

The Learning Lab will provide tutorial support for students requiring one on one tutorial support for this class. They may even be able to provide one on one tutorial support online using video conferencing. For more information on tutorial support for CIS courses contact:

• Mavis Pogue.
• B2-36d 215-751-8474
• mpogue@ccp.edu

Counseling

The College has excellent counseling services available. If you are having any personal problems that might interfere with your progress in class or toward a degree, including difficulties related to military service, please visit or contact our counseling center in room BG-07 on the Main campus or at any of our Regional Centers. More information, including contact information is online at: http://www.ccp.edu/site/current/support-services/counseling.php

College Policies

The Computer Technologies Department adheres to all College policies. These can be found in your Student Handbook or at the following url: https://www.ccp.edu/college-catalog/college-policies-and-procedures

Participation is Key!

A great deal of educational research has shown that the single biggest factor in determining final grades is class attendance. No other factor, not I.Q., SAT scores, family wealth, ethnic origins, nor any other factor correlates as closely with final grades as classroom attendance. If you show up for class and do the required work each week you will do well, if not, you won’t do well. This is true, in part, because colleges and universities have a complex system of placement and prerequisites to make sure you are in a course that you are able to handle. You must show up for class and do the required work each week to do well in the course. Your grade is directly related to how much you participate in the course.

Financial Aid:

Please see the College catalog regarding impact to Financial Aid if you drop this course.

Contacting the Instructor

It is best to reach me via the Canvas communication system as it goes to both my email and will be associated with your class in canvas. My email is lliss@ccp.edu but for class related questions or concerns Canvas is best.

If you do not get a response from me within 24 hours, please send your message or e-mail again.

Classroom Conduct

You must be considerate and respectful of other students and your instructors. Be professional in tone and choice of language.

Academic Integrity Policy & Process:

Students must do their own work when the assignment specifies that it is an individual assignment. Assignments that are collaborative will be designated as being so. Plagiarism will not be tolerated. Any assignment presented by a student in fulfillment of course requirements must reflect his/her own work unless credit is properly given to others. If you find code or a technique to perform a part of your work on a website other than the Canvas course for this class, you must add a citation as a comment in your code. Anyone who assists another in such academic dishonesty is equally responsible. The grade on the assignment will be an "F" for all parties involved, if an academic integrity violation is discovered.

Academic Dishonesty

Violations of academic integrity can include, but are not limited to, cheating and plagiarism. Cheating is an intentional effort at deception or gaining of an unfair advantage in completing academic work. Plagiarism is the act of appropriating the work of another person and passing it off as one's own. Any student who assists another in an activity that constitutes a violation of academic integrity is also responsible and accountable for such a violation.

AS FOR THIS COURSE

• Strike 1 - you and the parties involved will be given a ZERO (0) for the assignment NO MAKE UP.
• Strike 2 - you and the parties involved will drop one final letter grade. This simply means that if you are carrying a B average in the course, your final grade will be a C. This will be the grade that you are "entitled" to as a result of your actions.
• Strike 3 - you and the parties involved will fail the course.

Additionally, any party that is involved in an act of academic dishonesty will be reported via the college's reporting system which will likely result in a hearing with the dean.

Disability Accommodations Policy

Students who are registered with the Center on Disability must inform the instructor by the end of the first week of classes if special accommodations are requested. Proper documentation must be presented.

Important Dates

Be aware of important dates such as the final day to withdraw, the first day to enroll in classes for the next semester, and financial aid deadlines by referring to the academic calendar. http://ccp.edu/college-catalog/academic-calendar

What you need for this class

Actually not a whole lot. Most of it is just knowledge covered in the What you need to know. Aside from that you need:

• An Internet connection
• A web browser (Firefox or Google Chrome)
• A text editor

Text editors

As a code developer your greatest tool is your text editor. I prefer to use open source tools. There are a few good ones to choose from:

• Atom (https://atom.io) is free and open source and works on Windows, Mac and Linux.
• Notepad++ (https://notepad-plus-plus.org/) is open source but Windows only
• Visual Studio Code (https://code.visualstudio.com) is free and open source and works on Windows, Mac and Linux.
• Aptana Studio (http://www.aptana.com/) is open source for Mac and Windows.

I suggest you get one of these, Visual Studio Code being the one I'll be working with in the class, but you are welcome to use whatever works for you.