MENU
 
Home
Nieuwsbrief
GC in de media
SiteMap
 
Tips en Tricks
Excel
Word
Photoshop
PowerPoint
Surf Tips
Gmail
Android
iPad
Excel ClipTips
 
cursus Office 2016
Access
Excel
Outlook
PowerPoint
Word
 
cursus Office 2013
Excel
PowerPoint
Word
Nieuw in Excel 2013
Nieuw in Word 2013
Nieuw in PowerPoint 2013
 
cursus Office 2010
Access
Nieuw in Excel 2010
Excel automatiseren
Excel
OneNote
Outlook
PowerPoint
Word
 
cursus Office 2007
Access
Excel
Outlook
PowerPoint
Publisher
Visio
Word
 
cursus Office
2000-2002-2003-XP
Access
Excel
PowerPoint
Outlook
Word
 
cursus Photoshop
CC -3D
Animatie
CS6
CS5
CS4
CS2 - CS3
Lightroom 3
Elements 6
Mask Pro
Nik Collection
 
cursus Dreamweaver
CS3
 
cursus Illustrator
CS4
 
cursus Flash
CS4
 
cursus Fireworks
CS4
 
cursus Paint Shop Pro
X en X2
 
cursus Premiere
Elements 7-8
 
cursus Joomla
Joomla 1.5
 
Sociale Netwerk sites
Facebook
LinkedIn
Twitter
 
iPad
Apps
 
Diversen
Celtx
CSS
DropBox
Firefox 3.6
GIMP
Internet Explorer 9
LIME
Linux
OpenSUZE
PREZI
ProShow Producer
YouTube
 
cursus Google
Agenda
Analytics
Gmail
Zoeken
Picasa 3
SketchUp
Chrome
Street View
 
cursus Windows
Live Movie Maker
Windows 10
Windows 8
Windows 7
XP
Vista
 
cursus Office '97
Word
Excel
 
 
>

 

Cursus Dreamweaver   Index - vorige - volgende
       
Les 13 Afbeeldingen (5)  
     
Rollover-afbeelding
Een rollover-afbeelding is een afbeelding die wijzigt wanneer je de muisaanwijzer over de afbeelding plaatst.
Om een rollover-afbeelding toe te voegen aan je pagina, plaats je de cursor op de plaats in je pagina waar je deze wenst.
In de werkbalk "Invoegen" bovenaan je document selecteer je het tabblad "Algemeen", en klik je het naar benedenwijzend pijltje naast de knop "Afbeelding".
In het drop-downmenu dat verschijnt kies je "Rollover-afbeelding".
>
Dit opent het dialoogvenster "Rollover-afbeelding invoegen".
In het bovenste vak van het dialoogvenster geef je een betekenisvolle naam voor de afbeelding.
In het tweede vak selecteer je de afbeelding die je wenst te zien wanneer er niks gebeurt.
Klik hiervoor de knop "Bladeren" en navigeer naar de afbeelding die je wenst.
In het derde vak selecteer je de afbeelding die je wenst te zien wanneer er iemand met de muisaanwijzer over de afbeelding beweegt.
Klik ook hier de knop "Bladeren" om deze te selecteren.
Let erop dat beide afbeeldingen over dezelfde afmetingen beschikken.
In beide gevallen zal een venster verschijnen met de vraag of je deze afbeelding wil toevoegen aan je sitemap, en waar je deze wil plaatsen.
Zoals altijd kiezen we hiervoor de map "images" in onze sitemap "GratisCursus".
 
Het vakje "Rollover-afbeelding vooraf laden" is standaard aangevinkt, laat dit aangevinkt.

Dit zal de afbeelding die moet worden weergegeven wanneer iemand de muisaanwijzer over de "Rollover-afbeelding" beweegt, op voorhand al hebben geladen.
Mocht dit niet zijn aangevinkt zou dit een pauze kunnen toevoegen tussen de overgang van de originele naar de rollover-afbeelding.

style="display:inline-block;width:120px;height:90px" >
In het volgende vak geef je eventueel een alternatieve tekst in voor bezoekers die geen afbeeldingen kunnen zien, of beter gezegd voor de bezoekers die de optie "Afbeeldingen weergeven" hebben uitgeschakeld in hun Browser.
 
En in het laatste vak kun je eventueel een koppeling naar een andere site, of een andere pagina ingeven. Maar meer over koppelingen in de volgende les.
Klik OK wanneer je klaar bent.
 
Om het resultaat te bekijken moet je de pagina laden in je Browser.
Klik hiervoor de F12 toets op je toetsenbord. Op de vraag of je het bestand wil opslaan, klik je "Ja".
Meer over rollovers in les 16.
 
Afbeelding uitlijnen
Er zijn verschillende manieren op afbeeldingen uit te lijnen in je pagina.
Wanneer we een afbeelding invoegen, wordt deze standaard op een nieuwe lijn aan de linkse kant van de pagina geplaatst.
Om de tekst in je pagina na of voor de afbeelding te plaatsen selecteer je eerst de afbeelding, en klik je het naar beneden wijzend pijltje naast het vak uitlijnen, kies je één van de opties in het drop-downmenu.
Kies je voor "Rechts", wordt je afbeelding rechts uitgelijnd tegenover de tekst.
Kies je voor "Links", wordt je afbeelding, wat had je gedacht, links uitgelijnd tegenover de tekst.
 
Om de ruimte tussen afbeelding en tekst te vergrootten geef je een waarde in de vakken "V-ruimte" en "H-ruimte".
"V-ruimte" zal meer ruimte creëren tussen afbeelding en tekst.
"H-ruimte" zal je tekst hoger of lager plaatsen ten overstaan van je afbeelding.
 
Nog een manier is gebruik te maken van het vak "Rand".
Geven we hier een waarde in zal dit de ruimte tussen afbeelding en tekst zowel verticaal als horizontaal vermeerderen.
 
 
Index - vorige - volgende

copyright © 2012 - gratiscursus.be

>