|
Stap 2: Het bouwen van de website (hier alleen beschreven hoe dit werkt met HTML)
In deze handleiding beschrijven wij in het kort hoe een simpele website wordt gemaakt, gebruikmakend van de programmeertaal HTML.
We zullen hiervoor gebruik maken van Notepad (een klein programmatje waarmee tekst bewerkt kan worden).
1. Open Notepad.
2. Kopieer de code die hieronde met geel aangegeven staat in Notepad (als u niet weet hoe tekst te kopieren/plakken, lees dan hier verder).
Hieronder heb ik een stuk code geplaatst (voor verdere uitleg over deze code klik hier). Dit is code die geschreven is in HTML. Het resultaat van deze code is een lege pagina met de titel "SuperCode" (titel staat helemaal bovenin het venster van uw browser)
<HTML>
<HEAD>
<TITLE>SuperCode</TITLE>
</HEAD>
<BODY>
Hier komt de code
</BODY>
</HTML>
3. Op de plekwaar de rood gemarkeerde tekst staat, komt de code te staan die wat laat zien op de website (de tekst, plaatjes enz.).
Laten we beginnen met iets heel simpels. Schrijf in het rode gedeelte (in Notepad is het niet meer rood) bijvoorbeeld deze zin op: "Dit is mijn website". Sla het bestand op, maar:
Let op! Sla het bestand niet normaal op, anders wordt het een gewoon tekst bestand. We willen dat het een internetpagina bestand wordt. Noem het bestand daarom: index.html. Vervolgens kiest u bij Save as type (of in het Nederlands: Bewaar als bestand:) All files (Alle bestanden).
Door .html toe te voegen aan de naam van het bestand, wordt het automatisch een internetpagina.
4. Open het bestand dat u heeft gemaakt door er op de dubbelklikken. Nu wordt automatisch Internet Explorer (of Firefox of Safari... uw browser) geopend en ziet u een bijna lege pagina, waar alleen de tekst: "Dit is mijn website" in staat.
Wat heel belangrijk is voor het bouwen van een website is structuur. Dat geld voor zowel de bestanden als de code. Maak de code overzichtelijk, dan is het makkelijker om dingen terug te vinden. Maak ook een overzichtelijke bestand en folder structuur. Zet bijvoorbeeld alle html bestanden in de hoofdfolder, alle plaatjes in de "plaatjes" folder, alle video's in de "video" folder enz.
Belangrijk! Noem de hoofdpagina van uw website altijd index.html. Dit omdat alleen dit bestand wordt gelezen als u de domeinnaam intoests.
Nu kunt u verder met de uitleg op Stap 2a. ALs u direct uw website online wilt plaatsen kies dan Stap 3.
Hoe kopieer of plak ik tekst
Antwoord: selecteer de tekst (plaats de cursor van de muis aan het begin van de tekst, hou de linker muisknop ingedrukt, versleep de cursor naar het einde van de tekst en laat dan pas de linker muisknop weer los), gebruik de toestencombinatie Ctrl + "c" om te kopieren (of klik in de geselecteerde tekst op de rechter muisknop en kies uit het menu kopieren). Activeer het programma waarin u wilt plakken (door 1 keer met de rechter muisknop binnen het vester te klikken)
Uitleg over de opbouw van een HTML document
De code die hierboven vermeld staat is de basis van elk HTML bestand. Als er iets aan ontbreekt zal de website niet werken.
<HTML>: hierdoor weet de browser dat het om een html bestand gaat. <HTML> is het begin van het bestand en </HTML> het einde. Zowat alle code in de HTML programmeertaal wordt afgesloten op deze manier.
<HEAD>: hierin staat de kopinformatie. Er staat wat de titel is van het document (dat is de tekst die tussen <TITLE> en </TITLE> staat. Deze kan door u worden veranderd in een door u gekozen naam). </HEAD> sluit het kopgedeelte af.
Tussen <BODY> en </BODY> komt de inhoud (lichaam) van de website te staan.
|
