Doel van deze workshop is o.a. om de Front-End Development (FED) website beter onderhoudbaar te maken door middel van PHP scripts. Daarnaast willen we als vakgroep de mogelijkheid bieden om gebruikers zelf een stylesheet te laten kiezen zoals bij Zen Garden. Deze functionaliteit kan ook mbv. PHP worden gerealiseerd.
Download de huidige website ingepakt in een zipfile naar je computer via deze link Pak de gedownloade zipfile uit in een map op je computer. Handig is als je dit doet in een map met bijv. de naam FED. Deze maak je dan aan in je htdocs map van XAMPP, zodat je je PHP scripts lokaal kunt testen. Je moet er dan wel voor zorgen dat je webserver draait, dus in je XAMPP control panel zet je Apache aan. (Windows: Start > All Programs > Apache Friends > XAMPP > XAMPP Control Panel
Analyseer de website. Bekijk welke onderdelen daar iedere keer hetzelfde zijn.
Je zou voor deze terugkerende onderdelen een apart PHP bestand kunnen maken,
waardoor je de onderhoudbaarheid van de site verbetert. Immers, je hoeft dan
maar in 1 bestand de aanpassing te doen.
Denk bijvoorbeeld aan de divs: kop, jaarnav en nav. Deze komen terug in diverse
html bestanden, iedere keer met dezelfde inhoud. Qua html structuur zie je ook
dat van de <html> tag tot aan de <body> tag eigenlijk bij iedere
pagina niets wijzigt. Dit geldt ook voor het afsluitende deel, de </body>
en de </html>
Ook voor die onderdelen zou je aparte 'includes' kunnen maken.
Voorwaarde is wel dat je de html bestanden, die die includes gaan bevatten,
anders moet gaan noemen.
Bijvoorbeeld het bestand http://vakgroep.cmd.hro.nl/fed/y2/q2.html moet dan
opgeslagen worden als http://vakgroep.cmd.hro.nl/fed/y2/q2.php. En in die php-file
krijg je dan includes van bijv. /kop.php, van /nav.php en van /jaarnav.php
Kortom, maak een slimme(re) opzet voor de site structuur.
En voor diegenen die nog een stapje verder willen gaan: doe ook eens een voorstel over het gebruik van meerdere stylesheets. Deze stylesheets komen dan in 1 map te staan (/css) en hebben allemaal een andere naam. Dit zou bijvoorbeeld de naam van een student kunnen zijn, of het studentnummer. Dus janjaapvanderwal.css of 0783344.css. Deze stylesheets moeten nog worden verzameld trouwens; dit worden waarschijnlijk de stylesheets van de 1e jaars studenten die de herfstopdracht (maak een CSS voor de FED site) met minimaal een 8 hebben afgerond.
Het resultaat kun je online op jou C&MD webserver space publiceren. Mail
vervolgens je FED docent dat het er staat, dan kan hij in overleg met de coordinator
bekijken of het 'in produktie' genomen kan worden.
Bij goedkeuring wordt de naam van de engineer in de code vermeld!