- Användarhandbok för Dreamweaver
- Introduktion
- Dreamweaver och Creative Cloud
- Arbetsytor och vyer i Dreamweaver
- Skapa webbplatser
- Om Dreamweaver-platser
- Skapa en lokal version av din webbplats
- Ansluta till en publiceringsserver
- Ställa i ordning en testserver
- Importera och exportera inställningarna för en Dreamweaver-plats
- För över befintliga webbplatser från en fjärrserver till din lokala platsrot
- Tillgänglighetsfunktioner i Dreamweaver
- Avancerade inställningar
- Ange platsinställningar för överföring av filer
- Ange proxyserverinställningar i Dreamweaver
- Synka inställningarna för Dreamweaver med Creative Cloud
- Använda Git i Dreamweaver
- Hantera filer
- Layout och design
- CSS
- Förstå Cascading Style Sheets (CSS)
- Utforma sidor med hjälp av CSS Designer
- Använda CSS-förbehandlare i Dreamweaver
- Ange CSS-formatinställningar i Dreamweaver
- Flytta CSS-regler i Dreamweaver
- Konvertera infogad CSS till en CSS-regel i Dreamweaver
- Arbeta med div-taggar
- Använda övertoningar på bakgrunden
- Skapa och redigera CSS3-övergångseffekter i Dreamweaver
- Formatera kod
- Sidinnehåll och resurser
- Ange sidegenskaper
- Ange CSS-rubrikegenskaper och CSS-länkegenskaper
- Arbeta med text
- Sök och ersätt text, taggar och attribut
- DOM-panel
- Redigera i live-vyn
- Koda dokument i Dreamweaver
- Markera och visa element i dokumentfönstret
- Ange textegenskaper i egenskapskontrollen
- Stavningskontrollera en webbsida
- Använda vågräta linjer i Dreamweaver
- Lägga till och ändra teckensnittskombinationer i Dreamweaver
- Arbeta med resurser
- Infoga och uppdatera datum i Dreamweaver
- Skapa och hantera favoritresurser i Dreamweaver
- Infoga och redigera bilder i Dreamweaver
- Lägga till medieobjekt
- Lägga till videor i Dreamweaver
- Infoga HTML5-video
- Infoga SWF-filer
- Lägga till ljudeffekter
- Infoga HTML5-ljud i Dreamweaver
- Arbeta med biblioteksobjekt
- Använda arabisk och hebreisk text i Dreamweaver
- Länkar och navigering
- jQuery-widgetar och effekter
- Koda webbplatser
- Om kodning i Dreamweaver
- Kodningsmiljön i Dreamweaver
- Ange kodningspreferenser
- Anpassa kodfärger
- Skriva och redigera kod
- Kodtips och kodkomplettering
- Komprimera och utöka kod
- Återanvända kod med fragment
- Granska kod
- Optimera kod
- Redigera kod i designvyn
- Arbeta med head-innehåll för sidor
- Infoga SSI i Dreamweaver
- Använda taggbibliotek i Dreamweaver
- Importera egna taggar i Dreamweaver
- Använda JavaScript-beteenden (allmänna instruktioner)
- Använda inbyggda JavaScript-beteenden
- Om XML och XSLT
- Utföra XSL-omvandlingar på servern i Dreamweaver
- Utföra XSL-omvandlingar på klienten i Dreamweaver
- Lägga till teckenentiteter för XSLT i Dreamweaver
- Formatera kod
- Arbetsflöden mellan produkter
- Installera och använda tillägg i Dreamweaver
- Uppdateringar i appen i Dreamweaver
- Infoga Microsoft Office-dokument i Dreamweaver (endast Windows)
- Använda Fireworks och Dreamweaver
- Redigera innehåll på Dreamweaver-webbplatser med Contribute
- Integrering mellan Dreamweaver och Business Catalyst
- Skapa anpassade e-postkampanjer
- Mallar
- Om Dreamweaver-mallar
- Känna igen mallar och mallbaserade dokument
- Skapa en Dreamweaver-mall
- Skapa ändringsbara regioner i mallar
- Skapa upprepande regioner och tabeller i Dreamweaver
- Använd valfria regioner i mallar
- Definiera redigerbara taggattribut i Dreamweaver
- Skapa kapslade mallar i Dreamweaver
- Redigera, uppdatera och ta bort mallar
- Exportera och importera XML-innehåll i Dreamweaver
- Lägga till eller ta bort en mall från ett befintligt dokument
- Redigera innehåll i Dreamweaver-mallar
- Syntaxregler för malltaggar i Dreamweaver
- Ange markeringsinställningar för mallområden
- Fördelar med att använda mallar i Dreamweaver
- Mobiler och flera skärmar
- Dynamiska webbplatser, sidor och webbformulär
- Förstå webbprogram
- Konfigurera datorn för programutveckling
- Felsöka databasanslutningar
- Ta bort anslutningsskript i Dreamweaver
- Utforma dynamiska sidor
- Översikt över källor med dynamiskt innehåll
- Definiera källor med dynamiskt innehåll
- Lägga till dynamiskt innehåll på sidor
- Ändra dynamiskt innehåll i Dreamweaver
- Visa databasposter
- Ange och felsöka livedata i Dreamweaver
- Lägga till anpassade serverbeteenden i Dreamweaver
- Bygga formulär med Dreamweaver
- Använda formulär för att samla in information från användarna
- Skapa och aktivera ColdFusion-formulär i Dreamweaver
- Skapa webbformulär
- Förbättrat HTML5-stöd för formulärelement
- Använda Dreamweaver för att utveckla ett formulär
- Bygga program visuellt
- Bygga huvud- och detaljsidor i Dreamweaver
- Bygga sök- och resultatsidor
- Bygga en postinmatningssida
- Bygga en postuppdateringssida i Dreamweaver
- Bygga postborttagningssidor i Dreamweaver
- Förändra en databas med hjälp av ASP-kommandon i Dreamweaver
- Bygga en registreringssida
- Bygga en inloggningssida
- Bygga en sida som bara behöriga användare har åtkomst till
- Skydda mappar i ColdFusion med Dreamweaver
- Använda ColdFusion-komponenter i Dreamweaver
- Testa, förhandsgranska och publicera webbplatser
- Felsökning
Lär dig hur webbplatser fungerar i Dreamweaver och hur ditt arbetsflöde påverkas när du skapar webbplatser i Dreamweaver.
I Dreamweaver hänvisar termen ”plats” till en lokal eller fjärransluten lagringsplats för dokument som tillhör en webbplats. En Dreamweaver-plats tillhandahåller ett sätt att ordna och hantera alla dina webbdokument, överföra platsen till en webbserver, hålla reda på och underhålla länkar samt hantera och dela filer. För att få tillgång till alla funktioner i Dreamweaver bör du definiera en plats.
En Adobe Dreamweaver-plats är en uppsättning som består av alla filer och resurser på din webbplats. Du kan skapa webbsidor på datorn, överföra dem till en webbserver och underhålla platsen genom att överföra uppdaterade filer så snart du sparar dem. Du kan även redigera och underhålla platser som skapats utan Dreamweaver.
Varför skapa en Dreamweaver-plats?
Du kan arbeta i Dreamweaver utan att konfigurera (eller definiera) en plats.
Men att definiera en plats har dock många fördelar:
- Det förhindrar brutna länkar och uppdaterar platsomfattande filer automatiskt om du flyttar eller byter namn på en fil.
- Det gör att du kan utföra platsomfattande åtgärder för att söka och ersätta, och det ökar produktiviteten.
- Det gör att du enkelt kan publicera platsen och synkronisera filer mellan din lokala hårddisk och fjärrfiler på webben eller en staging-server.
Om du vill kunna utnyttja Dreamweavers funktioner på bästa sätt börjar du med att definiera en plats. Mer information om hur du definierar en plats finns i Konfigurera en lokal version av din plats.
Komponenter på en Dreamweaver-plats
På en Dreamweaver-plats ordnas alla dokument på den lokala datorn som är kopplade till webbplatsen och gör att du kan spåra och underhålla länkar, hantera filer och överföra platsfiler till en webbserver.
En Dreamweaver-plats kan bestå av så mycket som tre delar, eller mappar, beroende på din utvecklingsmiljö och vilken typ av webbplats du utvecklar:
- Lokal mapp: Det här är din arbetskatalog, vanligtvis en mapp på din hårddisk. Med Dreamweaver-terminologi blir detta din lokala platsrot. Den här mappen kan också finnas på en nätverksserver. Mer information finns i Konfigurera en lokal version av din plats.
- Fjärrmapp: Här lagrar du filer på den dator där webbservern är installerad. Webbservern är ofta (men inte alltid) den dator som gör din plats offentligt tillgänglig på webben.
När du har skapat eller uppdaterat din plats kan du sedan publicera den till en fjärrserver på internet och behålla en lokal kopia för att uppdatera filer vid behov.
Mer information finns i Ansluta till en publiceringsserver.
- Testmapp: Det här är mappen där dynamiska sidor bearbetas av Dreamweaver. Om du har dynamiska formulär, PHP-innehåll, kan du konfigurera testmappen för din plats.
Mer information finns i Konfigurera en testserver.
Vill du definiera en Dreamweaver-plats behöver du bara konfigurera en lokal mapp. Om du vill överföra filer till en webbserver eller utveckla webbprogram behöver du dessutom lägga till information för en fjärrplats och en testserver.
Förstå den lokala mappstrukturen och fjärrmappens struktur
När du vill använda Dreamweaver för att ansluta till en fjärrmapp anger du fjärrmappen i kategorin Servrar i dialogrutan Platskonfiguration. Fjärrmappen som du anger (kallas även ”fjärrkatalog”) ska motsvara den lokala rotmappen på Dreamweaver-platsen. (Den lokala rotmappen är den översta mappen på Dreamweaver-platsen.) Fjärrmappar kan, precis som lokala mappar, ha vilken rubrik som helst, men oftast döper internetleverantörerna de översta fjärrmapparna för enskilda användarkonton public_html, pub_html, eller liknande. Om du ansvarar för din egen fjärrserver och kan ge fjärrmappen vilket namn som helst kan det vara bra om den lokala rotmappen och fjärrmappen har samma namn.
I följande exempel visas en lokal rotmapp till vänster och en fjärrmapp till höger. Den lokala rotmappen på den lokala datorn avbildas direkt i fjärrmappen på webbservern istället för i någon av fjärrmappens undermappar eller mappar som finns ovanför fjärrmappen i katalogstrukturen.
I ovanstående exempel visas en lokal rotmapp på den lokala datorn och en övre fjärrmapp på fjärrservern. Om du har flera Dreamweaver-platser på den lokala datorn behöver du ett jämnt antal fjärrmappar på fjärrservern. I detta fall skulle inte ovanstående exempel gälla och du skulle istället skapa olika fjärrmappar i mappen public_html och sedan avbilda dem i deras motsvarande lokala rotmappar på den lokala datorn.
När du upprättar en fjärranslutning är oftast fjärrmappen på webbservern tom. När du sedan använder Dreamweaver för att överföra alla filer i den lokala rotmappen fylls fjärrmappen på med alla dina webbfiler. Katalogstrukturen för fjärrmappen och den lokala rotmappen ska alltid vara densamma. (D.v.s. det ska alltid finnas en exakt motsvarighet till filerna och mapparna i den lokala rotmappen och filerna och mapparna i fjärrmappen.) Om fjärrmappens struktur inte överensstämmer med den lokala mappens struktur överför Dreamweaver filerna till fel plats, vilket kan innebära att filerna inte är synliga för webbplatsens besökare. Dessutom kan sökvägar till bilder och länkar brytas när mapp- och filstrukturerna inte är synkroniserade.
Fjärrmappen måste finnas innan du kan ansluta till den i Dreamweaver. Om du inte har någon mapp som fungerar som fjärrmapp på webbservern skapar du en eller ber internetleverantörens serveradministratör att skapa en åt dig.