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
Tuesday 9:00AM - 11:45PM
2 hours per week online (discussion, quizzes, and lab assignments)
Course Web Site: www.cuyamaca.edu/jreed/211
Jodi's Fall 2014 Office Hours
E-107 or E-206
Please request an appointment if you would like to see me outside office hours. I am also available by email.
In this 3-unit course, students will use a text editor to code Web sites. The course will cover these main topics:
- file management - how to organize and manage your content
- production - how to code pages
- standards - creating standard-compliant code
- design - creating attractive, usable, accessible sites
- Introduction & orientation
- Course orientation
- Internet overview (client, server, upload, download, ftp, HTML, CSS, servers, browsers, hosting, domains, etc.)
- HTML overview - using a text editor to create a simple web page that includes formatted text, images, links, lists, and embedded CSS)
- Web Development overview – how to code, test & validate
- Overview of editors & Integrated Development Environments (IDE’s)
- Development process
- Basic HTML document structure & syntax
- Basic CSS syntax
- Testing, debugging & validating
- File naming & management, FTP
- Getting your own domain and hosting service
- HTML structure
- Head – title, favicon, metadata
- Coding text elements
- Structuring content (div, span, & HTML5 semantic elements )
- Coding links, lists & images
- Design principles
- Target audience
- Visual design & color
- Site organization
- Responsive design
- Basic CSS for formatting
- inline, embedded & external styles
- measurements & colors
- selectors (elements, ids, classes, relational, pseudo-class & pseudo-elements)
- formatting text
- CSS validation
- file types
- basic editing (resize, optimization)
- CSS formatting (border, float, spacing, alignment)
- thumbnails, rollovers, image maps
- accessibility (alt text)
- background images
- CSS fonts & box model
- embedding fonts
- CSS3 shadows, opacity, color & gradients
- CSS layout & navigation
- floating in multi-column layouts
- CSS3 text columns
- positioning (absolute, fixed, relative)
- CSS navigation with unordered lists
- More on CSS, mobile overview
- Relative linking
- HTML5 figure & figcaption
- CSS for print
- Mobile web design
- Viewport meta tag
- Media Queries
- Flexible images
- Overview of WYSIWYG Development Environments
- Adobe Dreamweaver
- Tables basics
- basic table structure (table, th, tr, td, caption, thead, tbody, tfoot)
- styling tables
- Form basics
- form elements (form, buttons, text fields, text areas, radio buttons, check boxes, drop-down lists, labels, fieldset, legend)
- Media and interactivity
- Slide show and gallery apps
- Embedding YouTube
- Overview of Web Programming
- jQuery UI
The prerequisite skills for this class are:
- Send, receive and manage electronic mail.
- Use a web browser to browse, navigate and conduct research.
- Use computer operating system to copy, paste, move and rename files.
- Open and save word processing files.
- Copy and paste text or graphics from one window or application to another.
- Organize files using folders.
- 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.
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.
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.|
A 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.
|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
|Week 15||Chapter 12: Web Publishing, Intro to Web Programming||Finish project|
|Week 16||Present Projects||Present Project|
|Finals Week||Final Exam|
(note that there are also cheaper versions at Amazon and on the Publisher's site)
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.
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.
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.
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.
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.
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.