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.
- 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 upphovsrättssymbolen (©), et-tecknet (&) och symbolen för registrerat varumärke (®).Varje entitet har både ett namn (som —) och en numerisk motsvarighet (som —).
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 detta fall använder du > 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.
Välj teckennamnet på Infoga > HTML > Tecken.
Gå till kategorin HTML på panelen Infoga, klicka på alternativet Tecken och välj tecken på snabbmenyn.
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 blanksteg
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
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
Lägga till en radbrytning
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
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.
Skapa en lista från befintlig text
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.
Ange egenskaper för en hel lista
Placera insättningspunkten i listobjektets text, högerklicka och välj Lista > Egenskaper. Systemet visar dialogrutan Listegenskaper.
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.
Ange listegenskaper för ett listobjekt
Högerklicka och välj Lista > Egenskaper.
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.
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.
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.
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.
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.
Skapa snygga webbplatser i Dreamweaver
Designa, koda och hantera dynamiska webbplatser med ett kraftfullt allt-i-ett-verktyg.