ITD 21203 ASP.

NET Web Programming Lab Exercise 4

1.

Modify the mainpage.htm as the following:

change the title bar

image.jpg

make it center

h1 h2 class=one <p> and each line <br /> h2 class=two <p> and each line <br /> h2 id = main

<p> and each line <br />

<p> and each line <br /> class=three <p> and each line <br />

class=four

<p> and each line <br />

<p> and each line <br /> hyperlink to second.htm

hmmm~S22011 1

ITD 21203 ASP.NET Web Programming Lab Exercise 4

2.

Create mainpage.css to format and apply style sheet to the elements in the mainpage.htm. a. Select elemet by id i. h1 red, uppercase, font-family, bold, size = 50px, letter-spacing = 20px, align = center ii. h2 navy, smallcaps, font-family, size = 40px b. c. d. e. Select element by class i. class = four navy, italic. Image i. border = solid, green Background == #9cf Hyperlink i. link ii. visited iii. hover iv. active f. = blue = red = yellow = orange

After h1 What makes a GOOD Web site ? make a table of content (creating anchor h3) Table of Content - A good Web site is one that: - To meet the needs of your target visitor, your web site should: - Studies show that to be credible, your web site should:

hmmm~S22011 2

ITD 21203 ASP.NET Web Programming Lab Exercise 4

3. Modify the second.htm as the following:

change the title bar What to A-V-O-I-D !!!

h1 h2

<br />

id = second

image.jpg link to mainpage.htm description = go to the main page

4.

Create second.css to format and apply style sheet to the elements in the second.htm. a. Select element by id = second i. align to center ii. h1 yellow, font-family, bold, size = 60px, iii. h2 white, font-family, size = 50px, italic iv. the rest pink, font-family, 40px b. Background == navy

hmmm~S22011 3