CIS 273 Lab Assignment 4 Nested Lists and Cascading Style Sheets

Description

Deliverable: Three (3) Web pages and two (2) Cascading Style Sheets (.css)
Follow the directions below to complete Lab Assignment 4:
Re-create the sample Web pages listed below with nested ordered lists and nested unordered lists. (This Web page will be reused for each part below). (As shown in Figure 1.)
Create the Web page from number 1 with silver background color set by a Cascading Style Sheet (.css). (As shown in Figure 2.)
Create the Web page from number 1 with silver background color and Comic Sans MS font set by a Cascading Style Sheet (.css). (As shown in Figure 3.)
Re-create the Web page set from number 1 with Silver background color and Comic Sans MS font set by a Cascading Style Sheet (.css). Then, using in-page tags to override the CSS, set only the font of the sentence “Here is an Unordered list with several levels of sub-lists” to red, Arial font (different than the rest of the page). (As shown in Figure 4.)
SCREENSHOTS
SOLUTION
PAYMENT
The solution includes 3 web pages and 2 cascading style sheets.
Attachments [Move over files to preview content of those files]
CIS273_Lab_4.zip (139.83 KB)
nested1.htm
nested2.htm
nested3.htm
screenshots
CIS273-Lab-4-Screenshot-1.png
CIS273-Lab-4-Screenshot-2.png
CIS273-Lab-4-Screenshot-3.png
style1.css
style2.css
Preview nested1.htm
xxxx xx x xxxx xxxxxxx xxx xxxxxxx
xxxxxx xxxx xxx xxxx xx xxxxx xxx xxx xxxx xx xxxxx
xxxxx xxx xxx xxxxxxx xxxxxxxx xxx xxx xxxx
Here is an Unordered list with several levels of sub-lists
This is level one
This is also level one
This is level two
Again in level two
This is level three
Again in level three
x xx xxxx xx xxxxx xxx xxxxx
x xx xxx xxxx xx xxxxx xxx
xxxx xx xxx xxxx xxxx xx xxx xxxxxx xxxxxxxxx xxxxx
Preview nested2.htm
–>
xxx xxxxxx xxxxxxxxxx
Here is an Unordered list with several levels of sub-lists
This is level one
This is also level one
This is level two
Again in level two
This is level three
Again in level three
x xx xxxx xx xxxxx xxx xxxxx
x xx xxx xxxx xx xxxxx xxx
xxxx xx xxx xxxx xxxx xx xxx xxxxxx xxxxxxxxx xxxxx
Preview nested3.htm
–>
xxx xxxxxx xxxxxxxxxx xxx xxxxx xxxx xx xxxx
Here is an Unordered list with several levels of sub-lists
This is level one
This is also level one
This is level two
Again in level two
This is level three
Again in level three
x xx xxxx xx xxxxx xxx xxxxx
x xx xxx xxxx xx xxxxx xxx
xxxx xx xxx xxxx xxxx xx xxx xxxxxx xxxxxxxxx xxxxx
Preview style1.css
body {background-color: silver;}
xxxx {xxxxxxxxxx-xxxxx: xxxxxx;}
Preview style2.css
body { background-color: silver; font-family: “Comic Sans MS”; }
xxxx-xxxxxx: “xxxxx xxxx xx”; }
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 5 Navigation Bars and Repeated Images
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