Skip to main content

Adăugați o singură linie întreruptă în vizualizarea Design Dreamweaver

Cum modificam culoarea header-ului Chrome in Android 5.0 (Lolipop) (Aprilie 2025)

Cum modificam culoarea header-ului Chrome in Android 5.0 (Lolipop) (Aprilie 2025)
Anonim

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ă existe spații între paragrafe pentru a permite citirea site-ului. Dacă doriți o singură linie și nici o spațiere verticală mare între linii, nu doriți să utilizați cheia ENTER deoarece nu doriți ca aceste linii să fie paragrafe individuale.

Pentru aceste momente când nu doriți să înceapă un nou paragraf, ați adăuga
tag în HTML. Acest lucru este, de asemenea, scris uneori ca
. în special pentru versiunile XHTML care necesită închiderea tuturor elementelor. Sintaxa trailing / în care se închide singură elementul din moment ce
eticheta nu are propria etichetă 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 o întrerupere a liniei în vizualizarea designului Dreamweaver:

  1. Plasați cursorul în locul în care doriți să înceapă noua linie.
  2. Țineți apăsată tasta tasta de schimbare și apăsați introduce.

Asta e! Adăugarea simplă a tastei "shift" împreună cu ENTER va adăuga a
în loc de un 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 trebuie să utilizați mai multe
pentru a crea spațierea verticală sub elementele din design.

Asta este ceea ce proprietățile CSS pentru padding și margini sunt pentru. Unde ați folosi a
eticheta este atunci când aveți nevoie doar de pauză de linie unică. De exemplu, dacă codificați o adresă de e-mail și ați decis să utilizați un paragraf, puteți adăuga
astfel de tag-uri:

Numele Companiei
Linia de adresa
Cod poștal

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.