Operation Manual

Pagina's voorvertonen
Opmerking:
Naar boven
Pagina's voorvertonen in Dreamweaver
Pagina's voorvertonen in browsers
de gebruikersinterface van Dreamweaver CC en hoger is vereenvoudigd. Daarom zijn sommige opties die in dit artikel worden
beschreven, niet beschikbaar in Dreamweaver CC en hoger. Zie dit artikel voor meer informatie.
In de ontwerpweergave krijgt u een idee van hoe de pagina er op het web uitziet, maar worden pagina's niet exact zo weergegeven als in
browsers. Live View biedt een nauwkeurigere weergave en geeft u de mogelijkheid om in de codeweergave te werken en de wijzigingen in het
ontwerp te bekijken. Met de functie Voorvertoning in browser kunt u zien hoe pagina's er in specifieke browsers uitzien.
Pagina's voorvertonen in Dreamweaver
Over Live View
Live View verschilt van de traditionele ontwerpweergave van Dreamweaver en biedt een meer realistische weergave van hoe uw pagina er in een
browser uitziet. Bovendien kan de pagina nu ook worden bewerkt. Live View vervangt de opdracht Voorvertoning in browser niet, maar biedt een
andere manier om te controleren hoe uw pagina er live uitziet, zonder dat u de Dreamweaver-werkruimte hoeft te verlaten.
Vanuit de ontwerpweergave kunt op elk moment naar Live View schakelen. Het schakelen naar Live View houdt echter geen verband met het
schakelen tussen een van de andere traditionele weergaven in Dreamweaver (codeweergave/gesplitste weergave/ontwerpweergave). Wanneer u
vanuit de ontwerpweergave naar de live-weergave schakelt, schakelt u de ontwerpweergave gewoon van bewerkbaar naar 'live'.
Hoewel de ontwerpweergave bevriest wanneer u Live View activeert, kunt u de codeweergave blijven bewerken. U kunt de code dus wijzigen en
daarna Live View vernieuwen om het effect van uw wijzigingen te bekijken. In Live View hebt u de extra mogelijkheid om live code te bekijken. De
live codeweergave is te vergelijken met Live View in die zin dat deze een versie van de code toont die de browser uitvoert om de pagina weer te
geven. Net als Live View is de live codeweergave een weergave die u niet kunt bewerken.
Een extra voordeel van Live View is de mogelijkheid om JavaScript te bevriezen. U kunt bijvoorbeeld naar Live View schakelen en de muis boven
Spry-tabelrijen houden die van kleur veranderen door de interactie van de gebruiker. Wanneer u JavaScript bevriest, wordt de huidige status van
de pagina in Live View bevroren. U kunt vervolgens het CSS of JavaScript bewerken en de pagina vernieuwen om het effect van de wijzigingen te
bekijken. Het bevriezen van JavaScript in Live View is handig als u eigenschappen wilt bekijken en wijzigen voor de diverse toestanden van pop-
upmenu's of andere interactieve elementen die u in de traditionele ontwerpweergave niet kunt zien.
Zie ook:
Bewerken in Live View
Pagina's voorvertonen in Live View
1. Zorg ervoor dat u in de ontwerp weergave (Weergave > Ontwerp) of Code- en ontwerpweergaven (Weergave > Code en ontwerp) werkt.
2. Klik op de knop Live View.
3. (Optioneel) Breng wijzigingen aan in de codeweergave, in het deelvenster CSS-stijlen, in een extern CSS-stijlblad of in een ander verwant
bestand.
De opties voor het bewerken van andere gebieden (bijvoorbeeld in het deelvenster CSS-stijlen of in de codeweergave) veranderen zodra u
in Live View klikt, ook al kunt u niet bewerken in Live View.
U kunt met verwante bestanden werken (bijvoorbeeld met CSS-stijlbladen) terwijl Live View de focus houdt. Daartoe opent u het
verwante bestand vanaf de werkbalk Verwante bestanden, boven het document.
4. Als u wijzigingen aanbrengt in de codeweergave of in een verwant bestand, vernieuwt u Live View door op de werkbalk Document op de
knop Vernieuwen te klikken of door op F5 te drukken.
5. Als u weer naar de bewerkbare ontwerpweergave wilt terugkeren, klikt u opnieuw op de knop Live View.
Live code voorvertonen
521