Hoe u tekst toevoegt en opmaakt in Dreamweaver - dummies

Veel mensen zijn aangenaam verrast door hoe gemakkelijk ze een eenvoudige webpagina met tekst en afbeeldingen kunnen maken in Dreamweaver. U kunt basistekst opmaken door de HTML-opmaakopties van Dreamweaver te gebruiken, inclusief de kop- en alinea-tags. Begin met deze eenvoudige HTML-tags om dingen eerst eenvoudig te houden.

Tekst toevoegen aan een webpagina in Dreamweaver

Als u tekst aan een pagina wilt toevoegen, klikt u eenvoudig om de cursor boven aan een pagina in te voegen en typt u. Als u tekst wilt toevoegen die u ergens anders hebt, zoals in een bestand dat is gemaakt in Microsoft Word, kunt u de tekst in Dreamweaver kopiëren en plakken in plaats van opnieuw te typen.

Dreamweaver biedt vele manieren om het formatteren te behouden wanneer u tekst van een ander programma kopieert en plakt. Deze functie is vooral belangrijk wanneer u tekst uit Microsoft Word kopieert, want als u tekst gewoon plakt zoals ze is, loopt u het risico veel extra code op te nemen die uniek is voor Microsoft Word en problemen op uw webpagina kan veroorzaken.

U kunt de standaardinstelling wijzigen voor hoe Dreamweaver de opmaak verwerkt wanneer u Bewerken → Plakken kiest door de Voorkeuren te wijzigen in de categorie Kopiëren / Plakken. U kunt ook Bewerken → Plakken speciaal kiezen om deze opties weer te geven wanneer u nieuwe inhoud plakt.

Hieronder vindt u uw vier belangrijkste opties voor het invoegen van tekst wanneer u Bewerken → Plakken speciaal kiest, evenals drie manieren om uw keuze te verfijnen:

• Alleen tekst: Dreamweaver verwijdert alle opmaak en invoegingen platte tekst.

• Tekst met structuur: Dreamweaver bevat alinea's, lijsten, tabellen en andere structurele opmaakopties.

• Tekst met structuur plus basisopmaak: Dreamweaver bevat zowel structurele opmaak als standaardopmaak, zoals vet en cursief.

• Tekst met structuur plus Volledige opmaak: Naast de vorige opties bevat Dreamweaver ook opmaak die is gemaakt met stijlpagina's in programma's zoals Microsoft Word.

• Regeleinden behouden: Regeleinden worden behouden, ook als u geen andere indelingsopties gebruikt. Deze optie is niet beschikbaar als u Alleen tekst kiest.

• Woordparagraaf opruimen: Deze optie verwijdert speciale opmaakcode die uniek is voor Microsoft Word en is onnodig (en niet aanbevolen) voor tekst op internet.

• Slimme aanhalingstekens converteren naar rechte aanhalingstekens: Slimme aanhalingstekens - de algemene naam voor die mooie gekrulde aanhalingstekens die ontwerpers graag in gedrukte documenten gebruiken - vereisen dat een speciaal teken correct wordt weergegeven op internet en dat speciale teken doet dat werkt niet in alle webbrowsers.Om dit potentiële probleem te voorkomen, selecteert u dit vak en converteert u al uw slimme aanhalingstekens naar rechte.

Tekst opmaken met de headingtags in Dreamweaver

Een van de beste opmaakopties voor koppen is de verzameling van heading-tags. In HTML biedt het gebruik van heading-tags (

,

, enzovoort) om tekst op te maken die dienst doet als titel of kop, vele voordelen. Koerslabels zijn ontworpen om te worden weergegeven in relatieve grootten, met

de grootste,

kleinere,

kleinere stil, enzovoort tot

.

Dus ongeacht de standaardtekstgrootte van een webpagina (en de tekstafmetingen kunnen variëren als gevolg van browserinstellingen en een computerplatform), is elke tekst die is geformatteerd met een

-tag altijd groter dan tekst die is geformatteerd met

.

Populaire opvatting is dat veel zoekmachines voorrang geven aan sleutelwoorden in tekst die zijn opgemaakt met een

-tag, omdat de belangrijkste tekst op een pagina meestal wordt opgenomen in de kop van de grootste grootte. Op dezelfde manier vertellen zoekendexperts u dat u de tag

slechts één keer per pagina moet gebruiken.

Ga als volgt te werk om tekst op te maken met een headingtag:

1. Markeer de tekst die u wilt opmaken.

2. Zorg ervoor dat in de eigenschappencontrole onder aan de werkruimte de HTML-knop aan de linkerkant van het infovenster is geselecteerd.

3. Gebruik de vervolgkeuzelijst Formaat om een ​​koersoptie te selecteren.

   Wanneer heading-tags worden toegepast, wordt de tekst automatisch gewijzigd in groot en vet in de ontwerpweergave.

   

   Krediet: foto door Casey Stoll

Over het algemeen is de eigenschappencontrole de gemakkelijkste manier om basisopmaak toe te passen, maar u kunt deze HTML-opmaakopties ook vinden door Opmaak → Alineaopmaak te kiezen en vervolgens een kopoptie te selecteren in de submenu dat verschijnt.

Paragrafen en regeleinden toevoegen in Dreamweaver

Wanneer u paginaontwerpen voor het web maakt, moet u binnen veel beperkingen werken die in eerste instantie verwarrend kunnen lijken. Webontwerp en printontwerp zijn fundamenteel anders en dat kan zelfs schijnbaar eenvoudige taken ingewikkelder maken dan u zou verwachten. Hoe u alinea- en regeleinden maakt, is een goed voorbeeld.

Als u in de ontwerpweergave in Dreamweaver werkt en op de toets Enter (Windows) of de Return-toets (Mac) drukt, voegt Dreamweaver een alineatag toe of

in de code, waardoor een regeleinde wordt gemaakt gevolgd door een lege regel.

Als u een regeleinde wilt zonder de extra lege regel, houdt u de Shift-toets ingedrukt terwijl u op Enter (of Return) drukt om Dreamweaver te vertellen de tag

in de code in te voegen, waardoor een enkele regeleinde ontstaat.

Het is een goede gewoonte om te voorkomen dat u meerdere alinea- of breekabels gebruikt om extra ruimte in een webpagina te maken (en niet alle browsers behouden de lege ruimte als u deze op die manier maakt). Als u veel ruimte tussen alinea's of andere elementen op een pagina wilt toevoegen, kunt u het beste CSS gebruiken.

Als u in de codeweergave werkt en ruimte wilt toevoegen met de Enter- of Return-toets, voegt u lege ruimte toe binnen de code. Extra ruimte in de HTML-code kan handig zijn omdat extra ruimte de leesbaarheid van de code kan vergemakkelijken, maar over het algemeen heeft dit geen invloed op de manier waarop een pagina wordt weergegeven in de ontwerpweergave of in een webbrowser.