Lägga till text och textramar i Adobe Muse

Så här kan du använda Adobe Muse till att lägga till text när du designar webbplatser:

• Lägg till en textruta och börja skriva ditt innehåll i textrutan.
• Spara texten i en textfil och importera den till din Adobe Muse-sida.
• Använd ett program som InDesign till att layouta texten. Kopiera den förformaterade texten till urklipp och klistra in den i Adobe Muse.

I en responsiv layout kan du även formatera texten så att den passar den enhet som användarna visar webbplatsen med. Du kan till exempel göra texten för smarta mobiltelefoner större och med mer utfyllnad jämfört med datorversionen. Dessutom kan du med responsiv webbdesign i Adobe Muse även formatera text för alla brytpunkter. Du kan ändra format, färg, radavstånd, utfyllnad och storleken på texten för varje brytpunkt. Om du vill ha mer information om hur du formaterar text när du skapar en webbplats för olika enheter i en enda fil läser du i Formatera text i responsiva layouter.

För att lägga till innehåll i menyerna kopierar du menytexterna från externa textfiler och klistrar sedan in dem i textramar. Du kommer också att anpassa texten genom att skapa och använda styckeformat. Gör så här:

Det kan vara användbart att besöka den publicerade versionen av exempelwebbplatsen och använda dess design som referens.

Om du vill ha mer information om hur du arbetar med text läser du artikeln Typografi i Adobe Muse.

Använda den inbyggda stavningskontrollen

Adobe Muse har en stavningskontroll som gör det lätt att hitta och lösa typografiska fel i textramar. Stavningskontrollen är alltid aktiverad. Den stryker under alla ord som inte finns med i ordlistan med en röd linje.

Om något av de föreslagna orden är rätt trycker du på Nedåtpil eller använder musen för att välja det föreslagna ord du vill använda och trycker sedan på Enter för att använda det. Om du gör ett misstag och väljer fel ord ångrar du ändringen (Redigera > Ångra) och väljer sedan ett annat föreslaget ord eller redigerar ordet med textverktyget.

Om ett ord som flaggats som felstavat bara används en gång (t.ex. en persons namn eller en plats) och du vet att det är rättstavat behöver du inte åtgärda det. Den röda understrykningen du ser i designvyn visas inte när du förhandsvisar, publicerar eller exporterar en webbplats.

När du arbetar med ord som används ofta, t.ex. företagsnamn eller adresser, kan du lägga till orden i stavningskontrollens ordlista så att de inte längre markeras som felstavningar.

Använd textverktyget och högerklicka på ett ord som du vill lägga till i ordlistan och välj sedan alternativet Lägg till i ordlista på snabbmenyn som visas.

Du kan ställa in önskat språk (som i sin tur ställer in stavningskontrollens ordlistespråk) för hela webbplatsen och för individuella textramar.

Om du vill ställa in stavningskontrollens ordlista för hela webbplatsen väljer du Arkiv > Webbplatsegenskaper. Klicka på fliken Text, välj önskat språk på menyn Språk och klicka sedan på OK.

Ibland kräver webbplatsprojekt text på flera språk. I så fall kan du ställa in standardspråket (det som används oftast) i Webbplatsegenskaper och sedan ställa in stavningskontrollens språk för specifika textramar som visas text på olika språk.

Om du vill ställa in stavningskontrollens ordlista för en textram markerar du en textram med markeringsverktyget. Högerklicka och välj Språk > (önskat språk) på den snabbmeny som visas.

Därefter uppdaterar du utseendet på textramen. På samma sätt som för rektanglar och bildramar kan du ange streck, fyllning och bakgrundsbilder för textramar och anpassa dem.

Uppdatera utseendet på textramar

I det här avsnittet kommer du att uppdatera attributen för en textram så att den står ut från bakgrundsgrafiken på sidan.

Etiketten ovanför frukostmenyn gör det lättare för användarna att orientera sig och gör det tydligt vilken meny de läser. När du har gjort de här ändringarna ser den slutliga frukostmenyn ut ungefär som i följande bild.

I nästa avsnitt kommer du att kopiera frukostmenyn och sedan uppdatera textinnehållet i de kopierade textramarna för att skapa lunch-, middag- och dessertmenyerna.

Kopierade textramar

I föregående avsnitt skapade du frukostmenyns textram, fyllde den med text från en extern textfil, använde styckeformat för att använda en konsekvent textformatering och uppdaterade sedan utseende på textramen genom att lägga till en staplad bakgrundsbild, en fyllningsfärg och ett streck. Du lade också till en andra textram ovanför menytextramen och skapade en rubrik som identifierar frukostmenyn. Nästa steg bestod i att kopiera denna uppsättning element tre gånger för att skapa totalt fyra menyer.

Du kan ha lagt märke till när du drar varje kopia nedåt att det sidfotsområdet som du definierade i del 1 automatiskt flyttas nedåt för att skapa mer vertikal plats på sidan. Resultatet är att matsidan blir mer utdragen på höjden än de andra sidorna på exempelwebbplatsen.

Du måste lägga till ankare över varje meny om du vill skapa ett navigeringssystem som besökarna kan använda till att snabbt gå till de olika menyerna. Eftersom matsidan är en längre sida rullar innehållet vertikalt för att visa motsvarande meny, baserat på det menyalternativ som besökaren klickar på. Du kommer också att arbeta med länkar och skapa olika typer av länkar, inklusive länkar för hämtning så att besökarna kan hämta PDF-filer.

Infoga symboler och specialtecken

Med panelen Infoga tecken kan du infoga symboler, till exempel © eller specialtecken som beta (ᵝ), vilka inte är tillgängliga på ett vanligt tangentbord. Med panelen Infoga tecken kan du infoga Unicode-tecken.

Vilka symboler och tecken du kan infoga beror på vilket teckensnitt du väljer. Vissa teckensnitt kan till exempel innehålla internationella tecken (Ç, ë) och internationella valutasymboler (£, ¥). Det inbyggda teckensnittet Symbol innehåller pilar, punkter och vetenskapliga tecken.

Så här infogar du tecken med hjälp av panelen Specialtecken:

Redigera utseendet på textramar

Oavsett om du använder webbteckensnitt, webbsäkra teckensnitt eller systemteckensnitt kan du alltid redigera texten medan du jobbar i vyn Design. Du kan dessutom uppdatera utseendet på själva textramen så att textenheten visas på ett annat sätt.

Tänk på textramar som behållare som innehåller de olika textavsnitten. Du kan kontrollera dem på många olika sätt och påverka hur de visas på den publicerade webbplatsen.

När du vill formatera om och ändra hur textramar visas använder du markeringsverktyget och väljer textramen. Därefter gör du ändringarna som ändrar hur texten visas.

Obs! Om du väljer texten med Text-verktyget kan du ändra utseendet på texten med inställningsalternativen i panelen Text och på kontrollpanelen.

Du kan ändra dimensionerna på textramen genom att markera handtagen och dra ut eller krympa den. Du kan dra runt hela ramen på sidan och dess position. När du ändrar storleken på textramen visas ett verktygstips med de nya dimensionerna.

Du kan också rotera texten, men observera att om du roterar texten exporteras den som en bildfil, oavsett vilket teckensnitt du använder. Så var sparsam med att rotera texten och lägg alltid till en beskrivning till texten som du har roterat.

Om du vill uppdatera hur en textrambehållare visas kan du använda samma formateringsalternativ som när du redigerar rektanglar. Du kan ställa in fyllningsfärg och till och med lägga till bakgrundsfärger. Du kan dessutom ställa in linjer och använda samma inställningar till att kontrollera streckbredden, färgen och justeringen. På kontrollpanelen hittar du menyer där du kan ställa in hörn och effekter. Du kan ställa in hörnradien på textramen och lägga till skuggor, avfasade hörn och glöd.

Om du vill göra en textram transparent ändrar du opacitetsvärdet med opacitetsskjutreglaget.

Och använd menyn Hyperlänkar och hyperlänkfältet och lägg till beskrivningar till text, lägg till länkar och bestäm om länken ska öppnas i ett nytt webbläsarfönster.

Styra textjustering och figursättning av text runt en bild

Textramarna är extremt användbara när du skapar sidinnehåll. I förra avsnittet visade vi att textramar kan innehålla både grafiska element och effekter och text.

I det här avsnittet ska vi titta på hur du kan kontrollera texten inom en textram genom att använda utfyllnad och lägga till mer utrymme. Vi tittar också på hur du skapar tidskriftslayout genom att skapa textkolumner som du figursätter runt bilder.

Lägga till utfyllnad i text

Den text du skriver, monterar eller klipper in i en textram justeras som standard längs den vänstra sidan. Om du tittar på inställningarna i panelen Mellanrum är alla inställda på 0.

Om du vill lägga till mer utrymme till vänster, höger, ovanför eller under textramen skriver du in det önskade värdet (i bildpunkter) eller klickar på uppåt- och nedåtpilarna intill varje fält för att öka eller minska siffervärdet.

Göra indrag på text och kontrollera värden för radavstånd och spärrning/knipning

Du kan kontrollera textformateringen i Adobe Muse på samma sätt som när du uppdaterar textinnehåll i en ordbehandlare eller i ett bildredigeringsverktyg. När du har markerat ett textstycke hittar du många inställningar i panelen Text som du inte hittar på kontrollpanelen.

Så här gör du om du vill göra indrag på första raden i ett stycke:

I panelen Text kan du knipa och spärra texten och ange hur mycket utrymme det ska vara mellan varje tecken. Den här funktionen är särskilt bra om du vill skapa texteffekter eller om du vill göra ett stiliserat teckensnitt enklare att läsa på webben.

Du kan skriva antalet bildpunkter i fältet AV och använda mellanrumseffekten på den text du har markerat. Du kan också klicka på uppåt- och nedåtpilarna tills du når den önskade effekten.

Radavståndskontrollen är en annan användbar funktion när du ska kontrollera textformat i stycken. Du justerar helt enkelt hur mycket utrymme det är mellan textraderna. Radavståndskontrollen finns både i kontrollpanelen och i panelen Text.

De återstående fyra verktygen för typografikontroll i panelen Text är:

Vänstermarginal och Högermarginal

Som förväntat reglerar de här verktygen avståndet mellan tecknen på båda sidorna om textramen och textramens kant. De här inställningarna liknar i stor utsträckning inställningen för Utfyllnad i panelen Mellanrum. Skillnaden är att du väljer textramen med markeringsverktyget när du vill ändra utfyllnadsvärdena (istället för att välja text med textverktyget).

Avstånd före och Avstånd efter

Med de här inställningarna kontrollerar du hur mycket utrymme som finns innan och efter ett hårt styckeavslut. Du kan visa mer eller mindre tomt utrymme mellan en uppsättning stycken som ligger i en enda textram.

Prova dig fram och testa alla funktioner så att du vet hur de fungerar. Då blir det lättare att kontrollera hur texten visas på de sidor du designar.

Montera text från en textfil på en sida

Källfilerna som innehåller själva texten för detta exempelprojekt finns i mappen Kevins_Koffee_Kart. Texten sparas som TXT-filer. Du kan lägga till text på en sida i Adobe Muse genom att montera en hel textfil. Du behöver inte öppna textfiler i en textredigerare och kopiera textraderna för att klistra in dem på sidorna.

Arbeta med synkroniserad text

Mer information om hur du arbetar med synkroniserad text finns i Arbeta med synkroniserad text.

Arbeta med text i responsiva layouter

Om du vill ha mer information om hur du formaterar text i responsiva layouter läser du i Formatera text i responsiva layouter.