As jy nuut is vir webontwerp en voorkantontwikkeling (HTML, CSS, Javascript), kan jy kies om met 'n WYSIWYG-redakteur te begin. Hierdie akroniem staan vir "wat jy sien, is wat jy kry" en dit verwys basies na sagteware wat jou toelaat om 'n webblad te skep deur visuele gereedskap te gebruik terwyl die sagteware 'n kode agter die skerms skryf wat gebaseer is op wat jy skep. Die gewildste WYSIWYG-instrument wat beskikbaar is, is waarskynlik Adobe's Dreamweaver .
Dreamweaver is 'n goeie opsie vir diegene wat net begin
Terwyl baie gesoute webpersoneel met meer verfynde vaardighede na Dreamweaver kyk en die neiging is om opgeblase HTML-opmerkings en CSS-style op te stel, is die eenvoudige waarheid dat die platform 'n goeie opsie bly vir diegene wat net begin met webwerfontwerp. As jy begin met die gebruik van Dreamweaver se ontwerpopsie om 'n webblad te bou, is een van die vrae wat jy waarskynlik sal hê, hoe om 'n enkele lynbreuk vir inhoud in daardie aansig te skep.
Wanneer u HTML-teks by 'n webblad voeg, sal die webblaaier daardie teks as 'n lang lyn vertoon totdat dit die rand van die blaaier venster of sy houerelement bereik. Op daardie stadium sal die teks na die volgende reël wrap. Dit is soortgelyk aan wat in enige woordverwerkingsprogrammatuur gebeur, soos Microsoft Word of Google Docs. Wanneer 'n lyn teks nie meer ruimte op 'n horisontale lyn het nie, sal dit wrap om 'n ander reël te begin. So, wat gebeur as jy wil dikteer waar 'n lyn breek?
As jy die [ENTER] sleutel in Dreamweaver se ontwerp vertoning slaan, word die huidige paragraaf gesluit en word 'n nuwe paragraaf begin. Visueel beteken dit dat die twee lyne geskei word met 'n bietjie vertikale spasiëring. Dit is omdat HTML- paragrawe as standaard opskrifte of marges (wat afhanklik is van die blaaier self) standaard aan die onderkant van die paragraaf toegevoeg word wat die spasiëring voeg.
Dit kan met CSS aangepas word, maar die waarheid is dat jy wil hê dat daar spasies tussen paragrawe moet wees sodat die leesbaarheid van die webwerf moontlik is. As jy 'n enkele lyn wil hê en geen wye vertikale spasiëring tussen lyne wil hê nie, wil jy nie die [ENTER] sleutel omdat jy nie daardie lyne wil hê om individuele paragrawe te wees nie.
Vir hierdie tye wanneer u nie 'n nuwe paragraaf wil begin nie, sal u die
tag in HTML voeg. Dit word ook soms as
geskryf. spesifiek vir weergawes van XHTML wat vereis dat alle elemente gesluit moet word. Die agterliggende / in daardie sintaksis sluit die element self, aangesien die
-tag nie sy eie afsluitingsetiket het nie. Dit is alles goed en goed, maar jy werk in Design View in Dreamweaver. U mag nie in die kode spring nie en voeg hierdie pouses by. Dit is goed, want jy kan inderdaad 'n lynbreuk in Dreamweaver byvoeg sonder om kodeweergawe toe te pas.
Voeg 'n Lynbreuk in Dreamweaver se ontwerpbeskouing by:
- Plaas jou wyser waar jy die nuwe lyn wil begin.
- Hou die skuif sleutel in en druk [ENTER].
Dis dit! Die eenvoudige byvoeging van die "skuif" sleutel saam met die [ENTER] sal 'n
voeg in plaas van 'n nuwe paragraaf. So nou dat jy weet hoe dit is, moet jy oorweeg waar om dit te gebruik en waar om dit te vermy. Onthou, HTML is bedoel om die struktuur van 'n webwerf te skep, nie die visuele voorkoms nie. Jy moet nie meer as twee tags gebruik om vertikale spasiëring onder elemente in jou ontwerp te skep nie.
Dit is wat die CSS eienskappe vir die opvulling en marges is. Waar jy 'n
-tag gebruik, is wanneer jy dit doen, net die enkele lynbreking nodig. Byvoorbeeld, as jy 'n pos adres koder en jy het besluit om 'n paragraaf te gebruik, kan jy hierdie soorte tags byvoeg:
Maatskappynaam
Adreslyn
Stad, Staat, Poskode
Hierdie kode vir die adres is 'n enkele paragraaf, maar visueel sal dit die drie lyne op individuele lyne vertoon met 'n klein spasie tussen hulle.