Great Deal! Get Instant $10 FREE in Account on First Order + 10% Cashback on Every Order Order Now

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...

1 answer below »
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
· A
ange the navigation links in an unordered 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 assignment tool by the due date.
Ru
ic
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
Answered Same Day Jun 23, 2021

Solution

Neha answered on Jun 25 2021
124 Votes
60996 - css/im
astei-
idge.jpg
60996 - css/im
ullet.jpg
60996 - css/im/download.jpg
60996 - css/im/evening-sun.jpg
60996 - css/im/icon.jpg
60996 - css/im/landscape.webp
60996 - css/im/mountain.jpg
60996 - css/im/sky.webp
60996 - css/images.html
Nutrino Edible Oil
Images
    

    
    
    



    
    
    

    
        Home
        Links
        Images
Copyright © 2020 Nutrino Edible Oil
[email protected]

60996 - css/index.html
Nutrino Edible Oil
Enjoy Nutricious Delite

About us
Nutrino Edible Oil offers large verity of different nutricious and organic edible oils. Other than selling edible oils at wholesale price through online channels we also provide door-step delivery and different reward programs to earn our customer's loyalty. We also put lots of emphasis on customer feedback and we try to improve our supply chain according to our customer's satisfaction.
We have achived amazing results on our products via mastering an art of growing seeds to manufature and purify 100% organic edible oils. We have also earned an Awards for our production innovations and we have passed through all necessary regulations to provide our...
SOLUTION.PDF

Answer To This Question Is Available To Download

Related Questions & Answers

More Questions »

Submit New Assignment

Copy and Paste Your Assignment Here