Legge til tekst og tekstrammer i Adobe Muse

Mens du jobber med å designe et webområde, kan du legge til tekst ved hjelp av Adobe Muse på følgende måter:

• Legge til en tekstboks og deretter begynne å skrive inn innholdet i tekstboksen.
• Lagre teksten i en tekstfil og importere denne filen på Adobe Muse-siden.
• Bruke et program som InDesign til å utforme teksten. Kopiere denne forhåndsformaterte teksten til utklippstavlen og lime den inn i Adobe Muse.

I responsiv layout kan du også formatere teksten i henhold til enheten der brukeren viser webområdet ditt. Du kan for eksempel gjøre teksten for smarttelefoner større, med mer utfylling, sammenlignet med datamaskinversjonen. Videre gjør responsiv webdesign i Adobe Muse det også mulig å formatere tekst for hvert avbruddspunkt. Du kan endre stilen, fargen, linjeavstanden, utfyllingen og størrelsen til teksten for hvert avbruddspunkt. Hvis du vil finne ut mer om formatering av tekst mens du oppretter et webområde for flere enheter i en enkelt fil, kan du se Formatere tekst i responsiv layout.

Du fyller menyene ved å kopiere menyteksten fra eksterne filer og lime inn innholdet i tekstrammer. Du skal også formatere teksten ved å opprette og bruke avsnittsstiler. Følg disse trinnene:

Det kan være nyttig å gå til, som er den publiserte versjonen av eksempelområdet, og bruke områdets design som referanse.

Hvis du vil lære mer om hvordan du jobber med tekst, kan du lese artikkelen Typografi i Adobe Muse.

Bruke den innebygde stavekontrollen

Adobe Muse inkluderer en stavekontroll som gjør det veldig enkelt å finne og rette opp typografiske feil i tekstrammer. Stavekontrollen er alltid aktivert. Det vises en rød strek under alle ord som ikke blir funnet i ordlisten.

Hvis ett av de foreslåtte ordene er riktig, trykker du nedoverpilen eller bruker musen til å merke det foreslåtte ordet du vil bruke, og deretter trykker du Retur/Enter for å bruke det. Hvis du gjør en feil og velger feil ord, angrer du endringen (Rediger > Angre), og deretter velger du et annet foreslått ord eller redigerer ordet ved hjelp av tekstverktøyet.

Hvis et ord er flagget som at det har en stavefeil, brukes bare én gang (for eksempel navnet til en person eller et sted), og du vet at det er stavet riktig, trenger du ikke redigere ordet. Den røde understrekingen du ser i Design-visning, vises ikke når du forhåndsviser, publiserer eller eksporterer et område.

Når du jobber med ord som brukes ofte, for eksempel virksomhetsnavn eller -adresser, kan du legge til ordene i stavekontrollordlisten slik at de ikke blir merket som stavefeil.

Bruk tekstverktøyet til å høyreklikke et ord du vil legge til i ordlisten, og velg deretter alternativet Legg til i ordliste på kontekstmenyen som vises.

Du kan angi ønsket språk (som deretter automatisk angir språket i stavekontrollordlisten) for hele området og for enkeltstående tekstrammer.

Hvis du vil angi stavekontrollordlisten for hele området, velger du Fil > Egenskaper for område. Klikk Tekst-fanen, velg ønsket språk på Språk-menyen, og klikk deretter OK.

Noen ganger krever områdeprosjekter at tekst er oppgitt på flere språk. I disse tilfellene kan du angi standardspråket (som brukes oftest) i Egenskaper for område, og deretter kan du angi stavekontrollspråket for bestemte tekstrammer som viser tekst på et annet språk.

Hvis du vil angi stavekontrollordlisten for en tekstramme, merker du en tekstramme med markeringsverktøyet. Høyreklikk og velg Språk > (velg ønsket språk) på kontekstmenyen som vises.

Deretter skal du oppdatere utseendet på tekstrammen. På samme måte som rektangler og bilderammer, kan du angi strøk, fyll og bakgrunnsbilde for tekstrammer for å formatere dem.

Oppdatere utseendet til tekstrammer

I denne delen skal du oppdatere attributtene for en tekstramme slik at de fremheves i forhold til bakgrunnsgrafikken på siden.

Etiketten over frokostmenyen hjelper brukere til å orientere seg, og gjør det visuelt tydelig hvilken meny de leser. Når du har gjort disse endringene, vil den ferdige frokostmenyen se ut omtrent som på følgende bilde.

I den neste delen skal du duplisere frokostmenyen, og deretter skal du oppdatere tekstinnholdet i de dupliserte tekstrammene for å opprette lunsj-, middag- og dessertmenyene.

Duplisere tekstrammer

I de forrige delene opprettet du tekstrammen for frokostmenyen, fylte den med tekst fra et eksternt område, brukte avsnittsstiler til å implementere konsekvent tekstformatering, og oppdaterte deretter utseendet på tekstrammen ved å legge til et bakgrunnsbilde side ved side, en fyllfarge og et strøk. Du la også til en sekundær tekstramme over menyens tekstramme for å opprette en topptekst for frokostmenyen. I det neste trinnet skal du duplisere dette settet med elementer tre ganger for å opprette totalt fire menyer.

Du har kanskje lagt merke til at etter hvert som du drar hver dupliserte kopi nedover, flyttes bunntekstområdet du definerte i Del 1, automatisk nedover for å lage mer vertikal plass på siden. Det fører til at matsiden er høyere enn andre sider på dette eksempelområdet.

Du må legge til ankere over hver meny for å opprette et navigasjonssystem som gjør det mulig for besøkende å gå raskt til hver meny. Matsiden er en lenger side, og derfor blas innholdet vertikalt for å vise den tilsvarende menyen, basert på menyelementet som besøkende klikker. Du utforsker også hvordan du arbeider med koblingene for å lage ulike typer koblinger – inkludert nedlastingskoblinger, som gir besøkende muligheten til å laste ned en PDF-fil.

Sette inn symboler og spesialtegn

Du kan bruke Tegnvariant-panelet til å sette inn symboler, for eksempel ©, eller spesialtegn som beta (ᵝ), som ikke er tilgjengelige på et vanlig tastatur. Du kan også bruke Tegnvariant-panelet til å sette inn Unicode-tegn.

Hvilke typer symboler og tegn du kan sette inn, avhenger av skriften du velger. Noen skrifter kan for eksempel inneholde internasjonale tegn (Ç, ë) og internasjonale monetære symboler (£, ¥). Den innebygde symbolskriften inneholder piler, punkt og vitenskapelige symboler.

Gjør følgende hvis du vil sette inn tegn ved hjelp av Tegnvariant-panelet:

Redigere utseendet til tekstrammer

Uansett om du bruker webskrifter, websikre skrifter eller systemskrifter i tekst, kan du redigere tekstinnholdet mens du jobber i Designvisning. Du kan også oppdatere utseendet til selve tekstrammen, slik at tekstblokken vises på en annen måte.

Tenk på tekstrammer som beholdere som omslutter hver del av teksten. Du kan kontrollere dem på mange måter for å påvirke hvordan de vises på det publiserte området.

Når du vil formatere tekstrammer, bruker du markeringsverktøyet til å merke tekstrammen og deretter bruke endringene som påvirker utseendet til tekstinnholdet.

Merk: Hvis du merker teksten med tekstverktøyet, kan du formatere teksten ved å angi formateringsalternativer i Tekst-panelet i kontrollpanelet.

Du kan endre størrelsen på dimensjonene for en tekstramme ved å dra håndtakene for å strekke eller krympe den. Du kan også dra hele tekstrammen rundt siden for å omplassere den. Når du endrer størrelsen på tekstrammen, viser et verktøytips tekstrammens dimensjoner.

Du kan også rotere en tekstramme, men vær oppmerksom på at hvis du roterer en tekstramme (uavhengig av skriftene du bruker), blir teksten eksportert som en bildefil. Så gjør det med måte, og legg alltid til en tittel i roterende tekst.

Hvis du vil oppdatere utseendet av en tekstrammebeholder, kan du bruke de samme formateringsalternativene du bruker til å redigere rektangler. Du kan angi fyllfargen og til og med legge til bakgrunnsbilder. Du kan også angi et strøk og bruke de samme innstillingene til å kontrollere strøkbredden, -fargen og -justeringen. Ved hjelp av Hjørner- og Effekter-menyene i kontrollpanelet kan du angi hjørneradiusen for tekstrammen og bruke skyggelegginger, skråkanter og gløder.

Hvis du vil legge til gjennomsiktighet i en tekstramme, endrer du tetthetsverdien ved hjelp av tetthetsglidebryteren.

Og bruk Hyperkobling-menyen og Hyperkobling-feltet til å legge til titler i tekst, og i tillegg til å legge til koblinger og definere om koblingen åpnes i et nytt webleservindu.

Kontrollere tekstjustering og tekstbryting rundt et bilde

Tekstrammer er svært nyttige når du oppretter sideinnhold. Som du så i forrige del, kan tekstrammer inneholde grafikkelementer og effekter samt tekstinnhold.

I denne delen skal du se nærmere på hvordan du kontrollerer tekstinnholdet i en tekstramme, ved å angi utfylling for å legge til mer plass. Du skal også lære hvordan du oppretter layouter med tidsskriftstil ved å opprette tekstkolonner som brytes rundt bilder.

Legge til utfylling i tekst

Som standard blir teksten du skriver inn, plasserer eller limer inn i en tekstramme, plassert til venstre. Hvis du sjekker innstillingene i Avstand-panelet, vil du se at alle er satt til 0.

Hvis du vil legge til mer plass til venstre, høyre, toppen, eller bunnen for tekstrammen, skriver du inn den ønskede verdien (i bildepunkter) eller klikker oppover- og nedoverpilene ved siden av hvert felt for å øke eller redusere den numeriske verdien.

Rykke inn tekst og kontrollere linjeavstands- og tegnavstandsverdier

Du kan kontrollere tekstformatering i Adobe Muse på samme måte som du oppdaterer tekstinnhold i tekstbehandlingsprogrammer og mange andre redigeringsverktøy. Tekst-panelet inkluderer mange tilleggsinnstillinger, og noen av disse vises ikke i kontrollpanelet når teksten er merket.

Følg disse trinnene for å rykke inn første tekstlinje i et avsnitt:

Ved hjelp av alternativet Tegnavstand i Tekst-panelet kan du definere avstanden mellom hvert tegn. Det er spesielt nyttig for teksteffekter og for å gjøre det enklere å lese forseggjorte eller formaterte skrifter på Internett.

Du kan bruke bokstavavstand for merket tekst ved å angi antallet bildepunkter i Tegnavstand-feltet. Alternativt kan du klikke oppover- og nedoverpilene for å øke eller redusere verdien til du har oppnådd ønsket effekt.

Linjeavstand er en annen nyttig funksjon du kan bruke til å kontrollere formatering av tekst i avsnitt. Ved hjelp av linjeavstand kan du justere avstanden mellom tekstlinjer. Avstandsfunksjonen er tilgjengelig både i kontrollpanelet og Tekst-panelet.

De fire andre typografikontrollene i Tekst-panelet er:

Venstre marg og Høyre marg

Som forventet kontrollerer disse avstanden mellom tegnene på hver side av tekstrammen og tekstrammens kantlinje. Disse innstillingene minner veldig om innstillingene for utfyllingsverdiene i Avstand-panelet, bortsett fra at du merker tekstrammen med markeringsverktøyet (i stedet for å merke tekstinnholdet med tekstverktøyet) for å redigere utfyllingsverdier.

Mellomrom foran og Mellomrom etter

Du kan bruke disse innstillingene til å kontrollere mengden plass (i bildepunkter) som vises før eller etter et hardt avsnittsskift. Ved hjelp av disse innstillingene kan du vise mer eller mindre hvitt mellomrom mellom et sett med avsnitt som finnes i én tekstramme.

Eksperimenter med å bruke alle disse innstillingene i Tekst-panelet slik at du lærer hvordan du kan kontrollere visningen av tekstinnhold på sidene du designer.

Plassere tekst fra en tekstfil på en side

Kildefilene som inneholder en kopi av brødteksten for dette eksempelprosjektet, finnes i mappen Kevins_Koffee_Kart. Teksten lagres som TXT-filer. I Adobe Muse kan du plassere en tekstfil for å legge til skrift på siden. Du trenger ikke å åpne tekstfiler i et tekstredigeringsprogram og kopiere tekstlinjene for å lime dem inn på sidene dine.

Arbeide med synkronisert tekst

Du finner informasjon om hvordan du arbeider med synkronisert tekst i Arbeide med synkronisert tekst.

Arbeide med tekst i responsiv layout

Hvis du vil lære hvordan du formaterer tekst i responsiv layout, kan du se Formatere tekst i responsiv layout.