CIS 213 covers intermediate topics in website coding using HTML5 and CSS3. Plan to spend 5-10 hours per week on this class. You must have reliable access to Internet to complete this class. You are expected to check Moodle and email at least twice per week.

2 hours lecture, 3 hours laboratory, 3 units

Section 0873
Hybrid - Thursday 9-11:50 a.m., room E-206
2 hours per week online (discussion, quizzes, and lab assignments)

Course Web Site: cuyahacka.com/213

Instructor:

Jodi Reed, MA
Computer & Information Science
Cuyamaca College
jodi.reed (at) gcccd.edu
office: room E-109-B



Topics/Themes

This course builds on the skills introduced in CIS 211 and CIS 212 with hands-on projects that reinforce and further develop HTML5 and CSS3 expertise. 

  1. HTML5 semantic elements – best practices
  2. CSS for Tables
  3. Forms
    1. form elements (form, buttons, text fields, text areas, radio buttons, check boxes, drop-down lists, labels, fieldset, legend)
    2. alignment, formatting, tab order, access keys
    3. HTML5/CSS3 data validation
    4. HTML5 controls (file upload, email, url, tel, number, date, search, color, output, progress)
  4. CSS for printing
  5. CSS with LESS and Sass
  6. advanced HTML5 & CSS3 (geolocation, web storage, Canvas, drag & drop)
  7. Responsive Design
    1. Media Queries
    2. Responsive frameworks (e.g. Bootstrap)
  8. Overview of  Mobile Development
  9. Hosting your site
    1. Finding and registering a domain name
    2. using cPanel
    3. Analytics
  10. Using XAMPP/WAMP/MAMP to set up a local testing server
  11. Content Management Systems
    1. CMS overview (Joomla, Drupal, WordPress)
    2. Using WordPress.com to create a simple site
  12. Worpress.org
    1. Installing Wordpress via cPanel
    2. Installing a local version of WordPress
    3. Editing themes
  13. Search Engines
    1. Search Engine Optimization
    2. Adding a site search
    3. Controlling which pages are indexed & visited (robots.txt, meta tags)
  14. Usability
    1. Guiding principles
    2. Navigation and home page
    3. Testing & managing outside influences
  15. Accessibility
  16. Current technologies and trends


Prerequisites

A C grade or higher in CIS 211 or equivalent.

Check with me if you have any questions about the prerequisites. Prerequisites may be challenged if you have experience with HTML5 and CSS3.



Learning Outcomes

At the end of this course, each student will be able to create a responsive website that meets 80% of the technical, organizational, structural, and presentation requirements outlined in a detailed scoring rubric based on the course content and objectives.

Objectives

  1. Demonstrate best practices in HTML structure by properly using HTML5 semantic elements and other structural elements (div, span, head elements, block elements) and explain how these support search engine optimization, accessibility, and responsive design.
  2. Use CSS in an efficient, organized manner to control presentation, including formatting and layout for desktop, tablets, mobile devices, and print.
  3. Explain how to implement a local testing server or hosted site and the reasons for each.
  4. Compare content management systems, explain their advantages and disadvantages, and use one to create a small web site.
  5. Describe and apply principles of usable and accessible design.

 



Grading and Assignments

You will be graded on assignments, online discussion, and tests.  Moodle will link to complete instructions, including a scoring rubric for each Web page assignment.  You will use Moodle to check your grades, turn in assignments, take quizzes, and participate in class discussion.  Your total grade will include:

55% Assignments Orientation, quizzes, forum, and lab assignments introduce concepts and skills.
20%

Notes

Book notes - meant to help you review the book
5% Discussion Participation (50 points) Students are expected to post a significant question, answer, or comment to the online discussion roughly once per week. Posts will be graded. Maximum per week: 10 points.
(3-5 points per week for up to 50 points)
22% Final Exam (100 points) & Midterm (100 points The exams will be cumulative and may include a practical section.

 

Scale

90-100%, awarded for work that meets all requirements and shows effort, skill, and creativity
B 80-89%
C 65-79%
D 55-64%

Assignments and quizzes are usually due to Moodle a week after they are assigned.  Everything is carefully set up in a specific sequence to help you learn, so DON'T SKIP ASSIGNMENTS. Due dates are shown on Moodle. After the due date, you lose 20%. Some assignments must be completed before you can move on in the course, so DON'T GET BEHIND. If you turn in your work on time, you will usually get one chance to fix mistakes, so TURN IN WORK ON TIME! Be sure to SAVE and BACK UP/UPLOAD everything you do. BEGIN ASSIGNMENTS EARLY in the week they are assigned so you will have time for questions and technical glitches. ASSUME you will have technical problems and turn in work BEFORE the due date. I have built in plenty of time to allow for questions and technical difficulties as long as you begin on the date it was assigned.

An incomplete grade is given only when there is an emergency near the end of the semester.

Academic Integrity

When creating Graphics or Web sites, treat Web content as you would treat content from a published article or book. Stealing content is unethical, and students guilty of academic dishonesty will receive a zero for the assignment and may be suspended or expelled. It is acceptable to use brief quotes or clip art. It's not ok to copy entire web pages or style sheets or use someone else's images without permission unless a license permits use.



Attendance

Though any student not participating in class for 2 consecutive weeks may be dropped from the course by the instructor, it is always the student's responsibility to drop any unattended course.  Failure to drop an unattended course will result in a grade of "F" on your transcript.  Participation in an online class means submitting assignments and taking quizzes on time, contributing to discussion regularly, and checking Moodle & email at least twice a week.



Schedule

Date Topics & Reading Assignment
Week 1 Intro to Course
REVIEW: Chapters 1-3
book notes
chapter 2 tutorial
Week 2 REVIEW: Chapters 4-5 book notes
chapter 3 tutorial
chapter 5 tutorial
Week 3 Chapter 6: Formatting Text book notes
chapter 6 tutorial
Week 4 Chapter 7: Margind, Padding, Borders book notes
chapter 7 tutorial
Week 5 Chapter 8: Adding Graphics book notes
chapter 8 tutorial
Week 6 Chapter 9: Navigation
Chapter 10: CSS Transforms, Transitions, and Animations
book notes
chapter 9 tutorial
Week 7 Chapter 11: Formatting Tables and Forms book notes
chapter 10 tutorial
chapter 11 tutorial
Week 8 Guest Panel
Midterm Practical
Week 9 Chapters 12-13: CSS Layout book notes
chapter 13 tutorial
Week 10 Chapter 14: Responsive Design book notes
chapter 14 tutorial
Week 11 Bootstrap Bootstrap Lab
Week 12 Chapter 15: CSS Positioning book notes
chapter 15 tutorial
Week 13 Chapter 16: CSS for Print
Chapter 17: Improving CSS Habits
book notes
chapter 16 tutorial
Week 14 Hosting Services, Analytics, and Local Testing Servers assignment
Week 15 Content Management Systems WordPress Lab
Week 16 Search Engine Optimization Final Practical
Finals Week Final Exam Final Practical Discussion


Textbooks - available at the campus bookstore or online

REQUIRED
CSS3: The Missing Manual, 4th edition (2015)

by David Sawyer McFarland
ISBN: 978-1491918050
Amazon: $28 (print), $18 (Kindle), $15 (rent)
College Bookstore: $18-$40

RECOMMENDED
Murach's HTML5 and CSS3, 3rd edition (2015)
by Zak Ruvalcaba
ISBN: 978-1890774837
Amazon: $34 (print), $24 (rent)
Murach: $38 (print), $31 (electronic, proprietary format)
Lynda.com video training
details will be announced when class begin

NOTE: Join Amazon Student and get FREE Two-Day Shipping for a trial period with a free Amazon Prime membership. The program is available only for students and there is no cost to join--simply sign up by providing your school, major, and campus email address.

Materials

You cannot complete this class without reliable access to Internet and text editing software. We'll learn more about text editing software in class.

You may use campus computer labs if needed.

You need adequate storage to SAVE and BACK UP your work.  You are responsible for your work in spite of technical problems, so be sure to back up!  Most students use a USB Flash Drive.



Course Communication

Post general questions to the online discussion.  You may also send email to jodi.reed (at) gcccd.edu or stop by during office hours. 

NOTE: I must respond to many questions each day, so my responses tend to be brief. Please don't take this personally. I usually respond the same day or the next day. Please try again if you don't hear back within 2 days. I check email most often followed by Moodle discussion and then voice mail.

Students with disabilities who may need accommodations in this class should notify me and contact Disabled Students Programs and Services (DSPS) early in the semester so that reasonable accommodations may be implemented as soon as possible.



Important Dates

Please mark your calendar!

SPRING 2016  
January 25 Classes begin
February 5 Last day to add semester-length classes
Last day to drop semester-length classes without a W
Last day to receive a refund for semester-length classes
February 8 Census Day
February 12-15 Holiday (President's Day Weekend)
February 26 Last day to apply for Pass/No Pass for semester length classes
March 18 Last day to apply for Spring degree/certificate
March 21-26 Spring Recess
April 22 Last day to drop semester-length classes
May 23-28 Final Examinations
May 30 Holiday (Memorial Day)

 

This course adheres to the policies outlined in the Cuyamaca College catalogue. For further information, see Academic Policies stated in the catalog.