CIS 273 Lab Assignment 5 Navigation Bars and Repeated Images

Deliverable: Four (4) Web pages (the home page and three image pages) and four (4) Cascading Style Sheets (.css) (one for each page).

Follow the directions below to complete Lab Assignment 5:

  1. Create a home page with navigation bar to the three (3) pages with images listed below and a Cascading Style Sheet (.css) for bisque color and Arial text.
  2. Create a “single image” page with a Cascading Style Sheet (.css) for background image, bisque color, and Arial text.
  3. Create a “top line image” page with Cascading Style Sheet (.css) for background image, bisque color, and Arial text.
  4. Create a “left side image” page with a Cascading Style Sheet (.css) for background image, bisque color, and centered Arial text.




The solution includes 4 web pages and 4 cascading style sheets.

  • Attachments [Move over files to preview content of those files]
    • Preview index.htm
    

    

    	

    		xxxxx xxxxxxx

    		
		

		

    	

    	

    		

    			

    				xxxxxx xxxxxxxxxx xxxxx

    				xxxxxxxxxx xxxxx xxxxxx xxx
    Preview leftSide.css
    xxxx {

    	xxxxxxxxxx-xxxxx: xxx(xxxxx.xxx);

    	xxxxxxxxxx-xxxxxx: xxxxxx-x;

    	xxxx-xxxxx: xxxxxx;

    	xxxxxxxxxx-xxxxx: xxxxxx;

    	font-family: Arial;
}

p {
	margin-top : 300px;

    	xxxxxx-xxx : 300xx;

    }
    Preview leftSide.htm
    

    

    	

    		xxxxx xxxxxxx

    		
		
		
	

    	

    			x xxxxx xxxxx xx xxxx xx

    			xxxxxx xxx xxxxxxxxxx xxxxx xx xxxxxx 

    			xx xxxxxx xxx xxxxx xxxxx xxxx

    			xxx xx xxxxxx x xxxxxx xxxxx xxxxxxxxxx xx x xxxxxxxxxx
    Preview main.css
    xxxx {

    	xxxxxxxxxx-xxxxx: xxxxxx;

    	xxxx-xxxxxx: xxxxx;

    }

    

    a {
	color : purple;
	text-decoration : none;
}

nav ul#menu {
	margin: 0px;

    	xxxxxxx: 0xx;

    	xxxx: 0xx;

    }

    

    xxx xx#xxxx xx {

    	xxxx-xxxxx: xxxx;
    Preview singleImage.css
    xxxx {

    	xxxxxxxxxx-xxxxx: xxx(xxxxx.xxx);

    	xxxxxxxxxx-xxxxxx: xx-xxxxxx;

    	xxxxxxxxxx-xxxxx: xxxxxx;

    	xxxx-xxxxxx: xxxxx;

    }

p {
	margin-top : 300px;
}

    }
    Preview singleImage.htm
    

    

    	

    		xxxxx xxxxxxx

    		
				
		
	

    	

    			x xxxxx xxxxx xx xxxx xx

    			xxxxxx xxx xxxxxxxxxx xxxxx xx xxxxxx, xxx xxxx xx xxxxx

    			xxx xx xxxxxxx x xxxxxx xxxxx xx x xxxxxxxxxx
    Preview topLine.css
    xxxx {

    	xxxxxxxxxx-xxxxx: xxx(xxxxx.xxx);

    	xxxxxxxxxx-xxxxxx: xxxxxx-x;

    	xxxxxxxxxx-xxxxx: xxxxxx;

    	xxxx-xxxxxx: xxxxx;

    }

p {
	margin-top : 300px;
}

    }
    Preview topLine.htm
    

    

    	

    		xxxxx xxxxxxx

    		
		

		

    	

    	

    			x xxxxx xxxxx xx xxxx xx 

    			xxxxxx xxx xxxxxxxxxx xxxxx xx xxxxxx, xxx xxxx xx xxxxx

    			xxx xx xxxxxx x xxxxxx xxxxx xxxxxxxxxxxx xx x xxxxxxxxxx


Price: $12 $15 Save $3 (20%)

Buy Now

Add to Cart

Note: We offer a discount for buyers who purchase multiple items.

You May Also Like: