Window Presentaties

Frames

Waarom

Door gebruik te maken van frames is het mogelijk om meer dan één HTML document in hetzelfde browser venster te vertonen. Elk HTML document wordt een frame genoemd en is onafhankelijk van de andere.

Toepassing

Een typische toepassing is om één frame te benoemen voor navigatie, één voor de kop van de webpagina en één frame (hoofdframe) voor informatie vertoning. In het hoofdframe worden dan de verschillende webpagina's gepresenteerd volgens de selectie in het navigatie frame. Op deze wijze is het mogelijk om (eenvoudig) een foutloze navigatie te realiseren. Aanpassing van de inhoud van het frame van de kop zal ook zorgdragen voor een consistente vertoning van de kop van het venster als andere pagina's worden vertoond in het hoofdframe (laat voorbeeld zien).

Opvulling

Bij de meeste web pagina's van Design4W3 zul je aan de rechter en linkerzijde opvulvlakken zien. Indien de schermresolutie van de computer staat ingesteld op 1024x768 pixels en het browser venster wordt zo groot gemaakt dat het volledige scherm wordt benut dan zie je aan de beide zijden een opvulling. Als het venster wordt verkleind dan zullen eerst de opvulvlakken kleiner worden en daarna pas het tekst gedeelte van de webpagina (laat voorbeeld zien).

De getallen veranderen naar steeds hogere resoluties maar de verdeling (december 2008) van www.startpagina.nl is ongeveer als volgt:

Het aantal displays met een resolutie van 800x600 is in vier jaar tijd gedaald van 30% (2004) naar 10% (2006) naar 3% in 2008. We zien een sterke toename van de schermresoluties in de verhouding 16:10, deze zijn gemarkeerd met een *. Dit als gevolg van de populariteit van de "breedbeeld" laptop.

Kolommen

Een ander, en tevens een zeer belangrijk aspect, heeft te maken met de leesbaarheid van de pagina. Om tekst goed leesbaar te houden moet deze niet te breed worden. Vergelijk de onderstaande twee voorbeelden maar eens.

Voorbeeld brede tekst

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

Voorbeeldtekst in kolommen

Als je de lijnen probeert te lezen dan is het makkelijker de tekst te blijven volgen indien de regels niet te lang zijn.