Hoe maak IK mijn web pagesOpgelet: deze pagina is meer voor doe-het-zelvers, die willen weten hoe zaken in elkaar zitten. Ben je op zoek naar een kant-en-klare oplossing, kijk dan eens naar een echte CMS (Content Management Systeem) voor het web, zoals Yoomla of Xoops. Web pages, hoe maak ik die nu zelf? Lees eerst het stukje over hoe ik de losse web-pagina's maak op mijn web-page. Deze pagina gaat meer over:
De indexDe route op mijn web-page gaat goed voor het maken van losse pagina's, maar hoe maak je hier een samenhangend geheel van? Stel, je hebt een groep HTML files, hoe maak je daar een mooie index voor? Je hebt bijvoorbeeld de files '1.html' tot en met '5.html', en je wilt hierbij een file 'index.html' hebben van waaruit je naar die files kunt klikken. Wel, in HTML (de taal die door het web wordt gebruikt om web pages mee te beschrijven) zou dit er bijvoorbeeld als volgt uit kunnen zien:
Dit is een complete (zij het wat kale) webpagina gezien vanuit HTML (normaal zit er nog het een
en ander extra bij, als bijvoorbeeld de titel van de pagina). De 'tag' Uiteraard maak je dit normaal niet met de hand in HTML, maar doe je dit vanuit een geschikte editor voor web pages, zoals Kompozer (zie mijn web page). Maar hier zie je wat dit eigenlijk technisch gezien voor bron heeft, en dat komt in het verdere verhaal van pas. En nu automatischHet is natuurlijk handig wanneer het maken van deze lijst automatisch zou kunnen: een simpel programma dat in de directory kijkt welke files er staan, en dan daaruit zelf de bovenstaande index.html file maakt. Wel, dat kan. Dat kan zelfs op allerlei manieren. Zelf gebruik ik hiervoor de taal 'Perl' (zie elders op mijn web-pages). Ook zijn er voor dit doel al allerlei programma's in omloop, maar ik vind het leuker het zelf te doen. Een heel simpel Perl script '
En dat roep ik dan als volgt aan:
OK, dit script is misschien wat erg simpel, maar laten we eens kijken wat er gebeurt.
Klaar! Maar.....Helaas, deze aanpak is hier en daar wat erg simpel. Een file als '
Het vergelijkpatroon is nu wat complexer: er moet een punt voor 'html' staan
('\.' is een punt, een kale ' Het kan nog mooier: template gebruikMet bovenstaand programma'tje is een heel simpele index te maken. Maar, in de praktijk wil je op
iedere pagina een goede index hebben (ik tenminste wel, zie de linker kolom bovenaan deze pagina).
Wat ik dus doe is iedere file voorzien van een lijst met referenties naar de andere files. Gaat op
een soortgelijke manier, maar in plaats van de index weg te schrijven naar een aparte
' De pagina's waar je nu naar zit te kijken zijn op die manier tot stand gekomen. Ik heb een map
(' Alle gemeenschappelijke zaken (zoals het achtergrondplaatje, de footer op elke pagina, en zo
voort) staan hierbij in een gezamenlijk 'template' (sjabloon), waarin het script
dus de navigatiebalk aanmaakt en de tekst giet. Daarnaast het ik een tekstfile
( Het effect is hiervan een beetje vergelijkbaar met het gebruik van frames. Op mijn web page staat al waarom ik liever geen echte frames gebruik. In mijn template zijn (met behulp van een tabel-gebaseerde vormgeving) verschillende gebieden gedefinieerd te vergelijken met frames, maar die worden al van tevoren ingevuld in plaats van pas bij de gebruiker. Je zal begrijpen dat het script hiervoor iets ingewikkelder is dan bovenstaand voorbeeld. Je kan
bijvoorbeeld ook gemarkeerde tekst laten vervangen, zo wordt bijvoorbeeld
Let op: Dit is geen kant-en-klaar product (die zijn er zat op de markt) maar iets om zelf mee te kunnen starten. Kijk er naar en leer er van, maar het in een keer kopiëren en gebruiken zit er niet in..... Veel plezier er mee. Meer infoMeer uitleg over HTML? Kijk op Handleiding HTML. Wil je je web-page op correctheid laten checken? Kijk dan op HTML-checker. Meer info: ga terug naar mijn web page. |
op mijn site |