Om du är ny inom webbdesign och front-end-utveckling (HTML, CSS, Javascript) kan du välja att komma igång med en WYSIWYG redaktör. Denna akronym står för "vad du ser är vad du får" och det refererar i grunden till programvara som gör att du kan skapa en webbsida med visuella verktyg medan programvaran skriver lite kod bakom kulisserna baserat på vad du är skapande. Det mest populära WYSIWYG-verktyget som finns tillgängligt är utan tvekan Adobes Dreamweaver.
Ett bra alternativ för dem som just har börjat
Medan många erfarna webbproffs med mer raffinerade färdigheter se ner på Dreamweaver och dess tendens att producera uppsvälld HTML-markering och CSS-stilar, den enkla sanningen är att plattformen fortfarande är ett bra alternativ för dem som just har börjat med webbdesign. När du börjar använda Dreamweavers "designvy" -alternativ för att skapa en webbsida är en av de frågor du troligen har hur du skapar en enda radbrytning för innehåll i den vyn.
När du lägger till HTML-text på en webbsida visar webbläsaren den texten som en lång rad tills den når kanten av webbläsarfönstret eller dess behållarelement. Vid den tidpunkten kommer texten att läggas till nästa rad. Detta liknar vad som händer i alla ordbehandlingsprogram, som Microsoft Word eller Google Docs. När en textrad inte har mer plats på en horisontell linje kommer den att lindas för att börja en ny rad. Så vad händer om du vill diktera var en linje går sönder?
När du trycker på ENTER i Dreamweavers designvy
När du träffar STIGA PÅ i Dreamweavers designvy stängs det aktuella stycket och ett nytt stycke börjar. Visuellt innebär detta att de två linjerna är åtskilda med lite vertikalt avstånd. Detta beror som standard på HTML stycken har stoppning eller marginaler (vilken som beror på webbläsaren själv) appliceras längst ner i stycket vilket lägger till avståndet.
Detta kan justeras med CSS, men sanningen är att du vill att det ska vara avstånd mellan stycken för att möjliggöra webbplatsens läsbarhet. Om du vill ha en enda rad och inget brett vertikalt avstånd mellan linjerna, vill du inte använda ENTER-tangenten eftersom du inte vill att dessa rader ska vara enskilda stycken.
När du inte vill att ett nytt stycke ska börja
För dessa tider när du inte vill att ett nytt stycke ska börja, skulle du lägga till
tagg i HTML. Detta skrivs ibland också som
. speciellt för versioner av XHTML som krävde att alla element stängdes. Den efterföljande / i den syntaxen själv stänger elementet sedan
taggen har inte sin egen stängningstagg. Allt är bra och bra, men du arbetar i Design View i Dreamweaver. Du kanske inte vill hoppa in i koden och lägga till dessa raster. Det är bra, för du kan verkligen lägga till en radbrytning i Dreamweaver utan att använda kodvyn.
Lägg till en radbrytning i Dreamweavers designvy:
- Placera markören där du vill att den nya raden ska börja.
- Håll ned Skift-tangenten och tryck Stiga på.
Det är allt! Det enkla tillägget av "shift" -tangenten tillsammans med [ENTER] kommer att lägga till en
istället för ett nytt stycke. Så nu när du vet hur detta är bör du överväga var du ska använda det och var du ska undvika det. Kom ihåg, HTML är tänkt att skapa strukturen på en webbplats, inte det visuella utseendet. Du ska inte använda flera
taggar för att skapa vertikalt avstånd under element i din design.
Det är vad CSS-egenskaperna för stoppning och marginaler är för. Där du skulle använda en
tag är när du bara behöver bryta en rad. Om du till exempel kodar en postadress och du har bestämt dig för att använda ett stycke kan du lägga till
taggar som detta:
Företagsnamn
Adressrad
Stad, stat, postnummer.
Denna kod för adressen är ett enda stycke, men visuellt skulle den visa de tre raderna på enskilda rader med ett litet mellanrum mellan dem.