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/styles.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> WELCOME </h1>
</div>
<div id="into">
<p>Congratulations and welcome to the WITT Art, Design and Media department. We hope your studies here will be enjoyable and successful. It is our aim to support you in your studies.</p>
<br />
<p>This online handbook has been prepared as a user-friendly guide to the WITT Art, Design and Media department, the staff, and the academic processes that support and record your learning achievement.</p>
<br />
<p>I suggest you bookmark this site so you can refer to it quickly.</p>
<br />
<p>If you have any questions about your programme of study, your career, or the pathway you are on please don’t hesitate to ask a tutor, our administrator, or myself.</p>
<br />
<p>We are all here to support your learning.</p>
<br />
<h2>Good luck!</h2>
</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:1050px;
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:550px;
margin:15px;
}
#heading{
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
font-size:36px;
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:18px;
text-align:left;
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