CS2a, Aut01, HW2

Requirements for HW2

FRAMES

create and upload three files "cs2aframes.html", "cs2amenu.html", and "cs2adefault.html" to the CS2a server.
The frames page will display the menu page on the left side and the default page on the right side.
The default page will just have a solid color background.
The menu page will contain links to your homework (hw1,2,3,4,5). When the user clicks on a menu link, the right window will go to that page.
The menu page will also have a noframes link (which should go to cs2a.html).
The cs2a.html page should have a "frames" link which goes to cs2aframes.html.

CSS

run your hw1.html program through an HTML validator (here is another HTML validator)
copy your hw1.html to a file hw2.html and modify it to use a css stylesheet called hw2.css.
Your hw2.css file should have:
- three classes of paragraphs with different colors, backgrounds, borders, and margins. You can look at a list of CSS properties/values provided by the WDG group, for examples of specifying colors, backgrounds, borders, etc.
- three font classes (which can be applied to any element) e.g., in your hw2.css you would have a class definition like the following: You can look in the font section of the CSS2 manual for more examples of fonts.
The hw2.css should import the course stylesheet by including the following line at the top of your hw2.css file:
```
  @import url(http://www.cs.brandeis.edu/~tim/Classes/Aut01/CS2a/HW/cs2a.css);
```
You can look here to see the contents of this css file. It defines a ".title" style which you should use for your heading as shown below:
Use a CSS validator to make sure there are no errors in your CSS.
Finally, you must lift your hw2.html and hw2.css files up to the CS2a server.

Example of HW2 files

hw2.css

    @import url(http://www.cs.brandeis.edu/~tim/Classes/Aut01/CS2a/HW/cs2a.css);

    p.strong { color:red; 
               background-color:black;
               border: thin dotted red;
               margin: 5 em}

    ....more paragraph style definitions here....

    .bighead {font: bold 32pt/36pt Palatino, serif }

    ....more font style definitions here....

and these bits of style could be accessed in your hw2.html file using something like the following:

hw2.html

See the page
View the source

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <link  rel="stylesheet" type="text/css" href="hw2.css">
    </head>
 
 ...rest of head...
    <body>
      <h1 class="title">Homework 2: YOURNAME </h1>
      ...remember to change the title to HW2....
      <p class="strong"> This is a strong paragraph</p>
      ...etc. etc.....
      <h2 class="bighead">This is a bighead heading</h2>
      ...etc. etc.....
    </body>
    </html>

HW2: Frames and Cascading Style Sheets
Due: Monday 15 October 2001
[8 points]

Purpose of HW2

Requirements for HW2

Example of HW2 files

Some helpful links:

HW2: Frames and Cascading Style Sheets Due: Monday 15 October 2001 [8 points]

Purpose of HW2

Requirements for HW2

Example of HW2 files

Some helpful links:

HW2: Frames and Cascading Style Sheets
Due: Monday 15 October 2001
[8 points]