Naam:  Wachtwoord:        Wachtwoord? Naam?   |   Register
Home CSS Teksten en style sheets

Teksten en style sheets

PDF Afdrukken E-mail
Webdesign - CSS
Inhoudsopgave
Teksten en style sheets
Display property
Lijsten
Teksteigenschappen
Alle pagina's
Pagina 1 van 4

Teksten en style sheets

Veel webdesigners is het een doorn in het oog dat HTML niet genoeg mogelijkheden verschaft om teksten op te maken. Maar dat duurt niet lang meer. Style sheets bieden namelijk allerhande handvatten om webpagina's er beter uit te laten zien. Zo is het bijvoorbeeld eindelijk mogelijk om marges aan te brengen, lijsten te verfraaien en letters te spatiëren.

Na de hausse aan grafisch 'zware' pagina's van de afgelopen jaren is er nu een tendens dat webdesigners steeds vaker hun pagina's versimpelen, zodat de gebruikers ze sneller kunnen inladen. Het belangrijkste onderdeel van webpagina's is meestal toch de inhoud. Om de boodschap zonder grafische hoogstandjes toch over te brengen, maakt men vooral gebruik van tekst. En dat brengt tegelijkertijd ook een probleem met zich mee. De opmaak van teksten op het World Wide Web ziet er namelijk altijd hetzelfde uit. Zo ziet u bijvoorbeeld weinig inspringingen, altijd een witregel onder de hoofdkop en geen spatiëringen.

Kansen voor CSS
HTML is eigenlijk ook helemaal niet bedoeld om teksten mee op te maken en dat zien we dan ook direct terug in de mogelijkheden die deze taal biedt op dat gebied. De tekortkomingen van HTML komen het duidelijkst aan het licht als we kijken naar de mogelijkheden die een tekstverwerker biedt. In Wordpro, Wordperfect of Word is het geen enkel probleem om teksten te laten inspringen, witruimte tussen de woorden en letters te veranderen, de regelafstand in te stellen of delen van een tekst op een bepaalde manier uit te lijnen. Maar probeert u dat maar eens met HTML te bewerkstelligen. Dat lukt u niet. Meer dan een uitlijnopdracht als align="left" is meestal niet mogelijk.

Cascading style sheets biedt u de mogelijkheid om teksten professioneler op te maken, al zeggen we er direct bij dat het niet alle tekortkomingen oplost omdat de browsers niet alle functies ondersteunen of dit op een andere manier doen.
Zoals gezegd krijgt u door gebruik te maken van style sheets een aantal nieuwe mogelijkheden tot uw beschikking om teksten op te maken. We kunnen hierbij een tweetal aandachtsgebieden onderscheiden: classificatie- en teksteigenschappen.

Met de eigenschappen van classificatie of indeling wordt niets anders bedoeld dan de manier waarop bepaalde structuren worden geïnterpreteerd door de browser. In HTML kennen we drie verschillende structuren: block elements, inline elements en list elements.
Block elements zijn alle tags die beginnen op een nieuwe regel maar er ook mee afsluiten. U kunt er denkbeeldig een kader of blok om heen denken. Tot de block elements behoren onder meer: P, PRE, BLOCKQUOTE, DIV, FORM en TABLE en ook alle headers (koppen) en lijsten.
De inline elements daarentegen beginnen niet op een nieuwe regel en eindigen er ook niet mee. Inline elements kunnen eenvoudig een regel delen met andere tags. Tot de inline elements behoren onder meer IMG, FONT, B, I, A en SPAN.
Tot de laatste groep behoren de list elements. De tags die hiertoe behoren, zijn bedoeld om lijsten te maken. List elements hebben dezelfde structuur als block elements. Het enige verschil is dat aan deze tags een bepaald label is gekoppeld, dat aangeeft hoe de lijst eruit moet worden weergegeven. De bovenstaande indeling is vastgelegd in de officiële HTML specificatie en daarvan valt niet af te wijken, tot grote ergernis van veel webdesigners.




Vorige - Volgende >>
 

Lente Actie!

Omdat het lente is, vieren we feest! We geven daarom alleen in de lente 50 euro korting op alle basistrainingen van Avid Studio, Magix Video deluxe, Sony Vegas Movie Studio en Adobe Premiere Elements.

U betaalt dus geen 149 euro per trainingsdag, maar 99 euro. Schrijf je snel in, want er zijn maar een beperkt aantal plaatsen beschikbaar!

Cursussen en trainingen

Dvscene geeft trainingen en cursussen in het trainingscentrum van Iscenes multimedia.

Er zijn verschillende cursussen per pakket voor beginners en gevorderden.  U kunt zich inschrijven voor de volgende cursussen en trainingen:

 

 

 

Dvscene.nl is onderdeel van Iscenes multimedia specialist in videomontage-, cms- en cameratrainingen. Copyright © 2012. Dvscene.nl.