 |
|
|
|
|
|
WYSIWYG-editors zijn een beetje te vergelijken met rekenmachines. Lange 'staartdelingen' zijn door de rekenmachine verleden tijd geworden. Toch zult u de principes van delen en vermenigvuldigen moeten kennen om met een rekenmachine overweg te kunnen. Zo is het ook met WYSIWYG-editors. In een handomdraai kunt u een webpagina maken waar u anders vele regels HTML-code voor zou moeten typen. Tegelijkertijd wordt zo een bepaalde mate van luiheid bevorderd, die de kennis van HTML niet ten goede komt. Zonder inzicht in de basisprincipes van HTML zult u niet begrijpen waarom een pagina er in een browser anders uitziet dan in een editor, en in browser A weer anders dan in browser B. Kennis van HTML blijft ook in de toekomst noodzakelijk, ook al werkt u voornamelijk met een WYSIWYG-editor. U kunt dan rechtstreeks in de broncode fouten opsporen, correcties aanbrengen en elementen toevoegen die buiten het bereik van de editor liggen.
In deze cursus wordt gewerkt met de versie HTML 3.0 en 4.01 in combinatie met CSS (Cascading Style Sheets). Met de HTML-broncode formatteert u de webpagina en met de style sheet verzorgt u de opmaak van de HTML-tags. Daarnaast wordt er ook aandacht besteed aan DHTML, een mix van HTML, en Javascript.
Naast WYSIWYG-editors bestaan er ook vele gewone HTML tekst-editors. Voor de cursus Werken met HTML is opzettelijk gekozen voor een zo neutraal mogelijke benadering van HTML. Omdat u leert werken met HTML en niet met een applicatie, gebruikt u het een met Windows meegeleverde programmaatje Notepad of het bij de Macintosh behorende programmaatje SimpleText om de HTML-code te typen. Verder maakt u uiteraard gebruik van een browser om de pagina's te bekijken. U kunt de cursus volgen op naar keuze een Macintosh of Windows-computer.
Onderwerpen
Hieronder volgt een overzicht van de onderwerpen die tijdens de cursus Werken met HTML en CSS aan de orde komen.
- Documentstructuur - De bouwstenen van HTML worden gevormd door 'elementen'. Wanneer deze op een juiste manier worden samengevoegd ontstaat een HTML-document. Dit heeft altijd dezelfde basisstructuur. Met de elementen <HTML>, <HEAD>, <TITLE>, <BODY> en <P> kunt u al een eenvoudige webpagina maken. Met de style sheet legt u vervolgens de opmaakkenmerken vast.
- Typografie - Vergeleken met de typografische mogelijkheden van een DTP-programma, is HTML eigenlijk heel beperkt. Met de komst van style sheets (CSS) is hier verandering in gekomen. Toch zult u eerst kennis maken met de basiselementen (HTML 3.0) voor webtypografie. Vervolgens gaat u de webtypografie van HTML 4.0 opmaken met behulp van een door uzelf samengesteld style sheet.
- Opmaak - Een webpagina is veel flexibeler dan een papieren pagina. Dit heeft zowel voor- als nadelen. Dezelfde pagina kan op een andere monitor of in een andere browser een heel ander aanzien hebben dan oorspronkelijk is bedoeld. Positionering van tekst en afbeeldingen moeten goed bestudeerd worden om de opmaak van een pagina goed in de hand te kunnen houden. Style sheets zorgen voor een goede beheersbaarheid van de opmaak per pagina of de gehele website.
- Tabellen - Wanneer u het principe van tabellen begrijpt, zult u in staat zijn om in een tekst-editor uit het hoofd een tabel te typen. Vrijwel elke webpagina bevat tabellen. Meestal zijn deze onzichtbaar maar ze zijn onmisbaar voor een goede vormgeving.
- Afbeeldingen - Met een WYSIWYG-editor kan een plaatje met één druk op de knop in een pagina worden geplakt. De broncode van een afbeelding kan soms behoorlijk lang zijn, vooral omdat het <IMG> element veel attributen kent, zoals hoogte, breedte, kader, uitlijning en alternatieve tekst. Bij imagemaps is de code vaak nog veel langer. Maar wanneer u het principe eenmaal begrijpt, zal de schijnbaar ingewikkelde broncode geen geheimen meer voor u bevatten.
- Koppelingen - Een koppeling of link kan gemaakt worden met het element <A HREF>. Koppelingen werken simpeler dan u denkt. Een gebroken koppeling is dan ook vaker het gevolg van een verkeerd opgegeven pad dan van een syntaxisfout.
- Frames - Wanneer u zelf een frameset kunt 'schrijven' in HTML zult u het principe van frames pas echt gaan begrijpen.
- Formulieren - De verschillende onderdelen van een elektronisch formulier kunnen met het <INPUT TYPE> element bepaald worden. Een lastig aspect van formulieren is de ACTION. Hiermee geeft u aan of het formulier per email verwerkt wordt of dat op de server een CGI-script wordt aangeroepen.
- Dynamic HTML - HTML ontwikkelt zich. Sinds versie 2.0 zijn er veel elementen bijgekomen. De meest spectaculaire uitbreidingen liggen echter niet in HTML als zodanig, maar in componenten die aan HTML kunnen worden toegevoegd. De interactiviteit van webpagina's kan hier enorm mee worden vergroot. Deze HTML wordt DHTML of Dynamic HTML genoemd en bestaat uit een mix van HTML, JavaScript en CSS
|
|
|
