Jump to Content

CS 50.11A - HTML & CSS 1

Section 8408, 8409 and 8410 - ONLINE

Lesson 1 - 14 Jun 2010 Topic: Getting Started
 

Welcome aboard! This is the web page that you'll find all of the reading, videos, exercises and assignments. Unless I otherwise notify you, the information posted for each Lesson will not change after the Lesson begins. You'll notice that I've added a time stamp at the bottom of each page to let you know when the last time the page was updated.

This class is only four (4) weeks long, so there will be two Lessons each week. Our lessons will begin each Monday and Thursday with the assigned homework being due the before the next Lesson starts. Late work will NOT be accepted.

This summer we will have three (3) sections combined into one class. Everything is the same for all three sections, except for a couple of items that will be clearly identified.

The majority of this the first Lesson is administrative tasks and getting your environments set up and prepared to create HTML pages. Please read the book, watch the videos and perform the exercises, BEFORE you begin the homework.

The class Message Board is for you to pose HTML questions for me or one of your classmates to answer. If I receive an HTML question via private email, I will post it on the message board for everyone's benefit. Private email should be reserved for personal correspondence such as grade inquiries.

Please note you have join the Yahoo Group and I have to accept you into the group before you can write your introduction. Please include your name when you submit the request to join.

The Grades page is where you will find the most up-to-date information about your grades. If I deduct points from an assignment, I will explain why and how to improve your code for next time.

The Gallery section of the class web site is where you'll be able to take a look at other students' work. I expect you to respect the work that your fellow students have done in their homework. Do not copy someone else's code. I will be looking at each person's code and will be on the lookout for plagiarism. Use other people's code as a source for inspiration of ideas on how to build a page.

Please report errors on this web site to me. I will try to fix them as soon as possible. Most of the text you see on the class web site is written without the help of a spell checker, so I'm sure there are errors.

 
Reading
  • Chapter 0 - Head First HTML with CSS & XHTML - Intro
Videos
  • Video Lesson 1 - CD
Homework
     •  Assignment 1 Due: 17 Jun 2010 15 points

Lesson 2 - 17 Jun 2010 Topic: First Web Page
 

I have set up a homework grading tool that will check your homework when you fill out the When everything is working properly, fill out this form. form. It will indicate if the HTML validates (by the end of Assignment 2 you will know what this means), and if you have satisfied all of the quantitative requirements for the assignment. You may keep submitting your homework until it passes the automatic grading up to the assignment due date.

This is a brand new tool so there might be some bugs in it. Please let me know immediately if you think it is not operating correctly.

 
Reading
  • Chapter 1 - Head First HTML with CSS & XHTML - The Language of the Web: getting to know HTML
  • Chapter 4 - Head First HTML with CSS & XHTML - A Trip to Webville: getting connected (pg. 125 - 137)
  • Chapter 6 - Head First HTML with CSS & XHTML - Serious HTML: standards, compliance, and all that jazz (pg.223 - 242)
Videos
  • Video Lesson 2 - CD
Homework
     •  Assignment 2 Due: 21 Jun 2010 20 points

Lesson 3 - 21 Jun 2010 Topic: Linking
Reading
  • Chapter 2 - Head First HTML with CSS & XHTML - Meet the 'HT' in HTML: going further with hypertext
  • Chapter 4 - Head First HTML with CSS & XHTML - A Trip to Webville: getting connected (pg. 138 - 164 )
Videos
  • Video Lesson 3-4 - CD
Homework
     •  Assignment 3 Due: 24 Jun 2010 30 points

Lesson 4 - 24 Jun 2010 Topic: More tags
 

The "auto grader" is hereby renamed the "Homework Completeness Advisor". Because it is an advisor. It advises the student about homework requirements that my not have been fullfilled and it provides the instructor with a starting point for grading homework. Remember all homework is reviewed by the instructor before any grade is assigned.

Remember, you may submit your homework any number of times to have it reviewed by the Homework Completeness Advisor before the due date of the assignment.

 
Reading
  • Chapter 3 - Head First HTML with CSS & XHTML - Web Page Construction: building blocks
  • Chapter 6 - Head First HTML with CSS & XHTML - Serious HTML: standards, compliance, and all that jazz
  • Chapter 7 - Head First HTML with CSS & XHTML - Putting 'X' into HTML: moving to XHTML
Videos
  • Video Lesson 3-4 - CD
Homework
     •  Assignment 4 Due: 28 Jun 2010 20 points

Lesson 5 - 28 Jun 2010 Topic: Graphics
Reading
  • Chapter 5 - Head First HTML with CSS & XHTML - Meeting the Media: adding images to you pages
Videos
  • Video Lesson 5 - CD
Homework
     •  Assignment 5 Due: 01 Jul 2010 20 points

Lesson 6 - 01 Jul 2010 Topic: Cascading Style Sheets
Reading
  • Chapter 8 - Head First HTML with CSS & XHTML - Adding a Little Style: getting started with CSS
Videos
  • Video Lesson 6-7 - CD
Homework
     •  Assignment 6 Due: 05 Jul 2010 30 points

Lesson 7 - 05 Jul 2010 Topic: CSS part 2
Reading
  • Chapter 9 - Head First HTML with CSS & XHTML - Expanding your Vocabulary: styling with fonts and colors
Videos
  • Video Lesson 6-7 - CD
Homework
     •  Assignment 7 Due: 08 Jul 2010 25 points

Lesson 8 - 08 Jul 2010 Topic: Evaluations
Homework
     •  Assignment 8 Due: 08 Jul 2010 15 points

Valid XHTML 1.0! Valid CSS!

Updated at: June 30, 2010 7:56 am