Hur man lägger till och formaterar text i Dreamweaver - dummies

Många människor gläder sig positivt av hur lätt de kan skapa en grundläggande webbsida med text och bilder i Dreamweaver. Du kan göra grundläggande textformatering genom att använda Dreamweavers HTML-formateringsalternativ, inklusive rubriken och stycke-taggar. Börja med dessa grundläggande HTML-taggar för att hålla sakerna enkla först.

Så här lägger du till text på en webbsida i Dreamweaver

För att lägga till text på en sida kan du helt enkelt klicka för att infoga markören högst upp på en sida och skriva. Om du vill lägga till text som du har någon annanstans, till exempel i en fil som skapats i Microsoft Word, kan du kopiera och klistra in texten i Dreamweaver istället för att skriva in den igen.

Dreamweaver erbjuder många sätt att behålla formatering när du kopierar och klistrar in text från ett annat program. Den här funktionen är särskilt viktig när du kopierar text från Microsoft Word, eftersom om du bara klistrar in text som det är riskerar du att inkludera mycket extra kod som är unik för Microsoft Word och kan orsaka problem på din webbsida.

Du kan ändra standard för hur Dreamweaver hanterar formatering när du väljer Redigera → Klistra in genom att ändra inställningarna i kategorin Kopiera / Klistra in. Du kan också välja Redigera → Klistra in special för att visa dessa alternativ när du klistrar på nytt innehåll.

Följande är de fyra viktigaste alternativen för att infoga text när du väljer Redigera → Klistra in Special samt tre sätt att förfina ditt val:

Endast text: Dreamweaver spårar alla formateringar och inlägg oformatterad text.
Text med struktur: Dreamweaver innehåller punkter, listor, tabeller och andra strukturella formateringsalternativ.
Text med Structure Plus Basic Formatering: Dreamweaver innehåller strukturell formatering samt grundläggande formatering, till exempel fet och kursiv.
Text med Structure Plus Fullformatering: Förutom de tidigare alternativen innehåller Dreamweaver formatering som skapats av stilark i program som Microsoft Word.
Håll linjebrytningar kvar: Linjeavbrott bevaras, även om du inte behåller andra formateringsalternativ. Det här alternativet är inte tillgängligt om du väljer Endast text.
Ryd upp ordparametrar: Detta alternativ tar bort speciell formateringskod som är unik för Microsoft Word och är onödig (och rekommenderas inte) för text på webben.
Konvertera smarta citat till raka citat: Smarta citat - det vanliga namnet på de snygga citat som designers älskar att använda i utskriftsdokument - kräver att ett speciellt tecken visas korrekt på webben, och det speciella tecknet gör fungerar inte i alla webbläsare.För att undvika detta potentiella problem markerar du den här rutan och konverterar alla dina smarta citat till raka.

Så här formaterar du text med rubrikkoderna i Dreamweaver

En av de bästa formateringsalternativen för rubriker är samlingen av rubrikkoder. I HTML, med hjälp av rubrikkoder (

,

och så vidare) för att formatera text som fungerar som en titel eller rubrik, finns många fördelar. Rubrikkoder är utformade för att visas i relativa storlekar, med

den största,

mindre,

mindre, och så vidare genom

.

Så oavsett vilken webbsidans standardtextstorlek är (och textstorleken kan variera beroende på webbläsarinställningar och datorplattform) är text som är formaterad med en

-kod alltid större än textformaterad med

.

Populär tro är att många sökmotorer prioriterar nyckelord i text formaterad med en

-kod, eftersom den viktigaste texten på en sida vanligtvis ingår i den största rubriken. På samma sätt kan sökmotorsexperter berätta att du bara ska använda taggen

en gång per sida.

Om du vill formatera text med en rubriktag följer du dessa steg:

Markera texten du vill formatera.

Kontrollera att HTML-knappen på inspektorns vänstra sida är markerad i egenskapskontrollen längst ned i arbetsytan.

Använd rullgardinsmenyn Format för att välja ett rubrikalternativ.

När rubrikmarkeringar används, ändras texten automatiskt till stor och fet i Designvy.

Kredit: Foto av Casey Stoll

Fastighetsinspektören är i allmänhet det enklaste sättet att använda grundläggande formatering, men du kan även hitta dessa HTML-formateringsalternativ genom att välja Format → Punktformat och sedan välja ett rubrikalternativ från undermenyn som visas.

Så här lägger du till avsnitt och radbrytningar i Dreamweaver

När du skapar webbdesigner på webben måste du arbeta inom många begränsningar som kan verka förvirrande först. Webbdesign och tryckdesign är fundamentalt annorlunda, och det kan göra även till synes enkla uppgifter mer komplicerade än vad du kan förvänta dig. Hur du skapar stycken och radbrytningar är ett bra exempel.

Om du arbetar i Designvy i Dreamweaver och trycker på Enter-tangenten (Windows) eller Retur-tangenten (Mac), lägger Dreamweaver in en stycketikett eller

i koden, vilket skapar en radbrytning följt med en tom linje.

Om du vill ha en radbrytning utan den extra tomma raden håller du ned Skift-tangenten medan du trycker på Enter (eller Retur) för att berätta för Dreamweaver att du sätter in

-taggen i koden och skapar en radbrytning.

Bästa praxis är att undvika att använda flera stycken eller bryta taggar för att skapa extra utrymme på en webbsida (och inte alla webbläsare kommer att behålla det tomma utrymmet om du skapar det på så sätt). Om du vill lägga till mycket utrymme mellan stycken eller andra element på en sida, är det bästa alternativet att använda CSS.

Om du arbetar i kodvisning och lägger till mellanslag med Enter eller Retur, lägger du till tomt utrymme i koden. Extra utrymme i HTML-kod kan vara användbart eftersom extra utrymme kan göra kod lättare att läsa, men i allmänhet påverkar det inte hur en sida visas i Designvy eller i en webbläsare.