Hoe maak je een webpagina op je Mac?
Een website maken begint bij je eerste webpagina. Als je een Apple computer hebt, een iMac of een Macbook, gaat dat net wat anders dan op een Windows computer. Vandaag dus een stappenplan om je eerste webpagina te maken op je Mac.
En daar heb je geen dure software voor nodig. Alles wat je nodig hebt staat al geïnstalleerd op je Mac.
Teksteditor op je Mac
Wanneer je op Launchpad klikt in het menu dan vind je alle programma’s die op je Mac draaien.
Van daar uit zoek je het programma ’teksteditor’. Deze kun je openen.
HTML code in het bestand plaatsen
De volgende code plaats je in een leeg bestand. Dit is een basis HTML code voor een eerste website.
<!DOCTYPE html> <html lang="nl"> <head> <title>Mijn eerste website</title> <meta charset="UTF-8" /> </head> <body> <h1>Koptekst niveau 1</h1> <p>Dit is een paragraaf en hier kun je dus gewoon je tekst in zetten. De paragraaf heeft vanzelf al een spatie. Wanneer je een nieuwe paragraaf start dan begint deze weer op een nieuwe regel. </p> </body> </html>
Dat zou er dan ongeveer zo uit moeten zien:
Converteren van het bestand
Om het bestand op te slaan moet je er eerst voor zorgen dat in het document zogenaamde platte tekst is geplaatst. Standaard staat teksteditor ingesteld op Rich Text Format (RTF). Wij hebben echter platte tekst nodig.
Dat doe je door in het menu te kiezen voor de optie: Opmaak > Converteer naar platte tekst
Je krijgt dan een waarschuwing te zien waar je in dit geval mee akkoord gaat:
Opslaan van het bestand
Nu kunnen we het bestand opslaan. Dit doe je door ‘Bewaar…’ te kiezen. We gaan het bestand nu niet als tekst bestand (.txt) opslaan. Het bestand moet als .htm of .html bestand worden opgeslagen!
Bestand openen
Wanneer je het bestand op de juiste manier hebt opgeslagen kun je naar de plek toe gaan waar dit bestand staat. Bijvoorbeeld in een map of op je bureaublad. De standaard browser (bijvoorbeeld Google Chrome of Safari) wordt geopend. Wanneer je de stappen juist hebt doorlopen zie je het volgende resultaat:
De teksteditor is wat beperkt, zeker als je grote en uitgebreide bestanden en websites wilt gaan maken. Kies in dat geval voor een HTML editor zoals Brackets of Atom
