# Stap 0, Starting up
In de code-editor (Atom, Brackets of VCS) maak je een nieuw bestand aan (file, new *of* new file).
In Phoenix heb je al een nieu leeg bestand gemaakt.
Je ziet een lege pagina.
Dit is de code waar we mee gaan starten.
```HTML
Simple Traffic Light Simulator
lege pagina
```
1. Kopieer de bovenstaande code in de lege pagina in de editor.
2. Bewaar (**file**, **save**) de pagina op bij voorkeur je *Desktop* (*Bureaublad*) en geef het de naam ***stoplicht.htm*** Nadat je het bestand op de desktop hebt bewaard, zie je ook kleurtjes in de editor.
Gebuik je **Phoenix** dan heb je al een bestand gemaakt, je moet de nieuwe inhoud nog wel **saven**.
3. Ga naar je *Desktop* en dubbel klik op het nieuwe bestand.
Gebruik je **Phoenix** dan zie gelijk het resultaat aan de rechterkant.
Als het goed is zie je de lege pagina in je browser.
#### Drie gedeeltes
👁 Kijk goed naar de code, je hebt drie gedeeltes:
1. Het **CSS gedeelte** voor de vormgeving.
2. Het **script gedeelte** voor de 'echte' code.
3. De **body** waar, het stoplicht wordt geplaatst.
Zie je deze gedeeltes die nu nog bijna helemaal leeg zijn?
### 💡Tip
In windows op je desktop zie je nadat je het bestand hebt opgeslagen een bestand met de naam stoplicht.
Zie je alleen *stoplicht* en niet *stoplicht.htm*?
Als dat zo is, dan kan je dat verhelpen (in Windows 11) door in de file explorer de optie file name extensions aan te klikken:
### Testen
Probeer de tekst '*lege pagina*' te veranderen in een eigen tekst en controleer of je het resultaat in de browser ziet!
Als dit werkt dan kun je verder met de volgende stap.
\--