Dokumentverktøylinjen i Adobe Creative Suite 5 (Adobe CS5) Dreamweaver inneholder verktøy som hjelper deg med å vise dokumentet ditt i forskjellige moduser, for eksempel Kode og design, samt adressere slike elementer som dokumenttittel og nettleserkompatibilitet.
-
Kodevisning: Vis koden og kun koden ved hjelp av denne visningen. Dreamweaver hjelper deg med å dechiffrere kode ved fargekodingskoder, attributter, CSS og andre elementer.
-
Split View: Hvis du velger dette alternativet, skilles dokumentvinduet mellom Kode og Design-visninger. Denne visningen kan være svært nyttig fordi du ser både design og koden samtidig.
Kontroller visningen av siden fra dokumentverktøylinjen.
-
Designvisning: Dette alternativet viser siden din i designvisning i dokumentvinduet.
-
Live Code: Når Live View er aktivert, kan du se kildekoden til dokumentet ditt som en bruker ville se det i en nettleser, men du kan ikke redigere sidekoden i denne visningen.
-
Kontroller nettleserens kompatibilitet: Denne menyen viser alternativer som lar deg sjekke sideintegritet, for eksempel tilgjengelighet, eller om CSS-reglene dine er kompatible på forskjellige nettlesere.
-
Live View: Live View gjør siden din som om den er i en nettleser, uten grenser, guider og andre visuelle hjelpemidler. I Live View kan du ikke redigere forhåndsvisning av innhold, men du kan hoppe til Kode, Split eller Designvisning og endre sidens innhold.
-
Inspisere: Den nye inspeksjonsknappen fungerer med Live View for å avsløre CSS-reglene som formaterer elementer på siden din. Når du velger et element på siden med Inspect aktivert, viser CSS-stilpanelet egenskapene som formaterer elementet, og lar deg deaktivere eller endre bestemte egenskaper og se resultatene.
-
Preview / Debug in Browser: Klikk på denne knappen for å forhåndsvise eller feilsøke dokumentet i en av de installerte nettleserne, Adobes BrowserLab eller Device Central.
-
Visuelle hjelpemidler: Klikk på denne knappen for å velge forskjellige visuelle hjelpemidler (for eksempel grenser og guider) for å hjelpe deg med å se ulike elementer og gjøre utformingen av sidene enklere.
-
Oppdater designvisning: Klikk på denne knappen for å oppdatere dokumentets designvisning etter at du har gjort endringer i kodevisning. Endringer du gjør i kodevisning vises ikke automatisk i designvisning til du utfører bestemte handlinger, for eksempel lagre filen eller klikk på denne knappen.
-
Dokumenttittel: Skriv inn navnet på dokumentet ditt i dette feltet.
-
Filbehandling: Klikk denne knappen for å vise lokalmenyen Filbehandling.Bruk denne menyen til å sjekke dokumentet ditt inn eller ut når det er aktivert for nettstedet ditt.
-
Forrige side / Neste side / Oppdater / Adresselinje: I Live View fungerer disse verktøyene akkurat som de ville i en nettleser og lar deg navigere mellom sider, oppdatere siden og se adressen til nåværende side. Adresselinjen fungerer også når Live View ikke er aktivert, og avslører banen til dokumentet du arbeider med.
-
Relaterte dokumenter: Dokumenter som brukes av og festet til siden din, for eksempel eksterne CSS og JavaScript-filer, er oppført nedenfor (Mac) eller over (Windows) visningsvalg (Kode / Split / Design) -knappene. Du kan klikke på et oppført dokument for å redigere vedlagte fil i Split-visning uten å måtte bytte dokumenter.
-
XML, JavaScript, CSS og andre kodebaserte filtyper kan kun vises og redigeres i Kodevisning; Knappene Design og Split vises nedtonet.
-
Oppfrisker også oppdateringskodefunksjoner som er DOM-dokumentmodell (DOM), for eksempel muligheten til å velge en kodeblokkes åpnings- eller lukkekoder.
-
-
Live View Options: Klikk og velg alternativer fra denne menyen for å kontrollere hvordan dokumentet ditt vises og fungerer når Live View er aktivert.
