Hem Sociala medier Dokumentverktygsfält i Adobe CS5 Dreamweaver - dummies

Dokumentverktygsfält i Adobe CS5 Dreamweaver - dummies

Anonim

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.

Dokumentverktygsfält i Adobe CS5 Dreamweaver - dummies

Redaktörens val

Vad är en Java-karta? - dummies

Vad är en Java-karta? - dummies

Arrays och specialiserade listor gör det möjligt att utföra en fantastisk uppsättning uppgifter med Java. Det finns dock situationer där en Java-applikation behöver något som är mer relaterat till en databas, utan att egentligen ha allt databasbagage (som att behöva köpa en separat applikation). Till exempel kanske du vill kunna ...

Några få saker om Java Math - dummies

Några få saker om Java Math - dummies

Tro det eller inte, datorer - även de mest kraftfulla - Ha vissa begränsningar när det gäller att utföra matematiska beräkningar. Dessa begränsningar är vanligtvis obetydliga, men ibland slår de sig och biter på dig. Här är de saker du behöver se upp för när du gör matte i Java. Helhetsflöde Det grundläggande problemet ...

Vad är recursion i Java Programmering? - dummies

Vad är recursion i Java Programmering? - dummies

Rekursion är en grundläggande programmeringsteknik som du kan använda i Java, där en metod kallar sig för att lösa ett problem. En metod som använder denna teknik är rekursiv. Många programmeringsproblem kan lösas endast genom rekursion, och vissa problem som kan lösas med andra tekniker löses bättre genom rekursion. En av ...

Redaktörens val

4 Måste-inkludera i din blogg sidobardesign - dummies

4 Måste-inkludera i din blogg sidobardesign - dummies

Din bloggens sidofält är viktig fastighet som bör innehålla de element du vill ha mest. När du utformar din blogg sidofält kan du dra från en nästan oändlig lista över sidospårelement. Genom att välja noggrant vad som ska inkluderas (och vad som inte ska inkluderas) kan du ställa in din blogg från andra.

5 Användbara Wordpress Plugins - dummies

5 Användbara Wordpress Plugins - dummies

Om du bloggar på en självhävd plattform med WordPress-programvara, är det dags att anpassa din blogg med plug-ins - programvara som kan "anslutas" till din befintliga WordPress bloggprogramvara. Plug-ins gör det möjligt för dig att göra allt från funktionsbildspel i dina blogginlägg för att ansluta sociala medier till din webbplats. Här är fem användbara ...

7 Sätt att erövra Writer's Block som en Blogger - dummies

7 Sätt att erövra Writer's Block som en Blogger - dummies

Varje bloggare möter författarens block i ett tid eller annan. Om du är den typ av bloggare som sköter innehåll varje dag, kan författarens block vara stäverande. Kan du inte ta en paus för att få ditt skrivande mojo tillbaka? Prova en (eller flera) av dessa sju sätt att slå författarens block för att få dig tillbaka ...

Redaktörens val

10 Stora elektronikkomponentkällor - dummies

10 Stora elektronikkomponentkällor - dummies

Letar du efter några bra källor till dina elektroniska delar? Denna lista ger dig några fleråriga favoriter, både inom och utanför Nordamerika. Denna lista är inte uttömmande. Du hittar bokstavligen tusentals specialutbud för ny och begagnad elektronik. Plus, Amazon och eBay ger virtuella marknadsplatser för alla sorters säljare - ...

Elektronik Basics: Resistance - dummies

Elektronik Basics: Resistance - dummies

I elektronikvärlden är motståndet inte meningslöst. Faktum är att motstånd kan vara mycket användbart. Utan motstånd skulle elektronik inte vara möjligt. Elektronik handlar om att manipulera strömmen av ström, och ett av de mest grundläggande sätten att manipulera strömmen är att minska det genom resistans. Utan motstånd strömmar strömmen oreglerad och där ...

Digital elektronik: Så här installerar du BASIC Stamp Editor och Anslut till Stämpeldummorna

Digital elektronik: Så här installerar du BASIC Stamp Editor och Anslut till Stämpeldummorna

För att berätta för BASIC Stamp vad du vill göra i ditt digitala elektronikprojekt måste du programmera det. BASIC Stamp Windows Editor är den programvara som du använder på din dator för att skapa program som kan laddas ner till en BASIC Stamp-mikrokontroller. Denna programvara är tillgänglig gratis från Parallax webbplats. ...