Voor de module Multimedia in de avondschool zijn er eigenlijk 3 opdrachten.
- Een site maken
- Een tutorial van Fireworks vertalen en maken in een webpagina
- Iets maken in Flash
Voor de website heb ik dus mijn eigen site gekozen om eens de nieuwe webstandaarden te gebruiken en er eindelijk, na zoveel jaar, iets nuttig op te zetten. Dit domein werd enkel gebruikt voor 2 pagina's die ik had gemaakt voor mijn Eggdrops jaren geleden, en mijn e-mail
Deze worden nu dus helemaal aangepast naar de nieuwe layout.
Er is veel tijd ingestoken om de CSS juist te zetten zodat de website wordt getoond zoals ik ze in gedachten had. Hiervoor heb ik een aantal dingen opgezocht omdat mijn kennis niet meer up to date was door al enkele jaren niet meer aan de website te werken.
Op de volgende website's heb ik inspiratie en technieken vandaan gehaald.
http://lesliefranke.com/files/reference/csscheatsheet.html
http://www.cssreset.com/how-to-keep-footer-at-bottom-of-page-with-css/
En nog vele andere die ik niet heb opgeslagen zoals voor in het midden te krijgen van de header en footer.
De CSS heeft een reset zodat alles om te beginnen hetzelfde is in alle browsers omdat die niet altijd dezelfde waarde nemen als er niets is opgeven en dus je een andere uitkomst kan hebben als je een andere browser gebruikt.
Er is getest geweest met Chrome, Firefox en Internet Explorer 11.
Als de site op een andere formaat wordt getoond kan deze ook zich aanpassen aan de breedte van de beschikbare ruimte zodat het ook zou moeten werken op smartphones en tablets.
Probeer het maar uit en maak de site heel smal dan zie je een aantal dingen veranderen.
De footer verdwijnt en de links aan de linkerkant verspringen van plaats.
Er is nog wel werk aan bv een CSS als je wilt afdrukken, deze is nog helemaal niet geimplementeerd. Maar nu de site wel een vorm heeft aangenomen is de goesting er meer om het 100% juist te doen en zal er in de toekomst nog wel dingen aan verandert worden.
Bij Sjabloon vindt u wat ik had gemaakt om elke pagina van te maken.
Op zich ziet u dit al op elke pagina aangezien ze daar allemaal van gemaakt zijn maar toch wou ik ze er bij zetten, aangepast zodat het in het geheel netjes past. :)
Bij Fireworks vindt u de vertaalde tutorial en wat ik met mijn logo heb gedaan.
En natuurlijk de verwachte flash kan ook niet ontbreken.