|
www.imquso.nl |
![]() |
Informatie over dit web ontwerp. |
| |||||||||||||||
Dit webdesign verantwoordProgramma codeDe website is geschreven in PHP. De teksten (links en rechts) staan als setje in een bestand
(de pagina die opgevraagd word) om leesbare URLs te hebben. B.v. www.imquso.nl/webdesign.php
Dat vinden zoekmachines plezierig. Over dit web designHet idee voor dit web design, een open geslagen boek, zat al wat langer in mijn hoofd
maar was nog niet uitgewerkt. Maar nu er steeds meer breedbeeldschermen komen was het een optie.
Maar de schaalbaarheid van de web paginas (tbv normale gebruikers) moest ten alle tijden gewaarborgd blijven.
Ook het vergoten of verkleinen van de letters op het scherm moet geen (of beperkt) layout conflicten opleveren. De achtergrondMet CCS de twee tekst kolommen/bladzijde maken met een schaalbare hoogte en breedte (fluid) was mogelijk
maar het probleem van ongelijke bladzijde lengte kreeg ik niet netjes opgelost. +-V-+---S---+-V-+---S---+-V-+ V | | | | | +---+-------+---+-------+---+ | | linker| |rechter| | S | zijde | | zijde | | | | inhoud| |inhoud | | +---+-------+---+-------+---+ V | | | | | +---+-------+---+-------+---+De linker en rechter bladzijde inhoud moeten dus schaalbaar zijn terwijl de andere delen zo stabiel mogelijk moeten blijven. Het boek is opgebouwd uit een tabel met achtergrond plaatjes. Vaste hoogte en breedte wordt afgedwongen door een dummy pixel plaatje van gedefinieerde breedte of hoogte. Er is bewust gekozen voor tabel achtergrond plaatjes omdat deze niet geprint worden en ook omdat alle tabel cellen een inhoud moeten kunnen hebben zoals b.v. tekst, tabs, bladnummer, etc. De tabsDe tabs zijn ook in tabellen uitgevoerd omdat alle CSS varianten minimaal een beperking hadden in varianten
(normaal, aanwijzen, geselecteerd) of schaalbaarheid.
De tab verdeling links of rechts is te bepalen uit de volgorde van de bladzijdes en door de tabs (intern)
te nummeren kun je ze ook een number afhankelijke uitwijken meegeven waardoor de indruk wordt gewekt
dat ze ook op andere bladzijdes in het boek zitten. InhoudsopgaveDe inhoudsopgave, vorige bladzijde, volgende bladzijde en bladnummering wordt afgeleid van een
configuratie bestand waarin o.a. de pagina/bladzijde/hoofdstuk relatie is vastgelegd. |
Twee TalenElke pagina is in twee talen beschikbaar waarvan de inhoud in een apart bron bestand staat
door alle 3 designs wordt gebruikt. Bladeren in het boekHet effect van bladeren in het boek wordt verkregen door de zijkanten van het boek
breder of smaller te maken afhankelijk van de bladzijden die getoond wordt.
Hoge bladnummers hebben een smalle rechterkant, lage bladnummers hebben een smalle linkerkant. NavigatieHet hoofdmenu is natuurlijk de inhoudsopgave. maar aan de linker en rechter zijkant worden ook tabs getoond
met de hoofd menu keuzes (hoofdstukken). Gerelateerde webdesigns
|
|
|||||||||||||||||
|
|