Course Syllabus

Jump to Today

CS50A - Web Development 1
Section 8408, Summer 2016 Course Syllabus 

Instructor: Beaury Foshée

Email: bfoshee@santarosa.edu

Phone: 707-494-8696

Class begins: June 20, 2016

Class ends: August 22, 2016

Final: August 22, 2016

Email Policy: The best way to reach me is via email. I will answer email at least once every 24 - 48 hours.

Course Description

Official course outline, description, and catalog information  (Opens in new browser window/tab)


Student Learning Outcomes

  1. Upon completion of the course, students will be able to:
  2. Create a simple website.
  3. 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.
  4. 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.
  5. Develop webpages that utilize the CSS concepts of the cascade and inheritance of browser, external, embedded and inline CSS.
  6. Students will correctly use the CSS elements of selectors, declarations, properties, values. Classes and id's will be stressed.    
  7. Summarize the following website development concepts:  element, attribute, element nesting, asset path, style, rule, selector, declaration, property, and value.

Topics and Scope

  1.  Basic Document Structure
  2. DOCTYPE html, head, title, body, meta, h1 …h6, br and p elements
  3. Definitions: element, tag, opening element, closing element, stand alone elements, attributes, element syntax, page content
  4. Hypertext markup language
  5. Uploading webpages to a server
  6. Roles of web servers and web browsers
  7. Proper nesting of elements
  8. Structure vs. presentation
  9.  Navigation
  10. Links using relative paths
  11. Links using complete URLs (Uniform Resource Locators)
  12. Links to id's within a webpage
  13. Navigation bars
  14. Validating HTML (HyperText Markup Language) code to the HTML 5 standard
  15. Email link

Structural Elements

  1. Strong
  2. Em
  3. Pre
  4. Blockquote
  5. Unordered Lists
  6. Ordered Lists
  7. Definition Lists
  8. Special Characters
  9. Images
  10. Images sources - downloading from a website, digital camera, smart phones. Copyright overview
  11. Using the img element to insert images into a webpage
  12. The src, alt, height, and width attributes
  13. Joint Photographic Experts Group vs. Portable Network Graphics vs. Graphic Interchange Format
  14. Using folders to organize a website
  15. Using image editing software to resize an image
  16. Linking thumbnail images to a web page
  17.  Cascading Style Sheets Usage
  18.  Basic CSS rules: selector, property, value, declaration, style
  19.  Inline, embedded, external and browser stylesheets
  20.  Descendant and multiple selectors
  21.  Inheritance
  22. The cascade
  23.  Classes and id's
  24. CSS Font / Text Properties
  25.  Font-family, font-size, font-weight, font-style, font-variant
  26. Text-align, text-transform, text-indent, text-decoration, color, background-color, line-height, letter spacing, word-spacing

HTML Editors - download, use and review

CSS (Cascading Style Sheets) Box Properties

  1. Width
  2. Padding
  3. Border
  4. Margin
  5. Background-image
  6.  Background-repeat
  7. Background-position
  8. Shorthand properties: padding, margin, border, background, and font
  9. Webpage layout using CSS
  10. Float
  11. Clear
  12. Wireframe
  13. Conversion of wireframe to web site
  14. Pseudo-classes
  15.  Absolute positioning
  16. Responsive design
  17. Z-index
  18. Semantic Elements
  19. conversion of div elements to semantic elements
  20. header, nav, section, footer
  21. Article, aside, time
  22. CSS for screen and print
  23. Tables
  24. Table element
  25. Tr (table row)
  26. Td (table data)
  27. Th (table heading)
  28. Summary
  29.  Caption
  30. Border
  31. Rowspan
  32.  Colspan
  33.  Styling a table using CSS
  34. Nested tables

Forms

  1. Form
  2. POST and GET commands
  3. Input

           1) Text

           2) Submit

           3) Radio

           4) Checkbox

           5) Reset

           6) Hidden

  1. Textarea
  2. Select and option
  3.  Fieldset
  4. Label
  5. Layout of forms
  6.  Styling forms
  7.  Form processing using an existing CGI (Common Gateway Interface) script
  8. Using hidden input elements to provide input to an existing CGI script

Commercial Website

  1. Web hosting
  2. Domain names
  3. E-commerce

Course Web Site

Students will use the Canvas course web site for assignment instructions, submitting assignments, viewing classmate's work, sharing resources, and viewing grades.

Textbook

“Basics of Web Design HTML5 & CSS3” 3rd ed. by Terry Ann Felke-Morrison, published by Pearson. ISBN 13-978-0-13-312891-8.

The book can be purchased at the SRJC bookstore, or online via Coursesmart. You can purchase it as an e-book at a reduced price.

Locate and order textbooks online via the SRJC Bookstore. Note that if you want to pick your books up in Petaluma, you need to order them from the Petaluma Bookstore website.

Required Materials

  1. A computer or access to one.
  2. Web Browser (Firefox, Chrome, Safari, or Internet Explorer)
  3. Text editor (TextEdit for Mac or Notepad for Windows)
  4. You may not use any of the WYSIWYG HTML tools such as Frontpage, Dreamweaver, Word, or others.
  5. Student Server Account (how-to explained in Week 1) Do not jump ahead.
  6. File Transfer Protocol (FTP) software (SSH Client for Windows, Fugu for Mac) (how-to explained in Week 1) Do not jump ahead! Do not download this software from the web. In week 1, I provide links on an SRJC approved page. Do not jump ahead!
  7. A simple image editor (Photoshop Elements, Preview, GIMP, etc.) You should already have some experience with these programs or others. If not, once again, ask questions. Do not download GIMP from the web. I will provide a link on an SRJC approved page. Do not jump ahead!

Expectations

Assignments will be accepted in the format stated on the Class Schedule and must be submitted by the deadline. You will typically have a week to complete each assignment. Assignments are due by 12 midnight on the posted assignment deadline in the Class Schedule. (You will not receive extra credit for assignments received early.) You may work ahead if you choose, but tests will not be posted early. If there are extenuating circumstances (death or illness) that preclude you from meeting deadlines, let me know before the assignment due date.

You will take exams interactively (i.e., online). You will have a preset period of time (dates posted on the class web site) in which to complete each exam. Exams are not timed. If for some reason, you are unable to complete a scheduled test, you must make arrangements prior to the Exam deadline. Taking Exams at the last minute is discouraged for this reason.

Late Policy

No late work will be accepted unless prior arrangements have been made!

Getting Help

Please ask for help. My goal is to help you get through and pass this class while learning something in the process. If you like, you may email me. When emailing, please include CS50A in the subject line.

Accommodations for Students with Disabilities

Students with disabilities who believe they may need accommodations in this class are encouraged to contact Disability Resources (527-4278), as soon as possible to better ensure such accommodations are implemented in a timely manner. If you need disability related accommodations for this class, such as a note taker, test-taking services, special furniture, etc., please provide the Authorization for Academic Accommodations (AAA letter) from the Disability Resources Department (DRD) to the instructor as soon as possible. You may also speak with the instructor privately during office hours about your accommodations. If you have not received authorization from DRD, it is recommended that you contact them directly.

SRJC Computer Lab

The CS department has both Mac OSX and Windows platforms. If you do not have access to a computer at home, the college’s goal is to provide students with a full range of computer related experiences. If needed, you will receive an Internet account that can be accessed from the lab only. Please observe the SRJC computer lab rules.

Student 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. To review the SRJC Student Conduct Standards visit this url:

http://www.santarosa.edu/for_students/rules-regulations/student-conduct.shtml

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

Important Dates

Day Class Begins:

Monday, June 20, 2016

Day Class Ends:

Sunday, August 14, 2016

Day/Time of Final Exam:

 

Last Day to Add
without instructor's approval:

Wednesday, June 22, 2016

Last Day to Add
with instructor's approval:

Friday, July 1, 2016

Last Day to Drop
and be eligible for enrollment/course fee refund:

Saturday, June 25, 2016

Last Day to Drop
without a 'W' symbol:

Friday, July 1, 2016

Last Day to Drop
with a 'W' symbol:

Sunday, July 31, 2016

Last Day to Opt
for Pass/No Pass:

Wednesday, July 6, 2016

First Census Date:

Friday, July 1, 2016

Mid-Term Date:

 Monday, July 25, 2016

Dropping the Class

If you decide to discontinue this course, it is your responsibility to officially drop it to avoid getting no refund (after 10% of course length), a W symbol (after 20%), or a grade (after 60%). Also, for several consecutive, unexplained absences, the instructor may drop a student.

Pass‐NoPass (P/NP)

You may take this class P/NP. You must decide before the deadline, and add the option online with TLC or file the P/NP form with Admissions and Records. With a grade of C or better, you will get P.

Attendance

Students who fail to log-in to an online class after the second week will be dropped from the class. It is strongly advised that if you need to miss more than one class/homework deadline in a row that you contact me to avoid being dropped from the class.

Late Policy

All assignments are due at midnight PST on the due date. A late submission will receive a 20% penalty. Submissions more than one week late are not accepted without prior arrangement. Late work will not be graded unless student sends instructor an email with URL for late work.

Exams

There will be online midterm and final exams. The material comes from the textbook, and supplemental materials. If any exam is missed, a zero will be recorded as the score. It is your responsibility to take the online exams by the due date.

Grading Policy

Visit the “Grades” in Canvas to keep track of your grades. I grade once a week and post grades and comments on the online Canvas gradebook.

Grades will be assigned as follows:

A

90%

522 points or more

B

80%

464 to 521 points

C

70%

406 to 463 points

D

60%

348 to 405 points

If taking Pass/No Pass you need at least 70% of the total class points and complete the midterm exam and the final exam to pass the class.

Students with Disabilities

Students with disabilities who believe they need accommodations in this class are encouraged to contact Disability Resources (527-4278), as soon as possible to better ensure such accommodations are implemented in a timely fashion.

Schedule

If any changes are made to the class schedule during the semester, I will update this Schedule and post an Instructor Announcement on Canvas. 

 

Course Summary:

Date Details Due