HTML CODING
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<link href="/M:/Wittbook/CSS/path.css" rel="stylesheet" type="text/css" />
<body>
<div id ="page">
<div id ="logos"><!--logosOpen-->
<div id ="logowitt">
<img src="images/logowitt.gif" />
</div>
<div id ="logoart">
<img src="images/logoart.gif" />
</div>
</div>
<div id="menu">
<ul id="menulist">
<li class="menuitem"><a href="index.html">HOME</a></li>
<li class="menuitem"><a href="contact.html">CONTACT</a></li>
<li class="menuitem"><a href="whatifs.html">WHAT IFS?</a></li>
<li class="menuitem"><a href="caltime.html">CALENDER, TIMETABLE</a></li>
<li class="menuitem"><a href="path.html">COURSES, PATHWAYS</a></li>
<li class="menuitem"><a href="photos.html">STUDENT GALLERY</a></li>
<li class="menuitem"><a href="resources.html">FACILITIES, RESOURCES</a></li>
</ul>
</div>
<div id="welcome">
<div id="heading">
<h1>Courses and Pathways</h1>
</div>
<div id="into">
<h3>Here at WITT Art, Design and Media we offer the following qualifications:</h3>
<br />
<p>Level 3 Certificate in Computer Graphics</p>
<p>Level 4 Certificate in Creative Technologies</p>
<p>Level 4 Certificate in Photography</p>
<p>Level 5 National Diploma in Journalism</p>
<p>Level 6 Diploma of Creative Technologies</p>
</div>
<br />
<div id="into2">
<p>You can find out more information about these courses from the WITT Art, Design and Media website <a href="http://www.wittart.co.nz/qualifications/">(http://wittart.co.nz/qualifications/),</a> or from the main WITT website <a href="http://www.witt.ac.nz/Courses/Art,-Design-and-Media/">(http://www.witt.ac.nz/Courses/Art,-Design-and-Media/).</a></p>
</div>
</div>
<div id="info">
<div id="links">
<ul >
<li class="linkitem"><h3>0800 WITT WORKS</h3><h3>0800 948 896</h3></li>
<li class="linkitem"><a href="http://www.witt.ac.nz/uploaded_images/HomeLogos/WITT-Updated-Campus-Map.pdf"> SITE MAP</a></li>
<li class="linkitem"><a href="http://www.wittworks.ac.nz"><img src="images/witt.gif" /></a></li>
<li class="linkitem"><a href="http://www.wittart.co.nz"><img src="images/wittart.gif" /></a></li>
<li class="linkitem"><a href="http://www.youtube.com/user/wittartdesign"><img src="images/youtube.gif" /></a></li>
<li class="linkitem"><a href="http://www.twitter.com/WITTart"><img src="images/twitter.gif" /></a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
CSS CODING
/* CSS Document */
*{
margin:0;
border:0;
padding:0;
}
#page{
margin:0 auto;
width:1000px;
height:1000px;
background-color:orange;
}
#logos{
width:1000px;
height:250px;
}
#logowitt{
float: left;
margin:15px;
}
#logoart{
float:right;
margin:15px;
Margin-left:85px;}
#menu{
height:96px;
}
#menulist{
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
font-size:28px;
font-style:normal;
text-align:center;
}
.menuitem{
display:inline;
margin:20px;
}
#welcome{
background-color:white;
width:970px;
height:500px;
margin:15px;
}
#heading{
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
font-size:28px;
font-style:normal;
text-align:left;
margin:15px
}
#into{
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
font-size:20px;
text-align:centre;
margin:15px;
}
#into2{font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
font-size:20px;
margin:15px;
}
#info{
height:100px;
}
#links{height:80px;
}
.linkitem{
display:inline;
Margin:15px;
float:right;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
font-size:22px;
font-style:normal;
margin-right:45px;
}
SCREEN PRINT OF WEB PAGE
No comments:
Post a Comment