Dokumentværktøjslinjen i Adobe Creative Suite 5 (Adobe CS5) Dreamweaver indeholder værktøjer til at hjælpe dig med at se dit dokument i forskellige tilstande, f.eks. Kode og design, samt adressere sådanne elementer som dokumentets titel og browser kompatibilitet.
-
Kodevisning: Vis koden og kun koden ved hjælp af denne visning. Dreamweaver hjælper dig med at dechifrere kode ved hjælp af farvekoderingskoder, attributter, CSS og andre elementer.
-
Split View: Hvis du vælger denne mulighed, opdeles Dokumentvinduet mellem Kode og Design-visninger. Denne visning kan være yderst hjælpsom, fordi du både ser designet og koden samtidigt.
Kontroller dit syn på siden fra dokumentværktøjslinjen. -
Designvisning: Denne indstilling viser din side i designvisning i dokumentvinduet.
-
Live kode: Når Live View er aktiveret, kan du se kildekoden til dit dokument, da en bruger ville se det i en browser, men du kan ikke redigere sidekoden i denne visning.
-
Kontroller browserkompatibilitet: Denne menu viser muligheder, som gør det muligt at kontrollere sideintegritet, f.eks. Tilgængelighed, eller om dine CSS-regler er kompatible på tværs af forskellige browsere.
-
Live View: Live View gør din side som om den er i en browser, uden grænser, guider og andre visuelle hjælpemidler. I Live View kan du ikke redigere det forhåndsvisede indhold, men du kan hoppe til Kode, Split eller Designvisning og ændre dit sideindhold.
-
Inspicer: Den nye Inspect-knap fungerer med Live View for at afsløre CSS-reglerne, der formaterer elementer på din side. Når du vælger et element på siden med Inspect aktiveret, afslører panelet CSS Styles de egenskaber, der formaterer elementet, og giver dig mulighed for at deaktivere eller ændre specifikke egenskaber og se resultaterne.
-
Preview / Debug in Browser: Klik på denne knap for at forhåndsvise eller debugge dit dokument i en af dine installerede webbrowsere, Adobes BrowserLab eller Device Central.
-
Visuelle hjælpemidler: Klik på denne knap for at vælge forskellige visuelle hjælpemidler (f.eks. Grænser og guider) for at hjælpe dig med at se forskellige elementer og gøre det lettere at designe dine sider.
-
Opdater designvisning: Klik på denne knap for at opdatere dokumentets designvisning, når du har foretaget ændringer i kodevisning. Ændringer du foretager i Kodevisning vises ikke automatisk i designvisning, før du udfører visse handlinger, f.eks. Gem filen eller klik på denne knap.
-
Dokumenttitel: Indtast navnet på dit dokument i dette felt.
-
Filhåndtering: Klik på denne knap for at få vist pop op-menuen Filhåndtering.Brug denne menu til at kontrollere dit dokument ind eller ud, når det er aktiveret til dit websted.
-
Forrige side / Næste side / Opdater / Adresselinje: I Live View fungerer disse værktøjer ligesom i en webbrowser og giver dig mulighed for at navigere mellem sider, opdatere siden og se adressen på nuværende side. Adresselinjen virker også, når Live View ikke er aktiveret, og afslører stien til det dokument, du arbejder i øjeblikket på.
-
Relaterede dokumenter: Dokumenter, der bruges af og vedhæftes på din side, som eksterne CSS- og JavaScript-filer, vises nedenfor (Mac) eller over (Windows) visningsvalg (Kode / Split / Design). Du kan klikke på et hvilket som helst listet dokument for at redigere den vedhæftede fil i Split visning uden at skulle skifte dokumenter.
-
XML, JavaScript, CSS og andre kodebaserede filtyper kan kun ses og redigeres i Kodevisning; Knapperne Design og Split vises mørkede ud.
-
Opdaterer også opdaterings kodefunktioner, der er afhængige af dokumentobjektmodeller (DOM), såsom evnen til at vælge en kodebloks åbnings- eller lukkekoder.
-
-
Live View Options: Klik og vælg indstillinger fra denne menu for at kontrollere, hvordan dit dokument vises og virker, når Live View er aktiveret.