curve schreef op 6 April 2006 - 15:58 #887584
Avatar
3062 berichten
Vierkante ogen
Ik moet een simpele HTML site maken, maar ben hier een echte leek in en ken niet eens het simpelste. De opdracht is zeer eenvoudig en ik hoopte dat er wel iemand op dit forum zat die er wat meer van af wist, want die kan deze opdracht vervolledigen in 15 minuten.

Vereisten:

1. Je website moet minimaal volgende elementen bevatten:
a. twee pagina’s, waarvan één de hoofdpagina is (met naam index.htm)
b. tekst, eventueel geformatteerd (schuindruk, vetdruk, kleur)
c. achtergrond, met prent of kleur
d. prenten, figuren of foto’s waaronder zeker één foto van jezelf
e. 1 lijst (genummerd of ongenummerd)
f. 1 tabel (geformatteerd naar wens)
g. links (verwijzingen) naar plaatsen binnen dezelfde pagina, naar andere pagina’s binnen je eigen website, en naar andere websites.

dit moet er gebeuren...Als iemand me desnoods op weg zou kunnen helpen zou ik hem enorm bedanken...

Het mag gemaakt worden met frontpage (ook al geprobeerd, maar is behoorlijk gefaald :/), kladblok, dreamweaver, e.d.

bij voorbaat dank,

curve


hoppalicious schreef op 6 April 2006 - 16:00 #887590
Avatar
1696 berichten
Net 1337 geweest
Standaard HTML pagina:
Quote:
<html>
<head>
<title>Pagina titel</title>
</head>

<body>
</body>

</html>

HTML Pagina met achtergrond kleur:
Quote:
<html>
<head>
<title>Pagina titel</title>
</head>

<body bgcolor="#kleurcode">
</body>

</html>

HTML pagina met achtergrond plaatje:
Quote:
<html>
<head>
<title>Pagina titel</title>
</head>

<body background="images/plaatje.gif">
</body>

</html>

Bij jouw opdracht moet je even kijken, bijvoorbeeld 1 pagina met achtergrondkleur en een met een plaatje... maak dus 2 paginas met deze codes in kladblok en sla ze op als: index.html en pagina2.html, met deze pagina's ga ik je opdracht verder uitleggen.

Alle inhoud wat je nu in je pagina gaat zetten, komt tussen <body> en </body> te staan, alleen hier word het als tekst voor je pagina gezien.

Linken naar je andere pagina:
Aangezien je beide pagina's met elkaar moet linken plaats je net achter <body> in index.html hetvolgende:
<a href="pagina2.html">Pagina 2</a>

Hetzelfde doe je op pagina2.html maar hier voeg je na <body> dit toe:
<a href="index.html">Index</a>

Geformatterde tekst:
Dit is erg makkelijk in HTML:

<b>bold</b>
<u>underlined</u>
<i>italic</i>
<center>gecentreerd</center>
<div align="right">rechts uitgelijnd</div>
<div align="left">links uitgelijnd</div>
verder kun je ook 'enters' gebruiken (naar volgende regel): <br>

Plaatjes gebruiken op je site:
Dit kan door middel van de 'image'-tag:
<img src="images/plaatje.gif" border="0">

images/plaatje.gif geeft de mapstructuur weer (map: images, file: plaatje.gif) dit moet je dus aanpassen naar je eigen structuur. border="0" geeft aan dat er geen lijn om het plaatje kan komen.

Lijstweergave van tekst:
Genummerd:
<ol>
<li>tekst met 1 ervoor</li>
<li>tekst met 2 ervoor</li>
<li>tekst met 3 ervoor etc.</li>
</ol>

Met puntjes:
<ul>
<li>tekst</li>
<li>tekst</li>
<li>tekst</li>
</ul>

Tabellen op je site:
Ook tabellen zijn makkelijk, hieronder een tabel met 3 rijen en 2 kolommen:

<table width="500" align="center" border="0">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>

door width="500" aan te passen, pas je de breedte aan van de tabel
align="center" kun je vervangen door left/right. hierdoor lijn je de tabel uit
border="0" kun je vervangen door elk gewenst getal, hierdoor krijg je een lijn om je tabel met de aangegeven dikte (in pixels).

ALs je nog een rij wilt, voeg je gewoon nog een keer:
<tr>
<td> </td>
<td> </td>
</tr>

toe... wil je echter nog een kolom erbij, dan moet je in plaats van dit:
<td> </td>
<td> </td>

dit ervan maken:
<td> </td>
<td> </td>
<td> </td>


Hopelijk heb ik je hiermee geholpen, veel succes :)


Laatst gewijzigd op 6 April 2006 - 16:21

ex0r schreef op 6 April 2006 - 16:00 #887592
Avatar
1411 berichten
Net 1337 geweest
luierd
MurdockRLY schreef op 6 April 2006 - 16:02 #887597
Avatar
2349 berichten
Te enthousiast
download Macromedia Dreamweaver, heb je het binnen half uurtje klaar
Kikk3r schreef op 6 April 2006 - 16:29 #887663
Avatar
2208 berichten
Te enthousiast
misschien keer opletten op college of je huiswerk bijhouden. Wat een idee.
curve schreef op 6 April 2006 - 16:31 #887669
Avatar
3062 berichten
Vierkante ogen
dank je wel ik zal t proberen :d

Registreer een account om te kunnen reageren

Om te kunnen reageren op Gamelux heb je een account nodig. Lees alles over de voordelen op de registratie pagina.

-->