Figuren
Hoe kan ik een figuur invoegen?
HEEL BELANGRIJK: vooraleer je een figuur invoegt, moet
je steeds je webpagina opslaan! Indien dit niet gebeurt, kan er
geen link gelegd worden vanuit de webpagina naar de figuur.
Wanneer je je pagina niet opslaat, heeft deze namelijk nog geen plaats.
Zorg er ook altijd voor dat je figuren in dezelfde map OF een submap staan als je webpagina's. Indien dit niet het geval is, zal er geen goede link gelegd worden naar je figuur en krijg je problemen als je de site op internet wil plaatsen.
Voeg een figuur
(<IMG>) in door te kiezen voor Insert - Image of klik op de
knop 
in
de Insertbalk.
Je kan nu je figuur zoeken in eender welke map.
In de rechterkant van het venster, kan je een preview zien van de figuur.
Ook staat de grootte en bestandsgrootte van de figuur vermeld.
Wanneer je met figuren werkt, mag je enkel figuren met extensie jpg - gif en png gebruiken. Zorg er steeds voor dat deze figuren niet té groot zijn. Zo is 100 KB de limiet.
Selecteer een figuur en kies voor OK.
Indien je vergeten bent je webpagina op te slaan, vooraleer je de figuur trachtte in te voegen, krijg je onderstaande mededelingen .
Kies voor OK, daarna voor JA en sla je webpagina alsnog op.
De figuur verschijnt in je ontwerpvenster.
Wanneer je nu je Sitevenster bekijkt, zal je opmerken dat er een bestand bijgekomen is in je lijst.
Hoe kan ik een figuur bewerken?
Wanneer je een figuur selecteert, zal automatisch je eigenschappenvenster te voorschijn komen.
1 bestandsgrootte van de figuur.
2 breedte (<WIDTH>): hier zie je hoe breed je figuur is (in pixels). Je kan dit getal wijzigen.
3 hoogte (<HEIGHT>): hier zie je hoe hoog je figuur is (in pixels). Je kan dit getal wijzigen.
Opmerking: je kan de grootte van je figuur ook wijzigen door de rand van de figuur te verslepen. (gebruik de SHIFT-toets om de figuur niet te vervormen)
4 bron (<SRC>): hier zie je waar je figuur zich bevindt en welke bestandsnaam + extensie de figuur heeft. Indien er geen map vermeld staat, zit de figuur in dezelfde map als het html-bestand.
Met het gele mapje kan je terug bladeren en alsnog een andere figuur invoegen. Deze figuur zal dan de bestaande vervangen.
5 alt: hier kan je een beschrijving van de figuur intypen. Mocht de figuur niet geladen kunnen worden, dan weet de gebruiker welke figuur daar hoort te staan.
6 Croptool. Hiermee kan je een stukje van de figuur ‘afsnijden’. Druk op de knop en selecteer een stuk van de figuur. Dubbelklik op de figuur. Enkel de selectie blijft over. De rest verdwijnt.
Naderhand krijg je nog de melding dat je deze actie de figuur onherroepelijk zal wijzigen. Enkel via Edit – Undo kan je de actie nog ongedaan maken.
7 Contract – Helderheid: Hier kan je je figuur helderder maken of het contrast tussen de lichte en donkere kleuren wijzigen door met de indicatoren te schuiven of door een waarde in te typen.
8 Scherpte: hier kan je de scherpte van de figuur wijzigen.
uitlijning (<ALIGN>): hier kan je de uitlijning van je
figuur wijzigen (links, rechts, midden).
Deze optie geeft je de mogelijkheid tevens de tekst naast de figuur uit te
lijnen (top, bottom, middle)
9 rand (<BORDER>): hier kan je een rand toevoegen rondom je figuur. Voer een getal in (in pixels).
10 uitlijning (<ALIGN>): hier kan je de uitlijning van je
tekst t.o.v. je figuur wijzigen (boven, onder, midden, ...).
Opmerking: bij align kan je opties kiezen zoals Top – Bottom – Middle enz. Met deze opties kan je niet je figuur uitlijnen, maar wel de tekst t.o.v. de figuur.
In bovenstaand voorbeeld is gekozen voor de optie Top.
-> de opties die nog niet besproken zijn, worden besproken in het volgende hoofdstuk ("hyperlinks").
Opmerking: Op dit moment kan je een figuur enkel nog maar links, midden of rechts uitlijnen. Wanneer we met tabellen leren werken, zal hier verandering in komen.
Schermafdrukken
Een nieuwe functie in Dreamweaver CS3 (ten opzichte van Dreamweaver 8) is dat je schermafdrukken rechtstreeks in het programma kan plakken. Zo kan je op elk moment een schermafdruk nemen met de Prt Scrn-toets en deze plakken in het programma via Edit – Paste.
Je kan zelfs nog een stukje van de schermafdruk snijden met de “export area”-toets.
