Course Syllabus
Instructor: Beaury Foshée, bfoshee@santarosa.edu
Course Description
This course is intended for the beginning student who will learn how to build a simple website using HTML and CSS. Topics include: font formatting, navigation, images, layout, semantic elements, tables and forms.
Recommended Preparation: Course Completion of CS 5 OR CS 101A OR CS 105A and Course Eligibility for ENGL 1A
Whether you want to become a professional member of a web development team, or just want to create your own personal site, mastery of HTML and CSS is essential to those goals. We will work with current versions of both core client-side languages of the Web, HTML5 and CSS3, to become proficient in the creation of hand-coded static Web sites.
Student Learning Outcomes
Students will be able to:
- Use HTML and CSS code that meets current industry standards to create a simple website.
- Apply appropriate terminology to describe basic web development concepts.
Upon completion of the course, students will be able to:
- Create a simple website.
- Develop webpages that utilize the HTML elements that address the following functions: basics document structure, head elements, text markup, site navigation, images, div and span structure, semantic elements, tables, forms.
- Develop webpages that utilize CSS to control the appearance of the site. Students will use these CSS property groups: text and font, color and background, the box model, position and display, lists, tables.
- Develop webpages that utilize the CSS concepts of the cascade and inheritance of browser, external, embedded and inline CSS.
- Students will correctly use the CSS elements of selectors, declarations, properties, values. Classes and id's will be stressed.
- Summarize the following website development concepts: element, attribute, element nesting, asset path, style, rule, selector, declaration, property, and value.
Topics and Scope:
- Basic Document Structure
- Navigation
- Structural Elements
- Images
- Cascading Style Sheets Usage
- CSS Font / Text Properties
- HTML Editors - download, use and review
- CSS (Cascading Style Sheets) Box Properties
- Webpage layout using CSS
- Semantic Elements
- Tables
- Forms
- Commercial Website
Assignments:
- Regular textbook reading
- Fourteen (14) assignments. All webpages must be uploaded to the class-provided hosting account on the Internet and must validate.
- Two (2) quizzes, a midterm and final exam
- Website critiques
- Participation in electronic message board discussions
Instructor Contact
Beaury Foshée
Email: bfoshee@santarosa.edu
Zoom: If you need help outside of regular office hours on Fridays from 11:30am - 1:00pm, make an appointment, and I will meet you in the Zoom Room.
Office Hours
Day |
Time |
Location |
Fridays (online) |
11:30am – 1:00pm |
Making an appointment for office hours is highly recommended. If you need help via email, I typically respond within 48 hours. I never respond on Sundays or holidays.
Class Meetings - optional
Class Delivery |
Day and Time |
Platform |
Online |
Modules start on Wednesdays |
Canvas shell |
Live Web conference (optional) |
Wednesdays |
All class materials for each module will be released online in Canvas on Wednesdays throughout the entire semester. Live online meetings will be held on Wednesdays, 5:30pm – 7:00pm, and Fridays 11:30am to noon, except on holidays. Attendance at the live web conferences is optional but highly recommended.
Course Web Site
Students will use the Canvas course web site for assignment instructions, submitting assignments, viewing classmates' work, sharing resources, and viewing grades. The Google Chrome browser is recommended for viewing the Canvas-powered course site. Internet Explorer is not recommended.
Textbook
Head First HTML and CSS (2nd)
Elizabeth Robson, Eric Freeman
0596159900 (ISBN 10)
978-0596159900 (ISBN 13)
SRJC Libraries call number: QA76.76.H94 R636 2012
Publisher site available
Consider buying a used copy. You can locate and order textbooks online via the SRJC Bookstore.
Equipment
- A personal computer, either at home, work or on the Santa Rosa or Petaluma campuses.
Required Software + Services
- Internet access
- Web browsers including:
- Google Chrome recommended and typically used in instructor demos
- Mozilla Firefox recommended
- Cloud hosting, version control + development environment services:
- Do not apply for it now. A Repl.it IDE (Integrated Development Environment) will be required for all students, starting Module 2. We will use Repl.it to host completed class assignments in the first half of the term. Repl.it provides a text editor and file transfer support without any additional software. Complete the hosting survey included in Week 1 to get an assigned Repl.it username and password account.
- Late in the second half of the class, you will be required to set up a free account with InfinityFree so that you may become familiar with uploading a site to a server using an ftp client such as CyberDuck.
- Graphics and prototyping software such as:
- Adobe Photoshop, part of a Creative Cloud subscription
- Gimp open source application
- Pixlr browser-based image editor
- Draw.io browser-based drawing app
- Figma user interface design tool app
- PDF display software such as:
Optional Software
The additional software listed below is often used for Web development.
- Additional Web browsers including:
- Apple Safari (Mac OS only)
- Microsoft Edge (Windows 10 only)
- Code editor such as:
- Brackets (Windows, Mac OS, free license)
- Microsoft Visual Studio Code (Windows, Mac OS, free license)
- BBEdit (Mac OS only)
- Sublime Text (Windows, Mac OS, Linux)
- GUI-based Git repository manager:
- File Transfer Protocol (FTP) software such as:
Important Dates
Day Class Begins: Tuesday, Wednesday, January 20, 2021
Day Class Ends: Friday, May 21, 2021
Last Day to Add without instructor's approval: Tuesday, January 26, 2021
Last Day to Drop with refund: Sunday, January 31, 2021
Last Day to Add with instructor's approval: Sunday, February 7, 2021
Last Day to Drop without a 'W' symbol: Sunday, February 7, 2021
Last Day to Opt for Pass/No Pass: Sunday, February 28, 2021
Last Day to Drop with a 'W' symbol: Sunday, April 25, 2021
Dropping the Class
If you decide to discontinue this course, it is your responsibility to officially drop it. A student may be dropped from any class when that student's absences exceed ten percent (10%) of the total hours of class time. It is strongly advised that if you need to miss more than one class/homework deadline in a row that you contact the instructor to avoid being dropped from the class.
Attendance
For online courses, students who fail to participate in the first and second class modules may be dropped by the instructor.
Pass‐NoPass (P/NP)
If taking Pass/No Pass, you need 70% of the total class points and to complete the midterm and final exams to pass the class. You must decide before the deadline, and add the option in your Student portal, or file the P/NP form with Admissions and Records. With a grade of C or better, you will get P.
This semester, you must file for the P/NP option by February 28, 2021. Once you decide to go for P/NP, you cannot change back to a letter grade. If you are taking this course as part of a certificate program, you can probably still take the class P/NP, but check with a counselor to be sure.
Instructor Announcements
The instructor will post announcements on the “Instructor Announcements” page in Canvas throughout the semester. Canvas notifies students according to their preferred Notification Preferences.
Late Policy
All assignments are due at 11:59pm Pacific time on Wednesday each week an assignment is due. Due dates will be published in Canvas. A late submission will receive a 10% penalty for each module it is late. Submissions more than two modules late are not accepted without prior arrangement.
Exams
There will be online midterm and final exams. The material comes from the textbook, class lectures and supplemental materials. If any exam is missed, a zero will be recorded as the score, unless you have made prior written arrangements with me. It is your responsibility to take the exams by the due date.
Grading Policy
Click the “Grades” link in Canvas to keep track of your grades. I grade once a week and post grades and comments in the Canvas gradebook.
Grades will be assigned as follows:
Letter Grade |
Percentage |
Points Total |
A |
90% - 100% |
900 points or more |
B |
80% - 89% |
800 to 899 points |
C |
70% - 79% |
700 to 799 points |
D |
60% - 69% |
600 to 699 points |
F |
59% or lower |
599 points or less |
Grading Breakdown
Percent |
Points |
Grading Category |
62% |
620 points |
Projects + Assignments |
12% |
120 points |
Discussions/Participation |
6% |
60 points |
Quizzes |
10% |
100 points |
Midterm |
10% |
100 points |
Final Exam |
100% |
1000 points |
1000 points possible |
Standards of Conduct
Students who register in SRJC classes are required to abide by the SRJC Student Conduct Standards. Violation of the Standards is basis for referral to the Vice President of Student Services or dismissal from class or from the College. See the Student Code of Conduct page.
Collaborating on or copying of tests or homework in whole or in part will be considered an act of academic dishonesty and result in a grade of 0 for that test or assignment. Students are encouraged to share information and ideas, but not their work. See these links on Plagiarism:
SRJC Writing Center Lessons on avoiding plagiarism
SRJC's statement on Academic Integrity
Special Needs
Every effort is made to conform to accessibility standards for all instructor-created materials. Students should contact their instructor as soon as possible if they find that they cannot access any course materials. Students with disabilities who believe they need accommodations in this class are encouraged to contact Disability Resources by calling (707) 527-4278 or visit online at drd.santarosa.edu.
Student Health Services
Santa Rosa Junior College offers extensive health services to students. Visit Student Health Services online at shs.santarosa.edu or call them at (707) 527-4445.
Course Outline
Start |
Canvas |
Topics |
Assignments |
1/20 |
Module 1 |
Introduction to Web Development |
Hosting Signup Survey |
1/27 |
Module 2 |
HTML Links + Paths |
Assignment 2: First Pages |
2/3 |
Module 3 |
HTML Elements |
Assignment 3: An Animal Page |
2/10 |
Module 4 |
HTML5 + HTTP Standards |
Assignment 4: Linking + Embedding |
2/17 |
Module 5 |
Media: Images, Video + Audio |
Assignment 5: Adding Media |
2/24 |
Module 6 |
Introduction to CSS + Selectors |
Assignment 6: Start Styling |
3/3 |
Module 7 |
Typography + Web Fonts |
Assignment 7: Fonts for Animals |
3/10 |
Module 8 |
Web Color |
Midterm Project: About An Animal |
3/17 |
Module 9 |
Midterm Review |
Midterm Exam |
3/31 |
Module 10 |
CSS Box Model |
Assignment 8: Decorated Boxes |
4/7 |
Module 11 |
HTML5 Semantic Structure |
Assignment 9: Organizing Elements |
4/14 |
Module 12 |
CSS Layout |
Assignment 10: Composing Layouts |
4/21 |
Module 13 |
Responsive CSS + Media Queries |
Assignment 11: Responsive Pages |
4/28 |
Module 14 |
HTML Tables |
Assignment 12: Organizing Data |
5/5 |
Module 15 |
HTML Forms |
Assignment 13: Interactive Forms |
5/12 |
Module 16 |
Interactive CSS + Pseudo Classes |
Assignment 14: Interactive Menus |
5/19 |
Module 17 |
Animation + CSS Transitions |
Final Project: Responsive Animal Catalog |
5/22 Fri |
Module 18 |
Final Exam Review |
Final Exam due 5/28 |
Note to students: the assignments listed above will become available as modules are released in sequence each module. To view course content, go to Modules.
Course Summary:
Date | Details | Due |
---|---|---|