2 HTML maken en bewaren

2.1 HTML bouwen in een teksteditor

Welke software heb je nodig voor het schrijven van HTML?

Webpagina's bouw je in code in een teksteditor. Opgelet: een tekstverwerker zoals MS Word is niet geschikt voor het bouwen van webpagina's. Als je Windows gebruikt, beschik je over de teksteditor "Kladblok". Misschien heb je je altijd afgevraagd wat je met dat kleine programma kan doen. Wel... je kan er webpagina's of code mee intikken. 

Er bestaan ook WYSIWYG-programma's zoals Adobe Dreamweaver, waar je visueel kan zien hoe je webpagina er zal gaan uitzien. Maar je zal al snel merken dat zo'n programma's aardig wat beperkingen hebben. Onthoud één ding: webpagina's bouwen gaat op een heel andere manier dan in een tekstverwerker.

 In een tekstverwerker tik je teksten op virtuele A4-pagina's. Een webpagina moet op een massa apparaten weergegeven worden. 

Een paar "straffe" programma's die je voor het bouwen van je webpagina's kan gebruiken.

Opgelet
: je bent zelf verantwoordelijk voor het downloaden en het installeren. De lesgever is in geen geval verantwoordelijk voor mogelijke problemen die zich tijdens of na het downloaden en installeren voordoen door het downloaden, installeren of gebruiken van de software.

Software

Downloadlink

Beschikbaar voor

Prijs

Aptana Studio

http://www.aptana.com/products/studio3/download.html

Linux, Mac OS X, Windows

(gratis)

Atom

https://atom.io/

Linux, Mac OS X, Windows

(gratis)

Backets

http://brackets.io/

Linux, Mac OS X, Windows

(gratis)

Scite

http://www.scintilla.org/SciTE.html

Mac OS X, Windows

(betalend)

Smultron

https://www.peterborgapps.com/smultron/

Mac OS X

(gratis en betalend)

De bovenstaande lijst is zeker niet volledig. Mogelijk vind je op het web nog een hoop andere krachtige teksteditors. Zoek wat voor jou het best past. 

2.2 HTML-bestanden bewaren

Bewaar alle webpagina's in een map met een duidelijke naam en op een plaats die je niet vergeet! Houd rekening met de volgende tips:

  1. Bewaar een webpagina steeds met de extensie (uitgang) .html
  2. Geef de bestanden een korte, duidelijke naam vb. info.html
  3. Gebruik geen vreemde tekens, woordtekens, schuine strepen of spaties in de bestandsnaam.

2.3 HTML bekijken in de browser

HTML-bestanden bekijk je in de browser. Installeer meerdere browsers zoals Google Chrome, Safari, Firefox...