Een voorbeeld van uw webpagina's bekijken voordat u ze uploadt

Veel mensen realiseren zich niet dat wanneer u een webpagina op uw computer maakt, u deze niet op een webserver hoeft te plaatsen om deze te kunnen bekijken. Wanneer u een voorbeeld van een webpagina op uw harde schijf bekijkt, zouden alle browsergerelateerde functies (zoals JavaScript, CSS en afbeeldingen) precies zo moeten werken als op uw webserver. Het is dus een goed idee om uw webpagina's in webbrowsers te testen voordat u deze live zet.

1. Bouw uw webpagina en sla deze op uw harde schijf op.

2. Open uw webbrowser en ga naar het menu Bestand en kies Open.

3. Blader naar het bestand dat u op uw harde schijf hebt opgeslagen.

Testproblemen

Er zijn een paar dingen die fout kunnen gaan bij het testen van uw webpagina's op uw harde schijf in plaats van op de webserver. Zorg ervoor dat uw pagina's correct zijn ingesteld voor testen:

• Gebruik volledig gekwalificeerde absolute paden voor links. Je kunt gebruiken pagina-relatieve paden voor uw links, maar de beste manier om links te testen voordat een pagina live is, is door het volledige pad te gebruiken naar de pagina waarnaar u linkt. Met andere woorden, neem de domeinnaam op in uw links.
• Gebruik pagina-relatieve paden voor uw afbeeldingen. Hoewel u de volledige URL voor uw afbeeldingen kunt gebruiken, is de kans groot dat uw afbeeldingen niet naar de server worden geüpload als de pagina die u test nieuw is, net zo min als de HTML. Door paden naar afbeeldingen te gebruiken die relatief zijn aan de huidige pagina, zullen ze verschijnen wanneer u het bestand op uw harde schijf test.
• Controleer de paden naar uw externe CSS- en JavaScript-bestanden. Er is geen goede vuistregel voor het gebruik van URL's met volledig pad of relatief pad voor scripts en CSS-bestanden - dit hangt af van uw site en wat het beste voor u werkt. In plaats daarvan moet u controleren of het bestand waarnaar u verwijst de meest actuele informatie bevat. Als u bijvoorbeeld een volledige pad-URL voor uw CSS plaatst, moet u dat bestand tijdens het testen naar uw server uploaden.

Zorg ervoor dat u in meerdere browsers test

Nadat u in één browser naar uw pagina hebt gebladerd, kunt u de URL kopiëren vanuit de locatiebalk in de browser en deze in andere browsers op dezelfde computer plakken. Als we sites bouwen op Windows-machines, test dan pagina's in de volgende browsers voordat we iets uploaden:

• Internet Explorer
• Opera
• Firefox
• Safari
• chroom

Zodra u zeker weet dat de pagina er goed uitziet in de browsers die u op uw harde schijf heeft, kunt u de pagina uploaden en opnieuw testen vanaf de webserver. Zodra het is geüpload, moet u verbinding maken met de pagina met andere computers en besturingssystemen of een browseremulator zoals BrowserCam gebruiken om uitgebreide tests uit te voeren.