Datum aanpassing 28 september 2023
Wanneer kies je voor een onepage website? Stel je hebt nog geen volledige website, maar je wilt voorkomen dat je bezoekers een lege witte pagina of een foutmelding c.q. visitekaartje van je webhostingprovider te zien krijgen. Misschien wil je zelfs helemaal geen uitgebreide website bouwen en ben je tevreden met slechts één enkele pagina, oftewel onepage website. Hoe kun je dit snel en eenvoudig realiseren?
maak een index.html
We houden het in dit voorbeeld zeer eenvoudig, zonder uitgebreide opmaak.
- Kopieer onderstaande code en plaats dit in een tekstbestand. Sla het op als “index.html”. Als dit niet meteen lukt, dan kun je later de naam (eventueel kan dit ook in je FTP programma) nog aanpassen.
- Net zoals je logo en favicon kun je het “index.html” bestand middels FTP uploaden en in je hoofdroot plaatsen. Meestal is dit “*/public.html”.
In ons voorbeeld zie je na uploading in je “*/public.html”, de volgende bestanden:
- index.html
- favicon.ico
- mijnplaatje.png
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>mijn websitenaam</title>
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width=25%></td>
<td><br><a href="mailto:mijnemailadres"><img src="mijnplaatje.png" width="110" height="80"></a></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td>
<br><br>
<p style="font-family: arial; font-size: 40px; font-weight: 800">MIJN WEBSITENAAM</p>
<p style="font-family: arial; font-size: 24px; font-weight: 700">Deze website is in ontwikkeling.</p>
</td>
</tr>
</table>
</body>
</html>
Korte toelichting op bovenstaande html-code
Regel 8 Favicon > maak een image van je logo in het formaat 64 x 64 px en geef deze uiteindelijk de naam “favicon.ico”. Als de naamgeving niet gelijk lukt, kun je dit altijd naderhand aanpassen. Favicon klaar? Dan kun je dit middels FTP uploaden in je hoofdroot. Meestal is dit “*/public.html”.
Wat is een favicon en waar wordt deze getoond? Een favicon, afgeleid van de woorden “favorite” (favoriet) en “icon” (icoon), is een kleine grafische afbeelding die wordt gebruikt om een website te identificeren en weer te geven in webbrowsers. Het favicon wordt meestal weergegeven in het tabblad of de adresbalk van een webbrowser en opgeslagen in de bladwijzers of favorieten van gebruikers wanneer ze een website bezoeken.
Regel 15 Mailto >Je vult hier jouw e-mailadres in, bijvoorbeeld: “info@mijnwebsite.nl”
Wat betekent Mailto? Wanneer een bezoeker op deze link klikt, wordt het standaard e-mailprogramma van de bezoekers computer geopend met jouw e-mailadres als geadresseerde.
Regels 23 en 24 > dit zijn 2 regels opmaak.
weergave html-code in de browser
Nadat alle bestanden succesvol zijn geüpload via FTP, wordt de volgende pagina weergegeven wanneer je je domeinnaam bezoekt.
