ITD 21203 ASP.

NET Web Programming Lab Exercise 4

1.
change the title bar

Modify the mainpage.htm as the following:

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, letterspacing = 20px, align = center ii. h2 navy, smallcaps, font-family, size = 40px b. Select element by class

i. class = four navy, italic.

c. Image i. border = solid, green d. Background == #9cf e. Hyperlink i. link ii. visited = blue = red

iii. hover = yellow iv. active = orange

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

hmmm~S22011 3

ITD 21203 ASP.NET Web Programming Lab Exercise 4

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 4