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

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

Innehållsförteckning:

Video: Länkar i html 2025

Video: Länkar i html 2025
Anonim

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:

  1. Markera texten du vill formatera.

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

  3. 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.

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

Redaktörens val

Office 365 Grupper - Dummies

Office 365 Grupper - Dummies

Du kan använda Office 365 Grupper, eller helt enkelt grupper, för att snabbt bandet tillsammans med medarbetare till samarbeta utan administrationsansvar som följer med en SharePoint-webbplats. Grupper är inte en del av SharePoint Online. Det är faktiskt en funktion i Exchange Online, men den använder SharePoint Online-funktioner, till exempel OneDrive for Business för att lagra gruppfiler ...

Office 365 Mobil Dokument i molnet - Dummies

Office 365 Mobil Dokument i molnet - Dummies

Varje Office 365-abonnent med en kvalificerad plan kan installera Office mobilappar på upp till fem tabletter och fem smartphones. Kvalificeringsplanerna är: Office for Business Premium, Office 365 Business, Office 365 Pro Plus, Office 365 E3 och Office 365 E5. Kärnan Office-appar finns i Windows, iOS och Android ...

Office Graph och Delve - dummies

Office Graph och Delve - dummies

Office Graph i Office 365 ger en möjlighet för människor att dra nytta av relationer och aktiviteter och göra dem till meningsfulla insikter. De signaler du skickar från e-postkonversationer och möten i Outlook, snabbmeddelanden i Skype for Business, sociala interaktioner på Yammer och dokument i SharePoint Online och OneDrive samlas alla och ...

Redaktörens val

Elektronik Komponenter: Sätt in induktorer till arbete - dummies

Elektronik Komponenter: Sätt in induktorer till arbete - dummies

Om du har undrat vad induktorer används egentligen i elektroniska kretsar i verkligheten, här är några av de vanligaste användningarna för induktorer: Utjämning av spänning i en strömförsörjning: Det sista steget i en typisk strömförsörjningskrets som omvandlar 120 VAC hushållsström till en användbar direkt Nuvarande är ofta en ...

Elektronik Komponenter: Introduktion av mikrokontroller - dummies

Elektronik Komponenter: Introduktion av mikrokontroller - dummies

En mikrokontroller är en komplett dator på en enda elektronisk chip. De kan köpas för $ 50 eller mindre. Liksom alla datorsystem består mikrodatorer av flera grundläggande delsystem: Central Processor (CPU): En CPU utför de instruktioner som tillhandahålls av ett program. CPU kan göra alla nödvändiga åtgärder för ...

Elektronik Komponenter: Motstånd Power Ratings - dummies

Elektronik Komponenter: Motstånd Power Ratings - dummies

Motstånd är som bromsar för ström som strömmar genom en elektronisk krets. Liksom bromsarna i din bil arbetar motstånd genom att använda den elektriska ekvivalenten av friktion till strömningsströmmen. Denna friktion hämmar strömmen av ström genom att absorbera en del av strömens energi och sprida den i form av värme. När du använder en ...

Redaktörens val

Hur man konfigurerar SSH för din webbplats - dummies

Hur man konfigurerar SSH för din webbplats - dummies

Secure shell (SSH) är ett nätverksprotokoll för att tillåta säker datakommunikation. I själva verket är det som en webbhotell bakdörr i ditt system - en som borde förbli låst om du inte behöver använda den. Naturligtvis är exakt hur du konfigurerar SSH olika på alla typer av webbhotell, men som ...

Hur man skapar en ny webbhotell - dummies

Hur man skapar en ny webbhotell - dummies

Du måste skapa din databas inom din webbhotellskontrollpanel och skapa en speciell databasanvändare som har behörighet att komma åt den. När du installerar en webbapplikation eller ett skript som kräver en databas från kontrollpanelen, kommer installationsprogrammet sannolikt att kunna skapa en egen databas och användare. ...

Hur man skapar nya konton på webbhotell med FTP-dummies

Hur man skapar nya konton på webbhotell med FTP-dummies

Du kanske vill att skapa ytterligare konton på en webbhanterad ftp av olika orsaker. Detta möjliggör viss mångsidighet och kontroll för att förbättra din företagsfunktionalitet. Några skäl till att lägga till ett konto är följande: Du vill ge någon annan FTP-åtkomst till din webbplats. Du vill ge någon FTP-åtkomst ...