Practice LP0 A

Practice LP0 A

Directions You can work locally on your machine or you can work on the server.

Server DirectionsIf you have not already gotten the shell and image files, do this to get them. These directions keep it simple and they put everything in the same directory.

$ cd public_html
$ cp ~cs/data/LP0.zip .
$ unzip LP0.zip
$ cd LP0
$ ls
 ls
 five.css   four.css   index.php   one.html rhino.gif  three.html  two.html
 five.html  four.html  jahnke.JPG  policastro.JPG  three.css  two.css
$

You have all of the necessary stuff.

Turn In Directions

$ cd .. 
$ mv LP0 yourUserNameLP0
$ zip -r yourUserNameLP0.zip yourUserNameLP0
$ ls 
yourUserNameLP0  (and other files)
$ cp yourUserNameLP0.zip ~/submitted

Email me once you have done this and I can fetch your work.

Local Directions Download LP0.zip. Uncompress and everything will be in a folder named LP0.

Edit the files and do your work.

For Mac/Linux Open a terminal and navigate to your LP0 folder. Then follow the directions above, but you will not need to do the cd .. if you are in the directory containing the LP0 folder.

For Windows Directions are here for zipping and unzipping files.

1. Replicate this in a file named one.html.

question one

2. Replicate this in a file named two.html. Put all of your styles in a file named two.css

question two

3. Replicate this in a file named three.html. Put all of your styles in a file named three.css. When you mouse over the table's cells, the colors invert.

question three

4. Replicate this in a file named four.html. Put all of your styles in a file named four.css.

question four

When you mouse over either rectangle, it becomes a circle and the colors inside the rectangle invert.

question fourMouseOverSquare

When you mouse over either image, it becomes an oval.

question fourMouseOverImage

5. Replicate this in a file named five.html. Put all of your styles in a file named five.css.

question five