Dacă sunteți nou în ceea ce privește designul web și dezvoltarea front-end (HTML, CSS, Javascript), atunci puteți alege să începeți cu un editor WYSIWYG. Acest acronim înseamnă "ceea ce vedeți este ceea ce obțineți" și se referă în esență la software-ul care vă permite să creați o pagină web utilizând instrumente vizuale, în timp ce software-ul scrie un cod în spatele scenei bazat pe ceea ce creați. Cel mai popular instrument WYSIWYG disponibil este, fără îndoială, Adobe Dreamweaver .
Dreamweaver este o opțiune bună pentru cei care au început deja
În timp ce mulți profesioniști cu experiență în domeniu, cu abilități mai rafinate, privesc în jos Dreamweaver și tendința sa de a produce marcări HTML înfundate și stiluri CSS, adevărul simplu este că platforma rămâne o opțiune bună pentru cei care au început doar cu designul site-ului web. Pe măsură ce începeți să utilizați opțiunea de proiectare Dreamweaver pentru a construi o pagină Web, una dintre întrebările pe care este posibil să o aveți este să creați o singură pauză de linie pentru conținutul din vizualizarea respectivă.
Când adăugați text HTML într-o pagină web, browserul web va afișa acel text ca o linie lungă până când ajunge la marginea ferestrei browserului sau a elementului său de container. În acel moment, textul se va înfășura la următoarea linie. Acest lucru este similar cu ceea ce se întâmplă în orice software de procesare de text, cum ar fi Microsoft Word sau Google Docs. Atunci când o linie de text nu mai are loc pe o linie orizontală, se va înfășura pentru a începe o altă linie. Deci, ce se întâmplă dacă doriți să dictați unde se rupe o linie?
Când apăsați tasta [ENTER] în vizualizarea de proiectare a Dreamweaver, paragraful curent este închis și începe un nou paragraf. Din punct de vedere vizual, aceasta va însemna că aceste două linii sunt separate cu un pic de spațiu vertical. Acest lucru se datorează faptului că, în mod prestabilit, paragrafele HTML au umplutură sau margini (care depinde de browserul însuși) aplicate în partea de jos a paragrafului care adaugă spațierea respectivă.
Acest lucru poate fi ajustat cu ajutorul CSS, dar adevărul este că doriți să fie distanțe între paragrafe pentru a permite lizibilitatea site-ului . Dacă doriți o singură linie și nici o spațiere verticală lată între linii, nu doriți să folosiți butonul [ENTER] pentru că nu doriți ca aceste linii să fie paragrafe individuale.
Pentru acele momente în care nu doriți să înceapă un nou paragraf, ați adăuga eticheta în HTML. Acest lucru este de asemenea scris uneori ca
. în special pentru versiunile XHTML care necesită închiderea tuturor elementelor. Sintaxa trailing / în care sintaxa se închide automat, deoarece eticheta
nu are eticheta proprie de închidere. Toate acestea sunt bune și bune, dar lucrați în Design View în Dreamweaver. S-ar putea să nu doriți să sarăți în cod și să adăugați aceste pauze. Acest lucru este bine, deoarece puteți adăuga, într-adevăr, o rupere de linie în Dreamweaver fără a recurge la vizualizarea codului.
Adăugați un Break Line în designul Dreamweaver Design:
- Plasați cursorul în locul în care doriți să înceapă noua linie.
- Țineți apăsată tasta Shift și apăsați [ENTER].
Asta e! Adăugarea simplă a butonului "shift" împreună cu [ENTER] va adăuga o pagină în locul unui nou paragraf. Deci, acum că știți cum este acest lucru, ar trebui să luați în considerare unde să-l utilizați și unde să-l evitați. Rețineți că HTML este menit să creeze structura unui site, nu aspectul vizual. Nu ar trebui să utilizați mai multe etichete pentru a crea spațiu vertical sub elementele din design.
Asta este ceea ce proprietățile CSS pentru padding și margini sunt pentru. Unde ați folosi o etichetă
este atunci când aveți nevoie doar de o pauză de o singură linie. De exemplu, dacă codificați o adresă de e-mail și ați decis să utilizați un paragraf, puteți adăuga etichete Google ca acesta:
Numele companiei
Linia de adrese
Oraș, stat, ZIP
Acest cod pentru adresa este un singur paragraf, dar vizual va arăta cele trei linii pe linii individuale, cu un spațiu mic între ele.