CS 0134 - Web Site Design & Development (2191)

Announcements

  • 12-06: Final is on December 13th at 10:00am in 5505 Sennott Square
  • 11-13: Project is posted. It is due on November 29th at 1:10pm.
  • 10-08: Friday office hour has been moved to Monday’s from 1pm to 2pm.
  • 09-11 : Reminder that there are no office hours on Sept 12th, 14th, 19th and 21st as I will be out of the office through Sept 24th. There will be a sub on Sept 18th and a full lecture period for your exercise on the 20th. I will return for the Sept 25th lecture.
  • 08-28 : Please bring a flash drive to class on 8-30 as we will be doing our first exercise, setting up your web development environment

Tentative Syllabus

  • Introduction
  • HTML Syntax
  • CSS Syntax
  • Testing
  • HTML <head> element
  • HTML Semantic elements
  • HTML text, links, lists, images, tables, forms
  • CSS Selectors
  • CSS Text properties
  • CSS Box Model
  • CSS Page Layout
  • Navigation Menus
  • Responsive Web Design
  • Javascript

Schedule

  • Classes are held on Tuesdays and Thursdays from 1:00pm to 2:15pm in 5505 Sennott Square.
  • Midterm will be held on October 18th.
  • Final will be held on Thursday December 13th from 10:00am to 11:50am.
  • The table below will be filled out as we progress through the semester
  • The readings format below is “chapter-section”. The sections are not numbered in the book but 1-1 means the first chapter and first section, 1-2 the first chapter and section section, etc.
Date Topic Slides Reading Exercise
08-28
  • Welcome
  • Introduction
lecture-1.pdf
  • 1-1, 1-2, 1-3, 1-4, 1-5
08-30
  • HTML & CSS Syntax
  • Testing
lecture-2.pdf Exercise 1
09-04
  • HTML Elements
  • HTML Entities
lecture-3.pdf
  • 3-1, 3-2, 3-3
09-06
  • HTML Elements
  • URLs
lecture-4.pdf
  • 3-4, 3-5
Exercise 2
09-11
  • CSS Selectors
  • CSS Measurements
  • CSS Colors
lecture-5.pdf
  • 4-1, 4-2, 4-3, 4-4
09-13
  • CSS Text Properties
lecture-6.pdf Exercise 3
09-18
  • Substitute
lecture-7.pdf
  • 5-1, 5-2, 5-3, 5-4, 5-5
09-20
  • No Lecture
  • Use lecture time for Exercise
Exercise 4
09-25
  • Positioning Elements
lecture-9.pdf
09-27
  • Lists
  • List Formatting
lecture-10.pdf
  • 7-1, 7-2
Exercise 5
10-02
  • Links
  • Link Formatting
lecture-11.pdf
  • 7-3
10-04
  • Menus
lecture-12.pdf No Exercise
10-09
  • Responsive Web Design
lecture-13.pdf
  • 8-1, 8-2, Part 1 of 8-3
10-11
  • Review
10-18
  • Midterm
10-23
  • Media Queries
No Slides
Projector screen broken
  • 8-3, 8-4, 15-2, 15-3
10-25
  • Tables
No Slides
Projector screen broken
  • 12-1, 12-2
Exercise 6
10-30
  • Tables
  • Usability
No Slides
Projector screen broken
  • 12-3, 17-1
11-01
  • Usability
  • Design Guidelines
No Slides
Projector screen broken
  • 17-2
Exercise 7
11-06
  • Design Guidelines
  • Website Lifecycle
No Slides
Projector screen broken
  • 17-2, 17-3, 17-4
11-08
  • Example Design Process
No Slides Exercise 8
11-13
  • Form Elements
lecture-22.pdf
  • 13-1
Project
11-15
  • Form Elements
lecture-23.pdf
  • 13-1, 13-4
11-20
  • Form CSS
  • Form Validation
lecture-24.pdf
  • 13-2, 13-3, 13-5
11-27
  • Intro to JavaScript
javascript.pdf
Slides 1-26
11-29
  • JS If/Conditionals
  • JS Functions
Updated javascript.pdf
above, please download the
updated copy. This lecture
covered slides 26-47
.
No Exercise
12-04
  • JS Objects
  • JS For Loops
  • JS RegEx
  • JS Comments
Updated javascript.pdf
above, please download the
updated copy. This lecture
covered slides 48-55
.
12-06
  • JS Validation Example
  • Review
No Exercise
12-13
  • Final

Book & Other Materials

Book

Murach's HTML5 and CSS3

For this course, we are using Murach’s "HTML5 and CSS3" (4th Edition) by Zak Ruvalcaba and Anne Boehm. It's ISBN is 978-1-943872-26-8.

Course materials available on Murach's website under Free Downloads in the product description.

USB Flash Drive

You will also need a USB flash drive for this course. We will set up a web development environment on the flash drive to be used on the lab computers.

Useful Resources

Over my years of experience with web development, I have gathered up a toolbox full of useful online resources that I will post here as the semester goes on. For all of these resources, make sure you use them within the confines of any licensing, terms of service or any other conditions of use.

Validator Tools

Language Help

Icons

Fonts

Color Selector

Grading

Breakdown

  • Exercises/Homework – 30%
  • Midterm – 20%
  • Project – 20%
  • Final – 30%

Scale

97%+ A+
93-96% A
90-92% A-
87-89% B+
83-86% B
80-82% B-
77-79% C+
73-76% C
70-72% C-
67-69% D+
63-66% D
60-62% D-
<60% F

Policies

Cell Phone

Turn your phone on silent during class. If you need to make or take a call, please step into the hallway.

Course Communications

The instructor will periodically post announcements to the course website. It is every student’s responsibility to regularly monitor these announcements. The instructor will periodically email enrolled students with announcements. Students must check their Pitt email at least once per day to ensure these announcements are received. When contacting the instructor via email, the email subject should be prefaced with “[CS0134]“.

Academic Integrity

All assignment submissions must be the sole work of each individual student. Students may not read or copy another student’s solutions or share their own solutions with other students. Students may not use or review solutions from students who have taken the course in previous years. Submissions that are substantively similar will be considered cheating by all students involved. The use of books and online resources is allowed, but must be credited in submissions, and material may not be copied verbatim. Students who receive tutoring for this course must write their own solutions.

For the first offense of cheating on an assignment, the students involved will receive a 0 for the assignment. For the second offense, the students involved will receive a F in the course and may be subject to further disciplinary action.

Any use of electronics or other resources during an examination will be considered cheating and will result in an F in the course.

Collaboration

I believe that students should be able to distinguish between helping one another understand the core concepts of the course material and cheating. I encourage students to discuss the content of the course in ways that will improve understanding without violating academic integrity, such as clarifying the objective of an assignment or discussing general solution tactics.

Lecture Attendence

Students are encouraged to attend all lectures, which frequently include material that is not directly taken from the text. If a student misses a lecture, they are still responsible for the material covered and are advised to copy the notes from a classmate.

Respectful Discussion

This course may include open discussion or other interactions among students. To allow all participants to express their viewpoints, all discussion must remain civilized and respectful, and participants must avoid comments and behaviors that disparage others. A student who feels their viewpoints are not being respected is encouraged to contact the instructor, who will work to address the situation without revealing the student’s specific concerns to the rest of the class.

Audio/Video Recordings

To ensure the free and open discussion of ideas, students may not record lectures, discussion or other course activities without the advance written permission of the instructor. Any recording properly approved in advance can be used solely for the student’s own personal use.

Copyrighted Materials

All course material is subject to copyright, including notes, slides, assignments, and solutions. Students are allowed to use the provided material only for personal use, and may not share the material with others, including posting the material on the Web or other file sharing venues.

Late Assignments

All assignments specify a precise due date and time. Students must ensure they understand each assignment’s submission procedure in advance of its deadline to ensure that submission difficulties do not cause an assignment to be rejected. Late assignments will only be accepted in the event of a documented emergency. The instructor must be informed of the emergency in advance of, or as soon as possible after, the missed assignment.

Make-up Exams

Students must be present for all exams. Make-up exams will be given only in the event of a documented emergency. The instructor must be informed of the emergency in advance of, or as soon as possible after, the missed exam. Missing an exam under any other circumstances will result in a score of 0 for the exam.

Grade Records

All graded materials that a student receives back should be saved in a safe place until after the term has ended and they have received and accepted their final grade. In this way, any grade discrepancies can be easily resolved.

Students with Disabilities

If you have a disability for which you are or may be requesting an accommodation, you are encouraged to contact both your instructor and the Office of Disability Resources and Services, 140 William Pitt Union, 412-648-7890, DRSRECEP@PITT.EDU , as early as possible in the term. Disability Resources and Services will verify your disability and determine reasonable accommodations for this course.

Religious Observances

In order to accommodate the observance of religious holidays, students should inform the instructor (by email, within the first two weeks of the term) of any such days which conflict with scheduled class activities.

Contact & Office Hours