03.05.2013 Views

Dreamweaver CS3 - Adobe

Dreamweaver CS3 - Adobe

Dreamweaver CS3 - Adobe

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

p{<br />

display:block;<br />

}<br />

li{<br />

display:block;<br />

}<br />

DREAMWEAVER <strong>CS3</strong><br />

Handboek<br />

3 Sla het bestand op.<br />

4 Open in de ontwerpweergave de pagina waaraan u de nieuwe stijlen wilt koppelen.<br />

5 Selecteer Tekst > CSS-stijlen > Design-Time.<br />

6 Klik in het dialoogvenster Design-Time stijlbladen op de knop Plus (+) boven het tekstvak Alleen weergeven tijdens<br />

ontwerptijd, selecteer de zojuist gemaakte stijlpagina en klik op OK.<br />

7 Klik op OK om het dialoogvenster Design-Time stijlbladen te sluiten.<br />

De stijlpagina wordt aan uw document gekoppeld. Als u een stijlpagina had gemaakt met behulp van het vorige voorbeeld,<br />

zouden alle alinea's en lijstitems zijn opgemaakt met het kenmerk display:block, waardoor u visuele hulpmiddelen voor<br />

CSS-lay-outblokken voor alinea's en lijstitems zou hebben kunnen in- of uitschakelen.<br />

Zie ook<br />

“Design-Time stijlpagina's gebruiken” op pagina 138<br />

AP-elementen animeren<br />

Info over het animeren van AP-elementen<br />

Dynamische HTML, oftewel DHTML, verwijst naar de combinatie van HTML met een scripttaal, waarmee u de stijl- of<br />

positioneringseigenschappen van HTML-elementen kunt wijzigen. Tijdlijnen in <strong>Dreamweaver</strong> gebruiken dynamische<br />

HTML om de eigenschappen van AP-elementen en afbeeldingen in een bepaald tijdsbestek te wijzigen. Gebruik tijdlijnen<br />

om animaties te maken, die geen ActiveX-besturingselementen, insteekmodules of Java-applets nodig hebben (maar wél<br />

JavaScript).<br />

Opmerking: Het woord 'dynamisch' kan in verschillende aan het web gerelateerde contexten verschillende betekenissen hebben.<br />

Verwar Dynamische HTML niet met het idee van een dynamische webpagina, hetgeen inhoudt dat de webpagina dynamisch<br />

wordt gegenereerd door server-side-code voordat deze ter beschikking aan een bezoeker wordt gesteld.<br />

Met tijdlijnen kunt u de positie, grootte, zichtbaarheid en stapelvolgorde van een AP-element wijzigen. (De APelementfuncties<br />

van tijdlijnen werken alleen in 4.0 of hogere browsers.) Tijdlijnen zijn ook handig voor andere acties die<br />

u wilt laten optreden nadat een pagina is geladen. Zo kunnen tijdlijnen het bronbestand van een afbeeldingslabel wijzigen,<br />

zodat met het verstrijken van de tijd verschillende afbeeldingen op de pagina worden weergegeven.<br />

Als u de door een tijdlijn gegenereerde JavaScript-code wilt bekijken, opent u de codeweergave van het documentvenster.<br />

The tijdlijncode staat in de functie MM_initTimelines, binnen in een scripttag in de kopsectie van het document.<br />

Bij het bewerken van de HTML van een document met tijdlijnen moet u ervoor zorgen dat u niets waarnaar een tijdlijn<br />

verwijst, verplaatst, hernoemt of verwijdert.<br />

Zie ook<br />

“Info over AP-elementen in <strong>Dreamweaver</strong>” op pagina 146<br />

Overzicht van het paneel Tijdlijnen<br />

Het paneel Tijdlijnen toont hoe de eigenschappen van AP-elementen en afbeeldingen met het verstrijken van de tijd<br />

veranderen. Selecteer Venster > Tijdlijnen om het paneel Tijdlijnen te openen.<br />

160

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!