• CIS132 Final Project
• Return to home page

Page navigation

• Catalog description
• Prerequisite
• Course description
• Learning objectives
• Academic Integrity
• Outline of topics
• Instruction
• Course practices
• Materials
• Evaluation
• Other info

Instructor:	Terry Slocum	E-mail: tslocum@oakton.edu	My OCC faculty web site: http://CIS.oakton.edu/~tslocum
Office:	Room 1861, Des Plaines	Phone: none available	Office hours: Tuesdays, 5:00-6:00pm Room 1863, Des Plaines campus
Division 2 Office:	Room 2180, Des Plaines	Phone: 847.635.1688	Class hours: Mondays, 6:00-9:55pm in Room 1861, Des Plaines campus
CIS Department:	Michele Reznick, Coordinator	847.635.1904	Department Web Site

I. Catalog description

Prefix	Course #	Course name	Dates	Credit	Lecture/Lab
CIS	132-050	Cascading Style Sheets	Jan. 31, 2012–May 8, 2012	3	variable

Return to top

II. Prerequisite:

CIS131/CIS131 or solid knowledge of HTML/XHTML.

Return to top

III. Course Description:

Course expands basic development of Web pages. Content focuses on the use of Cascading Style Sheet to present the content of a well structured XHTML document in a meaningful method.

Recommended: knowledge of HTML/XHTML, CIS131.

Return to top

IV. Learning Objectives:

Upon completion of this course, the student will:

1. Create well structured XHTML documents
2. Understand the concept of the document tree
3. Understand the concept of semantic markup
4. Demonstrate correct syntax for writing CSS
   1. structure of a style rule
   2. structure of style sheets
5. Understand and use CSS selectors
6. Understand and apply concepts of the cascade, specificity, and inheritance
7. Use appropriate units of length, color, numbers, percentages, URLs and keywords for CSS properties
8. Use appropriate tools to write error-free CSS
   1. best browsers for testing web pages
   2. Web Developer extension for Firefox and Chrome
   3. Firebug add-on for Firefox
9. Style web pages with appropriate font properties
   1. font-family
   2. font-weight
   3. font-size
   4. font-style
   5. font-variant
   6. font shorthand property
10. Style web pages with appropriate text properties
    1. word-spacing
    2. letter-spacing
    3. text-align
    4. vertical-align
    5. line-height
    6. text-decoration
    7. text-transform
    8. text-indent
    9. white-space
11. Style web pages with appropriate list properties
    1. list-style-type
    2. list-style-image
    3. list-style-position
12. Style web pages with appropriate background properties
    1. background-color
    2. background-image
    3. background-repeat
    4. background-position
    5. background-attachment
13. Apply the concept of the box model to elements on the web page
14. Style web pages with appropriate width, max-width and min-width properties
15. Style web pages with appropriate height, max-height, min-height properties
16. Style web pages with appropriate padding properties
17. Style web pages with appropriate border properties
18. Style web pages with appropriate margin properties
19. Design web page layouts with appropriate float properties
    1. float
    2. clear
20. Design web page layouts with appropriate position properties
    1. position
    2. z-index
21. Style web pages with appropriate visibility properties
    1. visibility
    2. clip
    3. overflow
22. Style web pages with appropriate display properties
    1. element values:
       block, none, inline, inline-block, run-in, list-item
    2. table related values
23. Write style sheets for common non-screen media
    1. print
    2. handheld devices
24. Be aware of browser differences
25. Apply the concept of progressive enhancement to accommodate browser differences
26. Be aware of the CSS3 specification, current browsers support, how to write for a specific browser
    1. border-radius
    2. RGBA (transparency)
    3. box-shadow
    4. transform

Return to top

V. Academic Integrity:

Students and employees at Oakton Community College are required to demonstrate academic integrity and follow Oakton’s Code of Academic Conduct. This code prohibits:

• cheating,
• plagiarism (turning in work not written by you, or lacking proper citation),
• falsification and fabrication (lying or distorting the truth),
• helping others to cheat,
• unauthorized changes on official documents,
• pretending to be someone else or having someone else pretend to be you,
• making or accepting bribes, special favors, or threats, and
• any other behavior that violates academic integrity.

There are serious consequences to violations of the academic integrity policy. Oakton’s policies and procedures provide students a fair hearing if a complaint is made against you. If you are found to have violated the policy, the minimum penalty is failure on the assignment and, a disciplinary record will be established and kept on file in the office of the Vice President for Student Affairs for a period of 3 years.

Details of the Code of Academic Conduct can be found in the Student Handbook.

Return to top

VI. Outline of Topics:

Date and Topic	Readings from CSS: The Definitive Guide OR Smashing CSS	Lab Activities: instructor guided	Homework Activity (Due following week) student created web pages.
Week 1: 1/31/12 Introduction to CSS concepts, types, selectors, declarations, div & span tags Validation of XHTML & CSS	CSS: Ch 1: 1-11; Ch 2: 23-37, 44-55, 58-59 Smashing: Ch 1: 5-17	Explore types of selectors; add div and span tags to XHTML document	Create a well structured web page named homework.htm. FTP the homework page to your “student” directory. All homework is to be placed in this directory. The homework.htm page will link to all finished projects and assignments. Put each project and assignment in its own folder/directory. Upload to server by 2/7/12.
Week 2: 2/7/12 Values & units of measurement Font properties	CSS: Ch 4: 77-90; Ch 5: 94-117, 120-127	Apply appropriate values & font properties to documents	Page styling all HTML elements with font properties (validated) Upload to server by 2/14/12.
Week 3: 2/14/12 Text & List properties	CSS: Ch 6: 128-149 Ch 12: 370-378 Smashing: Ch 2: all	Apply appropriate text & list properties to documents	Page using text, lists and previously studied properties (font) Upload to server by 2/21/12.
Week 4: 2/21/12 Background properties Quiz #1 available 2/24-2/28 weeks 1-3	CSS: Ch 9: 246-282 Smashing: Ch5: 160-164	Apply appropriate background properties to documents	Page using backgrounds and previously studied properties (font, text, list) Upload to server by 2/28/12.
Week 5: 2/28/12 Box model; Padding, Borders, & Margins; Display property	CSS: Ch 7: 158-178, 198-205 Ch 8: 207-245	Working with width, height and appropriate values; fixed and variable width Apply appropriate padding, border & margin properties to documents	Page demonstrating understanding of block-level elements, inline elements, width, and height, padding, border, margins and all other previously studied properties Upload to server by 3/6/12.
Week 6: 3/6/12 Float properties Final Project planning	CSS: Ch 10: 283-302 Smashing: Ch 4: 107-124 Smashing: Ch4: 107-124	Exploring cause & effect of float properties in documents	Page using float, padding, border, margins and all other previously studied properties. Apply float to a page layout and float an image. Upload to server by 3/20/12. Final Project: Send email describing your topic; see Final Project document
Week 7: 3/20/12 Positioning	CSS: Ch 10: 302-338 Smashing: Ch4: 150-158	Exploring cause & effect of position properties in documents	Page using a page layout applying positioning, the box model and all other previously studied properties Upload to server by 3/27/12.
Week 8: 3/27/12 Page layouts Quiz #2 available 3/27-3/29 covering weeks 4-7		Exploring features & issues affecting page layouts	Design a web site from instructor provided content. Upload to server by 4/3/12.
Week 9: 4/3/12 Table formatting	CSS: Ch 11: 339-369 Smashing: Ch 6: all	Correct use of tables	Page using tables and all other previously studied properties Upload to server by 4/10/12.
Week 10: 4/10/12 CSS3 properties: Color: RGBA & HSLA; Text-shadow; box-shadow	Smashing: Ch 7: 246-251	Exploration of CSS3 properties having support by most browsers	Page utilizing CSS3 properties and all previously studied properties Upload to server by 4/17/12.
Week 11: 4/17/12 CSS3 properties: multiple backgrounds; borders	Smashing: Ch 7: 251-256	Exploration of CSS3 properties having support by most browsers	Page utilizing CSS3 properties and all previously studied properties Upload to server by 4/24/12.
Week 12: 4/24/12 CSS3 properties 2D transforms	Smashing: Ch 7: 256-268	Exploration of CSS3 properties having support by most browsers	Page utilizing CSS3 properties and all previously studied properties Upload to server by 5/1/12.
Week 13: 5/1/12 CSS3 properties Media Queries Non-screen media	Ch 14: 411-426 Smashing: Ch 7 235-240	Modifying page elements for print	Add external style sheet for print to your final project Upload to server by 5/8/12.
Week 14: 5/8/12 Quiz #3 available 5/7-5/9 covering weeks 8-13 Final project presentations	Present final project to class	Post final project to server, submit required documentation

The timetable, labs and homework assignments are subject to change by the instructor as needed.

Return to top

VII. Methods of Instruction:

Lecture, demonstration, guided practice (Lab activities), class discussion and individualized instruction

Return to top

VIII. Course Practices Required:

1. Complete required assignments, quizzes, and final project. Textbook tutorials and Case assignments must be posted to the server provided.
2. Turn in assignments on time. Assignments more than one week late will not be accepted.
3. Quizzes will be taken online and must be taken within a 4 day period beginning with the date listed in the syllabus. Quizzes are open book. You will have 75 minutes to complete the quiz from the moment you start. If work responsibilities force you to miss a quiz, please contact me by email prior to the scheduled date.
4. Participate — Ask questions and comment on the material covered in class; how do you see the material used or applied to Web pages.
5. Course may be taught as face-to-face, hybrid or online course. Every semester this course will be taught as a hybrid—face-to-face with an online component.
6. To achieve a passing grade (A, B, or C), you must earn a minimum of 70% of total points possible accumulated from the homework, lab work, quiz and final project categories. Your final grade will be based on total points earned. See the grading scale in Section X.

Return to top

IX. Instructional materials:

Textbooks:
Meyer, Eric A. CSS: The Definitive Guide, Third edition, O'Reilly, 2007. ISBN-13: 978-0-596-2733-4. Required.

Meyer, Eric A. Smashing CSS, John Wiley & Sons Ltd, 2011. ISBN-13: 978-0-470-68416-0. Required.
Electronic versions are available through the publisher, iTunes and for other reader platforms.

Return to top

X. Methods of evaluating Student Progress:

1. Homework — 12 assignments will be evaluated.
2. Lab work — 12 lab activities observed.
3. Quizzes — 3 quizzes; see Outline of Topics section for dates.
4. Final Project — Demonstrate understanding of topics covered
5. Points:
   

   Homework (13) 50 pts ea.	650	points
   Lab activities (13) 25 pts ea.	325	points
   Quizzes (3) 50 pts ea.	150	points
   Final project	150	points
   Total	1275	points

7. Grading scale:
   

   A	1148—1275	points
   B	1020—1147	points
   C	893—1019	points
   D	765—892	points
   F	000—764	points

Return to top

XI. Other course information:

1. Important dates
   See Oakton's Academic Calendar.
2. Computer usage
   You may use any of the computer labs at either the Des Plaines or Ray Hartstein (Skokie) campuses to do work outside of the scheduled class time. You may use your own computer at home or work if you have whichever software package we are working with for that particular assignment. Use of Oakton Information Technology resources (software, computers, internet access) is subject to policies and guidelines posted online at http://www.oakton.edu/about/officesanddepartments/info_tech/policies/index.php.
   UNDER NO CIRCUMSTANCES ARE ANY OF THE SOFTWARE PACKAGES TO BE COPIED. Our licensing agreement specifically forbids making more than the authorized number of copies; we have already made the maximum number of copies. Besides, due to the nature of Windows software, in most cases it won’t work when copied.
   HOWEVER, CERTAIN MICROSOFT SOFTWARE IS AVAILABLE:  Oakton Community College has partnered with the MSDN (Microsoft Developer Network) Academic Alliance to provide credit students who are registered for CTIS (CIS, CAB, WWW) courses some of Microsoft’s software that you may use to complete your studies. It may not be reproduced, redistributed, sold, rented, leased, or transferred to any third party including contractors, other students, other department’s personnel, other companies, or consultants performing services. Any reproduction or redistribution of the software is prohibited by law, and may result in severe civil and criminal penalties. Currently this software includes MS Visual Studio.NET 2010, Microsoft Office Access 2010, Windows 7 Professional, Project Professional 2010, and Microsoft Visio Professional 2010.  This service does not provide installation support, nor does Oakton.
   There are two additional Microsoft initiatives through which students can obtain software. The Ultimate Steal will sell students at certain colleges – including Oakton – Microsoft Office Professional Academic 2010 for $99.95. DreamSpark (https://www.dreamspark.com/default.aspx) makes available for free download a variety of software for programming and web development. Prices and terms of these offers are subject to change, and Oakton provides no technical support whatsoever.
   Other software is not available, but as a student you qualify for academic pricing on many software packages. Check with the Oakton bookstore or search for “academic priced software”.
3. College Policy on the Observance of Religious Holidays 
   Oakton Community College recognizes the broad diversity of religious beliefs of its constituencies. The College has embraced a practice of shared responsibility in the event a religious observance interferes with class work or assignments. Students who inform instructors well in advance of an intended absence for a major religious observance will not be penalized. The instructor will make reasonable accommodations for students, which may include providing a make up test, altering assignment dates, permitting a student to attend another section of the same course for a class period or similar remedies. Instructors are not responsible for teaching material again.
4. ASSIST
   If you have a documented learning, psychological, or physical disability you may be entitled to reasonable academic accommodations or services.  To request accommodations or services, contact the ASSIST office in the Learning Center.  All students are expected to fulfill essential course requirements.  The College will not waive any essential skill or requirement of a course or degree program.
5. Security Statement
   In response to Columbine and the NIU tragedies police agencies in Illinois have developed training for law enforcement and the public school systems. These Nationally accepted law enforcement response plans have been adopted by Oakton's Public Safety Department. Your actions will influence others therefore, Oakton is asking you as a student to:
   • stay calm
   • secure the immediate area; lock, block, & barricade
   • call 911 and:
     • report your specific location
     • report number of people at your location
     • report injuries
     • report assailants: location, number, race, gender, clothing, physical features, type of weapon

Return to top
Revised 1/31/12