Dacă sunteți nou în designul web și dezvoltarea front-end (HTML, CSS, Javascript), atunci puteți alege să începeți cu un WYSIWYG editor. Acest acronim înseamnă „ceea ce vezi este ceea ce primești” și se referă practic la software-ul care îți permite creați o pagină web folosind instrumente vizuale în timp ce software-ul scrie un cod în culise pe baza a ceea ce sunteți crearea de. Este probabil cel mai popular instrument WYSIWYG disponibil Dreamweaver-ul Adobe.
O opțiune bună pentru cei care tocmai au început
În timp ce mulți profesioniști experimentați din web au mai mult abilități rafinate priviți în jos Dreamweaver și tendința sa de a produce balizaj HTML umflat și Stiluri CSS, adevărul simplu este că platforma rămâne o opțiune bună pentru cei care tocmai au început să proiecteze site-ul web. Pe măsură ce începeți să utilizați opțiunea „vizualizare proiectare” a Dreamweaver pentru a construi o pagină web, una dintre întrebările pe care este probabil să le aveți este cum să creați o singură întrerupere de linie pentru conținut în acea vizualizare.
Când adăugați text HTML la o pagină web, browserul web va afișa textul respectiv ca o linie lungă până când ajunge la marginea ferestrei browserului sau a elementului container al acestuia. În acel moment, textul se va încheia la următoarea linie. Acest lucru este similar cu ceea ce se întâmplă în orice software de procesare a textului, cum ar fi Microsoft Word sau Google Docs. Când o linie de text nu mai are spațiu pe o linie orizontală, se va încheia pentru a începe o altă linie. Deci, ce se întâmplă dacă doriți să dictați unde se rupe o linie?
Când accesați ENTER în vizualizarea de proiectare a Dreamweaver
Când lovești INTRODUCE în vizualizarea de proiectare a Dreamweaver, paragraful curent este închis și începe un nou paragraf. Din punct de vedere vizual, acest lucru va însemna că aceste două linii sunt separate cu o mică distanță verticală. Acest lucru se datorează faptului că, în mod implicit, HTML paragrafele au umplutură sau margini (care depinde de browserul însuși) aplicat în partea de jos a paragrafului, care adaugă spațiul respectiv.
Acest lucru poate fi ajustat cu CSS, dar adevărul este că doriți să existe spațiu între paragrafe pentru a permite lizibilitatea site-ului web. Dacă doriți o singură linie și nici o distanță verticală mare între linii, nu doriți să utilizați tasta ENTER deoarece nu doriți ca aceste linii să fie paragrafe individuale.
Când nu doriți să înceapă un nou paragraf
Pentru momentele în care nu doriți să înceapă un nou paragraf, ați adăuga
eticheta în HTML. Aceasta este, de asemenea, scris, uneori, ca
. în special pentru versiunile XHTML care necesitau închiderea tuturor elementelor. Următorul / în această sintaxă auto-închide elementul de la
eticheta nu are propria etichetă de închidere. Totul este bine, dar lucrați în Design View în Dreamweaver. Este posibil să nu doriți să intrați în cod și să adăugați aceste pauze. Este în regulă, deoarece puteți adăuga într-adevăr o întrerupere de linie în Dreamweaver fără a apela la vizualizarea codului.
Adăugați o pauză de linie în vizualizarea de design a Dreamweaver:
- Plasați cursorul acolo unde doriți să înceapă noua linie.
- Țineți apăsat butonul tasta Shift și apăsați introduce.
Asta este! Simpla adăugare a tastei „Shift” împreună cu [ENTER] va adăuga un
în loc de un nou paragraf. Deci, acum, când știți cum este acest lucru, ar trebui să vă gândiți unde să îl utilizați și unde să îl evitați. Tine minte, HTML este menit să creeze structura unui site, nu aspectul vizual. Nu ar trebui să utilizați mai multe
etichete pentru a crea spațierea verticală sub elementele din design.
Pentru aceasta sunt destinate proprietățile CSS pentru umplere și margini. Unde ați folosi un
eticheta este atunci când aveți nevoie doar de o întrerupere de linie. De exemplu, dacă codificați o adresă poștală și ați decis să utilizați un paragraf, puteți adăuga
etichete de genul acesta:
Numele companiei
Linia de adresa
Cod poștal.
Acest cod pentru adresă este un singur paragraf, dar vizual ar afișa cele trei linii pe linii individuale cu un spațiu mic între ele.