De werkbalk Document in Adobe Creative Suite 5 (Adobe CS5) Dreamweaver bevat hulpprogramma's waarmee u uw document in verschillende modi, zoals code en ontwerp, kunt bekijken en ook kunt adresseren als de documenttitel en browsercompatibiliteit.
-
Codeweergave: Geef de code en alleen de code weer in deze weergave. Dreamweaver helpt u bij het ontcijferen van code op basis van kleurcoderingstags, attributen, CSS en andere elementen.
-
Gesplitste weergave: Als u deze optie selecteert, wordt het documentvenster gesplitst tussen de codeerweergave en de ontwerpweergave. Deze weergave kan zeer nuttig zijn omdat u zowel het ontwerp als de code tegelijkertijd ziet.
Beheer uw weergave van de pagina vanuit de werkbalk Document. -
Designweergave: Deze optie geeft uw pagina weer in de ontwerpweergave in het documentvenster.
-
Live code: Wanneer Live View is ingeschakeld, kunt u de broncode van uw document bekijken zoals een gebruiker het in een browser zou zien, maar u kunt de paginacode in deze weergave niet bewerken.
-
Controleer de compatibiliteit van de browser: Dit menu toont opties waarmee u de integriteit van de pagina kunt controleren, zoals toegankelijkheid, of dat uw CSS-regels compatibel zijn in verschillende browsers.
-
Live View: Live View rendert uw pagina alsof deze zich in een browser bevindt, vrij van randen, hulplijnen en andere visuele hulpmiddelen. In Live View kunt u de voorvertonde inhoud niet bewerken, maar u kunt naar de weergave Coderen, Splitsen of Ontwerp bladeren en de inhoud van uw pagina aanpassen.
-
Inspecteren: De nieuwe Inspect-knop werkt met Live View om de CSS-regels te onthullen die elementen op uw pagina opmaken. Wanneer u een element op de pagina selecteert met Inspect ingeschakeld, worden in het deelvenster CSS-stijlen de eigenschappen weergegeven die dat element opmaken en kunt u specifieke eigenschappen uitschakelen en wijzigen en de resultaten bekijken.
-
Voorbeeld / foutopsporing in browser: Klik op deze knop om uw document te bekijken of debuggen in een van uw geïnstalleerde webbrowsers, Adobe's BrowserLab of Device Central.
-
Visuele hulpmiddelen: Klik op deze knop om verschillende visuele hulpmiddelen (zoals randen en hulplijnen) te selecteren om verschillende elementen te bekijken en het ontwerpen van uw pagina's eenvoudiger te maken.
-
Ontwerpweergave vernieuwen: Klik op deze knop om de ontwerpweergave van het document te vernieuwen nadat u wijzigingen aanbrengt in de codeweergave. Wijzigingen die u aanbrengt in de codeweergave verschijnen niet automatisch in de ontwerpweergave totdat u bepaalde acties uitvoert, zoals het bestand opslaan of op deze knop klikken.
-
Documenttitel: Voer de naam van uw document in dit veld in.
-
Bestandsbeheer: Klik op deze knop om het pop-upmenu Bestandsbeheer te openen.Gebruik dit menu om uw document in of uit te checken wanneer dit voor uw site is ingeschakeld.
-
Vorige pagina / Volgende pagina / Vernieuwen / Adresbalk: In Live View werken deze hulpmiddelen net als in een webbrowser en kunt u navigeren tussen pagina's, de pagina vernieuwen en het adres van de browser bekijken. huidige pagina. De adresbalk werkt ook wanneer Live View niet is ingeschakeld, waardoor het pad wordt onthuld naar het document waaraan u momenteel werkt.
-
Gerelateerde documenten: Documenten die worden gebruikt door en gekoppeld aan uw pagina, zoals externe CSS- en JavaScript-bestanden, worden hieronder weergegeven (Mac) of hoger (Windows) de knoppen voor selectie van weergave (code / splitsen / ontwerp). U kunt op elk vermeld document klikken om het bijgevoegde bestand in de gesplitste weergave te bewerken zonder van document te hoeven wisselen.
-
XML-, JavaScript-, CSS- en andere op codes gebaseerde bestandstypen kunnen alleen worden bekeken en bewerkt in de codeweergave; de knoppen Ontwerpen en Splitsen worden grijs weergegeven.
-
Door vernieuwen worden ook codefuncties bijgewerkt die afhankelijk zijn van het documentobjectmodel (DOM), zoals de mogelijkheid om de openings- of sluitingstags van een codeblok te selecteren.
-
-
Live View-opties: Klik en selecteer opties in dit menu om te bepalen hoe uw document wordt weergegeven en werkt wanneer Liveweergave is ingeschakeld.