Als u nog niet bekend bent met webdesign en front-end development (HTML, CSS, Javascript), dan kunt u ervoor kiezen om aan de slag te gaan met een WYSIWYG-editor. Dit acroniem staat voor "wat je ziet is wat je krijgt" en verwijst in feite naar software waarmee je een webpagina kunt maken met behulp van visuele hulpmiddelen terwijl de software een aantal code achter de schermen schrijft op basis van wat je aan het maken bent. De meest populaire WYSIWYG-tool die beschikbaar is, is misschien Adobe Dreamweaver.
Dreamweaver is een goede optie voor diegenen die net zijn begonnen
Hoewel veel ervaren webprofessionals met meer verfijnde vaardigheden neerkijken op Dreamweaver en de neiging hebben om opgeblazen HTML-markeringen en CSS-stijlen te produceren, is de simpele waarheid dat het platform een goede optie blijft voor degenen die net zijn begonnen met het ontwerpen van websites. Wanneer u Dreamweaver's "ontwerpweergave" -optie begint te gebruiken om een webpagina te bouwen, is een van de vragen die u waarschijnlijk zult hebben, hoe u een enkele regeleinde voor inhoud in die weergave kunt maken.
Wanneer u HTML-tekst toevoegt aan een webpagina, geeft de webbrowser die tekst weer als een lange regel totdat deze de rand van het browservenster of het container-element bereikt. Op dat moment zal de tekst naar de volgende regel gaan. Dit is vergelijkbaar met wat er gebeurt in alle tekstverwerkingssoftware, zoals Microsoft Word of Google Docs. Wanneer een regel tekst geen ruimte meer heeft op een horizontale lijn, wordt deze omgeslagen om een volgende regel te beginnen. Dus wat gebeurt er als je wilt dicteren waar een regel breekt?
Wanneer u op de ENTER -toets drukt in de ontwerpweergave van Dreamweaver, wordt de huidige alinea gesloten en wordt een nieuwe alinea gestart. Visueel betekent dit dat die twee lijnen gescheiden zijn met een beetje verticale tussenruimte. Dit komt doordat standaard HTML-alinea's opvulling of marges hebben (die 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 wilt dat er ruimte tussen alinea's is om de leesbaarheid van de website mogelijk te maken. Als u een enkele regel en geen brede verticale afstand tussen regels wilt, wilt u de ENTER -toets niet gebruiken, omdat u niet wilt dat die regels afzonderlijke alinea's zijn.
Voor deze tijden wanneer u niet wilt dat een nieuwe alinea begint, voegt u de
tag in HTML. Dit wordt ook soms geschreven als
. specifiek voor versies van XHTML waarvoor alle elementen moesten worden gesloten. De trailing / in die syntaxis zelf sluit het element sinds de
tag heeft geen eigen sluitingstag. Dit gaat allemaal goed en wel, maar je werkt in Design View in Dreamweaver. Misschien wil je niet in de code springen en deze pauzes toevoegen. Dat is prima, want je kunt inderdaad een regeleinde toevoegen in Dreamweaver zonder de codeweergave te gebruiken.
Een regelafbreking toevoegen in de ontwerpweergave van Dreamweaver:
- Plaats uw cursor op de plaats waar u de nieuwe regel wilt laten beginnen.
- Houd de toets ingedrukt Shift toets en druk op invoeren.
Dat is het! De eenvoudige toevoeging van de "shift" -toets samen met de ENTER voegt een toe
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. Onthoud dat HTML bedoeld is om de structuur van een site te maken, niet de visuele uitstraling. Je moet niet meerdere gebruiken
tags om verticale afstanden 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 u alleen de enkele regeleinde nodig heeft. Als u bijvoorbeeld een postadres codeert en u hebt besloten om een alinea te gebruiken, kunt u toevoegen
tags als deze:
Bedrijfsnaam Deze code voor het adres is een enkele alinea, maar visueel zou het de drie lijnen op afzonderlijke regels weergeven met een kleine ruimte ertussen.
Adresregel
Plaats, staat, ZIP
