Had jij altijd al willen weten wat XML is? Of behoor je tot de mensen, waar ik me in het verleden ook onder schaarde, die dachten dat dit weer een commerciële truuk is, die nog in de kinderschoenen staat van de grote firma MicroSoft, om de markt een verbeterde standaard te brengen? Nu, dan is deze cursus precies wat jij nodig hebt.
In deze cursus van zeven delen, gaan we alleen de basis behandelen. We gaan kijken waar XML nu vandaan komt, wat SGML is, hoe je van HTML naar XML gaat en wat XML is. Dan gaan we XML pagina's maken en we gaan ook de koppeling zien van XML en CSS. Aan het eind van deze cursus kan je dan ook een echte webpagina maken met dynamische inhoud.
In dit deel gaan we de verschillen tussen CSS en XSL benaderen. Verder gaan we met CSS werken in HTML om ons geheugen op te frissen en daarna in XML.
CSS <--> XSL:
- CSS kan gebruikt worden om HTML en XML van opmaak te voorzien. XSL kan enkel in XML gebruikt worden.
- XSL is een héél nieuwe manier van opmaken. CSS wordt wat algemener geaccepteerd.
- XSL is in XML geschreven en biedt de mogelijkheid om bijvoorbeeld de volgorde van de elementen te wijzigen, door sorteer- en filterfuncties te gebruiken.
- Verder kan je XSL gebruiken om documenten in een andere vorm om te zetten, wat in CSS niet mogelijk is.
CSS:
- CSS' voornaamste functie: het weergeven van elementen.
- Standaardstijlen vervangen door stijlen die we in een CSS-bestand plaatsen.
- Opmaak scheiden van de inhoud. Rekening houdend met het feit dat opmaak van een parent element wordt geërfd
In HTML:
Er zijn 3 soorten opmaak:
- Ingesloten stylesheets (bovenaan het document: vb01).
- Inline stylesheets (exclusief per element: vb02).
- Gekoppelde stylesheets (extern bestand: vb03).
In XML:
- In het XML-document:
<?xml-stylesheet type="text/css" href="opmaak.css"?>
- In het CSS-document:
naam
{
font-family:"Arial";
text-align:"center";
}- In het CSS-document gaan we de naam van de tag opgeven, met daarna de gewenste opmaak.
- Je kan ook nog even een paar voorbeelden bekijken, waar een opmaak voorzien is: vb04, vb05, vb06, vb07, vb08, vb09.
Er is ook weer een oefening voorzien waarin enkele CSS-technieken worden gebruikt. De oplossing zal ook weer voorzien worden op de voorbeeldpagina.
Dit was het voor deze week, we gaan volgende week in detail bekijken wat een DTD is en hoe je een validated XML-document kan maken.
Véél succes Joël.