Iedere student kan gebruik maken van de webserver van het mediacollege om een webpagina online te zetten. Hiervoor heb je twee programma’s nodig:
- Een code editor om de pagina te schrijven.
- Een ftp-programma om de pagina op de webserver te zetten.
Stap 1: Code Editor
Download hier Visual Studio Code en installeer het programma. Zorg ervoor dat het programma in je apps map zit (als je een Mac hebt). Na installatie kun je de app in je appmap slepen in Finder.
Stap 2: FTP programma
Download hier FileZilla en installeer het programma. Zorg ervoor dat het programma in je apps map zit (als je een Mac hebt). Na installatie kun je de app in je appmap slepen in de Finder.
Stap 3: Je eerste pagina
- Open Visual Studio Code
- Klik links boven in het menu op Bestand > Nieuw of File > New
of druk op je keyboard op Command-N (Mac) of Ctrl-N (Win) - Schrijf hier je naam en studentnummer
- Sla dit bestand op jouw OneDrive in de map DIG > Web en noem het index.html
- Zet dit bestand op jouw server bij Ma met FileZilla
- Controleer of jouw 1ste html pagina online staat op:
https://studentnummer.hosts1.ma-cloud.nl/ of
https://studentnummer.hosts2.ma-cloud.nl/
(of je server 1 of 2 hebt kun je checken op panel.ma-cloud.nl)
TIP
Maak het jezelf gemakkelijk:
In namen van bestanden en mappen gebruik je nooit spaties, punten, komma’s of tekens als &, #, %, *, @, !, etc… en liever geen hoofdletters.
Stap 4: Inleveren
Let op: je link begint met https:// (=online) en niet met file:// (=offline). Test eerst of je link goed toont in een incognito of privé-venster in je browser voordat je inlevert.
Wat is Visual Studio Code?
Visual Studio Code is een code editor waarmee je programmeertalen kunt schrijven. Er zijn heel veel code editors. Werk je liever met Atom, Sublime Text of Notepad++, dan mag dat natuurlijk ook. Maar bijvoorbeeld MS Word is niet geschikt voor code.
Wat is FileZilla?
FileZilla is een FTP programma. FTP staat voor File Transfer Protocol. Het is niet meer dan een doorgeefluik tussen jouw computer en de server waar je je website op zet.
Verbinden met de Ma Server
Inloggen op jouw server bij Ma doe je op https://panel.ma-cloud.nl/. Hier kun je jouw eigen hosting link vinden die je hebt bij het Mediacollege. Login met je studentnummer en Ma-wachtwoord.