{June 27, 2011

Outline

  1. Three ways to call CSS
  2. Syntax
  3. Text properties
  4. Units
  5. A Pseudo Classes (:hover)
  6. Colors

Example

This is the HTML plus CSS file that was built in class

Exercise

Create 5 different versions of your HTML from exercise 1. It makes sense to make an internal stylesheet and duplicate your HTML document 5 times. The emphasis on this exercise is to get you used to CSS syntax and to get you accustomed to looking up properties. You may have aesthetic ideas for the content, or you may apply properties and see how the page reacts. Either is fine. Try to create 5 very different solutions given the presentation CSS we have reviewed so far.

Please FTP your finished html files to a folder called “exercise2” and link to it from a post that you create on the class site. Be sure to assign the category “Exercise 2” to your post so it will show up alongside your classmates.

f
4 Lessons    { June 27, 2011    J   b 0   
W 

% Peter completed

W 

% Aary completed

W 

% Amy completed

W 

% Stephen : ) completed

W 

% Nic completed

Outline

  1. Browsers read HTML. HTML is structure.
  2. Collection of well-formed tags.
  3. Required elements: html, head, title, body
  4. Text-based tags (headers, paragraphs, strong, em, lists)
  5. Elements, attributes, nesting
  6. anchor (attributes… title)
  7. lists
  8. images

Example

This is the HTML file that was built in class

Exercise

Create a new html document with TextWrangler. Save it as risd.html

Write the HTML for the first part (up until after “history”) of the Wikipedia entry for W RISD. You do not need to hyperlink every link. But do apply at least one example of every type of tag.

Add an image of the logo at the top of your document. For this exercise, do not look at the source code, but rather make your own predictions of what tags should be used. Please FTP your finished html file and link to it from a post that you create on the class site. Be sure to assign the category exercise 1 to your post so it will show up alongside your classmates.

f
4 Lessons    { June 27, 2011    J   b 1   

Outline In order to provide context to where we are now, I will present my work starting from 1995 until today. Text-only until Mosaic (1993) Web vs Internet vs AOL vs Prodigy Super-controlled image-based vs. well-formed HTML Server-side image maps, CGI and gifs HTML 3 and tables and spacer gifs Frames and the CD-ROM affect […]

S Lectures   
W 

( Protected: Software you’ll need for class

W 

( Protected: RISD login info for this class