LABS

For your midterm:

Create 4 pages this site, http://princesslanes.com/, based on what you have done in the last 3 labs. Things to include:

  • as many images as you can
  • their navigation bar as much as possible (its layout and how its stays on top when you scroll (inlcude Home, About, Prior's Tavern (one menu) , and Contact links only)
  • try to match the layout using css divs, including the image backgrounds if you can
  • some of the content. at least half way down each page.
  • on ALL html pages, include at least your name as an html comment.
  • save site in a csmid directory on your desktop first, save html files in files directory in the csmid directory (except the home page which will be called index.html and saved simply in csmid directory, save css file in a css directory in the csmid directory, save images in image directory in csmid directory. finally, after making sure everything works, save all in your pitt account directoty www.pitt.edu/~username/cs134/csmid. use LOWER CASE directory names!! Be sure to save your home page index.html and put directly into csmid directory.

things NOT to include:

  • javascript
  • rotating images
  • synamic media
  • All the content

**NOTE: Create directory structure first. then create one page with navigation bar and css layout first. put in some content, then create other 3 pages. finally, put in images and as much content as time permits.

USE ANY AND ALL CODE YOU HAVE OR CAN FIND. *I do warn agaist trying to use the site actual code howevre, way too complex and not worth the trouble.

 

 

 

In lab #4, take what you did in lab3, and position all the css containers(divs) on one main container (div) 900px wide. Include a vertical CSS navigation bar that will stay on the top of the page. publish to a directory called lab4.

In lab #3, take what you did in lab two, now do ALL the layouts in css containers (divs) in a sepertate css file. You can reuse all the old code from your last lab just modify it to lay it all out in the existing css file. publish to a directory called lab3.

In class lab #2

-create a three page website for a book store. Needs a home page, an "on sale now" page and an "about us" page.

-have a BETTER and conisitant navigation to EACH page from each page

-Include an external link (with an image as the 'link')

-Include images

-Include colors in text and background and do ALL the formatting with an external .CSS file.

-put the whole site into a "lab2" directory. Put the index.html file directly inside that directory. Put all other html files inside a "files" directory inside the "lab2" directory. Put the css file inside a "css" directory inside the "lab2" directory. Put the image files inside an "images" directory inside the "lab2" directory.

-Publish entire "lab2" directory to your pitt account inside the "cs134" directory that will be inside the "html" directory on your pitt account.

-Oh, and by the way, you can't use anything that we haven't gone over so far :) Enjoy!


 

 

 
 
Copyright ©2002 University of Pittsburgh. All Rights Reserved.
Site development by Jamie Butler