Vminnya schimba codul de ieșire al paginii– o korisna navichka pentru prosperul utilizator de internet. Pe lângă înlocuirea codului HTML, puteți modifica pagina web deblocată după cum doriți. Această statistică este clară, cum se schimbă codul paginii din Google Chrome. Cu toate acestea, în alte browsere totul funcționează în același mod, deci nu există probleme.
Care este codul HTML pentru pagina laterală?
Pagina pe care o deschideți în browser conține codul pentru marcajul HTML. Acest cod este etichete și text. Etichetele sunt marcatori care spun browserului cum să afișeze o anumită parte a site-ului. Textul este ultima parte a paginii, cea pe care utilizatorul trebuie să o citească. De asemenea, stilurile CSS pot fi adăugate paginii pentru a seta aspectul elementelor paginii. Şchob modificați codul de ieșire al site-ului web Nu trebuie să cunoașteți HTML și CSS în detaliu și în curând veți fi la curent.
Este timpul să vă schimbați pagina web?
Puteți modifica datele de pe site, puteți modifica textul de notificare sau puteți crea o captură de ecran falsă. Vă rugăm să vă asigurați că toate modificările nu sunt vizibile pentru dvs. și nu vor apărea atunci când reactivați pagina. De asemenea, modificările datelor nu vor fi reale. De exemplu, dacă am 10 dolari și îi schimb în 100, atunci nu voi mai avea bănuți. Aceasta înseamnă că browserul nu afișează pagina. fund:
Post:
De exemplu, voi lua acest site și voi schimba anunțul din față a articolului „” Deschideți pagina principală în Google Chrome. Dau clic dreapta pe elementul pe care vreau să-l schimb, de exemplu, titlul anunțului și selectez „Vedeți codul”.
În fereastră, accesați fila Elemente și introduceți codul HTML pentru pagină. Cineva trebuie să știe textul care este important pentru noi. (supliment cu viermi)
Acum pot vedea textul vechi și pot scrie într-unul nou.
Axa și toate denumirile anunțului au fost schimbate. Acum voi strica anunțul în sine, etichetele și secțiunea.
Puteți insera o imagine diferită schimbând atributul src din titlul img.
Bună dimineața, colegii cititori ai blogului meu. Este posibil să găsiți un truc grozav pe site și să începeți să vă faceți griji despre cum să obțineți un efect atât de mare.
Se dovedește că a cunoaște răspunsul este ușor. Și dacă aveți niște cunoștințe de bază, puteți alege o grămadă de aceste trucuri și puteți crea propriul site unic într-o oră scurtă.
Astăzi vom vorbi despre cum să deblocați codul paginii, elementul cântec și să învățăm să folosiți această abilitate în beneficiul dvs.
Cunoștințe de bază despre cod
Site-ul meu este pentru nou-veniți și aș dori să știu câteva cuvinte despre site-uri și cod în general.
Pentru a desena o imagine, apoi tăiați-o în părți mai mici, scrieți cod, astfel încât orice browser să colecteze din nou toate elementele într-un singur loc. Totul pare prea complicat? Deloc, nu este bine să rezumați această unitate.
Unele site-uri sunt create exact așa. Dacă vrei, intră în camera din dreapta și așteaptă, nu trebuie să-ți faci griji - nimeni nu te poate deranja.
O să spun doar un lucru... nu e nimic bun în asta, cu excepția faptului că cuvintele inconștiente pe care le-ai scris se transformă într-un întreg și prind viață: mesajele funcționează, butoanele se prăbușesc, imaginile se prăbușesc, textul este în mișcare. Cred că știu, așa cum l-am simțit Victor Frankenstein.
Odată ce începi să înțelegi limbajul întunecat și realizezi că totul este cu adevărat mult mai simplu, părea atât de ușor, nu poți să nu crezi puterea și capacitatea creierului. E destul de misto.
Cum să te ferești de site? Ideal ar fi să mă opresc. Vin pur și simplu pictează o imagine. De exemplu, așa cum se arată pe copilul de mai jos. Deocamdată nu există nicio imagine, nici fotografie. Nu executați mesajul, atunci când apăsați, nu mergeți nicăieri, căutarea nu va funcționa.
Pentru acest mic. Aruncă o privire la captura de ecran de mai jos. S-ar putea să credeți că acesta este un set simplu și complex de personaje. În realitate, totul nu mai este atât de complicat, există un algoritm simplu.
Există aproximativ 150 de etichete și skin-urile din ele reprezintă melodia: trimis, mutat, afișat cu aldine, culoare, titlu și așa mai departe. Nu este atât de greu să revii în ele, pentru că este necesar și nu în orice moment.
Cunoașterea acestor atribute poate fi realizată practic în orice situație. Axa numai calea din spatele atingerii pielii pielii este să-și cunoască propria lor.
Creatorii realizați trebuie să muncească din greu pentru a obține rezultate, în timp ce alții trebuie să gândească, să caute dovezi din articole și codul de ieșire al concurenților. Trebuie doar să luați partea necesară de pe un site terță parte și să o editați singur. Acest lucru accelerează semnificativ procesul de lucru.
În curând, vă voi arăta un fund specific.
Revizuirea codului
Părinte, lasă-mă să-ți arăt imediat cum să o faci dacă trebuie să recunoști codul html al altcuiva. Apoi vom arunca o privire mai atentă asupra tuturor celorlalte alimente.
Cel mai bun mod
Metoda, pe care o voi descrie primului, este puțin simplă pentru începători, dar de dragul conștientizării – mergeți mai departe, citiți. Deschideți pagina și apăsați butonul din dreapta al mouse-ului. Selectați elementul „Salvați ca…”
Protejați bine site-ul web. După cum puteți vedea din captură de ecran, am capturat deja totul de la distanță. Aici avem două foldere.
Tot ce ai nevoie este aici. Element din piele. Dacă știi ce este, poți evita rapid tot ce ai nevoie. Și totuși, deșertul devine din ce în ce mai pustiu. Descărcarea nu va funcționa. Ce să faci dacă este blocat să copieze partea laterală?
Pentru Google Chrome
După cum probabil ați observat deja, folosesc în mare parte Google Chrome și a afla despre codul altcuiva în browserul dvs. este la fel de ușor ca să decojiți perele. Ca o chestiune de principiu și în orice alt mod. Schema nu va fi similară, dar identică. Deschidem pagina, al cărei cod vrem să-l recunoaștem și facem clic pe orice loc cu butonul din dreapta al mouse-ului. În fereastra care apare, faceți clic pe „Vedeți codul paginii”.
Se va deschide o nouă fereastră cu un cod cu care va fi dificil pentru începători să înceapă. Ale, nu striga devreme.
Dacă trebuie să recunoașteți codul pentru un singur element, trebuie doar să îndreptați mouse-ul spre el și să faceți clic pe tasta din dreapta. Selectăm o altă funcție pentru Chrome: „Review element code”.
De exemplu, poate fi important să știți cum este împărțit logo-ul, dacă alegeți imagini sau programare în limbaj? De asemenea, puteți crea un pătrat folosind CSS suplimentar. Există o mulțime de falsificatori care doresc să scrie cele mai multe informații în cod. Cum să lucrezi pe site-uri populare?
Axa și informațiile necesare au apărut. HTML în partea de sus, CSS în partea de jos. Iată două filme. Primul este responsabil pentru stocarea textului, iar celălalt este pentru design. Dacă nu ați avut CSS, atunci ar trebui să specificați imediat culoarea și dimensiunea fontului. Pentru partea pielii, durează mai mult. Dacă nu aveai html, atunci nu aveam suficient text. Aproximativ explic, dar totul este așa.
Înainte de a vorbi, dacă ați fost captivat de faptul că există multă influență aici, puteți admira imaginea de mai jos. Aceasta este mărturia mea pentru tine.
Mozilla Firefox
Dacă vă place să exersați în unguent, atunci totul va fi la fel. Deschideți pagina și apăsați butonul mouse-ului din dreapta. „Codul de ieșire al poveștii” dacă doriți să vedeți tot codul în detaliu.
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 la fel.
browser Yandex
În browserul Yandex, totul este la fel ca în primele două opțiuni, deschideți pagina, faceți clic dreapta și va apărea codul pentru pagină.
Mutăm cursorul peste element dacă vrem să-i recunoaștem codul.
Aici totul pare la fel ca în Chrome.
Operă
Ei bine, în sfârșit Opera.
Înainte de discurs, poate, ați observat că nu este obligatoriu să deveniți o țintă. Pentru a deschide codul, utilizați aceeași cheie și pentru toate browserele, totuși: CTRL+U.
Pentru elemente: Ctrl+Shift+C.
Așa arată rezultatul.
Acest lucru va fi grozav pentru noii veniți
Și acum poți să te minunezi cum funcționează totul. Găsiți site-ul și vă va plăcea ceva. De exemplu, axa. Știți deja cum să deblocați codul elementului.
Acum îl copiați.
Mă încurc, inserând acest cod într-un fișier html nou, în eticheta body (în engleză).
Acum ne vom mira cum arată totul în browser.
Gata. Pentru ca textul să fie aliniat de-a lungul marginilor și pentru a elimina culoarea verde, trebuie să includeți css în acest document și să copiați alt cod de pe site-ul web de pe care copiați.
Nu mă voi ocupa de qim chiar acum. Acest lucru va dura mai mult de o oră: atât al meu, cât și al tău. Cred că voi descrie toate detaliile în publicațiile mele viitoare. Abonează-te la newsletter și fii primul care află despre aspectul articolului.
Deoarece nu am puterea de a îndura și vreau să aflu mai multe despre HTML și CSS chiar acum, pot, conform tradiției, să recomand cursuri inițiale gratuite.
Există 33 de lecții aici pe care le puteți stăpâni „Curs gratuit cu HTML” .
Și aici sunt mai multe informații despre css. „Curs gratuit cu CSS (45 de lecții video!)” .
Acum știi puțin mai mult. Îți doresc succes în demersurile tale. Până la nou zustrich!
Este necesar să revizuiți rapid toate modificările de pe site-ul în sine, fără a interfera cu fișierele și codul site-ului postat pe Internet. De exemplu, modificați schema de culori a oricărui bloc, introduceți un element care a fost eliminat etc.
În acest scop, mulți webmasteri folosesc servere locale Denwer sau OpenServer, lansând o nouă copie a site-ului pe computerul lor. Această metodă este universală și potrivită pentru profesioniști, în plus, puteți verifica funcționarea diferitelor scripturi și plugin-uri, puteți experimenta modificarea designului și edita toate fișierele pe site și, după testare, transferați modificările zilnice direct pe site.
Pentru cei care sunt departe de webmasteri, recomand folosirea unui browser în aceste scopuri. Deoarece folosesc Chrome, voi oferi instrucțiuni cu capturi de ecran pentru browserul dvs. O analogie poate fi folosită cu Opera, Yandex Browser, Mozilla Firefox și alte browsere, principiul instrumentelor lor este similar.
Instrucțiuni 1: cum să vizualizați întregul cod HTML al unui site web într-un browser
Aceasta deschide o pagină web necesară pentru site-ul dvs. Făcând clic dreapta pe elementul dorit, va apărea un meniu contextual al browserului cu comenzi disponibile:
Malyunok 1. Revizuirea întregului cod HTML al paginii web în browserul Chrome
Important: Comenzile de meniu care apar pot fi diferite, de exemplu, pentru elementele active (mesaje, imagini, videoclipuri) și cele inactive (text, fundal, video):
Figura 2. Meniul browserului Chrome care apare
Dacă nu găsiți comanda necesară, apăsați butonul din dreapta al mouse-ului în alt loc sau utilizați tastele rapide ale browserului.
Să revenim la mica 1, arată comanda necesară pentru revizuirea întregului cod HTML al paginii web de ieșire, se numește „ Revizuirea codului paginii". Faceți clic pe comandă, se va deschide o filă nouă cu același cod pentru pagina web de ieșire, un avantaj extraordinar pentru toate vizualizările disponibile cu sintaxa corectă:
Malyunok 3. Fragment din codul acestui site
Acest instrument este util în special pentru găsirea și editarea diferitelor elemente.
Modalități alternative de a examina întregul cod HTML al unei pagini web
Pentru un acces mai mare, puteți utiliza alte modalități de a accesa acest instrument.
- Pentru bebelușul 1 este, de asemenea, important ca această comandă să fie disponibilă în spatele unei chei suplimentare
+ ; - Introduceți view-source în bara de adrese a browserului: site în loc de domeniu, introduceți adresa;
Ambele metode sunt universale și se aplică tuturor browserelor.
Încep să cred că acest instrument nu este deloc necesar, dar să vă uitați la tot codul HTML al unui site este grozav pentru a căuta în cod elementele necesare, care pot include etichete, metaetichete, atribute și alte elemente.
Taste rapide noi
Malyunok 3. Căutați codul pe site
După ce intrați în formularul de căutare, ecranul se va muta la primul element găsit, folosind săgețile vă puteți deplasa între ele și selectați pe cel de care aveți nevoie:
Malyunok 4. Căutați codul HTML al site-ului
Instrucțiuni 2: cum să vizualizați și să editați codul HTML și CSS pentru un site web în browserul Google Chrome
Acum vine partea cea mai importantă, în care vă voi arăta cum puteți edita codul HTML și CSS al unui site web într-un browser. Apoi transferați modificările în browser.
Deoarece acest instrument este întotdeauna disponibil în browserul dvs., experimentați cu alte comenzi pentru a facilita editarea site-ului.
Am publicat o nouă carte, „Content Marketing in Social Media: How to get into Heads of Pre-Payers and Confund them with your brand.”
Codul de ieșire pentru site este o combinație de markup HTML, stiluri CSS și scripturi JavaScript pe care browserul le interpretează ca un server web.
Mai multe videoclipuri pe canalul nostru - învață marketing pe internet de la SEMANTICA
Acest lucru poate fi explicat prin setul de comenzi pe care comandantul le dă soldaților. Este clar că peepers nu pot mirosi șeful. Din punctul lor de vedere, armata poate desfășura acțiuni în mod independent. În cazul nostru, comandantul este browserul, comenzile sunt codul de ieșire, iar soldații care marșează sunt rezultatul final.
Site-ul este salvat pe un server web, ceea ce face ca site-ul să fie utilizat de către utilizator. Vi se va solicita introducerea adresei URL în rândul adresei, făcând clic sau făcând clic pe butonul de trimitere a datelor din formular. Nu contează ce fel de poveste web scriu sau includ partea de software. Rezultatul final al oricărui algoritm de server este tastarea etichetelor html și a textului.
Codul de ieșire al paginii este un set de date care include:
- html-layout;
- foaie de stil sau personalizare pentru fișier;
- programe scrise în JavaScript sau trimise în fișiere cu cod.
Aceste trei secțiuni sunt procesate de browser. Pentru server, acesta este doar textul care trebuie trimis la cerere.
Acum trebuie să introducem codul de ieșire
Tot ceea ce este important pentru noi poate fi analizat și rezolvat pentru a îmbunătăți aceste și alte probleme care apar în timpul lucrului pe site, în special în timpul procesului de optimizare. După ce ne uităm la codul de ieșire, putem:
- Adăugați metaetichete pe site-ul dvs. sau al altcuiva pentru analiza lor.
- Verificați vizibilitatea și prezența anumitor elemente pe site: medici, coduri de identificare în diferite sisteme, scripturi vechi etc.
- Aflați despre parametrii elementelor: dimensiune, culoare, font.
- Găsiți indicații către fotografii și alte elemente pe site.
- Citiți mesajul de pe pagină.
- Găsiți probleme cu codul care afectează procesul de optimizare a site-ului: stiluri, scripturi, cod invalid.
Practic, dacă doar citiți codul, puteți afla multe mai multe despre pagină.
Cum să vezi codul de ieșire pentru site
În general, se pare că indiferent de modul în care depuneți pe server, nu veți putea câștiga bani din browser. Și puteți mări întregul aspect apăsând butonul mouse-ului din partea dreaptă. Aici și acolo în aplicația Google Chrome.
Selectați opțiunea „Revizuiți codul paginii” și selectați noua listă în același depozit.
Acesta este doar un text care trebuie analizat pentru a-l înțelege. Și puteți extrage codul interactiv folosind instrumente suplimentare de la dezvoltator.
Cum să găsiți codul de ieșire al paginii site-ului
Faceți clic pe pictograma meniului din browser. Cel mai adesea, ești dreptaci și ai un aspect în trei puncte sau întunecat.
În secțiunea de instrumente suplimentare, selectați „Instrumente pentru distribuitori”.
Se va deschide o fereastră care arată codul activ. Aceasta înseamnă că atunci când apăsați mouse-ul pe aspect, stilul elementului va apărea, iar blocurile selectate vor fi evidențiate în lateral.
În fila „Sursă” puteți vizualiza diverse fișiere: scripturi, fonturi, imagini.
Fila Securitate vă permite să verificați certificatul site-ului.
Fila Audituri vă va ajuta să verificați ceea ce a fost încărcat în resursa de găzduire.
Dacă nu puteți muta manual panoul din dreapta, puteți apăsa trei puncte și le puteți modifica selectând elementul corespunzător.
Cum să te minunezi de metaetichete
Documentul HTML conține etichete de structură. Acțiunile axei din ele:
- HTML – întregul document.
- Head – secțiunea antetelor de serviciu.
- Titlu – titlul paginii (afisat pe fila).
- Corp – corpul documentului.
- H1-H6 – titluri pentru textul lateral.
- Articol – articol.
- Sectiune - diviziune.
- Meniu – meniu.
- Div – bloc.
- Span - rând.
- P – paragraful.
- Masa – masa.
Elementele sunt concepute pentru separarea logică a secțiunilor de pe pagină, dacă este necesar, sunt proiectate folosind stiluri suplimentare. Acestea conțin text care este altfel vizibil pe pagină. De asemenea, în Head se află și informații de service. Pentru această inserție există meta-etichete. Tot ceea ce este înregistrat în ele este destinat serverului și sistemelor de sunet.
Este imposibil de aflat în alt mod.
Am un mare respect pentru eticheta Link. Acest lucru vă va ajuta să comandați mesajele trimise către fișiere externe care sunt conectate. Dacă doriți, îl puteți salva în schimb și îl puteți salva pe disc. Pentru a face acest lucru, îndreptați registrul către adresă și apăsați RMB. Selectați Deschideți într-o filă nouă.
Noua depunere va deschide un fișier pe care îl puteți vizualiza și salva.
Cum să vedeți codul de ieșire al paginii pentru a îmbunătăți scriptul
În acest caz, este mai ușor să deschideți pagina pe mașina locală. Dacă trebuie doar să corectați aspectul, stilul și scriptul, puteți lucra direct din folder. Codul HTML poate fi vizualizat chiar așa. Și linia de comandă pentru codul JavaScript poate fi accesată din fila Consolă. Aici arată o descriere a ordinii și numărul rândului în care a fost scris.
Sintaxa poate fi îmbunătățită oriunde în cod. Acesta este alocat filei „Sursă”.
Cum să te minunezi de codul unui anumit element
Pentru paginile mari cu un număr mare de elemente, este dificil să cunoașteți codul necesar pentru toate machetele. În acest caz, urmărirea poate fi accelerată folosind o comandă specială din meniul contextual. Să îndreptăm mouse-ul spre fragment și să apăsăm RMB. Vibe comanda „Review code”.
Va apărea aceeași fereastră, dar se concentrează asupra obiectului selectat.
rezumat
Am descoperit că acesta este codul de ieșire al paginii. Este suficient să stăpâniți cunoștințele de bază despre HTML și CSS și, folosind instrumentele manuale ale dezvoltatorului, vă puteți îmbunătăți documentele HTML.
Revizuirea codului de resurse de pe Internet vă va permite să începeți nu numai în cunoștințele publice, ci și să explorați aplicații reale. Iar pentru specialiștii SEO vor exista meta tag-uri utile, informații în care poți spune multe despre site.
Multă vreme, opțiunea „afișați codul de ieșire al paginii” a fost inutilă. Până acum, dezvoltarea HTML pe Codecademy și aspectul site-urilor oficiale nu s-au transformat în noua mea tezaurizare. Aici intervine mâncarea: unde poți găsi cazuri reale și salva soluții eficiente pentru „trezoreria” ta? Răspunsul a fost incredibil de simplu, ca și cum totul ar fi ingenios: uită-te la codul de ieșire al paginii în Google Chrome! Împărtășesc cu voi descoperirile mele modeste.
Care este codul de ieșire al paginii?
Dacă tu, ca mine, lucrezi doar primii pași în programarea HTML, nu vom ști care este codul de ieșire al paginii.
Cod de ieșire, în codul HTML al paginii - text în Movi Hyper Text Markup Language (HTML). Include conținutul paginii (text, tabele) și etichete. Restul joacă rolul de instrucțiuni pentru browser: cum să afișați conținutul, ce format să formatați, unde să introduceți hyperlink sau fișierul media. Ei bine, pentru noi, programatorii începători, codul de ieșire este cel mai bun teren pentru a începe: putem găsi un site bun și urmărim, salvam și vikorizăm fragmente. Iac?
Cum să vă uitați la codul de ieșire de pe partea laterală a browserului Google Chrome
Cunoaștem o latură potrivită. De exemplu, nu am fost impresionat de designul meniului site-ului. Există trei moduri de a deschide codul de ieșire în browserul Google Chrome:
- Faceți clic pe final meniulÎn colțul din dreapta sus al browserului, selectați elementul „Instrumente suplimentare”. Printre altele este opțiunea „Afișează codul de ieșire”. Știi, această metodă este rar folosită: există o mulțime de secrete. O poți face și mai simplu.
- Apăsați combinația de taste Ctrl+U- Se deschide o nouă fereastră cu un cod de ieșire;
- Pentru fanii meniului contextual: faceți clic dreapta pe pagină și selectați opțiunea „Vizualizare codul paginii”.
Codul HTML al paginii este spart în browser. Să trecem la etapa următoare.
Cum să editați și să salvați codul de ieșire
Trebuie să înveți cum să creezi un site web, dar nu este suficient să citești codul HTML al altcuiva. Trebuie să te joci cu el, să experimentezi, să faci modificări și să verifici rezultatul. Puteți începe de la o compilație de un număr de cuvinte îndepărtate. Cum pot edita și salva codul de ieșire?
Opțiunea 1. „Manual”
După ce am deschis codul de ieșire al paginii, faceți clic pe meniul contextual și selectați opțiunea „Salvare ca” și salvați fișierul pe hard disk. Fișierul poate fi editat în Notepad sau Notepad, modificările pot fi salvate și deschise prin browser. Rezultatele modificărilor noastre (de la distanță sau nu) vor fi afișate în fereastra browserului.
Opțiunea 2. Pentru profesioniști
Dacă te joci cu codul de ieșire astăzi, procesul „salvare - deschidere - schimbare - salvare - revizuire” devine plictisitor. Pentru mine, am găsit o soluție instalând un plugin pentru Google Chrome - Firebug Lite. Vă permite să editați și să salvați codul de ieșire fără a părăsi fereastra browserului.