1 afbeeldingen (vervolg), films, flash en geluid Herhaling Oefening 8.1 a. Start KompoZer. b. Voeg (indien nodig) uw eigen website toe aan de Websiteb...
les 8 afbeeldingen (vervolg), films, flash en geluid
Herhaling Oefening 8.1 a. b. c. d.
Start KompoZer. Voeg (indien nodig) uw eigen website toe aan de Websitebeheerder. Open de webpagina index.html. Als het goed is, ziet u het menu terug dat u in de vorige les gemaakt hebt. Open de webpagina’s informatie.html. In deze pagina is nog geen menu gemaakt.
Als herhaling gaat u nu het menu van de webpagina index.html kopiëren en plakken op de pagina informatie.html. Oefening 8.2 a. b. c. d. e. f. g. h. i.
Klik op de pagina informatie.html ergens in het menu. Klik op de Statusbalk op het element
om in één klap alle onderdelen van het menu te selecteren. Druk op Enter om het menu te wissen en een lege regel in te voegen. Schakel over naar de pagina index.html. Klik ook ergens in het menu. Klik vervolgens ook op de Statusbalk op het element
(om precies te zijn: ). De inhoud van dit element is geselecteerd. Klik in het geselecteerde gedeelte met de rechter muisknop en kies voor kopiëren. Schakel over naar de pagina informatie.html. Klik met de rechter muisknop op de plaats waar het menu moet komen (de lege regel boven de horizontale lijn) en kies voor Plakken.
Nu heeft u het menu overgezet, alleen ziet het er niet als zodanig uit. Het is een ongenummerde lijst! Dat klopt natuurlijk, want u heeft de pagina nog niet gekoppeld met het bijbehorende stijlblad.
DataDidact Computeropleidingen
pagina 137
les 8
Websites maken met KompoZer
Oefening 8.3 a. b. c. d. e. f. g. h.
Koppel de pagina informatie.html met het stijlblad horizontaal.css. Het menu is geboren! Klik op het element op de Statusbalk en centreer het menu. Pas het menu eventueel nog aan, zodat het er precies zo uit ziet als op de pagina index.html. Kopieer en plak het menu ook op de pagina contact.html. Sla de wijzigingen op alle pagina’s op. Schakel over naar de pagina index.html. Bekijk de pagina in de browser en probeer het menu uit. Tevreden? Als het allemaal goed is, sluit u de browser en alle geopende webpagina’s in KompoZer.
In deze les gaan we verder met de mogelijkheden die afbeeldingen, films en flash ons bieden. We pakken eerst de draad nog even op over het werken met afbeeldingen. Thumbnails Eerder in de cursus heeft u geleerd om van een afbeelding een koppeling te maken. Door de afbeelding een klein formaat te geven en een koppeling te maken naar het origineel, maakt u een zogenaamde thumbnail. Dit is een miniatuurafbeeldingen die wordt vergroot als je er op klikt. Oefening 8.4 a. b.
Open de pagina activiteiten.html. U ziet drie kleine afbeeldingen in een tabel naast elkaar: vlakwaterkanoën, wildwaterkanoën en zeewaterkanoën.
Dit zijn wel drie kleine afbeeldingen, maar nog geen thumbnails! Dat krijgen we voor elkaar door er een koppeling naar de originele afbeelding van te maken. U dubbelklikt op de afbeelding en kiest het tabblad Koppeling. Door te klikken op Bestand kiezen kunt u de afbeelding selecteren.
Standaard is ingesteld dat u een koppeling wilt maken naar HTML-bestanden. Dat moet u in dit geval veranderen in Afbeeldingsbestanden.
pagina 138
DataDidact Computeropleidingen
Websites maken met KompoZer
les 8
Tip: Op het tabblad Koppeling kunt u het vakje Rand om gekoppelde afbeelding weergeven aankruisen om het effect van een thumbnail te versterken. Oefening 8.5 a. b. c. d.
Maak van alle drie afbeeldingen een koppeling naar het originele bestand via het tabblad Koppeling op het venster Afbeeldingseigenschappen. Geef elke gekoppelde afbeelding een rand. Sla de wijzigingen op en bekijk het resultaat in de browser. Als u alles goed bekeken hebt, kunt u het venster van de browser weer sluiten.
Het is leuker om de koppeling naar het origineel te openen in een nieuw venster. Door dit venster te sluiten, keert de gebruiker weer terug naar het venster met de thumbnails. Door eerst op de afbeelding te klikken en vervolgens op de Statusbalk dubbel te klikken op het element , krijgt u het venster Koppelingseigenschappen te zien.
