Dokumentverktygsfältet i Adobe Creative Suite 5 (Adobe CS5) Dreamweaver innehåller verktyg som hjälper dig att visa ditt dokument i olika lägen, till exempel Kod och design, samt adressera sådana saker som dokumenttitel och webbläsarkompatibilitet.
-
Kodvisning: Visa koden och endast koden med den här vyn. Dreamweaver hjälper dig att dechiffrera kod genom färgkodningstaggar, attribut, CSS och andra element.
-
Split View: Om du väljer det här alternativet delas dokumentfönstret mellan kod- och designvyer. Denna syn kan vara mycket hjälpsam eftersom du ser både designen och koden samtidigt.
Kontrollera din syn på sidan från dokumentverktygsfältet.
-
Designvy: Detta alternativ visar din sida i Designvy i dokumentfönstret.
-
Live Code: När Live View är aktiverat kan du visa källkoden för ditt dokument eftersom en användare skulle se den i en webbläsare men du kan inte redigera sidkoden i den här vyn.
-
Kontrollera webbkompatibilitet: Den här menyn visar alternativ som låter dig kontrollera sidans integritet, till exempel tillgänglighet, eller om dina CSS-regler är kompatibla över olika webbläsare.
-
Live View: Live View gör din sida som om den är i en webbläsare, utan gränser, guider och andra visuella hjälpmedel. I Live View kan du inte redigera det förhandsgranskade innehållet, men du kan hoppa till Kod, Split eller Designvy och ändra sidinnehållet.
-
Inspektera: Den nya inspelningsknappen fungerar med Live View för att avslöja CSS-reglerna som formaterar element på din sida. När du markerar ett element på sidan med Inspect aktiverat, visar CSS Styles-panelen egenskaperna som formaterar det elementet och låter dig inaktivera eller ändra specifika egenskaper och se resultaten.
-
Förhandsgranska / Debug i webbläsare: Klicka på den här knappen för att förhandsgranska eller felsöka ditt dokument i en av dina installerade webbläsare, Adobes BrowserLab eller Device Central.
-
Visuella hjälpmedel: Klicka på den här knappen för att välja olika visuella hjälpmedel (t.ex. gränser och guider) för att hjälpa dig att se olika element och göra det lättare att designa dina sidor.
-
Uppdatera designvyn: Klicka på den här knappen för att uppdatera dokumentets designvy när du har ändrat kodvisning. Ändringar du gör i kodvyn visas inte automatiskt i designvyn tills du utför vissa åtgärder, till exempel spara filen eller klicka på den här knappen.
-
Dokumenttitel: Ange namnet på ditt dokument i det här fältet.
-
Filhantering: Klicka på den här knappen för att visa popupmenyn Filhantering.Använd den här menyn för att kontrollera dokumentet in eller ut när det är aktiverat för din webbplats.
-
Föregående sida / Nästa sida / Uppdatera / Adressbalk: I Live View fungerar dessa verktyg precis som de skulle i en webbläsare och låter dig navigera mellan sidor, uppdatera sidan och se adressen till nuvarande sida. Adressefältet fungerar även när Live View inte är aktiverat, vilket visar vägen till dokumentet du arbetar för närvarande.
-
Relaterade dokument: Dokument som används av och bifogas din sida, till exempel externa CSS och JavaScript-filer, listas nedan (Mac) eller över (Windows) visningsvalet (Kod / Split / Design). Du kan klicka på något listat dokument för att redigera den bifogade filen i Split-vy utan att behöva byta dokument.
-
XML, JavaScript, CSS och andra kodbaserade filtyper kan bara ses och redigeras i kodvisning. Knapparna Design och Split visas nedtonade.
-
Uppfriskande uppdateringskodsfunktioner som är DOM-beroende (DOM) beroende, till exempel möjligheten att välja ett kodblocks öppnings- eller stängningstaggar.
-
-
Live View Options: Klicka och välj alternativ från den här menyn för att styra hur dokumentet visas och fungerar när Live View är aktiverat.
