Register Online

California Community Colleges offer small class sizes and dedicated teachers at an incredible price.

Syllabus Contents

 


CIS 211 covers Web site 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 5029
Tuesday 9:00AM - 11:45PM
Room E-206
2 hours per week online (discussion, quizzes, and lab assignments)

Section 5564
online

Section 5630
online

Course Web Site: www.cuyamaca.edu/jreed/211

Instructor:

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

Jodi's Fall 2014 Office Hours

Monday: 10-11AM
online
Tuesday: 12:15-2:15PM
E-107 or E-206
Wednesday: 10AM-12PM
online

Please request an appointment if you would like to see me outside office hours. I am also available by email.

Topics/Themes

In this 3-unit course, students will use a text editor to code Web sites.  The course will cover these main topics:

  1. file management - how to organize and manage your content
  2. production - how to code pages
  3. standards - creating standard-compliant code
  4. design - creating attractive, usable, accessible sites

Expanded topics:

  1. Introduction & orientation
    1. Course orientation
    2. Internet overview (client, server, upload, download, ftp, HTML, CSS, servers, browsers, hosting, domains, etc.)
    3. HTML overview  - using a text editor to create a simple web page that includes formatted text, images, links, lists, and embedded CSS)
  2. Web Development overview – how to code, test & validate
    1. Overview of editors & Integrated Development Environments (IDE’s)
    2. Development process
    3. Basic HTML document structure & syntax
    4. Basic CSS syntax
    5. Testing, debugging & validating
    6. File naming & management, FTP
    7. Getting your own domain and hosting service
  3. HTML structure
    1. Head – title, favicon, metadata
    2. Coding text elements
    3. Structuring content (div, span, & HTML5 semantic elements )
    4. Coding links, lists & images
  4. Design principles
    1. Target audience
    2. Visual design & color
    3. Site organization
    4. Navigation
    5. Layout
    6. Responsive design
  5. Basic CSS for formatting
    1. inline, embedded & external styles
    2. measurements & colors
    3. selectors (elements, ids, classes, relational, pseudo-class & pseudo-elements)
    4. formatting text
    5. CSS validation
  6. Graphics
    1. file types
    2. basic editing (resize, optimization)
    3. CSS formatting (border, float, spacing, alignment)
    4. thumbnails, rollovers, image maps
    5. favicon
    6. accessibility (alt text)
    7. background images
  7. CSS fonts & box model
    1. embedding fonts
    2. spacing
    3. borders
    4. backgrounds
    5. CSS3 shadows, opacity, color & gradients
  8. CSS layout & navigation
    1. floating in multi-column layouts
    2. CSS3 text columns
    3. positioning (absolute, fixed, relative)
    4. CSS navigation with unordered lists
  9. More on CSS, mobile overview
    1. Relative linking
    2. HTML5 figure & figcaption
    3. CSS for print
    4. Mobile web design
    5. Viewport meta tag
    6. Media Queries
    7. Flexible images
  10. Overview of WYSIWYG Development Environments
    1. Adobe Dreamweaver
    2. Microsoft
  11. Tables basics
    1. basic table structure (table, th, tr, td, caption, thead, tbody, tfoot)
    2. styling tables
  12. Form basics
    1. form elements (form, buttons, text fields, text areas, radio buttons, check boxes, drop-down lists, labels, fieldset, legend)
  13. Media and interactivity
    1. Slide show and gallery apps
    2. Embedding YouTube
  14. Overview of Web Programming
    1. JavaScript
    2. jQuery
    3. jQuery UI
    4. PHP/MySQL

 

Prerequisites

The prerequisite skills for this class are:

  1. Send, receive and manage electronic mail.
  2. Use a web browser to browse, navigate and conduct research.
  3. Use computer operating system to copy, paste, move and rename files.
  4. Open and save word processing files.
  5. Copy and paste text or graphics from one window or application to another.
  6. Organize files using folders.
  7. Follow written instructions.

These skills can be learned in CIS 105, CIS 110,  or GD 105.  Proficiency is especially important for students in the online course.

Learning Outcomes

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

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:

~33% 11 Labs (30 points each) Labs are fairly quick ways to reinforce your understanding of a specific concept or skills.
~24% Final Project (100 points)
7 Milestones (20 points each)
The final project requires you to apply skills from multiple lessons and give you an opportunity to practice skills covered in the textbook.
~ 5% Discussion Participation (50 points) You are expected to post at least one message to the Moodle discussion each week.  These can be questions, comments, responses, interesting Web sites, etc.  Your message will be given 1-5 points based on complexity, appropriateness, and helpfulness. Maximum per week: 10 points.
~18% 12 Quizzes (15 - points each) Moodle quizzes will cover handouts, textbook, and online video material. 
~20% Final Exam (100 points) & Midterm (100 points The exams will be cumulative and will include a practical section.
  Extra Credit extra credit is occasionally offered and is used to bump up a borderline grade (1-2% below higher grade). Check Moodle early in the week for extra credit since it is usually only offered for a few days.

Scale

90-100%, awarded for work that meets all requirements and shows effort, skill, and creativity
B 80-89%
C 70-79%
D 60-69%

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 50%. 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.

Schedule

Date Topics & Reading Assignment Final Project
Week 1

Intro to Course
Chapter 1: Internet & Web Background

Lab 1, Quiz 1  
Week 2

Chapter 2: HTML Introduction

Lab 2, Quiz 2  
Week 3

Chapter 3: Web Design

Lab 3, Quiz 3 Topic Approval
Week 4

Chapter 4: Cascading Style Sheets (CSS)

Lab 4, Quiz 4  
Week 5

Chapter 5: Web Graphics Styling

Lab 5, Quiz 5  
Week 6

Chapter 6: More CSS

Lab 6, Quiz 6 Planning Analysis
Week 7

Review, editors --

 
Week 8

Midterm Exam

   
Week 9

Chapter 7: Page Layout

Lab 7, Quiz 7

Site Map

Week 10

Chapter 8: Page Layout

Lab 8, Quiz 8 Wireframe
Week 11

Chapter 9: Tables

Lab 9, Quiz 9

Update 1
Week 12

Project Conferences   Peer Review
Week 13

Chapter 10: Forms

Lab 10, Quiz 10

Week 14

Chapter 11: Multimedia & Interactivity

Lab 11, Quiz 11

Update 2
Week 15

Chapter 12: Web Publishing, Intro to Web Programming   Finish project
Week 16

Present Projects

  Present Project
Finals Week

Final Exam

 

 

 

Textbooks - available at the campus bookstore or online

textbook 

Basics of Web Design: HTML5 & CSS3, 2nd Edition
Terry Felke-Morris
ISBN-13: 978-0133128918
$80 on Amazon

(note that there are also cheaper versions at Amazon and on the Publisher's site. Please also see Five Best Sites to Buy Cheap Textbooks )

 

Materials

You cannot complete this class without reliable access to Internet and text editing software. You may use free text editors the come with MacOS and Windows or you may choose to purchase a text editor ($25-$50). You'll learn more about this in the class.

Text editors are available in the E building Open Lab. You may also use Graphic Design Labs and CIS labs during open hours.

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 Hard Drive.

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.

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. See www.cuyamaca.edu/eops/dsps.asp for contact information.

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.

Important Dates

Please mark your calendar!

August 18 Regular Day & Evening Classes Begin
August 29 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
September 1 Labor Day Holiday
September 19 Last Day to Apply for P/NP (credit/no credit instead of grade)
October 10 Last Day to Apply for Fall Degree/Certificate
November 7 Last Day to Drop Semester-Length Classes
November 11 Veteran's Day Holiday
November 27-29 Thanksgiving Holiday
December 9-15  Final Exams
December 18 Instructor Grade Deadline

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