Realisatie eenvoudig online prototype

Een online prototype kan in snelle tijd gemaakt worden met onderstaande code. Met dit prototype kan het ontwerp online bekeken worden, waardoor het door de klant goed beoordeeld kan worden. Voor dit prototype moet het ontwerp opgeknipt worden in 2 afbeeldingen: de achtergrond en de rest van de website. Gebruik vervolgens onderstaande code om de pagina te realiseren:

<!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>Online prototype</title>
<style type="text/css">
<!--

img {
border: none;
}

* {
margin: 0;
padding: 0;
}

body {
background:url(background.gif) repeat-x;
}

div#container {
width: 990px;
margin-left: auto;
margin-right:auto;
position:relative;
z-index: 10;
}
-->
</style>
</head>

<body>
<div id="container"><img src="prototype-homepage.jpg" width="900" height="1000" alt=" " /></div>
</body>
</html>

De grootte van de afbeelding van het ontwerp komt terug bij de afbeelding en bij de css van de container. Vul hier de juiste waarden in die horen bij de afbeelding van het ontwerp.

Het prototype dient online geplaatst te worden voordat de klant dit zelf kan beoordelen.

Trackback URL for this post:

http://webbl.nl/trackback/145
| Meer