Pagina 144 van 147

Printervriendelijke pagina's maken

printervriendelijk in css
Een van de voordelen van CSS is dat je vooraf kunt bepalen hoe je site er uit gaat zien
op het scherm. Maar dit is niet alleen mogelijk voor het scherm, je kunt ook aparte stylesheets
maken voor zogenaamde handhelds of bijvoorbeeld voor spraakprogramma’s. Wat ook handig is
is het onderdeel van CSS speciaal voor een printversie van een pagina.

Eerst even alle media types op een rij.

Media typeOmschrijving
allGeschikt voor alle media
brailleGeschikt voor braille toepassingen
embossedGeschikt voor braille printers
handheldGeschikt voor handhelds
printGeschikt voor print previews op een beeldscherm
projectionGeschikt voor geprojecteerde presentaties
screenGeschikt voor computerschermen
speechGeschikt voor spraaktoepassingen
ttyGeschikt voor media die een beperkte weergavemogelijkheid hebben
tvGeschikt voor televisie typen

Natuurlijk kun je een en dezefde stylesheet gebruiken voor alle mediavormen.
Dat doe je als volgt:

Lees verder »

Commentaar toevoegen aan broncode

Het is een goede gewoonte om aan je broncode van je website commentaar toe te voegen. Niet alleen voor de eventuele bezoeker, die in je broncode kijkt hoe je iets gedaan hebt, maar ook voor jezelf. Je kunt op die manier bij het bouwen of bij het wijzigen van je site makkelijk terugvinden waar iets stond. Zo kun je de indeling van je site weergeven, waar de header stond en waar het menu, maar je kunt ook bepaalde functies weergeven in een javascript.

Lees verder »

Doctype

Document Type Definition

Wanneer je het hebt over een DTD, Document Type Definition (DocumentType definitie), dan
heb je het in wezen over de bouwtekening waarin XHTML staat beschreven. In dit artikel
willen we ingaan op de drie verschillende definities die er bestaan voor XHTML; Transitional,
strict en frameset.

Een DTD is een formeel document waarin vastgelegd is welke elementen en attributen zijn
toegestaan, en wat deze wel en niet mogen bevatten. Deze DTD heeft een eigen manier van opbouw,
waar we verder niet op in zullen gaan, maar we willen de drie smaken eens nader belichten.

Lees verder »

Syntax van css

Soms is het handig om eens wat basisprincipes weer naar boven te halen. Hoe zat het ook al weer en hoe moest je een en ander ook alweer gebruiken. We beginnen met CSS. In drie artikelen willen we de basisregels van CSS weer naar boven halen. In het eerste artikel gaan we in op de manier van schrijven in CSS. Met name de ‘selector’, de ‘property’ en de ‘waarde’.

CSS heeft een bepaalde syntax. Dit zijn de regels die je moet volgen bij het schrijven van css.

Lees verder »

DIV layers

Textbox in CSS met div

Je kunt met behulp van tabellen behoorlijk goed een pagina indelen en beheersbaar maken, maar met behulp van de div-tag kun je nog veel meer voor elkaar krijgen en heb je tabellen niet eens meer nodig. Je gaat textboxen maken, die je tot op de pixel nauwkeurig kunt neerzetten. Ook zetten we deze textbox in lagen.

Om textboxen en lagen te kunnen gebruiken en te beheersen maak je gebruik van CSS. CSS is de standaard webopmaak technologie om je html te kunnen definiëren. Zo kun je letterkleur, type en grootte bepalen en kun je er ook mee aangeven hoe groot een tabel moet zijn. Met CSS kun je ook lagen maken en aangeven waar deze laag moet verschijnen en welke laag onder of boven moet liggen. Je kunt denken aan bijvoorbeeld photoshop waar ook met lagen (layers) gewerkt wordt.

Lees verder »