Marjanne Timmers in schaatstenue op het ijs

Menu

U bent hier: Home

CSS en Javascript naar aparte bestanden

vorige 70 volgende | inhoud

Gerealiseerd in deze stap:

  • De css is apart gezet in het bestandje "mt-basic.css" (10,5kB) en geplaatst in een nieuwe map "toebehoren".
  • Al aanpassend pleegt css tijdens de constructie nogal een rommeltje te worden. In het definitieve stylesheet is de orde weer aangebracht: alles soort bij soort, en in de goede volgorde.
    De styles voor de hoofdstructuur staan apart, evenals die voor alle kleuren en backgrounden. Na de styles voor het letterwerk blijven de onderdelen "menu" en "twitter" over.
    Zie hier het toebehoren/mt-basic.css.
  • In de css-bestanden zijn de verwijzingen naar de images-map één niveau hoger gezet, omdat de toebehoren-map op gelijk niveau zit als de images-map, en eerst uit de toebehoren-map geklommen moet worden voordat kan worden afgedaald naar de images-map.
  • Tegelijk is ook het javascript in een bestandje "mt-basic.js" (7kB) gezet, en eveneens in de map "toebehoren" geplaatst.
    Zie hier het toebehoren/mt-basic.js.
  • In het script hoeft niets te gebeuren, omdat dit rechtstreeks in de pagina wordt gebruikt.
  • Het javascript met de twitter-instellingen stond al los in een tmp-map, en kan nu ook naar de toebehoren-map.
    Zie hier het toebehoren/mt-twitter-instellingen.js.
  • De css en het js in de html-code vervangen door links naar deze bestanden in het toebehoren-mapje.
  • Tenslotte van alle css en js reserve-kopieën gemaakt, die ook geupload zijn naar het toebehoren-mapje op de server, zodat bij eventuele latere veranderingen altijd op de originelen kan worden teruggevallen als iets lokaal mis mocht gaan.
  • De Quickscan Webrichtlijnen geeft nu niet meer de waarschuwing dat css-styles niet in de html-code mogen staan. ;-)

ToDo lijstje

Kleine header voor lage resoluties, plus bijbehorend javascriptje.
Real life testen in IE8 en IE9.
Flits bij pagina-wissel in IE wegwerken.
Images zo nodig bijwerken.
Images optimaliseren.
Toegankelijkheid en hidden navigatie verbeteren.
HTML-code opschonen.
CSS-code en javascript in apart stylesheet/js-bestand.
PHP-header met charset aanmaken.
Favicon maken en in de html zetten.
Spelling en tikfouten nalopen.
Google-optimalisatie.
Test-inhoud uitproberen.
PHP-includes voor menu en zijkolommen.
Na elke wijziging testen op css, html, WCAG en Webrichtlijnen.

vorige 70 volgende

Twitter

Mededelingen

Hoofdsponsor

www.derozenborg.nl

Nieuws

Op .. is in .. om .. uur een 1500m wedstrijd.
Lees verder bij de wedstrijd-agenda.

Wedstrijdrijden is heel erg duur. Als privépersoon, bedrijf of organisatie kunt u mij helpen met een sponsorbedrag (al vanaf € 100 p/jr). Kijk op de sponsor-pagina voor meer informatie.