## COURSE SYLLABUS

# WEBD168: CASCADING STYLE SHEETS (CSS)

CRN# 50350

> Online course work: http://blackboard.sdccd.edu/

> Login = student ID

> Password= your birth date mmddyyyy format

3 Units | On-line

Letter Grade or Pass/No Pass Option

Fall 2018: August 20 - December 17

### Instructor Information

Assistant Professor Emily Kay | Please contact me through the BlackBoard email system or at ekay@sdccd.edu

Office hours: by appointment (please contact me to schedule an alternate appointment time)

To contact me: Please use the Blackboard email to receive the quickest response. Please allow a minimum of 72 hours for assignments and quizzes to be corrected, your grade and feedback will be entered into the grade log.

### Office Hours

By appointment only. Please email me through Blackboard to schedule a teleconference.

## COURSE INFORMATION

### Course Description

WEBD 168 Intermediate HTML and CSS Cascading Style Sheets (CSS) for Web Design This course is a hands-on study of Cascading Style Sheets (CSS) in creating Web standards-compliant sites. Emphasis is placed on the use of CSS to format and position elements in Hypertext Markup Language (HTML) and/or Extensible Hypertext Markup Language (XHTML) and applying best practices. Students apply CSS concepts and rules of specificity to achieve the design goals of a published Web site by hand coding and using an HTML editor, such as Dreamweaver. This course is designed for students studying web design and professionals updating their skills. Associate Degree Credit & transfer to CSU.

### REQUISITES:

Advisory:

ENGL 048 and ENGL 049, and CBTE 101 and CBTE 114 and MULT 101 and WEBD 162 or WEBD 165, each with a grade of "C" or better, or equivalent, or Assessment Skill Levels R5/W5.

NOTE: an Advisory will not prevent you from enrolling in this course. It advises you of the skills and knowledge you need to have to be successful in this course. Email your professor if you have questions on this topic.

### Student Learning Outcomes

Students will able to format an HTML tag using CSS on a page in their sites.

Students will be able to create an external CSS file and incorporate it into the HTML file.

Students will be able to proofread a website and corrected errors.

### Student Learning Objectives

Upon successful completion of the course the student will be able to:

1. Explain the relationship between HTML and CSS, including the concept of separating the content
   from the presentation.
2. Explain CSS structure, including selectors, the box model, the cascade, inheritance, and specificity.
3. Apply external, embedded and inline styles.
4. Apply CSS rules to the appearance of elements on a Web page.
5. Control the layout of elements on a Web page using floats, clears, positioning, visibility and the
   Z-index.
6. Format the presentation of Web pages using CSS.
7. Work effectively and efficiently with HTML/XHTML and CSS.
8. Use emerging CSS industry standards in naming conventions, in constructing a Web page’s layout,
   and in assigning selectors to elements.
9. Identify and demonstrate the skills needed to work collaboratively with clients and team members.
10. Evaluate the effectiveness of the Web site in meeting the goals of the Web site.
11. Create CSS stylesheets for screen, devices, and print media.
12. Manage time and resources for projects.
13. Test and validate the CSS and HTML markup.
14. Publish a Web site to the Internet.

### Outline of Topics

The following topics are included in the framework of the course but are not intended as limits on content. The order of presentation and relative emphasis will vary with each instructor.

1. Intermediate HTML coding
2. Web standards
3. Responsive mobile design
4. Advanced, complex CSS rules
5. Advanced CSS properties
6. CSS stylesheets for screen, devices, and print media
7. Box model VIII. Advanced image optimization
8. Scalable vector graphics (SVG)
9. Media specific CSS
10. HTML5 audio and video A. Conventions B. File formats
11. Embedded content
12. Web fonts
13. Accessible pages
14. Industry standards
    1. Time management
    2. Meeting website goals
    3. Working collaboratively
15. Validating CSS and HTML
16. Publishing a website

### Helpful Resources

Reading assignments are required and may include but, are not limited to, the following:

1. Textbooks related to HTML and CSS.
2. Internet resources, such as:
   1. http://htmlhelp.com/reference/css/
   2. http://www.yourhtmlsource.com/stylesheets/
   3. http://www.pageresource.com/dhtml/indexcss.htm
   4. http://www.webmonkey.com/tutorial/Mulders_Stylesheets
   5. http://meyerweb.com/eric/css/
   6. http://www.sitepoint.com
   7. http://www.csszengarden.com/
   8. http://www.accessify.com/
   9. http://www.w3schools.com/css/
   10. http://www.w3.org/
   11. http://css.maxdesign.com/

### Writing Assignments

> Writing assignments are required and may include, but are not limited to, the following:

1. Create a web site using intermediate HTML and Cascading Style Sheets.
2. Create design documents that include the purpose, goals, audience analysis, layout, navigational flow chart, and file and folder structure.

### Appropriate Outside Assignments

Outside assignments may include, but are not limited to, the following:

1. Research current trends and standards in the industry.
2. Interview a web designer who uses intermediate HTML and Cascading Style Sheets.
3. Design a web site and upload it to the web.

### Appropriate Assignments that Demonstrate Critical Thinking

Critical thinking assignments are required and may include, but are not limited to, the following:

1. Analyze the influence of web standards on web design.
2. Apply standard testing and validation procedures.

## POLICES

### Attendance Requirements / Absences

It is your responsibility to drop and withdraw from this course. If you find you cannot complete this course, you will need to drop it in order to avoid getting an F. I will not drop or withdraw you if it appears to me that you have been active in the course. To avoid being dropped, you need to turn in work in the course at least once a week. I do not sign late drop forms. Following is the stated District policy:

- It is the student's responsibility to drop all classes in which he/she is no longer participating.
- It is the instructor's discretion to withdraw a student after the add/drop deadline due to excessive absences or lack of work on assignments.
- Students who remain enrolled in a class beyond the published withdrawal deadline, as stated in the class schedule, will receive an evaluative letter grade in this class.
- Attendance: The final grade in this class will be as outlined in the Assignments section of this syllabus.

### Attendance and Participation

You are expected to login and begin the coursework assigned to you on the first day of the course. This is a fully on-line course with no required on-campus meetings. Even though we won’t be meeting each other face to face, you must login to Blackboard several times a week to stay informed and meet deadlines. I recommend logging into the course daily. I will expect you to have gone through the on-line course material prior to reviewing the next weeks topics. I will post new lessons every week; on the weekly summary page you will be directed to any lessons, assignments, quizzes, reading assignment and lecture material. Make sure you stay current with this material.

You must show continuous progress throughout the course or you may be dropped. Continuous progress is measured by attending class, participating in the class discussions, and submitting assignments.

### Drop Policy

All due dates will be monitored. Students will be dropped without warning after missing two consecutive due dates, meaning that you have not taken a quiz or turned in an assignment, within a two week period, you will be dropped from the course. No exceptions will be considered. You will not receive any advanced notice prior to being dropped from the course.

- It is the student’s responsibility to drop all classes in which he/she is no longer participating.
- It is the instructor’s discretion to withdraw a student after the add/drop deadlines due to non-participation.
- Students must be actively participating in the course, meaning logging into the course, submitting assignments, posting to the discussion board, etc., weekly. Again, it is the instructor’s discretion to withdraw a student who is not active in the course.
- Students who remain enrolled in a class beyond the published withdrawal deadline, as stated in the class schedule, will receive an evaluative letter grade in this class.

### Statement of Retention

You must attend the on-line course and complete assignments prior to Feb 2. This will demonstrate that you intend to complete the course. If you do not participate in the course regularly prior to this date, you will be dropped from the course for non-attendance and your seat will be opened up to allow someone on the waiting list to add the course by the last day to add.

Students, please discuss your plans to withdraw from class with me. There may be other options for you that may allow you to continue in class.

### Important Dates

Start of the semester | Aug 20
Receive, process, and pay for add codes and to drop classes with no “W” recorded | Aug 31
Refund deadline ‐ enrollment fees and/or non-resident tuition | Aug 31
Holiday - Labor Day | Sept 3
Last day to file a petition for Pass/No Pass grade option | Sept 21
Withdrawal deadline - No drops accepted after this date | Oct 26
Holiday - Veterans Day | Nov 11
Holiday – Thanksgiving (College closed) | Nov 19-24
Last day to submit work; all work due at midnight! (11:59 PM) | Dec 16
End of the semester | Dec 17
Grades available on e-Grades | Jan 11, 2017

### Class Behavior and Student Code of Conduct

Student Code of Conduct

- Students are expected to adhere to the Student Code of Conduct at all times. Students who violate the Student Code of Conduct may be removed from class by the faculty for the class meeting in which the behavior occurred, and the next class meeting.
- For on-line classes: Student access to class is removed for one week (5 instructional days).
- You will be able to make up any missed work, but I will not accept make up work for in-class exercises and participation..
- Incidents involving removal of a student from class will be reported to the college disciplinary officer for follow up.
- The Student Code of Conduct can be found in Board of Trustees Policy, BP 3100, Student Rights, Responsibilities and Administrative Due Process posted on the District website at http://www.sdccd.edu/public/district/policies/index.shtml.

Cheating and plagiarism

Students are expected to be honest and ethical at all times in the pursuit of academic goals, you must turn in original work. Students who are found to be in violation of Administrative Procedure 3100.3 Honest Academic Conduct, will receive a grade of zero on the assignment, quiz, or exam in question and may be referred for disciplinary action in accordance with Administrative Procedure 3100.2, Student Disciplinary Procedures.

As your instructor, I have the following expectations of your behavior in this class:

1. Promote a courteous learning atmosphere by exhibiting mutual respect and consideration of the feelings, ideas, and contributions of others, both on-line and on campus.
2. Demonstrate respect for your work, as well as the work of others, by recognizing and acknowledging strengths and improvements.
3. Demonstrate respect for tools, equipment and supplies in the class.
4. Practice consideration for others by maintaining a clean and orderly learning environment.
5. Recognize everyone's opportunity to contribute information in a relevant and meaningful manner by not monopolizing discussions, interrupting, illogical or inappropriate questions or comments.

### Disabled Students Programs and Services

I have made every effort to make this course accessible to all students, including students with disabilities. If you encounter a problem accessing anything in this course, please contact me immediately by email and also contact the college’s Disability Support Programs and Services (DSPS) Office.

Students with disabilities who may need academic accommodations should notify the professor within the first two weeks of instruction. All information will be kept strictly confidential. It is a DSPS students responsibility to inform faculty of their approved academic accommodations by providing an AAA letter.

Students with disabilities that need evacuation assistance during campus emergencies should also meet with the instructor as soon as possible to assure the health and safety of all students.

Call or visit Disabled Students Program and Services (DSPS) located on the San Diego Mesa College campus. Contact information is listed on the DSPS webpage: http://www.sdmesa.edu/students/services/dsps/

### Career Center Services

The Career Center assists students with exploring major and career options, preparing for the job search (resume reviews, interviewing skills), finding part-time/full-time jobs and internship opportunities. The Center hosts job fairs in the fall and spring semester and have employers recruiting on campus throughout the semester. It is located in Student Services Building I4-360, online at http://www.sdmesa.edu/students/services/career-center/, or over the phone at (619) 388 – 2777. If you are looking for a job, go to JobConnect, http://jobconnect.sdccd.edu/.

### Transfer Information

Plan on transferring? Visit the Assist website. http://www.assist.org/web-assist/welcome.html, this site will allow you to see the requirements for your major, and to see a listing of all the majors at the 32 public universities. In addition make sure to see a counselor or the Mesa College Catalog as there will be additional requirements to meet the Associate Degree for Transfer requirements.

###

###

## Textbook and Software

Textbook:CSS: The Definitive Guide (4th edition)
Nov 2017
ISBN: 1449393195
By Estelle Weyl, Eric A. Meyer
Publisher: O'Reilly Media, Inc

Either the paper book or ebook will work for this course.

- Mesa On-line bookstore or purchase it at the Mesa bookstore
- Amazon (ebook is also available)

Software:

Document Creation Software Options (you just need one of the software packages listed below):

- Brackets (free)
- Aptana Studio (free)
- Bluefish (free)
- Dreamweaver (we will only be hand coding but if you have DW you can hand code in its editor)
- Other – your choice

In addition you will need Internet access and a recent Internet browser.

NOTE: There may be minor differences between the PC and the Mac versions of the various software we will be using.

If you need a computer to use, go to the Learning Resource Center (LRC), on the fourth floor at Mesa College. A text editor is available in the LRC. Several code editors are available in the classrooms as well as a text editor. Check the hours and days that classrooms may be available as there are classes some afternoons and every evening.

*Appointments are necessary. Students can try to drop in, but priority goes to the student who made an appointment.

Students can call (619) 388-2898 or drop by Room I4-203 (yellow Student Services building, 2nd floor) from 8:30 am – 7:00 pm, Monday through Thursday; closed Friday.

Mesa College Bookstore http://www.bookstore.sdccd.edu/mesa/ has a variety of software. Call the bookstore, visit their website, or stop by to see their current selection.

The Foundation for California Community Colleges
The Foundation for the California Community Colleges has negotiated a special price for students, for both Mac and PC. Select the software package that needs your educational needs; pricing and software offerings can change at anytime CollegeSoftware.org.

Make sure that any software you purchase will work with your computer and operating system. Shop around for the service and price that best matches your needs. Links and pricing may change. If you notice a change before I do, please let me know.

### Errata Correct your textbook

At present there does not seem to be any updates for this title. However you can check for any future updates at:

http://shop.oreilly.com/product/0636920012726.do

## Blackboard Course Management System

### Hardware and Software Requirements

- Link to SDCCD On-line's Suggested hardware and software requirements as well as other useful links
- Acrobat Reader (click here for a free download)
- QuickTime Player (click here to download)

Students who do not have access to the equipment, software, and services necessary to complete the course assignments at home may use the resources at Mesa College. Computers are available for use in the LRC. Local public libraries may also have these resources available. Map of the Mesa College campus

### Blackboard Orientation Material

You are expected to know how to use the Blackboard system.

- Some orientation material can be found in our Blackboard course after logging in.
- For additional training material, login instructions, student orientations, and support information please visit http://www.sdccdonline.net/students/training/.

### Blackboard Help Desk

Blackboard technical support is available to students 24/7. If you are having a technical problem with Blackboard, please reach out for help. Call the Help Desk via this toll-free phone 866-271-8794.

- To get technical support using your on-line course.
- If you are having trouble navigating and finding the assignments, discussions, etc.
- To get help zipping folders and uploading them to the assignment dropbox.

You can also visit them on-line at https://www.sdccdonline.net/help for assistance with any technical issue that you experience with Blackboard and to view the FAQ's.

## Course Work and Evaluation

1. Print out this syllabus and read it.
2. Before starting work on this course, study the Blackboard Learn 9.1 tutorials, on the Get Ready for On-line Learning Success! page, which show you how to use the Blackboard tools so that you can successfully complete this on-line course.
3. To access all the work for each week, click on the Lessons link. The activities, assignments and quizzes that you will be turning in to be graded are linked on the weekly Lessons pages and are listed in this syllabus.
4. If any of the assignments, quizzes, or graded activities are missing, you will receive a ZERO.
5. Each quiz may be redone. You will receive the highest grades.
6. Please allow a minimum of 72 hours for assignments and tests to be corrected, a response to be sent to you, and your grade to be entered into the grade log. If I do not check your submissions or email during the weekend, I will do so on Monday.
7. Any changes to this syllabus will be posted.
8. Be sure to check both your Messages and your email account frequently.
9. I do not accept late assignments, make sure you submit your assignments prior to the due date and deadline. Any assignment will be due prior to 11:59pm of the due date listed (unless otherwise specified), after that you will not be able to submit the assignment. Specific due dates will be posted on the detailed lesson pages and in the calendar.
10. Final work for this class will be not be accepted after 11:59pm on the last day for the semester.
11. Students who remain enrolled in this class beyond the published withdrawal deadline, as stated in the class schedule, will receive an evaluative letter grade (A, B, C, D, or F) in the class.
12. A temporary grade of Incomplete ("I") may be assigned in very rare cases. Specifically, to be eligible for a grade of “I” a student must:
    1. request an Incomplete grade only after the published withdrawal deadline for the course. (Before that deadline the student should withdraw from the class with a “W.”)
    2. have achieved at least a “C” average for all work and tests due before the withdrawal deadline. (Missing work and tests that were due before the withdrawal deadline will be counted as “F” when determining this average.)
    3. provide written documentation by a police report or a statement from a medical doctor on official stationary to verify one or more of the following:
       1. a serious disaster, such as a major fire, flood, or earthquake.
       2. a death in the student’s immediate family.
       3. a very serious medical issue with respect to the student.

    If a grade of “I” is assigned, it must be cleared within one year or less. If the “I” is not cleared within the allowed time, it will change to the grade that would have been assigned at the normal end-date of the class—based only upon the work that had actually been submitted by the end date of the course.

    A grade of “I” should be viewed primarily as a humanitarian procedure that provides an opportunity for a good student to complete all the course requirements and to achieve the same grade that would have been assigned had a tragedy not occurred.

    A grade of “I” is not appropriate if used merely to provide additional time for a student to make up usual coursework that is overdue, incomplete, or unsatisfactory.

## Assessment Methods

This course will use a variety of methods to assess your learning of the course objectives. You will read the textbook, take short quizzes, submit assignments and participate in the class (participation includes attendance / completion of weekly activities / class exercises / discussion board posts). You will be expected to participate in discussion board topics with your classmates, as well as participate in the class discussions and exercises.

### Due Dates and Lateness

Due dates will be announced for all activities and assignments (check the lesson details page and the on-line calendar for specific dates.).

I do not accept late assignments, make sure you submit your assignments prior to the due date and deadline.

## Assignments and Grading Scale

Your grade will be determined by a combination of quizzes, assignments and class participation. Points for the various items within the course will be specified in the Lesson detail pages of this course.

Quizzes: You will have a approximately 10-12 short quizzes (worth approximately 20 points each). The quiz material comes directly from the reading and lecture material that I provide within the course, I recommend taking the quizzes as they are released so that you current with the topics being presented.

Assignments / Class participation / Class exercises: You will have approximately 6-8 assignments in this class. Each assignment will range from 20-100 points. The assignments will have firm due dates and you are expected to turn in your assignment before or by the due date (remember that I don't accept late assignments so make sure you turn them in by the due date). Assignment details will be posted on the Lesson pages and assignments due dates will be posted on the Lesson pages as well as in the on-line calendar. Assignments may included but are not limited to projects, discussion posts, critical thinking assignment related to web design, and/or written reports.

Grading Scale: Each activity is assigned a certain number of points. Specific assignment details will be provided on the assignment specification page (make sure you read this). Feedback will be provided and grades will be posted on Blackboard.

> A 90-100%
> B 80-89%
> C 70-79%
> D 60-69%
> F Below 59%

Plagiarism/Academic Integrity: Students are expected to be honest and ethical at all times (students are expected to be submitting original work at all times) in the pursuit of academic goals. Any student found to be in violation of Administrative Procedure 3100.3 Honest Academic Conduct, will receive a grade of zero on the assignment, quiz, or exam in question and may be referred for disciplinary action in accordance with Administrative Procedure 3100.2, Student Disciplinary Procedures. The Student Code of Conduct can be found in Board of Trustees Policy, BP 3100, Student Rights, Responsibilities and Administrative Due Process posted on the District website at: http://www.sdccd.edu/public/district/policies/index.shtml.

As your instructor, I have the following expectations of your behavior in this class:

1. Promote a courteous learning atmosphere by exhibiting mutual respect and consideration of the feelings, ideas, and contributions of others, both on-line and on campus.
2. Demonstrate respect for your work, as well as the work of others, by recognizing and acknowledging strengths and improvements.
3. Demonstrate respect for tools, equipment and supplies in the class.
4. Practice consideration for others by maintaining a clean and orderly learning environment.
5. Recognize everyone's opportunity to contribute information in a relevant and meaningful manner by not monopolizing discussions, interrupting, illogical or inappropriate questions or comments.

### Changes to Syllabus

Although changes are not anticipated, the instructor reserves the right to modify or change the syllabus, schedule and/or assignments as necessary. Changes are announced online with sufficient notice of the change. It is the student’s responsibility to stay current with any course changes.

## Tentative Schedule

* View the Lessons section of Blackboard for details and a list of weekly material and tasks to complete.

Week 1 – Advanced CSS selectors

Week 2 – CSS colors, opacity, background images, borders, box shadows, box-sizing

Week 3 – RWD overview

Week 4 – The components of RWD

Week 5 – Mobile first approach, getting started

Week 6 – RWD image concerns

Week 7 – Dealing with type responsively

Week 8 – Adding extra components

Week 9 - Responsive navigation

Week 10 – Responsive website build-out, part 1

Week 11 – Responsive website build-out, part 2

Week 12 – Responsive Forms

Week 13 – Optimization and testing

Week 14 – CSS Optimization

Week 15 - Transitions and animations

Week 16 - FINAL PROJECT due.

* The information in this syllabus is subject to change, based on the progress of the course.

updated 08/2018