uitgave: developerscorner.nl  dec. 2011  *)

© CSShunter

Reisverslag uit Cascade-land

Praktijk van de ontwikkeling van een website met css, html en javascript

Inhoudsopgave

• Startpagina
• 01 - De uitdaging en het program van eisen
• 02 - De aanpak
• 03 - De basis
• 04 - Kleurgebruik
• 05 - Indeling pagina
• 06 - Header-afbeelding
• 07 - Tijdelijke rechterkolom
• 08 - Absolute benen (1)
• 09 - Absolute benen (2)
• 10 - Absolute benen (3)
• 11 - Absolute benen (4)
• 12 - Container staande figuur
• 13 - Schalende staande figuur
• 14 - Bluebar op de achtergrond
• 15 - Bluebar op de voorgrond
• 16 - Bluebar achter de benen
• 17 - Transparantie en opacity (1)
• 18 - Transparantie en opacity (2)
• 19 - (Reset tijdelijke elementen)
• Menu-zaken20 - Hoofdmenu (1)
• 21 - Hoofdmenu (2)
• 22 - Menu positie (1)
• 23 - Menu positie (2)
• 24 - Menu positie (3)
• 25 - Browser-alarm: Internet Explorer
• 26 - Submenu's inhangen (1)
• 27 - Submenu's inhangen (2)
• 28 - Submenu's inhangen (3)
•  29 - Submenu's inhangen (4)
• 30 - Onder de bluebar: kruimelpad (1)
• 31 - Onder de bluebar: kruimelpad (2)
• Kolommen-werk32 - Content voorop! (1)
• 33 - Content voorop! (2)
• 34 - Rechterkolom erbij
• 35 - Ongelijke kolommen aangepakt (1)
• 36 - Ongelijke kolommen aangepakt (2)
• 37 - Ongelijke kolommen aangepakt (3)
• 38 - Ongelijke kolommen aangepakt (4)
• 39 - Faux columns opgehangen
• 40 - Vals spel IE7 bij de faux columns
• 41 - Het staartje: prefooter en footer
• 42 - Transparantie-test voor de kolommen
• 43 - Verlanglijst: pagina vullen ... (1)
• 44 - Verlanglijst: pagina vullen ... (2)
• 45 - Korte pagna's opgerekt
• Twitter tunen46 - Twitter invoegen (1)
• 47 - Twitter invoegen (2)
• 48 - Twitter invoegen (3)
• 49 - Twitter invoegen (4)
• 50 - Twitter invoegen (5)
• 51 - Twitter invoegen (6)
• 52 - Twitter invoegen (7)
• 53 - Twitter invoegen (8)
• 54 - Twitter invoegen (9)
• 55 - Twitter invoegen (10)
• 56 - Twitter invoegen (11)
• 57 - Twitter invoegen (12)
• 58 - Twitter invoegen (13)
• 59 - Twitter invoegen (14)
• Last but not least60 - Op weg naar het einde... inspectie!
• 61 - Kleinere header voor minder hoge beeldschermen
• 62 - Images gepimpt
• 63 - Images optimaliseren
• 64 - Internet Explorer zaken: weg met de IE-FOUC!
• 65 - Pagina-structuur en toegankelijkheid
• 66 - Spelling en tikfouten nalopen
• 67 - Google-optimalisatie
• 68 - Test-inhoud uitproberen
• 69 - Test-inhoud: Welkom op mijn website
• 70 - CSS en Javascript naar aparte bestanden
• 71 - HTML-code opschonen
• 72 - Model-homepage in html: Welkom op mijn website
• 73 - PHP-header met charset er bij
• 74 - Test: lege PHP pagina
• 75 - PHP includes
• 76 - Sjabloon-pagina met php-includes, als .htm
• 77 - Sjabloon-pagina met php-includes, als .php
• Het resultaat78 - Model-homepage in php: Welkom op mijn website
• 79 - Einde reisverslag, terugblik en vervolg
• 80 - Bijlage: gebruikte mappen en bestanden

*) productie: CSShunter / bliksekaters.nl   web: www.bliksekaters.nl/subs/reisverslag