- 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 du lägger till och formaterar text i Live-vyn, kodvyn eller genom att extrahera text och tillhörande egenskaper från PSD-filer.
Lägga till text i ett dokument
Om du vill lägga till text i ett Dreamweaver-dokument kan du skriva direkt i dokumentfönstret eller klippa ut och klistra in text. Du kan även importera text från andra dokument.
Du kan antingen använda kommandot Klistra in eller Klistra in special då du klistrar in text i ett Dreamweaver-dokument. Med kommandot Klistra in special kan du ange den inklistrade textens format på olika sätt. Om du exempelvis vill klistra in text från ett formaterat Microsoft Word-dokument i ett Dreamweaver-dokument men vill ta bort all formatering så att du kan använda egna CSS-formatmallar på den inklistrade texten, då kan du markera texten i Word, kopiera den till Urklipp och använda kommandot Klistra in special för att enbart klistra in själva texten.
Om du klistrar in text från andra program med kommandot Klistra in kan du ange inklistringsalternativ som standardalternativ.
Med Ctrl+V (Windows) och Kommando+V (Macintosh) klistras alltid enbart texten in (utan formatering) i kodvyn.
-
Lägg till text i dokumentet på något av följande sätt:
- Extrahera text från dina PSD-kompositioner med hjälp av Extract-panelen. Mer information finns i Kopiera text från PSD-filer.
- Skriv texten direkt i dokumentfönstret.
- Kopiera text från ett annat program, växla till Dreamweaver, placera insättningspunkten i dokumentfönstret i designvyn och välj Redigera > Klistra in eller Redigera > Klistra in special.
Om du väljer Redigera > Klistra in special kan du välja ett antal inklistringsalternativ.
Du kan även klistra in text genom att använda följande kortkommandon:
Inklistringsalternativ
Kortkommando
Klistra in
Ctrl+V (Windows)
Kommando+V (Macintosh)
Klistra in special
Ctrl+Skift+V (Windows)
Kommando+Skift+V (Macintosh)
Infoga specialtecken
Vissa specialtecken representeras med namn eller siffror i HTML. De kallas en entitet. HTML innehåller entitetsnamn för tecken som copyrightsymbolen (©), et-tecknet (&) och symbolen för registrerat varumärke (®). Varje entitet har både ett namn (till exempel —) och en numerisk motsvarighet (till exempel —).
I HTML-koden infogas mindre än- och större än-tecken (<>), men du kan ha behov av att infoga själva tecknen utan att Dreamweaver ska tolka dem som kod. I så fall ska du använda > för större än (>) och < för mindre än (<).
Tyvärr kan många av de namngivna entiterna inte visas korrekt i många äldre webbläsare.
-
Placera insättningspunkten där du vill infoga ett specialtecken i dokumentfönstret.
-
Gör något av följande:
Välj teckennamnet på Infoga > HTML > Tecken.
Gå till kategorin HTML på panelen Infoga, klicka på alternativet Tecken och välj tecken på snabbmenyn.
Obs!Det finns många andra specialtecken att välja på. Om du vill välja något av dem väljer du Infoga > HTML > Tecken > Annan eller klickar på knappen Tecken i kategorin HTML i panelen Infoga och väljer alternativet Andra tecken. Välj ett tecken i dialogrutan Andra tecken och klicka på OK.
Lägga till mellanslag mellan tecken
Enbart ett mellanslag mellan tecken räknas i HTML-kod. Vill du ha ytterligare mellanrum i ett dokument måste du infoga fasta mellanslag. Du kan infoga fasta mellanslag i dokumentet automatiskt genom att ändra en inställning.
Infoga ett fast mellanslag
-
Gör något av följande:
Välj Infoga > HTML > Specialtecken > Fast mellanslag.
Tryck på Ctrl+Skift+Mellanslag (Windows) eller Alternativ+Mellanslag (Macintosh).
Välj HTML på panelen Infoga, klicka på knappen Tecken och välj sedan alternativet Fast mellanslag.
Ange att fasta mellanslag ska infogas
-
Välj Redigera > Inställningar (Windows) eller Dreamweaver > Inställningar (Mac OS).
-
Kontrollera att alternativet Tillåt flera mellanslag efter varandra i kategorin Allmänt är markerat.
Lägga till mellanrum mellan stycken
Dreamweaver fungerar på ungefär samma sätt som många ordbehandlare: det blir ett nytt stycke om du trycker på Retur (Windows/Mac). Webbläsare infogar automatiskt en tom rad mellan stycken. Du kan lägga till en tom rad mellan stycken genom att infoga en radbrytning.
Lägga till en vagnretur
-
Tryck på Retur (Windows och Macintosh).
Lägga till en radbrytning
-
Gör något av följande:
Tryck på Skift+Enter (Windows) eller Skift+Retur (Macintosh).
Välj Infoga > HTML > Specialtecken > Radbrytning.
Välj HTML på panelen Infoga, klicka på knappen Tecken och välj Radbrytning.
Skapa punktlistor och numrerade listor
Du kan skapa numrerade (ordnade) listor, punktlistor (oordnade listor) och definitionslistor utifrån befintlig text eller genom att skriva in ny text i dokumentfönstret.
I definitionslistor visas inga inledande tecken, till exempel punkter eller nummer. De används ofta för ordlistor och beskrivningar. Det går även att kapsla listor. Kapslade listor är listor som innehåller andra listor. Du skulle till exempel kunna vilja ha en ordnad lista eller punktlista i en annan numrerad eller ordnad lista.
I dialogrutan Listegenskaper anges en hel listas eller ett enskilt listobjekts utseende. Du kan välja nummerformat, återställa räknare och ange punktformatalternativ för enskilda listobjekt eller för hela listan.
Skapa en ny lista
-
Placera insättningspunkten där du vill lägga till en lista i Dreamweaver-dokumentet. Gör sedan något av följande:
Klicka på Numrerad lista eller Listobjekt i HTML-egenskapskontrollen.
Välj Infoga > HTML och välj önskad listtyp – Punktad lista, Numrerad lista.
Det första tecknet i listobjektet som du har valt visas i dokumentfönstret.
-
Skriv listtexten och tryck sedan på Retur (Windows/Macintosh). Då skapas ännu ett listobjekt.
-
Avsluta listan genom att trycka två gånger på Retur (Windows/Macintosh).
Skapa en lista från befintlig text
-
Välj ett antal stycken som du vill göra om till en lista.
-
Välj Infoga > HTML > Punktad lista eller Numrerad lista eller Listobjekt.
Skapa en kapslad lista
-
Välj de listobjekt som du vill kapsla in.
-
Högerklicka och välj Lista > Indrag.
Dreamweaver drar in texten och skapar en separat lista med den ursprungliga listans HTML-attribut.
-
Välj en ny listtyp eller nytt listformat för den indragna texten på samma sätt som ovan.
Ange egenskaper för en hel lista
-
Skapa åtminstone ett listobjekt i dokumentfönstret. Det nya formatet gäller automatiskt alla ytterligare punkter som du lägger till i listan.
-
Placera insättningspunkten i listobjektets text, högerklicka och välj Lista > Egenskaper. Systemet visar dialogrutan Listegenskaper.
-
Ange önskade alternativ:
Listtyp
Anger listegenskaper medan Listobjekt anger egenskaper för en punkt på listan. Välj en onumrerad lista, numrerad lista, kataloglista eller menylista på snabbmenyn. Olika alternativ visas i dialogrutan beroende på vilken listtyp du har valt.
Stil
Bestämmer formatet på siffrorna eller punkterna i en numrerad eller onumrerad lista. Alla punkter på listan får det här formatet, såvida du inte anger ett nytt format för punkter på listan.
Startvärde
Anger värdet på den första punkten i en numrerad lista.
-
Spara inställningarna genom att klicka på OK.
Ange listegenskaper för ett listobjekt
-
Placera insättningspunkten i texten som hör till det listobjekt som du vill ändra i dokumentfönstret.
-
Högerklicka och välj Lista > Egenskaper.
-
Ange alternativen under Listobjekt:
Nytt format
Anger ett format för det markerade listobjektet. Formaten på menyn Nytt format bestäms av vilken typ av lista som visas på menyn Listtyp. Om exempelvis Onumrerad lista är valt på menyn Listobjekt visas bara alternativ för onumrerade listor på menyn Nytt format.
Återställ räknare till
Anger ett tal som listan inleds med.
-
Spara inställningarna genom att klicka på OK.
Söka efter och ersätta text
Mer information om att söka och ersätta text finns i Söka och ersätta text.
Definiera förkortningar och akronymer
HTML innehåller taggar som du använder för att definiera förkortningarna och akronymerna som du använder på sidan för sökmotorer, stavningskontrollprogram, program för språköversättning och röstgeneratorer. Du kan till exempel ange att förkortningen CI på sidan står för civilingenjör, eller att akronymen WHO står för World Health Organization.
-
Markera förkortningen eller akronymen i texten på sidan.
-
Välj Infoga > HTML > Textobjekt > Förkortning, eller Infoga > HTML > Textobjekt > Akronym.
-
Ange den fullständiga texten för akronymen eller förkortningen.
-
Ange språket, till exempel en för engelska, de för tyska eller it för italienska.
Ange inställningar för kopiering och inklistring
Du kan välja standardalternativ för inklistringsinställningar. De används då du klistrar in text från andra program med kommandot Redigera > Klistra in. Om du exempelvis alltid vill klistra in enbart texten eller text med enkla format kan du ställa in standardalternativet i dialogrutan Inställningar för Kopiera/Klistra in
Du kan antingen använda kommandot Klistra in eller Klistra in special då du klistrar in text i ett Dreamweaver-dokument. Med kommandot Klistra in special kan du ange den inklistrade textens format på olika sätt. Om du exempelvis vill klistra in text från ett formaterat Microsoft Word-dokument i ett Dreamweaver-dokument men vill ta bort all formatering så att du kan använda egna CSS-formatmallar på den inklistrade texten, då kan du markera texten i Word, kopiera den till Urklipp och använda kommandot Klistra in special för att enbart klistra in själva texten.
Inställningar som du gör i dialogrutan Inställningar för Kopiera/Klistra in gäller bara sådant som du klistrar in i designläge.
-
Välj Redigera > Inställningar (Windows) eller Dreamweaver > Inställningar (Mac OS).
-
Klicka på kategorin Kopiera/Klistra in.
-
Ställ in följande alternativ och klicka på OK.
Endast text
Gör att texten klistras in oformaterad. Om ursprungstexten är formaterad tas alla format bort, inklusive radbrytningar och stycketecken.
Text med struktur
Gör att texten som du klistrar in bibehåller sin struktur, men formaten tas bort. Du kan till exempel klistra in text och bibehålla uppbyggnaden med stycken, listor och tabeller. Däremot tas fetstil, kursiv stil och annan formatering bort.
Text med struktur plus grundläggande formatering
Gör att du kan klistra in både text med struktur och enkel HTML-formaterad text (t.ex. stycken och tabeller, och text formaterad med taggarna b, i, u, strong, em, hr, abbr och acronym).
Text med struktur plus fullständig formatering
Gör att all struktur, alla HTML-format och alla CSS-format i texten som du klistrar in bevaras.
Obs!Det går inte att bevara CSS-format i externa stilmallar med alternativet Fullständig formatering, och det går inte heller att behålla formaten om programmet som du klistrar in från inte bibehåller dem när texten överförs till Urklipp.
Behåll radbrytningar
Gör att radbrytningarna bevaras i den inklistrade texten. Det här alternativet går inte att välja om du har valt Endast text.
Rensa mellanrum mellan stycken i Word
Välj det här alternativet om du har valt Text med struktur eller Text med struktur plus grundläggande formatering och vill ta bort extra utrymme mellan styckena när du klistrar in texten.
Konvertera typografiska citattecken till raka Konverterar typografiska citattecken till raka citattecken.