Scribd
Upload
37 views

Lab Exercise 4b

This document provides instructions for an ASP.NET web programming lab exercise involving modifying two HTML pages (mainpage.htm and second.htm) and creating two CSS style sheets (mainpage.css and second.css) to style the elements on each page. The instructions specify how to modify elements like headings, paragraphs, images and links and apply CSS styles for things like font, size, color, alignment and backgrounds. The goal is to format the content and apply styles across both pages according to the provided specifications.

Uploaded by

khairitkr
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
37 views

Lab Exercise 4b

This document provides instructions for an ASP.NET web programming lab exercise involving modifying two HTML pages (mainpage.htm and second.htm) and creating two CSS style sheets (mainpage.css and second.css) to style the elements on each page. The instructions specify how to modify elements like headings, paragraphs, images and links and apply CSS styles for things like font, size, color, alignment and backgrounds. The goal is to format the content and apply styles across both pages according to the provided specifications.

Uploaded by

khairitkr
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 4

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

You might also like