Op het moment is de pagina "Over Mij" bijna af, alleen zit er nog een gat in de pagina welke ik graag wil opvullen met een passend plaatje.
 |
| Bijna klaar |
Informatica
 |
| Informatica |
De eerste pagina die ik af had en naar mijn mening ook de meest geslaagde. Ik heb de pagina gebruikt als een uitleg over wat informatica inhoudt en wat je kan verwachten als je dit vak gaat volgen. Daarbij heb ik ook nog wat links gegeven naar andere sites met interessante informatie over webdesign en pagina's van klasgenoten die naar mijn mening hele leuke functies hebben verwerkt in hun pagina.
Weinig extreme trucs uitgehaald. alleen gebruik gemaakt van de float-functie om alles mooi op een rijtje te krijgen. Verder heb ik nog voor de eerste header een radial-gradient gebruikt om een leuke schaduw te krijgen.
Leuke trivia: Als je kijkt naar de lijn (geplaatst met <hr />) dan staat daar een "0" op. Dit heb ik niet zelf gedaan, dit hoorde toevallig bij de achtergrond.
Hobby's
 |
| Hobby's |
De tweede pagina die ik af had. Ook al is de opmaak een stuk simpeler, toch heb ik hier meer tijd aan besteedt, maar later daar meer over. Op deze pagina heb ik mijn grootste hobby's beschreven, waar ik meestal ook de meeste tijd aan besteedt.
Hier heb ik meer aandacht aan besteedt, maar meer doordat ik een aparte achtergrond wilde hebben. Het probleem was namelijk, dat ik twee foto's bij elkaar wilde voegen, maar het moest niet overduidelijk geknipt en geplakt zijn, dus heb ik veel tijd moeten besteden aan het uitsnijden van de basketballer uit zijn originele foto en hem plaatsen in deze foto. Geschatte tijdskosten: 2 uur, maar het zeker waard.
Verder heb ik de html en css weer simpel en overzichtelijk gehouden, een radial-gradient gebruikt voor de header en een float-functie voor de links.
Leuke trivia: Deze achtergrond heeft een lange geschiedenis. Eerst begon het met alleen de gitaar, die is toen meerdere malen heen en weer verplaatst op de achtergrond, totdat ik er eindelijk tevreden mee was. De basketballer wilde ik eerst lager hebben, maar na nog veel meer geschuif kwam dit er toch leuker uit. Toen wilde ik eigenlijk nog een basket plaatsen, maar na nog meer schuif- en plakwerk kwam ik er achter dat de basket er alleen maar raar uit zou zien en is deze er ook uit gehaald.
Voordat ik het nu ga hebben over de laatste pagina, maak ik hem af. Ik heb me ineens bedacht wat ik als plaatje kan plaatsen op de lege plaats.
*5 minuten later*
Over Mij
 |
| Goeie "gap-filler", of niet? |
Een flauw grapje kan altijd.
Last, but not least: Over mij. Hierin is weer een wat simpelere opmaak gebruikt dan in die van Informatica, maar toch weer ietsje ingewikkelder op bepaalde punten dan die van Hobby's. Op deze pagina kom je als eerste als je mijn pagina bezoekt en word je een beetje wegwijs gemaakt over de site. Ook beschrijf ik mijzelf en dingen die mij de laatste tijd bezig houden. Natuurlijk niet alles, niet iedereen hoeft te weten op wie ik een oogje heb bijvoorbeeld...
Deze achtergrond is ook "custom-made" maar hier liep alles een stuk soepeler en heb ik veel minder tijd hoeven te besteden aan de achtergrond. Bij deze css heb ik nu ook nog gebruik gemaakt van de absolute-functie, om de gap-filler te plaatsen.
Leuke trivia: Deze pagina heeft in totaal 16 verschillende achtergronden gekend, allemaal heel erg verschillend van elkaar. Uiteindelijk is deze achtergrond er gekomen, waar wat kleine trucjes uit zijn gehaald om de pagina net wat charmanter te maken. Als voorbeeld, de banner die ik heb gebruikt om "Tom's website" neer te zetten, had eerst nog reclame er half doorheen. Na wat geknutsel met Paint, is er niks van over.
The end.
Nou, dat was hem dan, het laatste stapje. Nu alles oploaden naar cPanel en versturen via WeTransfer.com en ik ben klaar! Het was hardstikke leuk om aan te werken en ik heb er gigantisch veel van geleerd. Kijk als voorbeeld maar eens naar het verschil tussen deze pagina:
 |
| Nummer 1 |
En kijk dan naar deze pagina:
 |
| Nummer 2 |
Mooi toch, om te zien hoeveel je leert, in zo'n korte tijd?
Dat was hem dan, de laatste post, la fin, the end, het einde. Ik ben benieuwd naar mijn cijfer.
-Tom
