O zi bună, dragi cititori ai blogului meu. Uneori găsiți o caracteristică frumoasă pe un site web și începeți să vă întrebați cum a obținut creatorul un efect atât de interesant.

Se pare că răspunsul este destul de simplu. Și dacă aveți anumite abilități, puteți colecta multe dintre aceste caracteristici și puteți crea propriul site unic într-un timp scurt.

Astăzi vom vorbi despre cum să deschideți codul unei pagini, un anumit element și să învățăm cum să folosiți această abilitate în beneficiul dumneavoastră.

Cunoștințe de bază de cod

Site-ul meu este destinat începătorilor și mai întâi aș dori să vorbesc pe scurt despre site-uri și cod în general.

Pentru a desena o imagine, apoi tăiați-o în părți mici, scrieți codul, astfel încât browserul să reasambla toate elementele într-un singur întreg. Totul pare foarte complicat? Deloc și nu are rost să te întristezi din cauza asta.

Acesta este modul în care sunt create site-uri web de înaltă calitate. Dacă vrei, implică-te în această chestiune și studiază-o dacă nu vrei, nimeni nu te poate forța.

Voi spune un singur lucru... nimic nu este mai plăcut decât să vezi cum cuvintele de neînțeles pe care le-ai scris se transformă într-un singur întreg și prind viață: linkurile funcționează, butoanele se mișcă, imaginile se mișcă, textul se târăște. Cred că știu cum s-a simțit Victor Frankenstein.

Când începi să înțelegi limbajul secret și vezi că totul este de fapt mult mai simplu decât părea inițial, nu poți să nu crezi în propriile tale forțe și capacități ale creierului. Este foarte misto.

Cum sunt realizate site-urile web? În mod ideal, în primul rând. El doar pictează un tablou. De exemplu, așa cum se arată în imaginea de mai jos. Deocamdată este doar o imagine, o fotografie. Niciun link nu funcționează, când dați clic nu mergeți nicăieri, nu se efectuează nicio căutare.

Conform acestui desen. Uită-te la captura de ecran de mai jos. Puteți crede că acesta este un set ridicol și foarte complex de simboluri. De fapt, totul nu este atât de complicat, există un anumit algoritm.

Există doar aproximativ 150 de etichete și fiecare dintre ele este responsabilă pentru o anumită acțiune: link, silabe, bold, culoare, titlu și așa mai departe. Înțelegerea lor nu este atât de dificilă dacă aveți dorință și nu vă deranjează timpul.

Datorită cunoașterii acestor atribute, puteți rezolva aproape orice problemă. Dar fiecare dezvoltator își găsește propriile modalități de a atinge obiectivul.

Creatorii cu experiență văd imediat cum să obțină rezultate, în timp ce alții trebuie să gândească, să caute răspunsul în articole sau în codul sursă al concurenților. Pur și simplu iau partea necesară de pe un site terță parte și o editează singuri. Acest lucru scurtează semnificativ procesul de lucru.

Puțin mai târziu, vă voi arăta un exemplu concret.

Vedeți codul

Deci, permiteți-mi mai întâi să vă arăt cum să acționați dacă trebuie să aflați codul html al altcuiva. Apoi ne vom uita la toate celelalte întrebări mai detaliat.

Cel mai bun mod

Metoda pe care o voi descrie mai întâi este puțin complicată pentru începători, dar ca introducere, citiți-o. Deschideți pagina și faceți clic pe butonul din dreapta al mouse-ului. Selectați „Salvați ca...”

Salvați întreaga pagină web. După cum puteți vedea în captură de ecran, am descărcat deja totul în avans. Aici avem două foldere.

Tot ce ai nevoie este aici. Fiecare element. Dacă înțelegeți acest lucru, puteți obține rapid tot ce aveți nevoie. Dar o astfel de sarcină devine din ce în ce mai imposibilă. Nu există nicio descărcare. Ce să faci dacă este interzisă copierea unei pagini?

Acesta este Google Chrome

După cum probabil ați observat deja, eu folosesc cel mai des Google Chrome iar învățarea codului altcuiva în acest browser este la fel de ușoară precum decojirea perelor. Ca în principiu cu oricare altul. Schema nu numai că va fi similară, ci și identică. Deschideți pagina al cărei cod vrem să-l cunoaștem și faceți clic dreapta oriunde. În fereastra care apare, faceți clic pe „Vizualizare codul paginii”.

O foaie de cod se va deschide într-o fereastră nouă, ceea ce este destul de greu de înțeles pentru un începător. Dar nu vă alarmați dinainte.

Dacă trebuie să cunoașteți codul unui singur element, treceți cu mouse-ul peste el și faceți clic dreapta. Selectați o altă funcție Chrome: „Vedeți codul elementului”.

De exemplu, m-ar putea interesa modul în care a fost realizat logo-ul, folosind o imagine sau un limbaj de programare? La urma urmei, puteți desena un pătrat cu ajutor css. Mulți experți recomandă să scrieți cât mai multe informații posibil în cod. Cum funcționează pe site-uri populare?

Acum au apărut informațiile necesare. html în partea de sus, css în jos. Acestea sunt două limbi. Primul este responsabil pentru componenta text, iar al doilea pentru design. Dacă nu ar exista CSS, atunci ar trebui să specificați culoarea și dimensiunea fontului de fiecare dată. Pentru fiecare pagină, aceasta este foarte lungă. Dar dacă nu ar exista html, atunci nu am avea texte. Am explicat-o aproximativ, dar, în general, așa este.

Apropo, dacă sunteți interesat de modul în care funcționează aici, vă puteți uita la linkul către imaginea de mai jos. Iată răspunsul tău.

Mozilla Firefox

Dacă vă place să lucrați în mastic, atunci totul va fi exact la fel. Deschideți pagina și faceți clic pe butonul din dreapta al mouse-ului. „Codul sursă paginii” dacă doriți să vedeți întregul cod.

Când treceți cu mouse-ul peste un element, puteți deschide codul acestuia.

Aici datele sunt afișate în partea de jos a ecranului, dar în rest totul este exact la fel.

browser Yandex

În browserul Yandex, totul este exact la fel ca în cele două opțiuni anterioare, deschideți pagina, faceți clic dreapta, vedeți codul paginii.

Plasăm cursorul peste un element dacă vrem să aflăm exact codul acestuia.

Totul este afișat aici exact la fel ca în Chrome.

Operă

Și în sfârșit, Opera.

Apropo, poate ai observat că nu trebuie să folosești un mouse. Există o comandă rapidă de la tastatură pentru a deschide codul și este aceeași pentru toate browserele: CTRL+U.

Pentru elemente: Ctrl+Shift+C.

Așa arată rezultatul.

Acest lucru va fi interesant pentru începători

Acum uite cum funcționează totul. Găsiți un site și vă place foarte mult un element. De exemplu, acesta. Știți deja cum să deschideți codul elementului.

Acum copiați-l.

Îl folosesc, lipim acest cod într-unul nou fișier html, în eticheta body (body în engleză).

Acum să vedem cum va arăta totul în browser.

Gata. Pentru ca textul să fie aliniat la margini și să dobândească o culoare verzuie, trebuie să conectați css la acest document și să copiați un alt cod de pe site-ul de pe care l-am copiat pe acesta.

Nu voi face asta acum. Acest lucru necesită mai mult timp: atât al meu, cât și al tău. Cred că voi descrie toate detaliile în viitoarele mele publicații. Abonează-te la newsletter și fii primul care află când apare un articol.

Dacă nu suportați, dar doriți să aflați mai multe despre html și css acum, atunci vă pot recomanda în mod tradițional cursuri de formare gratuite.

Iată 33 de lecții care vă vor permite să stăpâniți html - „Curs gratuit despre HTML” .

Și aici informatii complete despre css - „Curs gratuit despre CSS (45 de lecții video!)” .

Acum știi puțin mai mult. Îți doresc succes în demersurile tale. Ne vedem din nou!

Multă vreme pentru mine opțiunea „arată cod sursă pagini” a fost inutilă și neinteresantă. la revedere învăţarea HTML pe Codecademy și aspectul propriilor mele site-uri web nu s-a dezvoltat în noul meu hobby. Aici a apărut întrebarea: unde să găsești cazuri reale și să împrumuți soluții interesante pentru „pușculița” ta? Răspunsul a fost neașteptat de simplu, ca toate lucrurile ingenioase: uită-te la codul sursă al paginii în Google Chrome! Împărtășesc cu voi descoperirile mele modeste.

Care este codul sursă a paginii

Dacă tu, ca și mine, abia faci primii pași în programarea HTML, ar fi o idee bună să afli care este codul sursă al unei pagini.

Codul sursă, cunoscut și sub numele de cod de pagină HTML, este text în limbajul de marcare hipertext (HTML). Include conținutul real al paginii (text, tabele) și etichete. Acestea din urmă acționează ca instrucțiuni pentru browser: cum să afișați conținutul, ce tip de formatare să utilizați, unde să introduceți un hyperlink sau un fișier media. Ei bine, pentru noi, programatorii începători, codul sursă este cel mai bun teren de antrenament: găsim un site interesant și îl spionăm, îl salvăm și folosim fragmente de succes. Cum?

Cum să vizualizați codul sursă în pagina browserului Google Chrome

Găsiți pagina care vă place. De exemplu, m-a interesat designul meniului site-ului. Deschide codul sursă la browser Google Chrome poate fi realizat în trei moduri:

1. Faceți clic pe pictogramă meniuîn colțul din dreapta sus al browserului și selectați „ Instrumente suplimentare" Printre altele, există opțiunea „Vedeți codul sursă”. Sincer, îl folosesc rar această metodă: o mulțime de mișcări inutile. Se poate face și mai simplu.
2. Apăsați combinația de taste Ctrl+U– se deschide o nouă fereastră cu codul sursă;
3. Pentru fanii meniului contextual: faceți clic dreapta pe pagină și selectați opțiunea „Vizualizare codul paginii”.

Ne-am descurcat sarcinii de a vizualiza codul HTML al paginii în browser. Să trecem la etapa cea mai interesantă.

Cum să editați și să salvați codul sursă

Pentru a învăța cum să creați site-uri web, nu este suficient să citiți codul HTML al altcuiva. Trebuie să te joci cu el, să experimentezi, să faci modificări și să verifici rezultatul. Puteți chiar să începeți prin a compila câteva mostre de succes. Cum editați și salvați codul sursă?

Opțiunea 1. „Manual”

După ce am deschis codul sursă al paginii, apelați meniul contextual și selectați opțiunea „Salvare ca” și salvați fișierul în hard disk. Edităm fișierul în Notepad sau Notepad, salvăm modificările și îl deschidem prin browser. Rezultatele modificărilor noastre (reușite și nu atât de reușite) se vor reflecta în fereastra browserului.

Opțiunea 2. Pentru profesioniști

Când „te joci” cu codul sursă în fiecare zi, procesul „salvare – deschidere – schimbare – salvare – verificare” devine obositor. Pentru mine, am găsit o soluție sub forma instalării unui plugin pentru Google Chrome - Firebug Lite. Vă permite să editați și să salvați codul sursă fără a părăsi fereastra browserului.

Ctrl+U

Cum pot vedea codul sursă al unui element?

Faceți clic dreapta pe elementul de interes al paginii.

Google Chrome: „Vedeți codul elementului”

Operă: „Inspectați elementul”

FireFox: „Analiza element”

În alte browsere, căutați un element de meniu cu un înțeles similar.

Salutare tuturor!

Am expus totul în mod special la începutul articolului, pentru cei care caută un răspuns rapid.

Informația poate fi cunoscută de mulți, dar deoarece scriu pentru bloggeri începători, programatori web și alți prospectori, acest articol de referință este un must-have.

În viitor, veți studia cu siguranță codul sursă al paginilor și elementelor individuale.

Să aruncăm o privire la exemplu concret cum puteți utiliza vizualizarea codului sursă al unei pagini.

De exemplu, vrem să vedem ce cuvinte cheie sunt folosite pentru o anumită pagină. Mergem la pagina web care ne interesează și apăsăm Ctrl+U. Codul sursă al acestei pagini se va deschide într-o fereastră separată sau într-o filă separată. Apăsați Ctrl+F pentru a căuta un fragment de cod. În acest caz, introducem cuvântul „ cuvinte cheie”. Veți fi redirecționat automat către o bucată de cod cu această metaetichetă și cuvântul căutat va fi evidențiat.

Prin analogie, puteți căuta și studia alte fragmente de cod.

Vizualizarea întregului cod sursă al unei pagini nu este în cele mai multe cazuri foarte convenabilă, astfel încât în ​​toate browserele este posibil să vizualizați codul unui element sau fragment individual.

Să folosim un exemplu specific de vizualizare a codului unui element. De exemplu, să vedem dacă linkul are un atribut nofollow. Faceți clic dreapta pe linkul care ne interesează și în meniul drop-down meniul contextual clic stânga pe element „Vedeți codul elementului” sau similar (în funcție de browser). Mai jos, într-o fereastră specială pentru analiza codului, obținem ceva similar.

Vedem că codul de link conține rel="nofollow” . Aceasta înseamnă că PR nu va „scurge” prin acest link. Vom vorbi despre asta mai detaliat în articolele următoare. Acum, lucrul important este că acum știți cum să vizualizați codul sursă al paginii și codul sursă al unui element individual.

Instrucţiuni

În Mozilla FireFox, extindeți secțiunea „Vizualizare” din meniu și faceți clic pe „Original” cod" Același articol se află și în meniul contextual, pe care, dacă faceți clic dreapta pe text pagini. De asemenea, puteți utiliza comanda rapidă de la tastatură CTRL + U. Mozilla FireFox nu folosește programe externe - original cod pagini cu evidențierea sintaxă va fi deschis într-o fereastră separată a browserului.

În browser Internet Explorer Faceți clic pe secțiunea „Fișier” din meniu și selectați „Editați în Notepad”. În loc de numele Notepad, poate fi scris un alt nume, l-ați atribuit în setările browserului pentru a vizualiza originalul cod O. La clic pagini cu butonul drept al mouse-ului apare un meniu contextual, care are și un element care vă permite să deschideți sursa cod paginiîn program extern- „Vizualizați HTML- cod O".

ÎN browser Opera deschideți meniul, accesați secțiunea „Pagină” și veți avea posibilitatea de a selecta elementul „Sursă” din subsecțiunea „Instrumente de dezvoltare” cod„sau articolul „Original cod cadru." Aceste selecții sunt alocate tastelor rapide CTRL + U și respectiv CTRL + SHIFT + U. Într-un meniu contextual legat de un clic pagini faceți clic dreapta, există și un element „Inițial cod" Sursa opera paginiîntr-un program extern care este atribuit în sistemul de operare sau în setările browserului pentru editarea fișierelor HTML.

Browserul Google Chrome are, fără îndoială, cea mai bună organizare pentru vizualizarea originalului cod O. Făcând clic dreapta pe mouse, puteți selecta Vizualizare cod O pagini„și apoi codul sursă cu evidențierea sintaxelor va fi deschis într-o filă separată. Sau puteți selecta linia „Vizualizare” în același meniu cod element” și în aceeași filă se vor deschide două cadre suplimentare în care puteți inspecta HTML și CSS cod element pagini. Browserul va răspunde la mișcarea cursorului pe linii codși, evidențierea elementelor din pagină care corespund acestei secțiuni de HTML cod O.

În browserul Apple Safari, extindeți secțiunea Vizualizare și selectați Vizualizare HTML cod O". În meniul care apare când faceți clic dreapta pe deschide pagini, elementul corespunzător se numește „Vizualizare sursă”. Tastele rapide atribuite acestei acțiuni sunt CTRL + ALT + U. Original codîntr-o fereastră separată de browser.

Surse:

• cum se schimbă cheile alocate în Firefox

Destul de mulți oameni, care au întâmpinat dificultăți în jocuri pe calculator pe care nu le pot depăși, le folosesc coduri speciale pentru a rezolva o anumită problemă sau a simplifica jocul. Un cheat code este un cod care poate fi introdus într-un joc pe computer pentru a schimba cursul funcționării acestuia. Introducerea unor astfel de coduri se realizează prin reproducerea unui anumit text (format din litere sau cifre) pe tastatură. De asemenea, puteți introduce text în zone special desemnate (meniul jocului sau consolă). Cum pot găsi codul pentru joc?

vei avea nevoie

• Internet

Instrucţiuni

Să luăm în considerare prima metodă folosind exemplul popular http://chemax.ru. Pentru a găsi un cod pentru un anumit joc, faceți clic pe fila „Coduri cheat”, apoi selectați „Pentru”. În fereastra care se deschide, puteți fie să introduceți numele jocului într-unul special (care va facilita procesul de căutare), fie să dați clic pe litera engleză sau rusă cu care începe numele jocului. După ce ați selectat un joc, veți vedea o listă cu toate codurile posibile.

Pentru a descărca baza de date a codurilor de înșelăciune, trebuie să accesați site-ul web http://chemax.ruși selectați fila „CheMax” - „CheMax Rus”. Această bază de date de coduri de cheat este, de asemenea, în limba rusă și are un număr mare de jocuri reprezentate. Când instalați, ar trebui să selectați limba rusă și locația programului pe . După ce lansați programul, trebuie să introduceți numele jocului într-o linie specială, în urma căreia veți primi toate codurile necesare.

Video pe tema

Vă rugăm să rețineți

Nu uitați să actualizați prompt acest program pentru a avea cea mai completă bază de cod.

Sfaturi utile

Încercați să finalizați jocul fără a folosi coduri de cheat, pentru că finalizarea jocului cu sinceritate vă va oferi mult mai multă plăcere.

Să ne uităm la cum să determinăm inițiala cod pagini, deoarece acest parametru este foarte important atunci când lucrați pe Internet. Dacă aveți nevoie de știri, etichete sau o poză, dar nu știți cum să o scrieți, puteți oricând să copiați informații de pe alt site după ce ați aflat pe cel original cod pagini dacă nu e pentru cod creat de dezvoltatorii site-ului. Originalul este important codîn fișiere paginate care nu sunt programe, folosind sursa codși puteți lucra cu pagini și le puteți edita.

vei avea nevoie

• Instrucțiuni pentru vizualizarea codului sursă al paginii.

Instrucţiuni

Pentru a fi vizibil, este înregistrată cu originalul cod ohm Umple-l cu cod Puteți, dacă sunteți proprietarul resursei, sau o puteți modifica folosind notepad, un editor, folosind extensii speciale pentru aceasta. Utilizatorul poate schimba pagina, de asemenea, editând fișierul și adăugând propriul său fișier. În - browsere care vizualizează sursa codși se realizează folosind diverse comenzi, să le privim mai detaliat.

Pentru Internet Explorer, selectați fila „Vizualizare”, apoi „original” cod pagini»sau articolul poate fi selectat făcând clic pe butonul din dreapta al mouse-ului. Pentru a fi criptat de dezvoltatori codîn aceasta mergem la meniul „serviciu”, apoi „instrumente pentru dezvoltatori”, faceți clic pe săgeată, selectați elementul dorit și cod deveni . Apoi, faceți clic pe pictograma și cod V format textși copiați din componentele sale în html.

browser Mozilla Firefox oferă posibilitatea de a vizualiza folosind o comandă simplă „Ctrl+U” sau în meniul „instrumente” selectați subșirul „vizualizare sursă” cod" Vizualizați informații criptate în Mozilla Firefox Puteți instala un dezvoltator web special, selectați din meniul „ cod" șir "generat cod" și mai jos pagini apare valoarea originalului cod O. Copiați fișierul în clipboard sau salvați-l cu extensia page.htm.

La folosind Google Chrome în meniul principal „instrumente” selectează subșirul „vizualizează sursa cod", apoi utilizați butonul din dreapta al mouse-ului pentru a deschide elementul „vizualizare cod O pagini» sau folosind tastele „Ctrl + U”.

Pentru browser Safariîn meniu găsim „view html- cod", tot făcând clic dreapta, deschideți subșirul „view source” sau utilizați comanda rapidă de la tastatură „Ctrl + Alt + U”.

Vă rugăm să rețineți

Capacitatea de a vizualiza informații criptate despre codul sursă se realizează folosind două browsere.

Sfaturi utile

Dacă nu sunteți un dezvoltator de site, puteți schimba pagina numai pentru uzul dvs.

În jocurile pe calculator, ca și în viața reală, există o oportunitate de a înșela puțin. În acest scop, dezvoltatorii pun la dispoziție produsele lor diverse coduri, cu ajutorul cărora din meniul jocului poți finaliza cu ușurință niveluri și misiuni.

vei avea nevoie

• software-ul CheMax.

Instrucţiuni

Pentru a afla codurile care au fost folosite cândva de dezvoltatori în timpul testării, nu este deloc necesar să deschideți toate fișierele exe ale produsului de joc folosind editori HEX. Trebuie doar să accesați un site specializat pentru trucuri folosind următorul link http://chemax.ru.

Pe pagina încărcată, mutați cursorul pe bara de meniu, și anume secțiunea „Coduri de cheat”, iar în lista care apare, selectați „În limbă”. Pe pagina următoare Introduceți numele jocului în bara de căutare, apoi faceți clic pe butonul „Căutare”. Se recomandă introducerea celui mai complet nume, care poate fi copiat din proprietățile comenzii rapide. Pentru a face acest lucru, accesați desktop și faceți clic dreapta pe comanda rapidă a jocului. În meniul contextual, selectați „Proprietăți” și copiați numele utilizând comanda rapidă de la tastatură Ctrl + C sau Ctrl + Insert.

Din rezultatele căutării, selectați cea mai potrivită opțiune pentru a deschide tabelul de coduri. Pe lângă tabelul de coduri, dacă derulați în partea de jos a paginii, puteți găsi și o listă de formatori cu linkuri active. Pentru acces rapid la codurile necesare, până când vă amintiți, este recomandat să selectați și să copiați informațiile din pagina încărcată, apoi să le lipiți într-una nouă document text.

Accesarea constantă a site-ului pentru a obține codul necesar este o sarcină foarte lungă, deoarece... lansa program special(CheMax) este de multe ori mai rapid. Pentru a face acest lucru, accesați meniul de sus CheMax și selectați CheMax Rus. Pe pagina de descărcare a programului, faceți clic pe „Installer” sau „ Arhiva RAR", și specificați locația pentru a salva fișierul executabil.

După instalarea programului, pe desktop va fi plasată o comandă rapidă, lansare care va deschide programul. În timpul jocului, apăsați „Pauză” și utilizați Combinații alternative+ Tab naviga la o fereastră deschisă. ÎN bara de căutare introduceți numele jocului și apăsați Enter.

Video pe tema

Surse:

• Cum afli codul bannerului?

Codul programului poate varia în ceea ce privește confidențialitatea - mulți dezvoltatori nu îl fac disponibil public, iar termenii acordului de licență impun restricții utilizatorilor în ceea ce privește utilizarea și vizualizarea acestuia. Există și programe cu sursă deschisă, care poate fi vizualizat, editat și așa mai departe.

vei avea nevoie

• - un program pentru deschiderea codului sursă.

Instrucţiuni

Asigurați-vă că codul sursă este software, pentru care doriți să îl vizualizați acces deschis. Pentru a face acest lucru, accesați site-ul web oficial al dezvoltatorului de software și vizualizați tipul de licență. Dacă codul sursă al programului este închis, nu îl puteți vizualiza. Acest lucru este incomod, dar cu un astfel de sistem este destul de rar să găsiți copii ale unui program care conține troieni și alte malware. Acesta este principalul dezavantaj al software-ului liber.

Dacă aveți software gratuit, găsiți „Codul sursă” în meniul programului, dacă un astfel de articol este furnizat de dezvoltator, ceea ce este extrem de rar. Pentru a-l vizualiza în alte cazuri, utilizați un asamblator sau alt software terță parte.

Adesea, pentru a deschide sursa, trebuie să știți ce limbaj de programare au folosit creatorii programului în timpul dezvoltării, care este adesea foarte dificil de determinat. Aici puteți instala pe computer un set de programe diferite pentru deschiderea codurilor sursă scrise în diferite limbi.

Când utilizați software gratuit, dacă aveți opțiunea, verificați codul sursă înainte de procesul de instalare, mai ales dacă programul a fost descărcat dintr-o sursă neoficială. Acest lucru vă va ajuta să vă protejați computerul de malware care este instalat împreună cu cel principal.

De asemenea, nu recurge la diverse metode efectuarea de modificări la codul sursă închis al unui program, adesea în astfel de cazuri există o anumită răspundere pentru încălcarea regulilor contract de licențăîntre utilizator și dezvoltator. Mai mult, nu postați astfel de programe editate pe Internet.

Video pe tema

Sfaturi utile

Verificați sursele de software gratuit.

Programeîmpărțit în deschis și închis. În primul caz, toți utilizatorii de internet își pot descărca originalul cod de pe site-ul oficial și alte resurse, în al doilea - codul de sistem este închis și este

Căutând prin nenumărate site-uri de pe Internet, puteți întâlni unele care ne plac foarte mult. Imediat apar o serie de întrebări. Site-ul a fost realizat folosind cod de casă sau un fel de CMS? Ce stiluri CSS are? Care sunt metaetichetele sale? Și așa mai departe.

Există multe instrumente care pot fi folosite pentru a extrage informații despre codul paginii unui site web. Dar avem întotdeauna butonul drept al mouse-ului la îndemână. Acesta este ceea ce vom folosi, folosind site-ul meu ca exemplu.

Cum se vede codul paginii?

Pentru a vizualiza codul sursă al unei pagini de site, trebuie să plasați mouse-ul peste orice zonă a paginii web (cu excepția imaginilor și a linkurilor). După aceasta, faceți clic pe butonul din dreapta al mouse-ului. În fața noastră se va deschide o fereastră cu mai multe opțiuni (în browsere diferite pot diferi usor). În browserul Google Chrome, de exemplu, acestea sunt comenzile:

• spate;
• redirecţiona;
• repornire;
• salvează ca;
• sigiliu;
• traduceți în rusă;
• vizualiza codul paginii;
• vizualiza codul.

Trebuie să facem clic pe vizualiza codul paginii, iar codul html al paginii site-ului se va deschide în fața noastră.

Vizualizarea codului paginii: la ce să acordați atenție?

Deci, codul paginii HTML este o listă numerotată de linii, fiecare dintre ele conținând informații despre modul în care este realizat acest site. Pentru a învăța rapid să înțeleagă acest număr imens de semne și caractere speciale, trebuie să faceți distincția între diferitele secțiuni ale codului.

De exemplu, liniile de cod din interiorul etichetei head conțin informații pentru motoarele de căutare și webmasteri. Ele nu sunt afișate pe site. Aici puteți vedea pentru ce cuvinte cheie este promovată această pagină, cum sunt scrise titlul și descrierea acesteia. Puteți găsi și un link aici, făcând clic pe care vom afla despre familie fonturi google folosit pe site.

Dacă site-ul este realizat pe CMS WordPress sau Joomla, atunci va fi vizibil și aici. De exemplu, această zonă afișează informații despre Tema WordPress sau Șablon Joomla site-ul. O puteți vedea citind conținutul linkurilor evidențiate cu albastru. Un link arată un șablon de site.

De exemplu:

//fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C400italic%2C600&ver=4.5.3

Vom vedea stilurile de font CSS ale paginii. În acest caz, se folosește fontul. Acest lucru poate fi văzut aici - font-family: 'Source Sans Pro'.

Acest site este optimizat folosind plugin-ul Yoast SEO. Acest lucru poate fi văzut din această secțiune de cod comentată:

Acest site este optimizat cu pluginul Yoast SEO v3.4.2 - https://yoast.com/wordpress/plugins/seo/

Toate informațiile conținute în interiorul etichetei corporale sunt afișate de browser pe ecranul monitorului. Aici vedem codul html al paginii, iar în partea de jos este codul de script Yandex Metrics. Este înconjurat de o etichetă comentată cu textul:

/Yandex.Metrika contor

Să rezumam

După ce am efectuat o analiză destul de superficială a codului pagina de start site-ului, putem trage o concluzie despre instrumentele cu care a fost realizată această pagină. Am vazut pe el:

• CMS WordPress;
• Font Google Source Sans Pro;
• Tema WordPress – Sydney;
• pluginuri Yoast;
• Contor de valori Yandex.

Acum principiul analizei cod html Pagina site-ului este destul de clară. Nu este deloc necesar să păstrați pagina pe care o căutați deschisă în browser. Puteți salva codul paginii pe computer folosind combinațiile de taste ctrl+a, ctrl+c, ctrl+v. Lipiți-l în oricare editor de text(de preferință Notepad++) și salvați cu extensia html. Astfel, în orice moment îl poți studia mai profund și poți găsi mai multe informații utile pentru tine.