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

Vad är en Java-karta? - dummies

Vad är en Java-karta? - dummies

Arrays och specialiserade listor gör det möjligt att utföra en fantastisk uppsättning uppgifter med Java. Det finns dock situationer där en Java-applikation behöver något som är mer relaterat till en databas, utan att egentligen ha allt databasbagage (som att behöva köpa en separat applikation). Till exempel kanske du vill kunna ...

Några få saker om Java Math - dummies

Några få saker om Java Math - dummies

Tro det eller inte, datorer - även de mest kraftfulla - Ha vissa begränsningar när det gäller att utföra matematiska beräkningar. Dessa begränsningar är vanligtvis obetydliga, men ibland slår de sig och biter på dig. Här är de saker du behöver se upp för när du gör matte i Java. Helhetsflöde Det grundläggande problemet ...

Vad är recursion i Java Programmering? - dummies

Vad är recursion i Java Programmering? - dummies

Rekursion är en grundläggande programmeringsteknik som du kan använda i Java, där en metod kallar sig för att lösa ett problem. En metod som använder denna teknik är rekursiv. Många programmeringsproblem kan lösas endast genom rekursion, och vissa problem som kan lösas med andra tekniker löses bättre genom rekursion. En av ...

Redaktörens val

4 Måste-inkludera i din blogg sidobardesign - dummies

4 Måste-inkludera i din blogg sidobardesign - dummies

Din bloggens sidofält är viktig fastighet som bör innehålla de element du vill ha mest. När du utformar din blogg sidofält kan du dra från en nästan oändlig lista över sidospårelement. Genom att välja noggrant vad som ska inkluderas (och vad som inte ska inkluderas) kan du ställa in din blogg från andra.

5 Användbara Wordpress Plugins - dummies

5 Användbara Wordpress Plugins - dummies

Om du bloggar på en självhävd plattform med WordPress-programvara, är det dags att anpassa din blogg med plug-ins - programvara som kan "anslutas" till din befintliga WordPress bloggprogramvara. Plug-ins gör det möjligt för dig att göra allt från funktionsbildspel i dina blogginlägg för att ansluta sociala medier till din webbplats. Här är fem användbara ...

7 Sätt att erövra Writer's Block som en Blogger - dummies

7 Sätt att erövra Writer's Block som en Blogger - dummies

Varje bloggare möter författarens block i ett tid eller annan. Om du är den typ av bloggare som sköter innehåll varje dag, kan författarens block vara stäverande. Kan du inte ta en paus för att få ditt skrivande mojo tillbaka? Prova en (eller flera) av dessa sju sätt att slå författarens block för att få dig tillbaka ...

Redaktörens val

10 Stora elektronikkomponentkällor - dummies

10 Stora elektronikkomponentkällor - dummies

Letar du efter några bra källor till dina elektroniska delar? Denna lista ger dig några fleråriga favoriter, både inom och utanför Nordamerika. Denna lista är inte uttömmande. Du hittar bokstavligen tusentals specialutbud för ny och begagnad elektronik. Plus, Amazon och eBay ger virtuella marknadsplatser för alla sorters säljare - ...

Elektronik Basics: Resistance - dummies

Elektronik Basics: Resistance - dummies

I elektronikvärlden är motståndet inte meningslöst. Faktum är att motstånd kan vara mycket användbart. Utan motstånd skulle elektronik inte vara möjligt. Elektronik handlar om att manipulera strömmen av ström, och ett av de mest grundläggande sätten att manipulera strömmen är att minska det genom resistans. Utan motstånd strömmar strömmen oreglerad och där ...

Digital elektronik: Så här installerar du BASIC Stamp Editor och Anslut till Stämpeldummorna

Digital elektronik: Så här installerar du BASIC Stamp Editor och Anslut till Stämpeldummorna

För att berätta för BASIC Stamp vad du vill göra i ditt digitala elektronikprojekt måste du programmera det. BASIC Stamp Windows Editor är den programvara som du använder på din dator för att skapa program som kan laddas ner till en BASIC Stamp-mikrokontroller. Denna programvara är tillgänglig gratis från Parallax webbplats. ...