hoe maak je een website op een mac?

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.

launchpad op de mac openen
launchpad op de mac openen

Van daar uit zoek je het programma ‘teksteditor’. Deze kun je openen.

Teksteditor op je Macbook of iMac
Teksteditor op je Macbook of iMac

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:

teksteditor met html code
Teksteditor met HTML code

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

converteer naar platte tekst
converteer naar platte tekst

Je krijgt dan een waarschuwing te zien waar je in dit geval mee akkoord gaat:

converteren akkoord
Je gaat met het converteren akkoord

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!

een html bestand bewaren
een html bestand bewaren
bewaar als htm bestand
bewaar als .htm bestand

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:

resultaat van webpagina gemaakt op een mac
Resultaat van webpagina gemaakt op een Mac, met Teksteditor

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

Laat een reactie achter

webdesign