CIS 273 Lab Assignment 5 Navigation Bars and Repeated Images

Description

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:
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.
Create a “single image” page with a Cascading Style Sheet (.css) for background image, bisque color, and Arial text.
Create a “top line image” page with Cascading Style Sheet (.css) for background image, bisque color, and Arial text.
Create a “left side image” page with a Cascading Style Sheet (.css) for background image, bisque color, and centered Arial text.
SCREENSHOTS
SOLUTION
PAYMENT
The solution includes 4 web pages and 4 cascading style sheets.
Attachments [Move over files to preview content of those files]
CIS273_Lab_5.zip (149.26 KB)
earth.jpg
index.htm
leftSide.css
leftSide.htm
main.css
screenshots
CIS273-Lab-5-Screenshot-1.png
CIS273-Lab-5-Screenshot-2.jpg
CIS273-Lab-5-Screenshot-3.jpg
CIS273-Lab-5-Screenshot-4.jpg
singleImage.css
singleImage.htm
topLine.css
topLine.htm
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
Checkout
Added to cart
Add to Cart
Checkout
Added to cart
Note: We offer a discount for buyers who purchase multiple items.
You May Also Like:
CIS 273 Lab Assignment 2 Three Web Pages with Hyperlinks
CIS 273 Lab Assignment 4 Nested Lists and Cascading Style Sheets
CIS 273 Lab Assignment 6 Working with Tables
CIS 273 Lab Assignment 7 Form Page
CIS 273 Lab Assignment 8 Adding Sound
CIS 273 Lab Assignment 8 Single Page Website
CIS 273 Lab Assignment 9 JavaScript
CIS 273 Lab Assignment 10 Techincal Project Business Website
CIS 273cis 273, cis 273 assignment 5, cis 273 lab 5, cis 273 week 5
Courses
Algorithm
CIS 273
CIS 336
CIS 339
CIS 407A
CIS115
CIS247
CIS247A
CIS355A
CIS363A
CISS242
CISS243
CISS350
CMIS 102
CMIS 141
CMIS 242
CMSC 335
CMSC 451
COMP 220
COMP 274
CS192
CSIS 111
CSIS 208
CSIS 209
CSIS 212
CSIS 310
CSIS 312
CYBR 260
DBM405A
DBM438
ECET 370
ITCO221
ITS 320
Java
MIS 561
MIS 562
MIS 582
POS 355
POS 408
POS 409
PRG 211
PRG 410
PRG 420
PRG 421
Python
SEC 370
Tutorials
VB/C#
Visual Logic
WEB375
WEBD 125