In deze opgave maak je een startpagina voor je persoonlijke website en publiceer je de website op je persoonlijke webruimte1 van de UGent. Je doet dit door onderstaand stappenplan te volgen:
Gebruik je favoriete tekstverwerker om de volgende tekst in een bestand te plaatsen. De tekst volgt het HTML2 (HyperText Markup Language) formaat dat gebruikt wordt voor het opbouwen van websites. Hierbij is het gebruik van witruimte niet belangrijk. Sla het bestand op onder de naam index.html. Maak het bestand eerst aan op je lokale computer alvorens het over te zetten naar je persoonlijke webruimte van de UGent (het overzetten van bestanden van de ene computer naar een andere computer is een belangrijk onderdeel van deze opgave).
<html> <head> <title>My First Website</title> <style> body { background:url('dolphins.png'); } div.page { margin:auto; width: 600px;} p { text-align: justify; } p.quote { font-weight: bold; } p.author { text-align: right; } </style> </head> <body> <div class="page"> <h1>Quote of the day</h1> <p class="quote"> "It is of interest to note that while some dolphins are reported to have learned English — up to 50 words used in correct context — no human being has been reported to have learned dolphinese." </p> <p class="author">— Carl Sagan</p> </div> </body> </html>
Download de afbeelding dolphins.png3 in dezelfde directory als het index.html bestand. Open het index.html bestand in een browser om een grafische weergave van de webpagina te zien.
Nu je een eerste prototype hebt van je startpagina, gaan we de website publiceren door de bestanden index.html en dolphins.png te kopiëren naar de WWW directory van de webhost webssh.ugent.be. Onder secure file copy4 staat beschreven hoe je dit kunt doen. Om deze bestanden zichtbaar te maken voor de buitenwereld moet je de bestanden leesbaar maken voor alle gebruikers. Dit kan je doen door het volgende commando uit te voeren op de webhost:
$ chmod o+r index.html dolphins.png
Als alles goed verlopen is dan kan je nu je webpagina bekijken op de volgende URL5:
http://users.ugent.be/~login/
Hierbij moet de term login in de URL vervangen worden door de gebruikersnaam van je UGent account6.
Voel je vrij om de startpagina aan te passen zoals je zelf wilt (andere quote, andere afbeelding voor de achtergrond, …).
Vergeet niet om hieronder op de indienknop te klikken als je klaar bent.
In een Unix omgeving kan je het scp commando gebruiken om bestanden te kopiëren tussen twee computers (bijvoorbeeld van helios.ugent.be7 naar webssh.ugent.be8). Dit commando gebruikt hetzelfde beveiligingsprotocol als het ssh commando. Windows-gebruikers kunnen voor het kopiëren ook gebruikmaken van WinSCP9 (ook beschikbaar op Athena10).