Naam:  Wachtwoord:        Wachtwoord? Naam?   |   Register
Home CSS Cursus CSS

Cursus CSS

PDF Afdrukken E-mail
Webdesign - CSS

Werken met Cascading Style Sheets

Nu u helemaal thuis bent in HTML 4.0 wordt het tijd om te kijken naar een nieuwe standaard van het W3C, Cascading Style Sheets. Deze nieuwe technologie zal het maken van webpagina's voorgoed veranderen. Cascading Style Sheets, of kortweg CSS, is ontstaan uit onvrede over de beperktheid van HTML om pagina's te kunnen vormgeven.

Toen Tim Berners-Lee in 1990 HTML uitvond, was iedereen vol lof. En terecht. Het werd eindelijk mogelijk om eenvoudig informatie uit te wisselen tussen computers die ver van elkaar vandaan stonden. Helaas bood HTML niet veel mogelijkheden om webpagina's een fraai uiterlijk te geven. Het liefst wilden de webontwikkelaars hun webpagina's eenzelfde uiterlijk geven als de pagina's in de gedrukte media. Omdat dit met de toenmalige versie van HTML niet mogelijk was, werd er gezocht naar alternatieven. Microsoft en Netscape kwamen sinds 1994 met oplossingen. Zij introduceerden bij iedere versie van hun browser nieuwe tags (kenmerken die aan tekst gegeven worden). De twee bekendste voorbeelden van zulke browser-specifieke tags zijn <BLINK> (knipperen) en <MARQUEE> (scrollen). Er verschenen ook tags die enkel bedoeld waren om de grafische presentatie van webpagina's te verbeteren. Maar niet alleen de makers van de browsers probeerden manieren te vinden om het webpagina's er beter te laten uitzien.
De webontwikkelaars kwamen zelf ook met oplossingen voor het presentatie-probleem. Om bepaalde soorten lettertypen toch te kunnen laten zien werden deze grafisch, dus als plaatjes, weergegeven. Plaatjes kunnen net als gewone tekst-links als navigatiemiddel dienen. Deze oplossing betekende echter wel een enorme toename in het dataverkeer; plaatjes nemen nu eenmaal meer bytes in beslag dan tekst.
De webontwikkelaars gaven ook een andere functie aan de nu zo belangrijke <TABLE> tag. Oorspronkelijk was deze tag bedoeld om tabellen te maken, net als de manier waarop Excel, Lotus 1,2,3 en Quattro Pro dat doen. De onmogelijkheid van HTML om tekst in kolommen te plaatsen en de wens van webontwikkelaars om de website zoveel mogelijk op de gedrukte media te laten lijken, resulteerde erin dat de <TABLE> tag een andere primaire functie kreeg. Deze tag werd voortaan gebruikt om verschillende elementen op een webpagina naast elkaar te plaatsen.


Bij het W3C vindt u de laatste informatie over Cascading Style Sheets.





















Wat zijn style sheets
Cascading Style Sheets is niets anders dan een nieuwe taal waarmee het mogelijk wordt om een bepaalde style toe te kennen aan HTML-elementen. Een style kan van alles zijn: de grootte van een lettertype, het lettertype zelf, de grootte van de marges, de kleuren én de meest in het oog springende vernieuwing: het pixelnauwkeurig kunnen positioneren van elementen op een pagina. Dit positioneren van elementen kan door het aangeven van x- en y- coördinaten (horizontaal en verticaal) maar ook over de a-z index, waardoor het mogelijk wordt om elementen te laten overlappen. Alle elementdefinities worden vastgelegd in een template of style sheet. Een verandering in een style sheet heeft dan ook direct gevolgen voor de hele pagina of website. Het heeft in die zin veel weg van templates zoals wij die kennen in gangbare softwarepakketten.

Een belangrijke eigenschap van CSS is dat verschillende style sheets de presentatie van één document kunnen beïnvloeden. Deze eigenschap staat bekend als 'cascading'. In de praktijk zijn er altijd twee, maar meestal drie verschillende style sheets. Allereerst heeft iedere browser een standaard (default) style sheet, die aangeeft hoe een document moet worden afgebeeld. Ten tweede krijgt u te maken met de style sheet van de ontwerper van een site. De laatste mogelijkheid is dat u zelf een style sheet heeft gemaakt.

Om te voorkomen dat verschillende style sheets conflicteren zijn er bepaalde afspraken gemaakt. De style sheet van de ontwerper geldt als uitgangspunt. Als de gebruiker er zelf ook één heeft gemaakt dan gelden de daarin vastgelegde styles als belangrijker. Als laatste kan ook de browser bepaalde styles opgeven. De browser bepaalt uiteindelijk hoe de verschillende style sheets met elkaar om moeten gaan.
Een toepassing van cascading is dat het nu mogelijk is om binnen een bedrijf verschillende afdelingen tegelijk te laten werken aan één site, waarbij iedere afdeling zijn eigen style sheet kan gebruiken.

Deel dit bericht met anderen

Submit to Delicious Submit to Digg Submit to Facebook Submit to Google Bookmarks Submit to Stumbleupon Submit to Technorati Submit to Twitter Submit to LinkedIn

Commentaar (0)add comment


Schrijf commentaar

feedToon/Verberg commentaar formulier
kleiner | groter
password
 

busy
 

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.