Figuren en video - Playgarden · Kleurcontrast van een figuur wijzigen Het kan gebeuren dat een...

Hoofdstuk 5: Figuren en video 121

A. Camps FrontPage 2000

5. Figuren en video Figuren vormen meestal een belangrijk onderdeel van een web. Video wordt in veel mindere

mate toegepast. In hoofdstuk 2 hadden we het reeds over de voor en nadelen van het gebruik

van figuren en video op een web. In dit hoofdstuk bespreken we de technieken die je kan

toepassen om figuren en video met behulp van FrontPage in een web op te nemen. Elk van de

mogelijke facetten zoals lage resolutiefiguren, figuur als hyperlink, aantal herhalingen van

een videofragment en de opmaak van figuren of video komen aan bod.

Figuren worden in een web doorgaans voor twee doelen gebruikt:

• om informatie te geven

• ter verfraaiing of als illustratie

Informatieve figuren vormen bijvoorbeeld foto’s die een overzicht geven van een situatie of een

product. Zonder foto hetzelfde willen vertellen zou veel moeilijker zijn.

Wanneer figuren decoratief gebruikt worden, dragen ze enkel bij aan het uiterlijk van het

web. Een voorbeeld zijn de navigatieknoppen, het paginavaandel of de figuren bij

opsomminglijsten. Deze figuren dragen niet bij aan de informatie die er geboden wordt. Ze

hebben enkel een kortstondig effect op de “kwaliteit” van een web.

5.1. Een figuur, illustratie of videofragment invoegen in een web

5.1.1. Een figuur in een web toevoegen

Je kan figuren toevoegen uit het lokale bestandssysteem. Deze figuren kunnen de volgende

bestandsindeling hebben: GIF (standaard en bewegend), JPEG (standaard en progressief),

BMP (Windows en OS/2), TIFF, TGA, RAS, EPS, PCX, PNG, PCD (Kodak Photo CD) en WMF.

Wanneer je de pagina opslaat, wordt gevraagd de figuren op het web op te slaan. Als de figuur

geen GIF- of JPEG-indeling heeft, wordt deze automatisch geconverteerd. Figuren met 256 of

minder kleuren worden geconverteerd naar GIF en alle andere figuren naar JPEG. Je hoeft

hier dus zelf niets voor te doen.

Open het web Ibiza


A. Camps Front000

Wanneer je eerst in de paginaweergave aangeeft waar je de figuur wilt invoegen kan je een

figuur op 2 verschillende manieren aan een web toevoegen:

• Klik op de knop .

• Kies in het menu voor Invoegen, vervolgens voor Figuur en tenslotte voor Uit bestand….

In beide gevallen bekom je het venster Figuur

waarin je de figuur kan kiezen.

Wanneer de figuur zich reeds in het web bevindt

kan je deze kiezen uit de mappenstructuur van

het web. Door dan op OK te klikken leg je de

keuze voor de figuur vast.

De werkwijze van de knoppen en werden reeds in deel 3.5.1. besproken. We komen

hier niet veder op terug.

Voeg de figuur ibiza.gif toe aan de pagina index.htm. Deze figuur komt in de

plaats van de tekst “Ibiza” die in de achtergrond staat. Je doet dit best door

eerst de tekst te verwijderen (de positie mag je behouden) en daarna de figuur te

plaatsen.

Voeg eveneens de figuur eiland in de zon.gif toe aan de pagina index.htm. Deze

figuur plaats je eerst links bovenaan vlak onder de stippellijn van de

gemeenschappelijke rand. Wanneer je de figuur geselecteerd hebt kan je de

positie van de figuur aanpassen. De positie van de figuur is absoluut, links 170

en boven 350. De breedte en de hoogte worden niet aangepast. De Z-volgorde zou

reeds goed moeten staan.



Bij het bewaren van een pagina zal FrontPage vragen om de ingesloten bestanden op te slaan.

In dit venster Ingesloten bestanden opslaan kan je de map waarin de figuren opgeslaan moeten

worden wijzigen, maar ook de actie ondernomen moet worden kan je wijzigen. Het is hier ook

mogelijk om de naam van het figuurbestand te wijzigen.

Met behulp van de knop kan je

opgeven in welke map de geselecteerde figuur

moet komen. Je kan voor alle te bewaren

figuren dezelfde map opgeven door de figuren

allemaal te selecteren en dan de map te

wijzigen. Met behulp van de Shift of de Control

toets kan je eventueel eigen selecties maken voor

reeksen van bestanden, respectievelijk losse

bestanden.

Met behulp van de knop kan je opgeven welke actie ondernomen moet worden. Je

hebt hierin de keuze tussen Opslaan (standaard) en Niet opslaan. In het eerste geval worden

de geselecteerde afbeeldingen in de aangegeven map van het web

opgeslaan. In het tweede geval blijft de verwijzing naar de figuur

bestaan zoals ze was. De pagina wordt in beide gevallen

opgeslaan.

Wanneer er slechts één figuur geselecteerd is in het venster Ingesloten bestanden opslaan, kan

je de knop gebruiken om de naam van het bestand te wijzigen.

Om de naam van het bestand te wijzigen kan je in het venster Ingesloten

bestanden opslaan ook gebruik maken van de functietoets F2 of

dubbelklikken met grote tussenpauze.

Zorg ervoor dat beide figuurbestanden in de map images opgeslaan worden. Het

bestand dat de naam eiland_in_de_zon.gif kreeg geef je als nieuwe naam

zonne_eiland.gif.



5.1.2. Een illustratie in een web toevoegen

Je kan in FrontPage ook gebruikmaken van de Microsoft Clipgalerie. Je kan hierin illustraties,

figuren en video's bekijken en vervolgens de items selecteren die je op de pagina wilt gebrui-

ken.

Een illustratie in een web toevoegen doe je in de volgende stappen:

1. Plaats in de paginaweergave de invoegposi-

tie daar waar je een illustratie wilt invoe-

gen.

2. Kies in het menu Invoegen voor Figuur en

vervolgens voor Illustratie…. De Microsoft

Clipgalerie wordt geopend.

3. Blader door de Microsoft Clipgalerie om de

gewenste illustratie te vinden. Klik met de

rechtermuisknop op een afbeelding en klik

vervolgens in het snelmenu op Invoegen.

4. Sluit de Microsoft Clipgalerie.

5.1.3. Een videofragment in een web toevoegen

Je kan video's toevoegen aan een pagina. Elk type video dat in de Windows Mediaspeler kan

worden afgespeeld is mogelijk.

Een videofragment in een web toevoegen doe je in de volgende stappen:

1. Plaats in de paginaweergave de invoegpositie

daar waar je een videofragment wilt

invoegen.

2. Kies in het menu Invoegen voor Figuur en

vervolgens voor Video…. Het venster Video

wordt geopend. Dit venster werkt hetzelfde

als het venster Figuur.

3. Geef in het venster Video aan waar het

originele videofragment zich bevindt. Dit kan

net zoals bij figuren in het web, op het lokale bestandssysteem of op het internet zijn.

Video wordt niet door alle webbrowsers ondersteund.



5.1.4. Verschillende figuren tegelijk in een web importeren

Je kan figuren en video's in een web importeren zodat je snel toegang kunt krijgen tot de

benodigde bestanden. Je kan figuren bijvoorbeeld stuk voor stuk aan een web toevoegen door

elke figuur apart aan een pagina toe te voegen en dan de pagina op te slaan. Als je al weet dat

je een bepaalde groep figuren gaat gebruiken, kan je ze ook allemaal tegelijk importeren in de

door jouw gespecificeerde map op het web. Op die manier kan je een figuur aan een pagina

toevoegen zonder in het bestandssysteem te hoeven zoeken.

Om een hele reeks figuren aan een bepaalde map van je web toe te voegen pas je de

onderstaande stappen toe:

1. Selecteer in Windows Verkenner de afbeeldingen die je wilt importeren.

2. Klik met de rechtermuisknop op de geselecteerde bestanden en kies vervolgens in het

snelmenu op Kopiëren.

3. Schakel over naar Microsoft FrontPage. (met behulp van ALT + TAB of door in de Windows

taakbalk te klikken op de knop Microsoft FrontPage)

4. Open in de mapweergave de map waarin de afbeeldingen geï mporteerd moeten worden.

5. Klik met de rechtermuisknop in het deelvenster Inhoud en klik vervolgens in het snelmenu

op Plakken.

In de Windows Verkenner kan je een aantal opvolgende bestanden tegelijk selecteren

door op het eerste bestand te klikken, SHIFT ingedrukt te houden en op het laatste

bestand te klikken. Meerdere afzonderlijke bestanden selecteert u door CTRL

ingedrukt te houden terwijl je op de bestanden klikt.

Je kan ook afbeeldingen importeren door op de bestanden te klikken en deze te slepen

(vanuit bureaublad, Windows Verkenner, Deze computer) naar de mappenlijst of naar

het deelvenster Inhoud in FrontPage.

Verplaats de figuur patroon_ibiza.gif (door te slepen) naar de map images.



5.1.5. Achtergrondfiguur

Een figuur op de achtergrond van een pagina kan een mooie bijdrage aan deze pagina bieden.

Er moet echter op gelet worden dat de figuur niet te groot is. Ook de intensiteit van de kleuren

mag niet te veel invloed hebben op de pagina. Kortom een achtergrondfiguur moet op de ach-

tergrond blijven.

Om een achtergrondfiguur aan een pagina toe te voegen kan je achtereenvolgens de volgende

stappen uitvoeren:

1. Klik in de paginaweergave met de

rechtermuisknop op de pagina en

klik vervolgens op Eigenschappen

van pagina in het snelmenu.

2. Klik op het tabblad Achtergrond.

3. Schakel het selectievakje Achter-

grondfiguur in en klik vervolgens

op de knop .

4. Selecteer de achtergrondfiguur:

Wanneer de optie watermerk aangezet

wordt, zal de figuur vast op de pagina blijven staan. De figuur zal niet met de tekst verschui-

ven wanneer gescrold wordt.

De optie watermerk werkt niet in alle browsers.

Je kan ook de gegevens van de achtergrond van een andere pagina halen. Op deze manier

zullen de pagina’s dezelfde achtergrondinstellingen krijgen, hetgeen interessant is voor de

eenvormigheid van het web.

Wanneer je het aankruisvakje Gegevens over de achtergrond van een andere pagina halen

aanvinkt kan je via de knop de locatie van de pagina opgeven waarvan je de

achtergrondinstelling wilt overnemen. De instellingsmogelijkheden voor de achtergrond in het

venster Eigenschappen van pagina worden gedeactiveerd.

Om eenvormigheid over een gans web te garanderen is het vaak beter om via

een thema te werken. Ook voor een achtergrondfiguur valt deze werkwijze

aan te bevelen.



Voeg het bestand zicht op de stad, de haven en in de verte stranden en

luchthaven.jpg in als achtergrond op de pagina index.htm. Pas eveneens een

watermerk toe op de pagina.

5.2. Figuren aanpassen

5.2.1. Helderheid van een figuur instellen

Soms komt het voor dat een figuur niet helder genoeg is, of misschien dat de figuur juist

overbelicht is. In dat geval kan ja gebruik maken van één van de ingebouwde functies van

FrontPage om de helderheid van de figuur aan te passen.

Je kan de helderheid van een figuur aanpassen door achtereenvolgens de volgende stappen uit

te voeren:

1. Klik in de paginaweergave op de figuur.

2. Klik in de werkbalk Figuren op de knop wanneer je de helderheid van de figuur wilt

vergroten. Klik op de knop wanneer je de helderheid wilt verkleinen.

Wanneer de werkbalk Figuren niet weergegeven wordt wanneer je een figuur selecteert,

kan je deze zichtbaar maken door in het menu Beeld te kiezen voor Werkbalken en

vervolgens voor op Figuren.

Wanneer je de helderheid van de achtergrondfiguur (zie verder) wilt

veranderen, hoef je geen selectie te maken. Dit geldt voor de instelling van

alle mogelijke eigenschappen van de achtergrondfiguur.

Voeg de foto met als bestandsnaam zandstrand in cala d'hort.jpg toe aan de

pagina foto.htm.

Pas de helderheid van de foto verschillende stappen aan. (+/- 6 stappen)

5.2.2. Kleurcontrast van een figuur wijzigen

Het kan gebeuren dat een figuur nogal flets en mat overkomt. Ook kan het voorvallen dat een

figuur veel te heldere kleuren heeft. In dat geval kan je best het kleurcontrast van de figuur

aanpassen.



Je kan het kleurcontrast van een figuur aanpassen door achtereenvolgens de volgende stap-

pen uit te voeren:


2. Klik in de werkbalk Figuren op de knop wanneer je het contrast van de figuur wilt

vergroten. Klik op de knop wanneer je het contrast wilt verkleinen.

5.2.3. Een figuur in zwart-wit

Een zwart-wit figuur biedt vaak even veel informatie als een figuur in kleur. Het grote

verschil is dan dat een zwart-wit figuur veel sneller via het internet doorgestuurd kan worden.

Wanneer correct toegepast, vormt een zwart-wit figuur bovendien voor een mooie stijl.

Je kan een figuur omzetten naar zwart-wit door achtereenvolgens de volgende stappen uit te

voeren:


2. Klik in de werkbalk Figuren op de knop .

5.2.4. Een figuur bijsnijden

Zeer vaak gebeurt het dat een figuur groter is dan nodig. Wanneer de figuur even veel

betekenis heeft wanneer er aan de zijkanten wat afgesneden wordt, kan dit veel besparen op

de downloadtijd van de figuur. Correct gebruik van het bijsnijdgereedschap zal dus resulteren

in een tijdswinst (voor je gebruikers).

Je kan een figuur bijsnijden door achtereenvolgens de volgende stappen uit te voeren:


2. Klik op de knop op de werkbalk Figuren. Er wordt een bijsnijdvak om de figuur

weergegeven.

3. Wijzig de afmetingen van het vak door de randen van het vak te slepen, zodat het deel van

de figuur dat je wilt behouden erin past. Wanneer je zelf het bijsnijdvak wilt tekenen, klik

je buiten het bijsnijdvak maar binnen de figuur en teken je het gewenste vak.

4. Klik weer op de knop om het gebied buiten het vak te verwijderen. Naast de figuur

klikken werkt ook.

Voeg de foto dalt vila.jpg toe in het bestand cultuur.htm. Deze figuur komt na de

tekst “door zeven bastions.” onder de titel Dalt Vila.

Snij de overbodige stukken aan de zijkanten van deze foto bij.



Het resultaat valt wat tegen in de ontwerpweergave. Wanneer je echter in de

voorbeeldweergave gaat kijken, is het resultaat aanvaardbaar. Ook in de browser zal het

resultaat anders uitzien dan in de ontwerpweergave.

5.2.5. Een figuur draaien

Een figuur staat niet altijd op de gewenste oriëntatie wanneer je deze invoegt in je web. De

mogelijkheid om figuren te draaien is een zeer nuttige functie die vaak een aparte figuureditor

overbodig maakt.

Je kan een figuur draaien door achtereenvolgens de volgende stappen uit te voeren:


2. Klik in de werkbalk Figuren op de knop wanneer je de figuur 90 graden naar links wilt

draaien. Klik op de knop wanneer je de figuur 90 graden naar rechts wilt draaien.

Voeg de foto baai bij portinatx.jpg toe in het bestand cultuur.htm. De figuur komt

na de tekst “telkens kleine stranden.” onder de titel Portinatx en verdraai de foto.



5.2.6. Een figuur spiegelen

Als effect in een web kan het nuttig zijn om een figuur te kunnen spiegelen. Een gespiegelde

figuur samen met de originele figuur gebruiken kan een mooie afwerking van een web zijn.

Je kan een figuur spiegelen door achtereenvolgens de volgende stappen uit te voeren:


2. Klik in de werkbalk Figuren op de knop wanneer u de figuur ondersteboven wilt zetten.

Klik op de knop wanneer u een spiegelbeeld van de figuur wilt maken.

Voeg de foto met als naam puig de missa in santa eulària d'es riu.jpg in het

bestand cultuur.htm in na de tekst belangrijkste landbouwgebied van de Pitiusas.

Spiegel deze foto horizontaal.

5.2.7. Kleur van een figuur wassen

Je kan de kleur van een figuur wassen, waardoor het contrast van de figuur minder wordt en

de helderheid toeneemt. Deze functie is handig wanneer je een watermerk wilt maken of een

figuur als achtergrond wilt gebruiken.

Je kan een figuur wassen door achtereenvolgens de volgende stappen uit te voeren:





De figuur die je op de pagina index.htm op de achtergrond gezet hebt is nogal

sterk om als achtergrond te gebruiken. Was deze figuur.

5.2.8. Kleur in een figuur transparant maken

Je kan één van de kleuren in een figuur transparant maken, zodat de achtergrond door deze

kleur heen te zien is. Slechts één van de kleuren in een figuur kan transparant zijn. Wanneer

je een transparante kleur selecteert voor een figuur die er al een heeft, is de andere kleur niet

meer transparant.

Als je de pagina opslaat, wordt gevraagd de figuur als GIF-bestand op te slaan, zelfs als de

originele afbeelding een JPEG-figuur is (JPEG ondersteunt geen transparantie). Als de figuur

in FrontPage van een bepaalde indeling naar GIF wordt geconverteerd, kan het aantal

kleuren in de figuur verminderd worden en kan het figuurbestand groter worden. Dit laatste

is vooral het geval wanneer in een foto een kleur transparant gemaakt wordt.

Je kan één kleur van een figuur transparant maken door achtereenvolgens de volgende

stappen uit te voeren:





3. Klik in de figuur op de kleur die transparant moet worden.

Op de pagina index.htm is de witte rand rond de figuur met als tekst Eiland in de

zon nogal vervelend. Zorg dat de witte kleur transparant is.

5.2.9. Tekst op een figuur plaatsen

Wanneer je een tekst op een figuur wilt plaatsen moet je dit doorgaans doen in een foto-editor.

In FrontPage krijg je echter dezelfde functie aangeboden met behulp van de knop .

Je kan tekst op een figuur plaatsen door achtereenvolgens de volgende stappen uit te voeren:



3. Wanneer de figuur een JPEG-indeling heeft, krijg je automatisch de vraag of je de figuur

als GIF-bestand wilt opslaan, omdat JPEG geen tekst ondersteunt. Bij het converteren van

de figuur in FrontPage kan het aantal kleuren in de figuur verminderen of kan het

figuurbestand groter worden. Klik op OK.

4. Heeft de figuur een andere indeling, zoals BMP, dan krijg je bij het opslaan van de pagina

automatisch de vraag of je deze als GIF-bestand wilt opslaan.

5. Typ de tekst in het vak dat op de figuur wordt weergegeven.

• Je kan de afmetingen van het tekstvak wijzigen door de grepen te slepen.

• Je kan het tekstvak verplaatsen door in het vak te klikken en het vak vervolgens naar

de gewenste plaats te slepen.

• Je kan de tekst ook opmaken. Zo kan je net als bij andere tekst het lettertype of de

kleur wijzigen. Klik op het tekstvak en selecteer dan de tekst.

Voeg onderaan de pagina praktisch.htm de tekst zoals op de volgende figuur aan.

Voeg vervolgens de figuur met als bestandsnaam het weer op ibiza.gif toe onder

de tekst.

Voeg de volgende twee teksten bovenaan de figuur toe:

Het weer in Ibiza

Overzicht in maandgemiddelden

Versleep de eerste tekst helemaal naar de boven in de figuur. De tweede tekst

komt er vlak onder. Beide teksten krijgen als lettertype Arial, de eerste tekst zal

grootte 6 en de tweede grootte 3 krijgen.



5.2.10. Aantal bits van een figuur wijzigen

Een figuur is opgebouwd uit verschillende punten. Deze worden in FrontPage

gemakkelijkheidhalve bits genoemd.

Wanneer je het aantal bits van een figuur wijzigt, wordt de grootte van de pixels aangepast

aan de huidige weergavegrootte. Als je de grootte van een figuur bijvoorbeeld terugbrengt tot

50% van de oorspronkelijke grootte, wordt de figuur op de pagina wel kleiner, maar blijft het

bestand even groot. Met andere woorden: als je de grootte van een figuur wijzigt, veranderen

alleen de HTML-codes die de weergave van de figuur in de browser aansturen. Als je het

aantal bits van de figuur wijzigt, neemt ook de bestandsgrootte evenredig af.

Voordat je het aantal bits van een figuur kunt wijzigen, moet je de grootte

veranderen. Dit doe je het makkelijkst door de randen ervan te verslepen. (zie

ook 5.3.2.)

Je kan het aantal bits van een figuur aanpassen aan de weergave door achtereenvolgens de

volgende stappen uit te voeren:

1. Klik in de paginaweergave op de figuur waarvan de grootte is gewijzigd.


Voeg de foto met als bestandsnaam vuurtoren op de punta de sa ruda aan de steile

kust van la mola.jpg toe aan de pagina foto.htm. Verklein de foto tot deze iets

kleiner is als de andere figuur op de pagina. Pas vervolgens het aantal bits aan.



5.2.11. Een afgeschuinde rand aan een figuur maken

Je kan aan een figuur een afgeschuinde rand toevoegen, zodat deze een verhoogd,

driedimensionaal karakter krijgt. Dit effect wordt ook toegepast in de meeste moderne

computerprogramma’s. Deze functie is heel handig als je de figuur als knop wilt gebruiken.

Je kan een figuur een afgeschuinde rand geven door achtereenvolgens de volgende stappen uit

te voeren:



5.2.12. Figuur herstellen

Wanneer je niet tevreden bent met de resultaten van de bewerkingen die je op de figuur hebt

toegepast (zoals bijsnijden, wijzigen van de grootte, draaien, enzovoort), kan je alle wijzigingen

ongedaan maken die je hebt aangebracht sinds je de figuur of de pagina waaraan de figuur

werd toegevoegd, voor het laatst hebt opgeslagen.

Je kan een figuur herstellen door achtereenvolgens de volgende stappen uit te voeren:



5.2.13. Een miniatuur van een figuur maken

Je kan met FrontPage een verkleinde weergave (miniatuur) maken van een figuur. Zo'n

miniatuur is een hyperlink naar de figuur op ware grootte. Een bezoeker van je web kan op de

miniatuur klikken en krijgt dan de figuur op ware grootte te zien.

Miniaturen zijn handig voor grote figuren waarvan het downloaden veel tijd in beslag neemt

(afhankelijk van het systeem van een bezoeker van een site). Met een miniatuur voorkom je

dat de bezoeker van je web verplicht is een grote figuur te downloaden; de bezoeker kan er zelf

voor kiezen de figuur al dan niet te downloaden.

Je kan een miniatuur van een figuur maken door achtereenvolgens de volgende stappen uit te

voeren:


2. Klik op de werkbalk Figuren op de knop . Er wordt automatisch een miniatuur van de

figuur en een hyperlink naar de oorspronkelijke figuur gemaakt.



De functie AutoMiniatuur ( ) is niet beschikbaar als de geselecteerde figuur

kleiner dan een miniatuur is, als er een hyperlink of hotspot voor de figuur is

ingesteld (later) of als de figuur een animatie is.

Je kan de instellingen voor het maken van miniaturen wijzigen. Je kan bijvoorbeeld de grootte

of de randen van miniaturen wijzigen.

Maak een miniatuur van de linkse foto in het bestand foto.htm.

Je kan de instellingen voor het maken van miniaturen kan je wijzigen door achtereenvolgens

de volgende stappen uit te voeren:

1. Kies in het menu Extra voor Paginaopties en kies

vervolgens voor de de tab AutoMiniatuur.

2. Kies in het vak Instellen de optie die je wilt gebrui-

ken voor het opgeven van een grootte en geef ver-

volgens in het vak Pixels de waarde in pixels op.

Wanneer de miniaturen bijvoorbeeld 75 pixels

breed moeten worden, klik je op Breedte en geef je

75 op. De hoogte van de miniatuur zal zodanig

worden ingesteld dat de breedte-hoogteverhouding

van de oorspronkelijke figuur wordt gehandhaafd.



Je kan ook Kortste zijde selecteren en 75 opgeven. De kortste zijde van een miniatuur zal

dan altijd 75 pixels bedragen, of het nu om de hoogte of om de breedte gaat.

3. Wanneer je een rand wilt opgeven, selecteer je Randdikte en geef je vervolgens in het vak

Pixels een waarde voor de rand in pixels op.

4. Wanneer je de afbeelding een afgeschuinde rand wilt geven, selecteer je Afgeschuinde rand.

Wanneer je ook een randdikte hebt opgegeven, zal de miniatuur een rand hebben die aan

de binnenkant afgeschuind is.

Wijzigingen die je aanbrengt in de eigenschappen van miniaturen, hebben

geen invloed op miniaturen die je al eerder gemaakt had.

Wijzig de instellingen van de miniatuur zodat de kortste zijde 100 pixels is. Er

mag bovendien geen rand rond de miniatuur weergegeven wordt. Wel wordt de

rand afgeschuind.

Maak vervolgens van de rechtse foto op de pagina foto.htm een miniatuur.

Voeg de foto met als bestandsnaam zandstrand in cala d'hort.jpg opnieuw toe aan

de pagina foto.htm. De foto komt aan de rechtse kant bij de voorgaande twee.

Pas op de zojuist toegevoegde foto een miniatuur toe.

Wis de meest linkse miniatuur en plaats twee spaties tussen beide overblijvende

miniaturen.

5.3. Eigenschappen van een figuur

5.3.1. Rand van een figuur

Je kan aan figuren, animaties (GIF), illustraties of video een rand toevoegen. Wanneer je een

standaardhyperlink voor de afbeelding instelt, wordt automatisch een rand rond de afbeelding

aangebracht om aan te geven dat bezoekers van een site op de afbeelding kunnen klikken.

Je kan de breedte van de rand instellen of de rand helemaal verwijderen. Standaard zijn de

randen zwart. Als de afbeelding een standaardhyperlink heeft, krijgt de rand dezelfde kleur

als de hyperlinks (deze kleur wordt ingesteld in het dialoogvenster Eigenschappen van pagina).

Je kan de rand van een figuur, illustratie of videofragment instellen door achtereenvolgens de

volgende stappen uit te voeren:



1. Klik met de rechtermuisknop op de afbeelding, klik in het snelmenu op Eigenschappen van

figuur… (Alt + Enter werkt ook) en klik vervolgens in het venster Eigenschappen van figuur

op de tab Vormgeving.

2. Geef in het vak Randdikte een waarde op voor

de dikte van de rand in pixels. Wanneer je de

rand wilt verwijderen, geef je 0 op.

Pas een rand toe rond de laatste

figuur op de pagina praktisch.htm.

De rand moet 2 punten breed zijn

en een horizontale en verticale

afstand van 5 punten krijgen.

5.3.2. De grootte van een afbeelding wijzigen

Je kan de grootte van afbeeldingen zoals figuren, bewegende GIF's en video's wijzigen door de

eigenschappen voor de hoogte en breedte te wijzigen, of door de afbeelding rechtstreeks op de

pagina aan te passen. Rechtstreeks op de pagina aanpassen wil zeggen dat je de rand van de

figuur versleept totdat de afmeting naar wens is. Door een hoekpunt te verslepen kan je de

breedte-hoogteverhouding van de originele figuur bewaren.

Als je de grootte van een afbeelding wijzigt, worden alleen de HTML-codes gewijzigd die

aangeven hoe de afbeelding in de browser van een bezoeker moet worden weergegeven. Het

feitelijke afbeeldingsbestand wordt niet gewijzigd.

Stel dat je downloadtijd voor een pagina met een grote figuur wilt beperken. Als je alleen de

grootte van de figuur verkleint, dan wordt deze wel kleiner weergegeven op het scherm van de

bezoeker, maar blijft de bestandsgrootte en dus de downloadtijd hetzelfde. Je moet na het

wijzigen van de grootte van de figuur ook het aantal bits wijzigen, waardoor ook het

figuurbestand kleiner wordt.

Naast het verslepen van de randen of de hoekpunten kan je de afmetingen van een figuur

aanpassen via het venster Eigenschappen van figuur:


figuur en klik vervolgens in het venster Eigenschappen van figuur op de tab Vormgeving.

2. Schakel het selectievakje Grootte opgeven in.



3. Wanneer je de verhouding tussen de breedte en de hoogte wilt behouden, schakel je het

selectievakje Breedte-hoogteverhouding behouden in. Als je deze optie kiest en een pixel-

waarde opgeeft in het vak Breedte of het vak Hoogte, wordt automatisch de waarde in het

andere vak zodanig aangepast dat de verhoudingen van de afbeelding behouden blijven.

4. Geef op of je de grootte in pixels wilt wijzigen of als percentage, en geef vervolgens de

waarden op in de vakken Breedte en Hoogte.

Pas de grootte van alle figuren op de pagina cultuur.htm aan zodat de grootste

maat (horizontaal en verticaal) 200 punten is.

Pas ook voor elke figuur het aantal bits aan.

5.3.3. De uitlijning en afstand van een afbeelding instellen

Je kan opgeven hoe figuren en video's op de pagina worden weergegeven door de uitlijning en

de horizontale en verticale afstand tussen de elementen in te stellen. Je kan bijvoorbeeld de

uitlijningsoptie kiezen waarbij de afbeelding aan de rechterkant van de pagina wordt

geplaatst, en waarbij de tekst links om de afbeelding loopt. Je kan ook de horizontale afstand

instellen op 10; er komt dan een marge van 10 pixels aan de linker- en de rechterkant van de

afbeelding.

Je kan de uitlijning en afstand van een figuur instellen door achtereenvolgens de volgende



figuur en klik vervolgens in het venster Eigenschappen van figuur op de tab Vormgeving.

2. Kies in de keuzelijst Uitlijning op een van de opties om de uitlijning van de afbeelding op de

pagina op te geven.Wil je bijvoorbeeld de figuur aan de linkerkant van de pagina zetten,

waarbij de tekst rechts om de figuur loopt, dan kies je Links. Je kan met de opties

experimenteren om het effect te bekijken.

3. Geef in het vak Horizontale afstand aan welke afstand (in pixels) je links en rechts van de

afbeelding wilt invoegen.

4. Geef in het vak Verticale afstand aan welke afstand (in pixels) je boven en onder de

afbeelding wilt invoegen.

Wanneer je de speciale tekens toont ( ) wordt er een teken ( )

weergegeven op de plaats waar de figuur ingevoegd is. Dit teken wordt verder

de invoegpositie van de figuur genoemd.



Lijn de eerste en de laatste figuur in het bestand cultuur.htm uit naar rechts. De

andere figuur lijn je links uit.

Versleep de invoegpositie van de laatste figuur naar het begin van de alinea.

(voor Helemaal …)

5.3.4. Tekst van een figuur

De tekst van een figuur is de alternatieve tekst van de figuur. Deze tekst wordt in plaats van

de afbeelding weergegeven wanneer de afbeelding niet in een webbrowser kan worden weer-

gegeven. In sommige webbrowsers wordt deze tekst ook weergegeven tijdens het downloaden

van de afbeelding of wanneer een bezoeker van

de site de muisaanwijzer over de afbeelding be-

weegt. Deze tekst is verder zeer belangrijk voor

browsers die geen figuren kunnen weergeven.

Dit kunnen oudere browsers zijn, maar ook

browsers voor blinden of slechtzienden vallen

onder deze categorie.

Je kan de tekst van een figuur instellen door

achtereenvolgens de volgende stappen uit te voe-

ren:

1. Klik met de rechtermuisknop op de afbeelding. Klik in het snelmenu op Eigenschappen van

figuur en klik vervolgens in het venster Eigenschappen van figuur op de tab Algemeen.

2. Typ onder Vervangende afbeeldingen in het vak Tekst de alternatieve tekst voor de

afbeelding.

Geef de eerste figuur in het bestand cultuur.htm als alternatieve tekst Zicht op

Dalt Vila, het oude stadsdeel van de stad Ibiza.

Geef de tweede figuur in het bestand cultuur.htm als alternatieve tekst Puig de

Missa in Santa Eularia des Riu.

Geef de derde figuur in het bestand cultuur.htm als alternatieve tekst Baai bij

Portinatx.


A. Camps Front00

5.3.5. Vervangende figuur – lage resolutiefiguur

Je kan een speciale lage-resolutieversie van een afbeelding maken, die op de browser van een

bezoeker wordt weergeven terwijl deze browser bezig is met het downloaden van de uiteinde-

lijke versie van die afbeelding. Deze functie is handig voor grote figuren of figuren met een

hoge resolutie. Als het een figuur met hyperlinks betreft, kunnen bezoekers met een trage In-

ternet-verbinding toch doorgaan. Ze kunnen klikken op de hotspots die zich bevinden op de

versie met lage resolutie, zonder dat ze hoeven te wachten tot de hele figuur met hoge resolu-

tie is gedownload. Over hotspots hebben we het verder opnieuw.

Je maakt van de figuur eerst een versie met een lage resolutie. Daartoe open je de figuur in

een grafisch programma. Je reduceert de kleurdiepte (het aantal kleuren) van de figuur. Hoe

minder kleuren je in de versie met een lage resolutie gebruikt, hoe sneller de figuur in de

webbrowser wordt weergegeven. Omdat de versie met een lage resolutie is bedoeld als plaats-

vervanger voor de versie met een hoge resolutie mag je de hoogte en breedte van de figuur niet

wijzigen.

Niet alle webbrowsers onder-

steunen deze functie.

Je kan een lage resolutie van een figuur opne-

men in de eigenschappen van een figuur door

achtereenvolgens de volgende stappen uit te voe-

ren:

1. Klik met de rechtermuisknop op de figuur.

Klik in het snelmenu op Eigenschappen van figuur en klik vervolgens in het venster Eigen-

schappen van figuur op de tab Algemeen.

2. Geef in het vak Lage resolutie de bestandsnaam op voor de figuur met lage resolutie, of klik

op Bladeren… om deze te zoeken. Dit werkt verder hetzelfde als het invoegen van een

figuur

Voeg het bestand formentera.jpg onderaan de pagina cultuur.htm toe.

Geef deze foto als alternatieve tekst Zicht op het eiland Formentera.

Geef als Lage resolutie-figuur de foto formentera_low.jpg op.



5.3.6. Eigenschappen van video instellen

Je kan opgeven hoe een video in de webbrowser van een bezoeker van de site moet worden

afgespeeld. Er dient echter met de nodige voorzichtigheid omgegaan te worden met video op

internet. De bandbreedte die nodig is om kwalitatieve video real-time door te sturen is voor de

meeste surfers niet beschikbaar. Hou het dus op een beperkte kwaliteit en niet erg lange

fragmenten.

Je kan de eigenschappen van een videofragment instellen door achtereenvolgens de volgende


1. Klik in de paginaweergave met de rechtermuisknop op de video en klik op Eigenschappen

van figuur in het snelmenu.

2. Klik in het venster Eigenschappen van figuur op de tab Video. Hier vind je de instellingen

voor het afspelen van de video in de webbrowser van de bezoeker.

3. Bepaal vervolgens de gewenste instellingen voor het videofragment:

• Wanneer je de gebruiker de mogelijkheid wilt geven om het afspelen van het

videofragment te controleren schakel je het selectievakje Besturingselementen

weergeven in browser in.

• Wanneer de video moet worden afgespeeld elke keer als een bezoeker van de site de

pagina laadt, schakel je het selectievakje Bij het openen van het bestand in.

• Wanneer de video moet worden afgespeeld als de bezoeker de muis op de video plaatst,

schakel je het selectievakje Bij het aanwijzen met de muis in.

• Geef in het vak Herhalen op hoeveel keer de video moet worden afgespeeld. Je kan ook

de optie Permanent instellen, waarbij de video doorlopend wordt afgespeeld. In het vak

Vertraging van herhaling na geef je de vertragingstijd in milliseconden op.

Niet alle functies van de tab Video worden ondersteund door alle browsers.

5.3.7. Een figuur converteren naar de indeling GIF, JPEG of PNG

Je kan een figuur naar de indeling GIF, JPEG of PNG converteren. Wanneer je in een JPEG-

figuur een transparante kleur wilt instellen, moet de figuur eerst naar GIF worden

geconverteerd. Dit kan een probleem vormen wanneer het aantal kleuren van de figuren meer

dan 256 is. FrontPage zal in dat geval de figuur omzetten naar een GIF-figuur, hetgeen wel

eens voor grotere bestanden zorgt.

Je kan een figuur converteren naar een andere indeling door achtereenvolgens de volgende

stappen uit et voeren:



1. Klik met de rechtermuisknop op de figuur en klik in het snelmenu op Eigenschappen van

figuur.

2. Klik op de tab Algemeen in het venster Eigenschappen van figuur.

Wanneer je de figuur naar GIF-indeling wilt converteren, klik je op GIF. Als je wilt instellen

dat de figuur tijdens het downloaden steeds gedetailleerde wordt weergegeven, selecteer je

Geïnterlinieerd.

Je kan in dit dialoogvenster de transparante kleur niet instellen, maar je kan

wel het selectievakje Transparant uitschakelen wanneer je geen transparante

kleur voor de figuur wilt gebruiken.

Wanneer je de figuur naar JPEG-indeling wilt converteren, klik je op JPEG. Je kan van de

JPEG-figuur ook de kwaliteit opgeven door een waarde tussen 1 en 100 in te voeren in het vak

Kwaliteit. Hoe hoger de waarde, hoe lager de compressie en hoe groter het bestand wordt. In

het vak Progressieve gangen kan je het aantal verschillende stadia opgeven waarin de figuur

tijdens het downloaden door de webbrowser van de bezoeker wordt weergegeven.

Niet alle webbrowsers ondersteunen progressieve stadia.

Wanneer je de figuur naar PNG-indeling wilt converteren, klik je op PNG. Er zijn daarbij geen

verdere instellingen mogelijk.

5.4. Een figuur openen om te bewerken

Je kan een figuur openen om deze te bewerken. Eerst moet u het programma opgeven

waarmee je de verschillende bestandstypen wilt bewerken (GIF, JPEG, BMP, enzovoort).

Een figuur openen in het bewerkingsprogramma doe je door op de figuur te dubbelklikken in

de paginaweergave.

Wanneer je op een bewegende GIF dubbelklikt, wordt deze automatisch

geopend in de editor die voor standaard GIF-bestanden is ingesteld. Je kan

geen aparte andere toepassing instellen voor bewegende GIF's.

5.4.1. Een editor aan een bestandstype koppelen

In Microsoft Windows is elk type bestand (bijvoorbeeld figuurbestanden zoals GIF's, JPEG's en

PNG's) gekoppeld aan een standaardtoepassing of editor. Zo kunnen figuurbestanden aan de



editor Microsoft Image Composer zijn gekoppeld. Wanneer een bestand wordt geopend om te

bewerken, wordt het geopend in de editor waaraan het is gekoppeld.

In Microsoft FrontPage zijn de meeste koppelingen tussen standaardeditors en bestandstypen

al ingesteld. Wil je een editor koppelen aan een nieuw bestandstype dan gaat je als volgt te

werk:

1. Kies in het menu Extra voor Opties… en kies

vervolgens op de tab Editors configureren voor

de knop .

2. Typ in het vak Bestandstype de extensie

(bestaande uit 3 lettertekens), die bij het

bestandstype hoort dat je wilt toevoegen. Bij-

voorbeeld avi voor audiovisuele bestanden.

3. Typ in het vak Naam van de editor de naam

van de editor waarin dit type bestanden in FrontPage

moeten worden geopend.

4. Typ in het vak Opdracht het pad van het uitvoerbare

bestand (.exe) voor de editor of klik op de knop

om de plaats van het bestand op te zoeken.

Koppel de bestandstypes .gif en .jpg in FrontPage aan Microsoft Photo Editor. Je

vindt deze editor normaal op de locatie: C:\Program Files\Common Files\Microsoft

Shared\PhotoEd\PHOTOED.EXE.

5.4.2. Een andere editor aan een bestandstype koppelen

Wanneer een bepaald bestandstype gekoppeld is aan een editor kan het eventueel aan een

andere editor gekoppeld worden. Dit doe je door achtereenvolgens de volgende stappen uit te

voeren.

1. Kies in het menu Extra voor Opties… en kies vervolgens op de tab Editors configureren voor

de koppeling bestandstype/editor die je wilt wijzigen

2. Klik op de knop .

3. Typ in het vak Naam van de editor de naam van de editor waarin dit type bestanden in

FrontPage moeten worden geopend.

5. Typ in het vak Opdracht het pad van het uitvoerbare bestand (.exe) voor de editor of klik op

de knop om de plaats van het bestand op te zoeken.



5.4.3. De koppeling tussen een editor en een bestandstype verwijderen

Wanneer een bepaald bestandstype gekoppeld is aan een editor kan de koppeling overbodig

worden. Het editorprogramma is bijvoorbeeld van de computer verwijderd.

1. Kies in het menu Extra voor Opties… en kies vervolgens op de tab Editors configureren voor

de koppeling bestandstype/editor die je wilt verwijderen

2. Klik op de knop .

Wanneer je een koppeling tussen een bestandstype en een editor verwijdert,

kan je bestanden van dat type niet meer openen in FrontPage. In plaats van

de koppeling helemaal te verwijderen, kan je het bestandstype beter aan een

andere editor koppelen.

5.4.4. Een bestand openen met een andere editor

Wanneer je een bestand opent in Microsoft FrontPage, wordt het bestand geopend in de editor

die bij dat type bestand hoort. Standaard is FrontPage de editor voor HTML-pagina's (.htm-

bestanden) en Active Server Pages (.asp-bestanden). Kladblok is de editor voor tekstbestanden

(.txt-bestanden), enzovoort. Met deze procedure kan je een bestand openen in een andere edi-

tor dan de editor die standaard bij een bepaald type hoort. Zo kan je

een .asp-bestand openen in Microsoft Visual InterDev of een .bmp-

bestand in Microsoft Image Composer.

Wanneer je een bestand wilt openen dat normaal toegewezen aan

een bepaalde editor, kan je dit met een andere editor openen door te

klikken met de rechtermuisknop op het bestand dat je wilt openen en vervolgens in het snel-

menu te kiezen voor Openen met…. Dit kan in alle weergaven, behalve de taakweergave.

Selecteer de editor waarmee je het bestand wilt openen.

De editors die in dit venster vermeld worden zijn dezelfde editors als in de

vorige delen. Wanner je een andere editor toegevoegd had in 5.4.1., zou deze

in dit venster getoond worden.

5.4.5. Pagina's openen in de Office-toepassing waarin deze zijn gemaakt

Wanneer je een pagina in een web opent, wordt de pagina weergegeven met de standaardedi-

tor die is ingesteld voor dat type bestand. Voor de meeste typen pagina's is dit standaard

FrontPage. Als je deze standaardinstelling wilt uitschakelen, kan je opgeven dat pagina's in



FrontPage automatisch worden geopend met de Microsoft Office-toepassing waarmee ze zijn

gemaakt.

Je kan deze optie inschakelen door in het menu Extra te kiezen voor Opties… en vervolgens in

het tabblad Editors configureren het selectievakje Webpagina's openen in de Office-toepassing

waarin deze zijn gemaakt aan te vinken.

5.5. Figuren en hyperlinks

5.5.1. Standaard hyperlink voor een figuur instellen

Je kan voor een afbeelding zoals een figuur, bewegende GIF of video een standaardhyperlink

instellen. Wanneer een bezoeker van een site op de afbeelding klikt, wordt in de webbrowser

het doel van de hyperlink weergegeven. Wanneer je bijvoorbeeld een knop voor de

introductiepagina wilt maken, plaats je een afbeelding voor de knop op de pagina en geef je de

introductiepagina op als standaardhyperlink.

Wanneer je hotspots (zie verder) op een afbeelding plaatst, wordt de standaardhyperlink

gebruikt voor de gebieden die geen hotspot hebben.

Je kan een standaard hyperlink voor een figuur instellen door de volgende stappen

achtereenvolgens uit te voeren:

1. Klik met de rechtermuisknop op de afbeelding. Klik in het snelmenu op Eigenschappen van

figuur en klik vervolgens in het venster Eigenschappen van figuur op de tab Algemeen.

2. Geef in het vak Locatie onder Standaardhyperlink het doel van de standaardhyperlink op. Je

kan ook op de knop klikken om het doel te vinden:

Het is mogelijk om de hyperlink naar een frame te laten verwijzen. Hier

komen we later op terug in het hoofdstuk Frames.

Het is vaak veel gemakkelijker om de standaard hyperlink rechtstreeks toe te

wijzen door niet in de eigenschappen van de figuur te gaan werken, maar

door de figuur te behandelen als een stukje tekst. Je kan via het snelmenu

(rechtermuisknop), de knop of de toetsencombinatie Control + K ook de

standaard hyperlink van de figuur instellen.



5.5.2. Een hotspot aan een figuur toevoegen

Je kan aan een afbeelding zoals een figuur of een bewegende GIF een hotspot toevoegen. Een

hotspot is een onzichtbaar gebied op een afbeelding waaraan je een hyperlink hebt toegewe-

zen. Wanneer een bezoeker op de afbeelding klikt, wordt in de webbrowser het doel van de

hyperlink weergegeven. In Microsoft FrontPage kunnen hotspots de vorm hebben van een

rechthoek, een cirkel of een veelhoek.

Een afbeelding met een of meer hotspots wordt een afbeelding met hyperlinks genoemd.

Meestal wordt in de afbeelding de plaats aangegeven waar de bezoeker moet klikken. Zo zou

een autofabriek op z'n website een afbeelding met hyperlinks kunnen gebruiken voor de

nieuwste modellen. Wanneer een bezoeker van de site op een bepaald model klikt, wordt er

een pagina met gedetailleerde gegevens van dit model weergegeven.

Een hotspot in een figuur maken kan je doen door achtereenvolgens de volgende stappen uit te

voeren:


2. Klik op de werkbalk Figuren op de knop met de gewenste vorm:

• Rechthoekige hotspot:

• Ronde hotspot:

• Veelhoekige hotspot:

3. Teken op de afbeelding naar wens een rechthoek, cirkel of veelhoek. Je tekent een veel-

hoek door op de plek te klikken waar u de eerste hoek wilt . Vervolgens klik je op de plek

voor elke volgende hoek. Je voltooit de veelhoek door te dubbelklikken.

4. Zodra je de linkermuisknop loslaat, wordt het dialoogvenster Hyperlink maken geopend.

Hierin kan je het doel voor de hotspot opgeven.

Voeg in het bestand praktisch.htm boven de titel Het weer de figuur kaart van

middellandse zee.jpg in. Centreer de figuur.

Maak een cirkelvormige hotspot boven de bestaande

witte zone in de figuur. De hotspot verwijst naar het

bestand landkaart.htm.

Wanneer je de hotspot niet onmiddellijk op de juiste plaats kan zetten, kan je deze

verplaatsen zodra de link gelegd is.



5.5.3. Een tekst-hotspot aan een figuur toevoegen

Je kan aan een afbeelding zoals een figuur, een bewegende GIF of een video een tekst-hotspot

toevoegen. Een tekst-hotspot is een tekstreeks op een afbeelding waaraan je een hyperlink

hebt toegewezen. Wanneer een bezoeker van de site op de tekst klikt, wordt in de webbrowser

het doel van de hyperlink weergegeven.

Je kan een tekst-hotspot in een figuur maken door de volgende stappen achtereenvolgens uit

te voeren:


2. Klik op de werkbalk Figuren op de knop .

3. Typ de tekst in het tekstvak dat nu op de afbeelding wordt weergegeven.

4. Je kan de hyperlink voor de tekst instellen door te dubbelklikken op een hoek van het

tekstvak.

5. Geef tenslotte het doel voor de hotspot op.

5.5.4. Een hotspot van een figuur bewerken, verplaatsen, verwijderen of de grootte ervan

wijzigen

Je kan het URL-adres van een hotspot bewerken, verplaatsen, verwijderen of de grootte ervan

wijzigen. Dit doe je door achtereenvolgens de volgende stappen uit te voeren:

1. Klik in de paginaweergave op de afbeelding om de hotspots weer te geven.

2. Klik op een hotspot.

3. Je bewerkt het URL-adres van een hotspot door er op te dubbelklikken.

4. Je verplaatst de hotspot door er op te klikken en deze naar een andere positie te slepen.

5. Je wijzigt de grootte van de hotspot door op een van de grepen te klikken en deze te

verslepen. In plaats van slepen kan je ook de pijltjestoetsen gebruiken.

6. Je verwijdert een hotspot door op de delete-toets te drukken.

Tijdens het verplaatsen van een hotspot kan je deze weer op de oorspronkelijke plaats

terugbrengen door de muisknop ingedrukt te houden en op ESC te drukken.

Voeg de twee figuren kaart_ibiza.gif en kaart_formentera.gif via de mappenlijst toe

aan het web.

Voeg in het bestand landkaart.htm de figuur kaart van ibiza en formentera.gif in.

Centreer de figuur op de pagina.



Maak twee tekst-hotspots op de figuur. De eerste tekst-hotspot krijgt als naam

Ibiza en verwijst naar het bestand kaart_ibiza.gif. De eerste tekst-hotspot wordt

36 punten groot.

De tweede tekst-hotspot krijgt als naam

Formentera en verwijst naar het bestand

kaart_formentera.gif. De tweede tekst-

hotspot wordt 24 punten groot.

Plaats tenslotte de hotspots zoals in

nevenstaande figuur:

5.5.5. De hotspots op een afbeelding markeren

Je kunt de hotspots op een afbeelding markeren, bijvoorbeeld wanneer de omtrekken van de

hotspots op de afbeelding moeilijk te zien zijn.

Dit doe je door achtereenvolgens de volgende stappen uit te voeren:

1. Klik in de paginaweergave op de afbeelding.

2. Klik op de werkbalk Figuren op de knop . Klik nogmaals op deze knop wanneer je de

markering wilt opheffen.

Bewaar alle bestanden en zorg dat alle figuur in de map images staan.

5.6. Oefeningen

Open het web Ibiza.

Voeg op de pagina foto.htm de volgende foto’s toe:

Landeljik Ibiza in Sant Josep.jpg

Strand van Plaja de Mitjorn aan de zuidkust van Formentera.jpg

Rustige steegjes in het oude stadsdeel.jpg

Ibiza stad vanuit de haven.jpg

Punta Arabí.jpg

Ongerepte natuur in het Noorden.jpg

Als de eerste regel vol is, ga je naar de tweede

1.



Maak van elke foto een miniatuur die voldoet aan de volgende instellingen:

• De kortste zijde is 100 pixels.

• Er mag geen rand rond de miniatuur weergegeven worden.

• De rand wordt afgeschuind.

Zorg er tenslotte voor dat tussen elke miniatuur 2 spaties staan.

Bewaar de pagina. De foto’s komen in de map images.

Voeg op de pagina uitgaan.htm de volgende tekst toe:

Ibiza is synoniem voor uitgaan. Je kan ’s nachts nergens gaan zonder op het één of het

ander feest uit te komen. Je moet er geweest zijn om het te begrijpen.

Enkele sfeerbeelden om je in de stemming te brengen:

Voeg onder de tekst de volgende foto’s toe:

hippy markt nabij paseo del muelle.jpg

avondsfeer boven ibiza stad, partytime.jpg

avondsfeer boven ibiza stad, partytime (2).jpg

Maak de 3 foto’s precies 200 punten hoog. De breedte-hoogteverhouding blijft

behouden.

Er mogen geen spaties tussen de foto’s staan.

Pas het aantal bits van de figuren aan en bewaar de pagina. De foto’s komen in de

map images.

Voeg op de pagina gastronomie.htm de volgende foto’s toe:

oreietes.jpg

greixonera en frigola.jpg

Maak de 2 foto’s precies 450 punten hoog. De breedte-hoogteverhouding blijft

behouden.

Pas het aantal bits van de figuren aan en bewaar de pagina. De foto’s komen in de

map images.

Maak vervolgens van beide foto’s miniaturen volgens de eerder ingestelde

eigenschappen van de miniatuur.

2.

3.



Lijn de eerste foto rechts uit. Zowel de horizontale als de verticale afstand moeten 20

punten zijn. Versleep vervolgens de invoegpositie tot voor het eerste woord op de pa-

gina (De traditionele…) Lijn de tweede foto eveneens rechts uit met dezelfde

eigenschappen. Versleep de invoegpositie van de tweede figuur voor Als

visschotels….

Bewaar alle bestanden (foto’s in de map images) en sluit vervolgens het web.

Open het web kookboek en voeg in het bestand gemengde_bladsla.htm onderstaande

foto’s op de gevraagde manier in:

gemengde bladsla figuur 1.jpg links van de tekst

gemengde bladsla figuur 2.jpg rechts van de tekst


gemengde bladsla figuur 4.jpg rechts van de tekst


Pas de breedte van elke figuur aan tot 180 pixels. De breedte-hoogteverhouding blijft

behouden.

Voeg vlak voor het recept (onder de ingrediënten) de foto gemengde bladsla.jpg toe.

Stel de breedte van deze figuur in op 300 punten. Lijn de figuur rechts uit met een

horizontale afstand van 10 punten en een verticale afstand van 5 punten.

Versleep de invoegpositie van de foto tot het begin van de tweede alinea van het

recept.

Pas voor elke ingevoegde figuur het aantal bits aan.

Bewaar de pagina en zorg ervoor dat alle foto’s in de map salades/foto terecht

komen. De map foto (submap van de map salades) zal je eerst moeten aanmaken.

Voeg in de bestanden heldere_groentebouillon.htm, zeevruchtensalade.htm en

rauwkostschotel_kruidendressing.htm op dezelfde manieren de kleine foto’s toe.

De breedte van elke figuur aan de linkerkant is telkens 180 pixels. De breedte-

hoogteverhouding blijft behouden.

Voeg in de tweede alinea van het recept telkens de hoofdfoto in.

De hoofdfoto heeft een breedte van 300 punten en wordt rechts uitgelijnd met een

horizontale afstand van 10 punten en een verticale afstand van 5 punten.

4.

5.



Pas voor elke ingevoegde figuur het aantal bits aan.

Bewaar alle gewijzigde pagina’s en zorg ervoor dat alle foto’s in de correcte map

komen. De foto’s van de salades komen in de submap salades/foto. De foto’s van de

soepen komen in de submap soepen/foto.

Voeg in de bestanden aspergeconsommé_met_gevogelteballetjes.htm,

heldere_tomatensoep_met_knoflookcroûtons.htm, terrine_van_gerookte_zalm.htm en

makreelmousse.htm in de tweede cel van links (zie voorbeeldfiguur hierna) de

hoofdfoto in.

De hoofdfoto heeft een breedte van 300 punten en het aantal bits moet aangepast

worden.

Bewaar alle gewijzigde pagina’s en zorg ervoor dat alle foto’s in de correcte map

komen. De foto’s van de salades komen in de submap salades/foto. De foto’s van de

soepen komen in de submap soepen/foto. De foto’s van de warmmakers komen in de

submap voorgerechten/foto.

Op de pagina krulsla_met_venkel_en_gorgonzola.htm pas je hetzelfde principe toe,

met dat verschil dat de ingevoegde figuur eerst linksom gedraaid moet worden voor

de breedte vastgelegd wordt.

Zorg ervoor dat alle foto’s van dit web JPEG zijn met 8 progressieve gangen.

Bewaar alle bestanden (en zorg dat de foto’s op de juiste plaats staan)

6.

6.

Figuren en video - Playgarden · Kleurcontrast van een figuur wijzigen Het kan gebeuren dat een...

Documents

Transcript of Figuren en video - Playgarden · Kleurcontrast van een figuur wijzigen Het kan gebeuren dat een...