Klopt precies. Als je nou echt niet kunt leren met PHP, MySQL, HTML, XHTML en CSS om kunt gaan, dan moet je maar Studio Webdesign 4 of 5 Pro kopen of als je het kan
downloaden... En hier gebruik je gewoon een beetje CSS en HTML.
Dit zou de HTML kunnen zijn:
HTML:
<html>
<head>
<title>Titel van je website...</title>
<body>
<div class="header">
<h1>
Header text en ander voeg je hier een plaatje, ik hoop dat je weet hoe dit moet
</h1>
</div>
<ul class="menu">
<li>Link1 in menu</li>
<li>Link2 in menu</li>
<li>Link3 in menu</li>
<li>Link4 in menu en ga maar verder als je wilt.</li>
</ul>
<div class="box">
Hier de text wat in het content moet. Als je nog een footer wilt moet je dat zelf maar maken. Ik heb al genoeg geholpen vind ik.
</div>
</body>
</html>
En de CSS:
HTML:
body {
background-color: #FFFFFF; /* Achtergrond van hele pagina */
.header {
background-color: #F0F0F0; /*Je achtergrond kleur en als je achtergrond plaatje wilt:*/
background: url(images/plaatje.jpg);
border: 1px solid #000000; /*Je rand kleur */
}
.menu {
list-style-type: none; /* Geen lijst stijl */
margin: 0; /* Geen margin */
padding: 0; /* Geen padding */
}
.menu a {
float: left; /* Laten staan zo */
margin: 0 2px; /* Laten staan zo */
padding: 4px 20px; /* Laten staan zo */
background-color: #E0E0E0; /* Je achtergrond kleur */
border: 1px solid #5C5C5C; /* Je rand px= dikte en #5C5C5C = kleur. */
color: #FF1A1A; /* Text kleur */
text-decoration: none; /* Niet onderstreept */
font-family: "New Century Schoolbook", sans-serif; /* Lettertype */
font-size: 1.2em; /* Lettergrootte */
font-weight: bold; /* Dit maakt de text dik */
}
.menu a:hover {
text-decoration: underline; /* Dit is als je de muis eroverheen doet. Je zou hier ook nog color: #kleur; kunnen doen.*/
}
.box {
color: #C0C0C0; / *Text kleur */
background-color: #000000; /* Achtergrond kleur */
border: 1px solid #FFFFFF; /* Rand kleur */
}
Ik heb dit snel even gemaakt, maar misschien is dit wat?
Maar iemand van 9 jaar moet toch wel een website kunnen maken zo?
