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
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
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.
- HTML5 semantic elements – best practices
- CSS for Tables
- form elements (form, buttons, text fields, text areas, radio buttons, check boxes, drop-down lists, labels, fieldset, legend)
- alignment, formatting, tab order, access keys
- HTML5/CSS3 data validation
- HTML5 controls (file upload, email, url, tel, number, date, search, color, output, progress)
- CSS for printing
- CSS with LESS and Sass
- advanced HTML5 & CSS3 (geolocation, web storage, Canvas, drag & drop)
- Responsive Design
- Media Queries
- Responsive frameworks (e.g. Bootstrap)
- Overview of Mobile Development
- Hosting your site
- Finding and registering a domain name
- using cPanel
- Using XAMPP/WAMP/MAMP to set up a local testing server
- Content Management Systems
- CMS overview (Joomla, Drupal, WordPress)
- Using WordPress.com to create a simple site
- Installing Wordpress via cPanel
- Installing a local version of WordPress
- Editing themes
- Search Engines
- Search Engine Optimization
- Adding a site search
- Controlling which pages are indexed & visited (robots.txt, meta tags)
- Guiding principles
- Navigation and home page
- Testing & managing outside influences
- Current technologies and trends
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.
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.
- 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.
- Use CSS in an efficient, organized manner to control presentation, including formatting and layout for desktop, tablets, mobile devices, and print.
- Explain how to implement a local testing server or hosted site and the reasons for each.
- Compare content management systems, explain their advantages and disadvantages, and use one to create a small web site.
- 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.|
|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.|
|A||90-100%, awarded for work that meets all requirements and shows effort, skill, and creativity|
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.
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.
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.
|Date||Topics & Reading||Assignment|
|Week 1|| Intro to Course
REVIEW: Chapters 1-3
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
chapter 9 tutorial
|Week 7||Chapter 11: Formatting Tables and Forms||book notes
chapter 10 tutorial
chapter 11 tutorial
|Week 8||Guest Panel
|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
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
Murach's HTML5 and CSS3, 3rd edition (2015)
by Zak Ruvalcaba
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.
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.
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.
Please mark your calendar!
|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.