Sådan tilføjes og formateres tekst i Dreamweaver - dummies

Mange mennesker glæder sig over, hvor nemt de kan oprette en grundlæggende webside med tekst og billeder i Dreamweaver. Du kan gøre grundlæggende tekstformatering ved at bruge Dreamweaver's HTML-formateringsindstillinger, herunder overskriften og afsnitstegnene. Start med disse grundlæggende HTML-tags for at holde tingene simple i starten.

Sådan tilføjer du tekst til en webside i Dreamweaver

For at tilføje tekst til en side kan du blot klikke for at indsætte markøren øverst på en side og skrive. Hvis du vil tilføje tekst, som du har et andet sted, f.eks. I en fil, der er oprettet i Microsoft Word, kan du kopiere og indsætte teksten i Dreamweaver i stedet for at indtaste den igen.

Dreamweaver tilbyder mange måder at opretholde formatering, når du kopierer og indsætter tekst fra et andet program. Denne funktion er især vigtig, når du kopierer tekst fra Microsoft Word, fordi hvis du bare indsætter tekst som sådan, risikerer du at indeholde en masse ekstra kode, som er unik for Microsoft Word og kan forårsage problemer på din webside.

Du kan ændre standard for, hvordan Dreamweaver håndterer formatering, når du vælger Rediger → Indsæt ved at ændre indstillingerne i kategorien Kopier / Indsæt. Du kan også vælge Rediger → Indsæt speciel for at vise disse indstillinger, hver gang du indsætter nyt indhold.

Følgende er dine fire vigtigste muligheder for indsættelse af tekst, når du vælger Rediger → Indsæt speciel samt tre måder at forfine dit valg:

Kun tekst: Dreamweaver strimler enhver formatering og indsætninger simpel tekst.
Tekst med struktur: Dreamweaver indeholder afsnit, lister, tabeller og andre strukturelle formateringsindstillinger.
Tekst med Structure Plus Basic Formatering: Dreamweaver omfatter strukturformatering samt grundlæggende formatering, som f.eks fed og kursiv.
Tekst med struktur plus fuld formatering: Ud over de tidligere indstillinger inkluderer Dreamweaver formatering oprettet af stilark i programmer som Microsoft Word.
Behold line breaks: Linjepauser bevares, selvom du ikke har andre formateringsmuligheder. Denne indstilling er ikke tilgængelig, hvis du vælger Kun tekst.
Oprydning af ordparametre: Denne indstilling fjerner speciel formateringskode, der er unik for Microsoft Word, og er unødvendig (og ikke anbefalet) til tekst på internettet.
Konverter smarte citater til lige citater: Smarte citater - det almindelige navn for de fancy curly citater, som designerne elsker at bruge i udskriftsdokumenter - kræver et specielt tegn, der skal vises korrekt på nettet, og det særlige tegn gør fungerer ikke i alle webbrowsere.For at undgå dette potentielle problem skal du markere denne boks og konvertere alle dine smarte citater til lige dem.

Sådan formateres tekst med overskriftskoderne i Dreamweaver

En af de bedste formateringsindstillinger for overskrifter er indsamlingen af overskriftsmerker. I HTML, ved at bruge overskriftskoder (

,

osv.) Til at formatere tekst, der tjener som titel eller overskrift, er der mange fordele. Rubrikmærker er designet til at blive vist i relative størrelser, med

den største,

mindre,

mindre stadig og så videre gennem

.

Så uanset hvad en websides standardtekststørrelse er (og tekststørrelserne kan variere på grund af browserindstillinger og computerplatform), er enhver tekst formateret med et

tag større end tekstformateret med

.

Populær overbevisning er, at mange søgemaskiner prioriterer søgeord i tekstformateret med en

tag, fordi den vigtigste tekst på en side generelt er inkluderet i overskriften for største størrelse. På samme måde vil søgemaskineeksperter fortælle dig, at du kun skal bruge taggen

én gang pr. Side.

Følg disse trin for at formatere tekst med en overskriftskode:

Fremhæv den tekst, du vil formatere.

Kontroller i bunden af arbejdsområdet, at HTML-knappen på inspektørens venstre side er valgt.

Brug rullemenuen Format til at vælge en overskriftsindstilling.

Når overskriftskoder anvendes, ændres teksten automatisk til stor og fed skrift i designvisning.

Kredit: Foto af Casey Stoll

Ejendomsinspektøren er generelt den nemmeste måde at anvende grundlæggende formatering på, men du kan også finde disse HTML-formateringsindstillinger ved at vælge Format → Paragraph Format og derefter vælge en overskriftsvalg fra undermenu, der vises.

Sådan tilføjer du afsnit og linjeskift i Dreamweaver

Når du opretter sidedesign på internettet, skal du arbejde inden for mange begrænsninger, som måske synes at være forvirrende i starten. Webdesign og printdesign er fundamentalt anderledes, og det kan gøre selv tilsyneladende simple opgaver mere komplicerede, end du måske ville forvente. Hvordan du opretter afsnit og linjeskift er et godt eksempel.

Hvis du arbejder i designvisning i Dreamweaver og trykker på Enter-tasten (Windows) eller Retur-tasten (Mac), indsætter Dreamweaver et stykkode eller

i koden, hvilket skaber en linjeskift efterfulgt ved en tom linje.

Hvis du vil have en linjeskift uden den ekstra blanke linje, skal du holde nede Skift-tasten, mens du trykker på Enter (eller Return) for at fortælle Dreamweaver at indsætte

-tagget i koden, hvilket skaber en enkelt linjeskift.

Bedste praksis er at undgå at bruge flere afsnit eller brudte tags for at oprette ekstra plads på en webside (og ikke alle browsere vil beholde det tomme mellemrum, hvis du opretter det på den måde). Hvis du vil tilføje meget plads mellem afsnit eller andre elementer på en side, er din bedste mulighed at bruge CSS.

Hvis du arbejder i kodevisning og tilføjer plads ved hjælp af Enter eller Return-tasten, tilføjer du tomt mellemrum i koden. Ekstra plads i HTML-kode kan være nyttigt, fordi ekstra plads kan gøre kode nemmere at læse, men generelt påvirker det ikke, hvordan en side vises i designvisning eller i en webbrowser.