Vrei să vezi cum a fost construită o pagină Web? Încercați să vizualizați codul sursă.
Vizionarea sursei HTML a unei pagini web este una dintre cele mai ușoare (și totuși cele mai eficiente) modalități de a învăța HTML, mai ales pentru profesioniștii noii web care încep doar în industrie. Dacă vedeți ceva pe un site web și doriți să știți cum a fost făcut, vizualizați codul sursă pentru acel site.
Dacă vă place structura unui site web, vizionarea sursei pentru a vedea cum a fost realizat acest aspect vă va ajuta să învățați și să vă îmbunătățiți propria activitate. De-a lungul anilor, mulți designeri web și dezvoltatori au învățat o mulțime de coduri HTML pur și simplu prin vizionarea sursei de pagini web pe care le văd. Este o modalitate excelentă pentru începători de a învăța HTML și pentru profesioniștii specializați în web pentru a vedea cum s-au aplicat noi tehnici unui site.
Amintiți-vă că fișierele sursă pot fi foarte complicate. Împreună cu marcajul HTML pentru o pagină, vor exista probabil o mulțime de fișiere CSS și de script care sunt folosite pentru a crea aspectul și funcționalitatea site-ului respectiv, deci nu fi frustrat dacă nu puteți afla ce se întâmplă imediat. Vizualizarea sursei HTML este doar primul pas. După aceasta, puteți utiliza instrumente precum extensia Web Developer a lui Chris Pederick pentru a examina CSS și scripturile, precum și pentru a inspecta anumite elemente ale codului HTML.
Dacă utilizați browserul Safari, iată cum puteți vedea codul sursă al unei pagini pentru a vedea cum a fost creat.
Cum să vizualizați sursa HTML în Safari
- Deschideți Safari.
- Navigați la pagina web pe care doriți să o examinați.
- Faceți clic pe meniul Dezvoltare din bara de meniu de sus. Notă: Dacă meniul Dezvoltare nu este vizibil, accesați Preferințe în secțiunea Avansat și selectați Afișați meniul Dezvoltare din bara de meniu.
- Faceți clic pe Afișați sursa paginii . Aceasta va deschide o fereastră de text cu sursa HTML a paginii pe care o căutați.
sfaturi
- În majoritatea paginilor web, puteți vizualiza și sursa făcând clic dreapta pe pagină (nu pe o imagine) și selectând Afișați sursa paginii. Aceasta va fi afișată numai dacă meniul Dezvoltare este activat în Preferințe.
- Safari are, de asemenea, o comandă rapidă de la tastatură pentru vizualizarea sursei HTML - țineți apăsată tasta de comenzi și opțiune și apăsați U (Cmd-Opt-U.)
Este legală vizualizarea codului sursă?
În timp ce copiați un cod de site-ul en-gros și treceți-l ca pe propriul dvs. pe un site este cu siguranță inacceptabil, folosiți acel cod ca o rampă de lansare de învățat de fapt, câte avansuri sunt făcute în această industrie. De fapt, v-ar fi greu să găsiți un profesionist web profesionist astăzi, care nu a învățat ceva prin vizionarea sursei unui site!
În cele din urmă, profesioniștii web învață unul de celălalt și adesea îmbunătățesc munca pe care o văd și sunt inspirați, deci nu ezitați să vizualizați codul sursă al site-ului și să-l utilizați ca un instrument de învățare.