Webdesign

In dit deel doe je basiskennis op over internet. Wat is internet, hoe werkt het, wat is een webpagina en browser en wat voor soorten pagina’s zijn er? Ook maak je kennis met HTML. Bovendien leer je hoe een internetadres is opgebouwd.

In dit onderdeel leer je werken met Nvu. Dit is een gratis HTML-editor voor het genereren van HTML-codes. Nvu is zodanig ontworpen dat het ook voor niet-technisch onderlegde computergebruikers makkelijk te gebruiken is.

In dit onderdeel leer je meer over HTML. Je leert onderscheid maken in HEAD- en BODY-elementen op een site. Je leert hoe je met BODY-elementen de inhoud en opmaak van een document bepaalt. Wat voor achtergrond gebruik je bijvoorbeeld, waar wil je afbeeldingen plaatsen, hoe zien kopjes eruit en waar worden alinea’s afgebroken? Ook leer je gebruikmaken van hyperlinks.

In dit onderdeel ga je zelf aan de slag! Aan de hand van een duidelijk omschreven opdracht ga je stap voor stap zelf een website bouwen. Je maakt verschillende pagina’s, werkt met frames, past eenvoudige opmaaktechnieken toe, voegt links toe en plaatst afbeeldingen.

Was vroeger de traagheid van een site de grootste frustratie, tegenwoordig zijn dat pop-upvensters, reclames en virussen in allerlei soorten en gedaantes. Waar het bij websites om draait, is functionaliteit. Je kunt een site nog zo mooi maken met afbeeldingen, geluid, animaties e.d. als je bezoeker niet kan vinden wat hij zoekt, is het geen goede site. Daarom leer je in dit hoofdstuk hoe je een goed doordachte website opzet. Je krijgt tips om een handige navigatie op te zetten, tekst functioneel op te maken en afbeeldingen, geluid en video op een slimme manier in te zetten. Ook leer je welke programma’s je hierbij kunt gebruiken.

Op veel webpagina’s wordt gebruikgemaakt van tabellen. Deze zijn handig voor het presenteren van gegevens, maar vooral ook voor de algemene indeling van pagina’s. Daarom leer je in dit hoofdstuk hoe je tabellen maakt, hoe je ze opmaakt en hoe je ze in kunt zetten op je site.

Een website zonder afbeelding is ondenkbaar. Om afbeeldingen op een juiste manier te gebruiken, moet je wel op een aantal dingen letten. Ze mogen niet te groot zijn, zowel wat formaat betreft, als wat betreft de bestandsgrootte. In dit hoofdstuk leer je aan welke eisen een goede afbeelding voor internet moet voldoen. Ook ga je zelf enkele webgraphics maken met het programma Paint Shop Pro (bv. knoppen). Aan bod komen o.a. termen als rasterafbeeldingen, vectorafbeeldingen, GIF en JPEG. Ook leer je hoe je foto’s en andere afbeeldingen optimaliseert voor het web.

Als een bezoeker gegevens invult op een formulier moeten deze ook weer door de websitebeheerder worden ontvangen. Voor dit soort bewerkingen wordt gebruikgemaakt van zogenaamde CGI-scripts. In dit onderdeel leer je hoe je een formulier maakt. Daarbij leer je hoe je omgaat met o.a. invulvakken, uitklapbare en niet-uitklapbare keuzelijsten, tekstvelden, keuzerondjes, selectievakjes, de knop Formulier verzenden en de Bedankt voor het invullen-pagina.

Hoe plaats je je site op het world wide web? Daarover gaat dit hoofdstuk. Je leert hoe je een domeinnaam kiest en registreert en hoe je je website uploadt.

Je leert werken met Wordpress en je weblog koppelen aan je site.

Met stijlbladen (stylesheets) bepaal je de presentatie van je site. Je leert hoe je stijlen definieert en aangeeft waar deze toegepast moeten worden.

In dit hoofdstuk leer je hoe je je website aanmeldt bij een zoekmachine, zodat je site door de juiste mensen gevonden wordt. Je leert gebruikmaken van robots, een description en keywords.