Operation Manual

De werkbalk Codering
Het documentvenster
De eigenschappencontrole
De tagkiezer
Panelen
Het paneel Invoegen
Het paneel Bestanden
Naar boven
Ontwerpweergave
Codeweergave
Gesplitste codeweergave
Code- en ontwerpweergave
Live View
Live codeweergave
Naar boven
(Wordt alleen in de codeweergave weergegeven.) Deze balk bevat knoppen waarmee u veel
standaardcodeerbewerkingen kunt uitvoeren.
In dit venster wordt het huidige document weergegeven terwijl u het maakt en bewerkt.
Hier kunt u allerlei eigenschappen voor het geselecteerde object of de geselecteerde tekst bekijken en wijzigen. Elk
object heeft verschillende eigenschappen.
Deze bevindt zich op de statusbalk, onder in het documentvenster. De tagkiezer toont de hiërarchie van de tags rondom de huidige
selectie. Klik op een tag in de structuur om de tag met alle inhoud te selecteren.
Hiermee kunt u uw werk controleren en wijzigen. Voorbeelden zijn het deelvenster Invoegen, het deelvenster CSS-stijlen en het
deelvenster Bestanden. Als u een deelvenster wilt uitvouwen, dubbelklikt u op de tab van het deelvenster.
Deze balk bevat knoppen waarmee u diverse typen objecten in een document kunt invoegen, zoals afbeeldingen, tabellen
en media-elementen. Elk object is een stukje HTML-code waarmee u verschillende kenmerken van het object kunt instellen. U kunt bijvoorbeeld
een tabel invoegen door op de knop Tabel van het deelvenster Invoegen te klikken. Desgewenst kunt u het menu Invoegen in plaats van het
deelvenster Invoegen gebruiken om objecten in te voegen.
Hier kunt u bestanden en mappen beheren, ongeacht of ze tot een Dreamweaver-site behoren of zich op een externe
server bevinden. Met het deelvenster Bestanden hebt u ook toegang tot alle bestanden op uw lokale schijf.
Overzicht van het documentvenster
In het documentvenster wordt het huidige document weergegeven. Klik op een tab om naar het desbetreffende document te gaan.
U kunt een van de volgende weergaven selecteren:
(Weergave > Ontwerp) Dit is de ontwerpomgeving voor visuele paginalay-out, visueel bewerken en het snel ontwikkelen van
toepassingen. In deze weergave geeft Dreamweaver een volledige bewerkbare, visuele voorstelling van het document weer, ongeveer zoals
hetgeen u ziet wanneer u de pagina in een browser weergeeft.
(Weergave > Code > Dit is een omgeving voor handmatig coderen voor het schrijven en bewerken van HTML, JavaScript en
andere typen code.
(Weergave > Gesplitste code) Met een gesplitste versie van de codeweergave kunt u zo schuiven dat u tegelijkertijd
aan verschillende gedeelten van het document kunt werken.
(Weergave > Code en Ontwerp) Via deze opdracht geeft u voor hetzelfde document zowel de codeweergave als de
ontwerpweergave in één venster weer.
(Weergave > Live View) Net als in de ontwerpweergave wordt in Live View een meer realistische weergave getoond van hoe uw
document er in een browser uit zal zien; het document werkt net zoals in een browser. U kunt HTML-elementen rechtstreeks in Live View
bewerken en ook direct een voorvertoning van uw wijzigingen in dezelfde weergave bekijken. Zie HTML-elementen bewerken in Live View voor
meer informatie over het bewerken in Live View.
(Weergave > Live code) Deze weergave is alleen beschikbaar wanneer u een document in Live View bekijkt. In de weergave
Live code wordt de werkelijke code weergegeven die een browser gebruikt om de pagina uit te voeren. De weergave reageert op uw handelingen
in Live View. In de weergave Live code kunt u geen bewerkingen uitvoeren.
Wanneer een documentvenster is gemaximaliseerd (standaard), ziet u boven in het documentvenster tabs met daarop de bestandsnamen van alle
geopende documenten. In Dreamweaver wordt een sterretje achter de bestandsnaam weergegeven als u wijzigingen hebt aangebracht die u nog
niet hebt opgeslagen.
In Dreamweaver wordt onder het tabblad van het document (of onder de titelbalk van het document als u documenten in afzonderlijke vensters
weergeeft) ook de werkbalk Verwante bestanden weergegeven. Verwante documenten zijn documenten die aan het huidige bestand zijn
gekoppeld, zoals CSS-bestanden of JavaScript-bestanden. Als u een van deze verwante bestanden in het documentvenster wilt openen, klikt u op
de betreffende bestandsnaam op de werkbalk Verwante bestanden.
Overzicht van de documentwerkbalk
De documentwerkbalk bevat knoppen waarmee u snel kunt schakelen tussen de verschillende weergaven van uw document. De werkbalk bevat
ook enkele veelgebruikte opdrachten en opties voor de weergave van het document en het overbrengen van het document tussen de lokale en de
externe site.
Werkbalk Document
A. Codeweergave tonen B. Code- en ontwerpweergave tonen C. Ontwerpweergave tonen D. Live View E. Voorvertonen/Fouten opsporen in
21