Als u nieuw bent in webdesign en front-end ontwikkeling (HTML, CSS, Javascript), dan kunt u ervoor kiezen om aan de slag te gaan met een WYSIWYG editor. Dit acroniem staat voor "wat u ziet is wat u krijgt" en verwijst in feite naar software waarmee u: maak een webpagina met visuele hulpmiddelen terwijl de software achter de schermen wat code schrijft op basis van wat je bent creëren. De meest populaire WYSIWYG-tool die beschikbaar is, is aantoonbaar: Adobe's Dreamweaver.
Een goede optie voor degenen die net beginnen
Terwijl veel doorgewinterde webprofessionals met meer verfijnde vaardigheden kijk neer op Dreamweaver en zijn neiging om opgeblazen HTML-opmaak te produceren en CSS-stijlen, de simpele waarheid is dat het platform een goede optie blijft voor degenen die net zijn begonnen met het ontwerpen van websites. Wanneer u de "ontwerpweergave"-optie van Dreamweaver begint te gebruiken om een webpagina te bouwen, is een van de vragen die u waarschijnlijk zult hebben, hoe u één regeleinde kunt maken voor inhoud in die weergave.
Wanneer u HTML-tekst aan een webpagina toevoegt, geeft de webbrowser die tekst weer als een lange regel totdat deze de rand van het browservenster of het containerelement ervan bereikt. Op dat moment loopt de tekst terug naar de volgende regel. Dit is vergelijkbaar met wat er gebeurt in tekstverwerkingssoftware, zoals Microsoft Word of Google Docs. Wanneer een regel tekst geen ruimte meer heeft op een horizontale regel, wordt deze teruggelopen om een andere regel te beginnen. Dus wat gebeurt er als je wilt dicteren waar een regel breekt?
Wanneer u op ENTER drukt in de ontwerpweergave van Dreamweaver
Wanneer je slaat ENTER in de ontwerpweergave van Dreamweaver wordt de huidige alinea gesloten en begint een nieuwe alinea. Visueel betekent dit dat die twee lijnen worden gescheiden met een beetje verticale afstand. Dit komt omdat HTML. standaard alinea's hebben opvulling of marges (welke afhankelijk is van de browser zelf) toegepast op de onderkant van de alinea die die spatiëring toevoegt.
Dit kan worden aangepast met CSS, maar de waarheid is dat u tussen de alinea's ruimte wilt hebben om de leesbaarheid van de website mogelijk te maken. Als u een enkele regel wilt en geen brede verticale afstand tussen regels, wilt u de ENTER-toets niet gebruiken omdat u niet wilt dat die regels afzonderlijke alinea's zijn.
Wanneer u niet wilt dat er een nieuwe alinea begint
Voor deze momenten waarop u niet wilt dat een nieuwe alinea begint, voegt u de
tag in HTML. Dit wordt soms ook geschreven als
. specifiek voor versies van XHTML waarbij alle elementen moesten worden gesloten. De achterliggende / in die syntaxis sluit het element zelf sinds de
tag heeft geen eigen afsluitende tag. Dit is allemaal goed en wel, maar u werkt in Design View in Dreamweaver. Misschien wilt u niet in de code springen en deze pauzes toevoegen. Dat is prima, want je kunt inderdaad een regeleinde toevoegen in Dreamweaver zonder gebruik te maken van codeweergave.
Voeg een regeleinde toe in de ontwerpweergave van Dreamweaver:
- Plaats uw cursor waar u de nieuwe regel wilt laten beginnen.
- Houd de ingedrukt Shift toets en druk op Enter.
Dat is het! De eenvoudige toevoeging van de "shift"-toets samen met de [ENTER] zal een
in plaats van een nieuwe alinea. Dus nu u weet hoe dit is, moet u overwegen waar u het moet gebruiken en waar u het kunt vermijden. Onthouden, HTML is bedoeld om de structuur van een site te creëren, niet het visuele uiterlijk. Je moet niet meerdere gebruiken
tags om verticale ruimte onder elementen in uw ontwerp te creëren.
Dat is waar de CSS-eigenschappen voor opvulling en marges voor zijn. Waar zou je een gebruiken
tag is wanneer je alleen de enkele regeleinde nodig hebt. Als u bijvoorbeeld een postadres codeert en u hebt besloten een alinea te gebruiken, kunt u toevoegen:
tags als deze:
Bedrijfsnaam
Adresregel
Stad, staat, postcode.
Deze code voor het adres is een enkele alinea, maar visueel zou het de drie regels op afzonderlijke regels weergeven met een kleine spatie ertussen.