HTML & CSS
In de cursus HTML & CSS worden de bouwstenen van een webpagina één voor één bekeken en leert u hoe u vanaf ‘het witte papier’ een HTML-document kunt schrijven en de opmaak kunt regelen met CSS.
Allereerst moet gezegd worden dat het niet de bedoeling is dat u na deze cursus uw webdesign-programma overboord gooit en alle websites direct in HTML & CSS gaat coderen. De cursus is zeer geschikt wanneer u werkt met een WYSIWYG-editor zoals Adobe Dreamweaver, maar meer inzicht wilt krijgen in de broncode en het gebruik van cascading style sheets.
De basis van HTML is de afgelopen tien jaar niet of nauwelijks veranderd; codes als h1, a en img bestaan nog steeds. De specificaties HTML 4.0 en CSS2 stammen uit 1998 en de definitieve versie van HTML 5 zal nog geruime tijd op zich laten wachten. Om die reden is er in deze cursus ook al heel lang niet zoveel nieuws te vertellen. Maar dat wil niet zeggen dat de cursus niet meer relevant is. Sinds WYSIWYG-editors de markt veroverd hebben, lijkt kennis van HTML overbodig te zijn geworden. Toch is een basale kennis van HTML & CSS nodig wanneer u een professionele website wilt bouwen.
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 code voor zou moeten typen. Tegelijkertijd wordt zo een bepaalde mate van luiheid bevorderd. 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 versie HTML 4.01 in combinatie met CSS (Cascading Style Sheets). Met de HTML-broncode formatteert u de webpagina en met het style sheet verzorgt u de opmaak van de HTML-tags. Daarnaast wordt er ook aandacht besteed aan dynamische HTML, een mix van HTML en Javascript.
HTML is een ideale aanvulling op de cursus Adobe Dreamweaver. Samen komen in deze cursussen respectievelijk het grammaticale, visuele en organisatorische aspect van een website aan de orde.
Cursusinhoud
Hieronder volgt een overzicht van de onderwerpen die tijdens de cursus HTML & 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 een 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 cascading style sheets (CSS) is hier verandering in gekomen. Toch zult u eerst kennis maken met de basiselementen voor webtypografie. Vervolgens gaat u de webtypografie van HTML 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. Bij een goed ontworpen website worden voor de vormgeving div’s gebruikt in plaats van tabellen. Maar toch bevat vrijwel elke webpagina toch nog tabellen – soms terecht (zie bijvoorbeeld de cursusdata op deze pagina) en soms omdat de webdesigner er met div’s niet uitkwam.
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
Het gebruik van frames is in een moderne website ‘not done’. Maar wanneer u zelf een frameset kunt ‘schrijven’ in HTML zult u het principe van HTML echt beter 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 script wordt aangeroepen.
Dynamic HTML
De meest spectaculaire uitbreidingen van HTML 4 ten opzichte van HTML2 en HTML3 liggen 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.
HTML & CSS
Doelgroep
De cursus HTML & CSS is bedoeld voor gebruikers van webdesignprogramma’s waarbij de HTML- en CSS-code normaal gesproken niet zichtbaar is.
Cursusmateriaal
Bij deze cursus hoort uitgebreid schriftelijk lesmateriaal en een USB-stick met alle oefenbestanden waarmee u in deze cursus heeft gewerkt.
Cursusdoel
Na het volgen van de cursus HTML & CSS is de cursist in staat de HTML- en CSS-instructies in een webpagina te begrijpen en zo nodig aan te passen.
Gratis ondersteuning
Tot twee maanden na de cursus kunt u zonder kosten de docenten van Emday vragen stellen over de lesstof. Ook na die tijd, of voor andere onderwerpen, biedt Emday ruime mogelijkheden om eventuele problemen op te lossen.
Ook interessant...
Als u interesse hebt in de cursus HTML & CSS, kunnen onderstaande cursusgroepen misschien ook interessant zijn voor u:
Wat anderen zeggen...
Door het uitvoeren van opdrachten ben je er actief mee bezig en herken je het een volgende keer. Ook erg fijn met eigen materiaal bezig te zijn en daarbij hulp te kunnen vragen. Prettige docent, goede duidelijke uitleg en geduld .
—
Cursusagenda
Deze agenda toont alleen de data voor de cursus HTML & CSS. Klik hier voor de gehele agenda.
Kijk op emday.nl/cursussen/html-css/ voor actuele cursusdata.
| Cursus | Data | dagen | prijs | informatie | inschrijven | Opmerkingen | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Cursusinformatie wordt geladen... |
