Boost your Grades with us today!

layout and positioning

For this lab, we will be changing the design of your website using column layouts.

For ALL of your pages you will redesign your website using one of the CSS layout styles in chapter 6 and 7. You can choose ONE of the following:

  • Two Columns with Left Navigation
  • Two Columns with Top Header and Left Navigation
  • Three Column layout

In addition to the redesign, you must also do the following:

  • Create links between all of your pages in the navigation section of your page
  • Arrange the navigation links in an undordered list and style the list with an image as the bullet (hint: list-style-image)
  • On your navigation links, use the hover pseudoclass to make your links more interactive. You must change at least two CSS properties in the hover action. (HINT: Some common things to change…font-color, background-color, and text-decoration to either remove or add the underline back to a link when the mouse hovers over it.)
  • Use relative positioning styles or absolute positioning styles to change the position of your pictures on your images page. The positioning should be on the img tag, not a div tag or some other tag. You can do this using any type of style (inline, embedded, or external).

Zip all of your files, including your html, css, and image files, and attach here in the assingment tool by the due date.

Rubric

Lab 3

Lab 3

Criteria Ratings Pts

This criterion is linked to a Learning OutcomeColumn Layout

60.0 pts

This criterion is linked to a Learning OutcomeLinks Between All Pages

3.0 pts

This criterion is linked to a Learning OutcomeNav links in unordered list

5.0 pts

This criterion is linked to a Learning OutcomeChange bullet on UL to image

5.0 pts

This criterion is linked to a Learning OutcomeCreate a:hover pseudoclass

5.0 pts

This criterion is linked to a Learning OutcomeChange two properties for hover effect

6.0 pts

This criterion is linked to a Learning OutcomeUse position tag on img

5.0 pts

This criterion is linked to a Learning OutcomeUse “direction” on positioning (i.e. top, left, etc.)

5.0 pts

This criterion is linked to a Learning OutcomeColumn Layout on all pages

6.0 pts

Total Points: 100.0

Next

Looking for a Similar Assignment? Our Experts can help. Use the coupon code SAVE30 to get your first order at 30% off!

Hi there! Click one of our representatives below and we will get back to you as soon as possible.

Chat with us on WhatsApp