loading...

IT430 E-Commerce Assignment 2 Solution Fall 2012

Question#1:
Your task is to design a web page (Home Page) for a University’s web site, the output of this web page should look
like the following:

Please read the following instructions carefully before designing this web page

Instructions for Task:

Use CSS (Cascading Style Sheets ) for solving the problem

1)  The Width of Top Pink Box should be enough to cover three boxes along with spaces & Text should be
display in center of box. .

2)  The Height & Width of Lower three box should be same size of 200 Pixels.

3)  The Style Sheet Box Color is gray; Top & Left Padding should be 60 Pixels.

4)  The Assignment #2 Box color is sky blue; Top Padding should be 60 Pixels & you write your own name
with VU Student ID.

5)  The VU Box color is violet; Top & Left Padding should be 60 Pixels.

6)  Font Color should be Navy blue.

7)  Use Style Sheets Properties for positioning of boxes

8)  Student should follow the exact layout of web template.

Solution:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Assignment #.2</title>
<style type="text/css">
#header{color:#0000FF;
 background-color:violet;
 text-align:center;
 padding-left:60px;
 padding-top:60px;}
#box1{
 background-color:#999999;
 color:#0000FF;
 padding-left:60px;
 padding-top:60px;
 float: left;
 text-align: center;
 height: 200px;
 width: 200px;
}
#box2{background-color:#00CCFF:
 background-color: #00FFFF;
 background-color: #00CCFF;
 color: #0000FF;
 padding-top: 60px;
 float: left;
 height: 200px;
 width: 200px;
}
#box3{
 color:#0000FF;
 background-color:violet;
 text-align:center;
 padding-left:60px;
 padding-top:60px;
 height: 200px;
 width: 200px;
 float: left;
}
</style>
</head>
<body>
<table border="0" align="center" >
<tr><td align="center" id="header">Virtual University of Pakistan</td></tr>
<tr><td>
<table align="left" width="121" height="104" border="0" id="box1">
<tr><td align="center">Style Sheet</td></tr>
</table>
<table border="0" align="center" id="box2">
<tr><td align="center">
Assignment no.2<br />
Name:Your Name<br />
Id:yourid12500054</td></tr>
</table><table border="0" align="left" id="box3">
 <tr>
 <td align="left">VU</td>
 </tr>
</table>
</td></tr>
</table>
</body>
</html>
DOWNLOAD SOLUTION HERE
loading...