Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ
  • në shtëpi
  • Windows 7, XP
  • Si të shikoni kodin burimor të faqes. Si të shikoni kodin burimor të një faqeje në Google Chrome

Si të shikoni kodin burimor të faqes. Si të shikoni kodin burimor të një faqeje në Google Chrome

Për një kohë të gjatë, opsioni "tregoni kodin burimor të faqes" ishte i padobishëm dhe jo interesant për mua. Deri më tani, të mësuarit e HTML në Codecademy dhe paraqitjen e faqeve të mia nuk është rritur në hobi tim të ri. Këtu lindi pyetja: ku të gjeni raste reale dhe të huazoni zgjidhje interesante për "derrkucën" tuaj? Përgjigja ishte papritur e thjeshtë, si çdo gjë e zgjuar: shikoni kodin burimor të faqes në Google Chrome! Unë ndaj me ju gjetjet e mia modeste.

Çfarë është kodi burim i faqes

Nëse ju, si unë, sapo po hidhni hapat e parë në programimin HTML, nuk do të jetë e tepërt të zbuloni se cili është kodi burimor i faqes.

Kodi burimor, i njohur gjithashtu si kodi HTML i faqes, është një tekst në Hyper Text Markup Language (HTML). Ai përfshin përmbajtjen aktuale të faqes (tekst, tabela) dhe etiketat. Këto të fundit veprojnë si udhëzime për shfletuesin: si të shfaqni përmbajtjen, çfarë lloj formatimi të përdorni, ku të futni një hiperlink ose skedar media. Epo, për ne, programuesit fillestarë, kodi burimor është terreni më i mirë i trajnimit: ne gjejmë një faqe interesante dhe e spiunojmë atë, e ruajmë atë, përdorim fragmente të suksesshme. Si?

Si të shikoni kodin burimor në faqen e shfletuesit Google Chrome

Gjeni faqen që ju pëlqen. Për shembull, unë isha i interesuar në hartimin e menusë së faqes. Ekzistojnë tre mënyra për të hapur kodin burimor në shfletuesin Google Chrome:

  1. Klikoni në ikonën menu në këndin e sipërm të djathtë të shfletuesit dhe zgjidhni artikullin "Mjete Shtesë". Ndër të tjera, ekziston opsioni "Shiko kodin burimor". Sinqerisht, unë rrallë e përdor këtë metodë: shumë lëvizje të panevojshme. Mund të bëhet edhe më e lehtë.
  2. Shtypni kombinimin e tastit Ctrl + U- hapet një dritare e re me kodin burimor;
  3. Për adhuruesit e menysë së kontekstit: kliko me të djathtën në faqe dhe zgjidhni opsionin "Shiko kodin e faqes".

Ne kemi përballuar detyrën e shikimit të kodit HTML të faqes në shfletues. Le të kalojmë në fazën më interesante.

Si të modifikoni dhe ruani kodin burimor

Për të mësuar se si të krijoni faqe interneti, nuk mjafton të lexoni kodin HTML të dikujt tjetër. Ju duhet të luani me të, të eksperimentoni, të bëni ndryshime dhe të kontrolloni rezultatin. Madje mund të filloni duke përpiluar disa shembuj të mirë. Si mund ta modifikoj dhe ruaj kodin burimor?

Opsioni 1. "Manualisht"

Pasi të kemi hapur kodin burimor të faqes, thërrasim menunë e kontekstit dhe zgjedhim opsionin "Ruaj si" dhe ruajmë skedarin në hard disk. Ne redaktojmë skedarin në Notepad ose Notepad, ruajmë ndryshimet dhe e hapim atë përmes shfletuesit. Rezultatet e ndryshimeve tona (të mira dhe të këqija) do të pasqyrohen në dritaren e shfletuesit.

Opsioni 2. Për profesionistët

Kur "luani" me kodin burim çdo ditë, procesi i "ruaj - hap - ndrysho - ruaj - kontrollo" është i lodhshëm. Për veten time, gjeta një zgjidhje në formën e instalimit të një shtojce për Google Chrome - Firebug Lite. Kjo ju lejon të redaktoni dhe ruani kodin burim pa lënë dritaren e shfletuesit tuaj.

Çdo përdorues i internetit ka faqet e tij të preferuara në të cilat ai shpenzon një kohë të gjatë. Dhe vetëm dembelët nuk menduan të shohin se si u krijua dhe nga çfarë përbëhet. Nuk do të jetë e mundur t'i përgjigjemi të gjitha këtyre pyetjeve, pasi ka shumë mënyra për të krijuar një faqe, por të shikoni komandat dhe kodet nga të cilat përbëhet është e mundur dhe e disponueshme publikisht për të gjithë.

Një pyetje tjetër është nëse një person që nuk është i përfshirë në programim do të kuptojë ndonjë nga simbolet që përbëjnë kodin. Por nga shembujt që do të vendosen më poshtë, çdo përdorues i Google Chrome do të jetë në gjendje të shikojë elementë individualë të sajteve.

Si të shikoni kodin burimor të një faqe html në një shfletues nga Google

Në mënyrë që të mund të shihni kodin e faqes në Chrome, duhet të shkoni te faqja që ju intereson dhe të ndiqni këto hapa:


Këto dy pika ndryshojnë nga njëra-tjetra në funksionalitetin dhe vlerën informative për përdoruesin, programuesin ose hakerin.

Cili është ndryshimi midis kodit të faqes dhe komandës "Shiko kodin".

Duke analizuar secilën prej këtyre funksioneve, mund të shkruani një artikull të veçantë. Për programuesit, ky ndryshim është i rëndësishëm dhe ata e kuptojnë se në cilat raste është e nevojshme të përdoret "Shiko kodin" dhe në cilat "Shiko kodin e faqes" në shfletuesin Google Chrome.

Por duke shpjeguar për përdoruesin mesatar, mund t'i ndani këto funksione në detyrat e mëposhtme:

  1. "Pamja e kodit të faqes" është e nevojshme vetëm për të parë kombinimin kryesor të faqes. Në thelb, kjo është struktura e faqes (pa modele shtesë në formën e skedarëve CSS dhe shtesave të tjera që mbetën në dosjen e krijuesit të faqes). Kjo strukturë nuk është e përshtatshme për të krijuar faqen tuaj me "copy-paste", por do t'ju lejojë të shihni se çfarë ka bërë saktësisht programuesi dhe në çfarë sekuence, në mënyrë që faqja në shfletuesin Google Chrome të kishte një dizajn të tillë të jashtëm.
  2. View Code shfaq një strukturë të detajuar duke theksuar të gjitha zonat që preken në faqe. Nëse rri pezull mbi një kod specifik të listës, ai do të nxjerrë në pah elementin në sajtin të cilit i përket.
  3. Pamja e kodit të faqes hapet në një shfletues të veçantë pa aftësinë për ta modifikuar atë. Kjo do të thotë, është i përshtatshëm vetëm për kopjimin dhe leximin e kodit të faqes. Por kjo është një veçori po aq e dobishme.
  4. "Shiko kodin" është i ndryshueshëm dhe ju mund të modifikoni çdo element siç është e përshtatshme për ju. Sigurisht, të gjitha këto ndryshime do të "rrojnë" derisa faqja të rifreskohet, por ndonjëherë është qesharake të kalosh nëpër ato cilësime dhe thjesht të kuptosh se për çfarë shërben kjo apo ajo vlerë dhe çfarë do të ndodhë nëse e ndryshoni atë. Mos supozoni se duke bërë këtë ju do të dëmtoni veten ose faqen - këto ndryshime janë të vlefshme vetëm në kodin e Google Chrome tuaj dhe nuk hyjnë në internet.

Shqyrtoni pyetjen se si të shikoni kodin e elementit

Nëse do t'i përgjigjemi një pyetjeje të tillë, atëherë vetëm një variant me një shembull sugjeron vetveten. Sepse në një artikull është shumë e vështirë të bëhesh një person që do ta kuptojë këtë temë (zhvilluesi i uebit), por të tregosh me shembull në mënyrë që çështja të zgjidhet është shumë më e lehtë për t'u bërë.

Funksionaliteti i kodit të elementit është shumë i gjerë, kështu që marrim një nga fjalët në faqen e shfletuesit Google Chrome. Ne donim të merrnim parasysh se cilat fjalë kyçe (në kod do të shkruhet si "fjalë kyçe") janë përdorur për faqen tonë. Për ta bërë këtë, ne kryejmë algoritmin e mëposhtëm:

Mënyra të tjera për të përdorur këtë veçori në shfletuesin Google Chrome

Në përgjithësi, duke vazhduar t'i përgjigjeni pyetjes se si të shikoni kodin e elementit dhe pse është i nevojshëm, duhet të rendisni funksionet e tij. Gjegjësisht, falë aftësisë për të parë kodin e një elementi të çdo faqeje në shfletuesin Google Chrome, ne mund:

  • Shihni strukturën e faqes duke filluar nga kreu ("koka e faqes") dhe duke përfunduar me fund (komandën përfundimtare të çdo programi);
  • Shikoni të gjitha funksionet e faqes, përkatësisht: lidhjet me faqet e tjera, modulet shtesë nga faqet e jashtme dhe praninë e sporteleve të integruara për mbledhjen e informacioneve të ndryshme;
  • Zbuloni nëse kopjimi nga faqja është i ndaluar apo jo;
  • Kodi do të përmbajë të gjitha lidhjet me faqet e tjera të faqes, si dhe dizajnin e tyre dhe veprimet pasuese pasi të klikoni mbi to.

Kjo është larg nga një listë e kufizuar. Por duhet të kujtojmë se pa njohuri të veçanta është pothuajse e pamundur të "lexosh" kodin e një faqeje Google Chrome dhe të dhënat e marra janë praktikisht të panevojshme për një përdorues të zakonshëm.

Artikulli "Shiko kodin e artikullit" nuk funksionon

Duhet thënë menjëherë se çdo faqe do të ketë akses të hapur në kodet e elementeve. Kjo do të thotë, edhe faqet më të njohura dhe më të shtrenjta do të jenë të hapura për të parë kodin e tyre. Prandaj, nëse artikulli në shfletuesin Google Chrome nuk është aktiv ose jep një gabim, ai ka arsyet e mëposhtme të mundshme:

  • Profili i përdoruesit është i dëmtuar;
  • Prania e malware në kompjuter;
  • Bllokimi me një shtrirje specifike për të rritur performancën (edhe kjo mund të jetë).

Rregullimi i një profili të dëmtuar të përdoruesit

Për të krijuar një profil të ri, duhet të fshini të vjetrin nga kompjuteri juaj. Për ta bërë këtë, bëni sa më poshtë:

  1. Mbyllni Google Chrome dhe hapni shfletuesin e integruar të Windows Explorer.
  2. Futni komandën e mëposhtme në shiritin e adresave:% LOCALAPPDATA% \ Google \ Chrome \ Të dhënat e përdoruesit \.
  3. Kur të hapet drejtoria, kërkoni dosjen "Default" dhe shtoni "Backup" në emrin e saj për të marrë sa vijon: "Backup Default".
  4. Tani pas rinisjes së shfletuesit Chrome, do të krijohet një profil i ri.

Ne heqim malware ose mbetjet e tij

Nëse profili i ri nuk na dha akses në kodin e elementit të faqes dhe ne ende shohim gabimin, duhet të bëjmë sa më poshtë:

  1. Hapni linjën e komandës së Windows ("Run") dhe futni komandën "cmd" atje.
  2. Futni komandën e mëposhtme në rreshtin: RD / S / Q "% WinDir% \ System32 \ GroupPolicyUsers".
  3. Pas konfirmimit të veprimit, ne ngasim në këtë: RD / S / Q "% WinDir% \ System32 \ GroupPolicy".
  4. Tani "gpupdate / force" (pa thonjëza).

Nëse gjithçka është bërë si duhet, atëherë pas rinisjes së kompjuterit, Google Chrome do të hapë kodin e elementit dhe shfletuesi do të funksionojë normalisht.

Madhësia dhe ngjyra e disa prej elementëve të rëndësishëm të një blogu, si p.sh. titulli i blogut ose postimi, etiketa më e madhe dhe të ngjashme. Kërkova manualisht kodin e nevojshëm, duke eksperimentuar me domenin e testimit, në bazë të të cilit u shkrua artikulli më vonë.

Dhe kohët e fundit më duhej të ndryshoja ngjyrën e lidhjeve. Pasi gjeta një tufë literaturë për këtë çështje, kuptova një gjë të thjeshtë: të gjithë japin shembuj nga shabllonet e tyre, por të gjithë kemi shabllone të ndryshëm dhe është mirë nëse kodi nga shembulli është edhe pak i ngjashëm: nuk jam duke u rënkuar, do ta gjej akoma duke u rrotulluar - me metodën poke.

Numri nuk kaloi me kodin e referencës. Të gjithë treguan rrugë krejtësisht të ndryshme. Pyesja veten nëse kishte një instrument të thjeshtë dhe të saktë, si të gjeni kodin e kërkuar html në çdo sajt. Shumë blogerë, edhe me përvojë, e kanë të vështirë të modifikojnë pak shabllonin. Nuk ka asgjë të keqe me këtë, sepse secili ka interesat dhe qëllimet e veta për krijimin e një faqe interneti.

Nëse dëshironi të bëni ndryshime të vogla në shabllon, për shembull ndryshoni çdo titull, titull të artikujve dhe tituj, ngjyrë dhe madhësi të shkronjave dhe lidhjeve, zakonisht mjafton të mësosh parimin e thjeshtë të diskutuar në këtë artikull. Por ka edhe raste komplekse që kërkojnë ose një studim më të thellë të html dhe css, ose ndihmën e një specialisti.

Një ditë një mik më kërkoi të gjeja se ku të ndryshoja ngjyrën e shiritit të titullit në shabllonin e tij. E ngarkoi temën në nënfushën e testimit. Cilësimet për këtë element nuk u ruajtën në style.css, por në një skedar tjetër, kështu që personi nuk mund ta gjente atë.

Si të gjeni dhe ndryshoni kodin html dhe css të faqes

Nëse nuk ju pëlqejnë artikujt e gjatë, për ju në fund të artikullit një video tutorial që tregon se si mund të shihni kodin html të një sajti duke përdorur Notepad ++ dhe të bëni ndryshime në dizajnin e çdo shablloni duke përdorur një shembull se si të ndryshoni ngjyrën e shkronjave. Ka hollësi të tjera të trajtimit të një blogu në video. Dhe për ata që janë më afër dhe më të qartë me tekstin, më poshtë është një analizë e detajuar e temës me pamje nga ekrani.
httpv: //youtu.be/uIlVvwCt2ho

Termat dhe konceptet

Do të ishte më e saktë ta quanim artikullin " Si të gjeni kodin css", Por vendosa të qëndroj me emrin" e gabuar", sepse në thelb përgjigja e kësaj pyetje kërkohet në html. CSS dhe HTML janë gjëra shumë të ndryshme, megjithëse janë dy pjesë të të njëjtit sistem. Ka shumë artikuj teknikë në internet, do të mjaftojë që ne këtu të kuptojmë se:

  • HTML- është përgjegjës për strukturën e faqes (çfarë pason, në çfarë rendi, etj.). Ky është themeli mbi të cilin është ndërtuar siti. Nëse e krahasojmë me një shtëpi, atëherë kjo është faqosja e saj, rregullimi i dhomave.
  • CSS- është përgjegjës për dizajnin (çfarë shkronjash, madhësish, ngjyrash e të ngjashme). Ky është stili i përgjithshëm i shtëpisë dhe stili i dhomave të saj individuale: çfarë lloj letër-muri do të jetë, llambat, perdet, mobiljet. Prandaj, dokumenti në të cilin kodet css, i quajtur "fletë stili"

Dhe nëse keni pyetur veten se si të ndryshoni, për shembull, ngjyrën e titullit të faqes, madhësinë e fontit në tekste ose ngjyrën e titujve në shiritin anësor, atëherë duhet të kërkoni të gjitha këto në fletën e stilit CSS. Kjo është e vetmja gjë që ia vlen të kuptohet për të filluar në mënyrë që të bëni vetë ndryshime në kod.

Më pëlqen ta kthej kompleksin në të thjeshtë. Më kujtohet shumë kohë më parë, kur kisha makinën time të parë, ishte shumë e vjetër, instalimet elektrike ishin të kalbura, siguresat digjeshin shpesh dhe e tërhiqja çdo herë në servis. Imagjinoni sa para u hodhën, pavarësisht nga fakti se një zëvendësim i pavarur, siç doli, kushton një qindarkë.

Një herë pashë se çfarë po bënte mjeshtri. Ende nuk e di si funksionon siguresa. Por unë e di ku ta ndryshoj). Unë nuk do ta rregulloja vetë motorin dhe nuk është e vështirë të zëvendësosh siguresën. Është e njëjta gjë me faqet e internetit.

Nëse nuk dëshironi të bëheni programues, atëherë nuk ka nevojë për kuptim të thellë të programimit. Mjafton të kuptoni qartë se çfarë synohet për çfarë, ku ta kërkoni dhe si ta ndryshoni atë. Është më mirë të ndryshosh atë që është e mundur, dhe pjesën tjetër t'ia lini specialistëve. Artikulli ka një lidhje të dobishme për këtë temë.

A duhet të jem ekspert në gjithçka

Në blogjet SEO, shpesh ka diskutime nëse një fillestar duhet të kuptojë thellë në html, apo edhe më mirë - mësoni se si të shkruani vetë faqet e internetit në mënyrë që gjithçka të jetë unike.. Epo, nuk e di - për secilin të tijën, dhe atëherë kush është më afër dikujt. Unë jam i interesuar pak më shumë, kështu që tani po mësoj shtesë nga Vladimir. Në nëntor të këtij viti, Vladimir hapi blogun e tij. Blogu i tij është bërë në shabllonin më të thjeshtë, falas, ai vetëm pak e modifikoi për vete.

Pas 10 ditësh ekzistence, blogu zuri vendin e 104-të në renditjen e të gjitha faqeve në Runet me një trafik prej rreth 1.5 mijë njerëz në ditë. Në 10 ditë. Pra, çfarë është marrëveshja? Vladimiri është i përgatitur mirë në html, mund të porosisë dhe blejë një shabllon unik. Kështu që ju duhet ta kuptoni atë sekreti nuk qëndron te shabllonet, por te dobia e informacionit.

Ku fshihet kodi html

Na vjen keq për digresionin, kthehu te kodet tona). Le të themi se dëshironi të ndryshoni ngjyrën e shkronjave të një titulli blogu. Le ta konsiderojmë atë në shembullin e faqes sime të testimit.

  1. Hapja e faqes në shfletuesin Google Chrome (nëse nuk e përdorni tashmë, instaloni - është i mprehur mirë për të punuar me faqet e internetit, ka shumë mjete të integruara).
  2. Zhvendosni kursorin e miut mbi elementin që do të ndryshojmë ... Në këtë rast, emri i blogut. Klikoni mbi të me mausin "djathtas" dhe në dritaren që shfaqet zgjidhni PARAQIT KODI I ELEMENTIT.

E RËNDËSISHME: mos e ngatërroni me SHQYRTIMIN E KODIT TË FAQES! Nuk na duhet e gjithë faqja tani, vetëm një element i vetëm.

Klikoni mbi të - një dritare e shikimit të kodit shfaqet në fund të shfletuesit:

Linja e kodit që po ndryshojmë është e theksuar me të kuqe.

Por zona e theksuar me blu përmban atë që ne po kërkojmë. Këtu mund të gjeni linjën e saktë (dhe jo të përafërt) të kodit përgjegjës për fontet, ngjyrën, madhësinë, theksin dhe më shumë. Në këtë mënyrë ju mund të gjeni ÇDO kod të çdo elementi të çdo shablloni.

Gjeni vijën e kërkuar në bllokun e theksuar me blu. Ekziston një rrëshqitës në të djathtë, mund të lëvizni dhe të gjeni rreshtin e dëshiruar.

Parimi i përgjithshëm, ku është ajo që kërkohet:

Emri i shkronjave - në linjë FONT FAMILY

Madhësia e shkronjave - në linjë FONT SIZE

Ngjyra e shkronjave - në linjë COLOR

Ekzistojnë tre linja kryesore që ndryshojnë emrin, madhësinë dhe ngjyrën e shkronjave të çdo elementi. Në të djathtë, në linjën e stilit css, jepet pozicioni i rreshtit në dokument. Nëse keni nevojë të ndryshoni ndonjë element tjetër (për shembull, duhet të zbuloni se ku ndodhet linja, në të cilën mund të ndryshoni ngjyrën e shiritit të menusë ose ngjyrën e lidhjeve), gjithçka bëhet në të njëjtën mënyrë.

KUJDES:

vija që do të kopjojmë është e theksuar me të kuqe në figurë,

për ta gjetur më vonë në fletën e stilit.

4. Kopjoni rreshtin... Meqenëse në këtë shembull duam të ndryshojmë ngjyrën e emrit të faqes, kopjoj rreshtin në foton e dytë të theksuar me një drejtkëndësh të kuq. Në shabllonin tim, ajo është përgjegjëse për ndryshimin e ngjyrës së emrit të faqes:

#header h1 a, #header h1 a: vizituar (

Gjeni rreshtin e kërkuar në skedarin "style sheet (style.css)". Kjo është bërë tashmë në panelin e administratorit. Unë kërkoj me forcë, ndërkohë që nuk ka besim dhe mirëkuptim të plotë, të kryhen të gjitha eksperimentet në një nënfushë testimi për të përjashtuar.

Pra, shkoni te paneli i administratorit: KONSOLA - PARAQITJA - EDITOR. Në shiritin anësor të djathtë gjejmë skedarin STYLE TABLE (STYLE.CSS), hapeni atë.

Tani hapni shiritin e kërkimit me tastet CTRL + F: në dritaren e sipërme do të shfaqet një vijë e zbrazët e dritares. Ne ngjitim në të rreshtin që kopjuam në hapin 4.

Dhe do të shihni se si theksohet kjo linjë në fletën e stilit (në foto - në portokalli):

Ne bëjmë një ndryshim në element. Në rastin tonë, ne ndryshojmë ngjyrën e shkronjave, kështu që zëvendësojmë një vlerë tjetër në rreshtin COLOR - ngjyrën që duam. Në shembull, ngjyra është e zezë, kuptimi i saj:

Ju mund të zgjidhni një ngjyrë në çdo shërbim të paletave të ngjyrave të uebit: shkruani në motorin e kërkimit "Paleta e ngjyrave të uebit" dhe zgjidhni atë që dëshironi. Zgjidhni një ngjyrë, kopjoni vlerën e saj dixhitale dhe zëvendësoni me kujdes atë të vjetër. pastaj klikoni UPDATE FILE dhe shkoni për të parë se çfarë ka ndodhur.

Nëse ndryshimet nuk u shfaqën, në orën e kaluar dhe pastaj shkoni përsëri në faqe - këtë herë gjithçka duhet të shfaqet.

Është përshkruar për një kohë të gjatë, por në praktikë gjithçka bëhet shpejt, veçanërisht kur shfaqet aftësia fillestare.

Më në detaje, si të ndryshoni disa elementë:

Kaq për sot, nuk do t'ju mundoj më me kode. Shpresoj që tani ju vetë mund të gjeni dhe ndryshoni lehtësisht çdo element të kodit html, ose më saktë, kodin css - ekspertët do të më falin për thjeshtimin. Dhe nëse nuk e kuptoni, vizitoni faqen gjithsesi. Mos humbisni kohë në marrëzi.

Unë sugjeroj të shikoni videon e Artem Abramovich se si të kërkoni dhe gjeni në çdo temë / shabllon, për çdo motor (wordpress, joomla, etj.) çdo fjalë ose element dhe ta zëvendësoni me atë që ju nevojitet:

Ju lutemi shpërndajeni nëse ju pëlqeu:

Ju mund të jeni të interesuar të mësoni më shumë:


Shkathtësi ndryshoni kodin burimor të faqesËshtë një aftësi e dobishme për një përdorues të avancuar të internetit. Duke zëvendësuar kodin HTML, ju mund të ndryshoni faqen e hapur të internetit sipas dëshirës tuaj. Në këtë artikull do t'ju tregojmë, si të ndryshoni kodin e faqes në Google Chrome. Sidoqoftë, në shfletuesit e tjerë gjithçka bëhet në të njëjtën mënyrë, kështu që nuk duhet të ketë ndonjë vështirësi.

Cili është kodi HTML i një faqeje?

Çdo faqe që hapni në një shfletues ka gjuhën e saj të shënjimit HTML. Ky kod është etiketa dhe tekst. Etiketat janë lloj etiketash që i tregojnë shfletuesit se si të shfaqë një pjesë të caktuar të faqes. Teksti është përmbajtja e faqes, ajo që shikon përdoruesi. Gjithashtu, stilet CSS mund të lidhen me faqen, të cilat vendosin pamjen e elementeve të faqes. për të ndryshoni kodin burimor të faqes Ju nuk keni nevojë të njihni HTML dhe CSS në thellësi, dhe së shpejti do ta shihni vetë.

Pse të ndryshoni një faqe në internet?

Mund të ndryshoni të dhënat në sit, të ndryshoni tekstin e mesazhit, të bëni një pamje të rreme të ekranit. Ju lutemi vini re se të gjitha ndryshimet janë të dukshme vetëm për ju dhe kur të rifreskoni faqen, ato do të zhduken. Gjithashtu të dhënat e ndryshuara nuk do të jenë reale. Për shembull, nëse nuk kam 10 dollarë dhe ndryshoj në 100, atëherë nuk do të kem më para. Kjo është vetëm shfaqja e faqes nga shfletuesi. Shembull:

Pas:

Si shembull, unë do të marr të njëjtën faqe dhe do të modifikoj njoftimin e mëparshëm të artikullit "" Hapja e faqes kryesore në Google Chrome. Klikoni me të djathtën mbi elementin që dua të ndryshoj, për shembull, titullin e njoftimit dhe zgjidhni "Shiko kodin".

Në dritaren që hapet, shkoni te skeda Elemente dhe shihni kodin HTML të faqes. Në të ju duhet të gjeni tekstin me interes për ne. (nënvizuar me të kuqe)

Tani do të fshij tekstin e vjetër dhe do të vendos të riun.

Kjo është e gjitha, titulli i njoftimit është ndryshuar. Tani do të ndryshoj vetë njoftimin, etiketat dhe titullin.

Mund të futni një imazh tjetër duke ndryshuar atributin src në etiketën img.

Ctrl + U

Si mund ta shikoj kodin burimor të një artikulli?

Klikoni me të djathtën mbi elementin me interes në faqe.

Google Chrome: "Shiko kodin e artikullit"

Opera: "Inspektoni elementin"

FireFox: "Elementi i analizës"

Kërkoni për një artikull të ngjashëm menyje në shfletues të tjerë.

Pershendetje te gjitheve!

Sidomos në fillim të artikullit parashtrova të gjithë pikën, për ata që kërkojnë një përgjigje të shpejtë.

Informacioni mund të jetë i njohur për shumë njerëz, por meqenëse po shkruaj për blogerët fillestarë, programuesit e uebit dhe kërkuesit e tjerë, ky artikull ndihme duhet të jetë i pranishëm.

Në të ardhmen, ju patjetër do të studioni kodin burimor të faqeve dhe elementeve individuale.

Le të shohim një shembull konkret se si mund të përdorni pamjen e burimit të faqes.

Për shembull, ne duam të shohim se cilat fjalë kyçe përdoren për një faqe të caktuar. Shkojmë në faqen e internetit që na intereson dhe shtypim Ctrl + U. Kodi burimor i kësaj faqeje do të hapet në një dritare të veçantë ose në një skedë të veçantë. Shtypni Ctrl + F për të gjetur një pjesë të kodit. Në këtë rast, ne shkruajmë në kutinë e kërkimit fjalën " fjalë kyçe”. Do të ridrejtoheni automatikisht në një copë kodi me këtë meta-etiketë dhe do të nënvizoni fjalën e dëshiruar.

Për analogji, ju mund të kërkoni dhe studioni pjesë të tjera të kodit.

Shikimi i të gjithë kodit burimor të një faqeje nuk është shumë i përshtatshëm në shumicën e rasteve, kështu që në të gjithë shfletuesit është e mundur të shikoni kodin e një elementi ose fragmenti individual.

Le të përdorim një shembull specifik për të parë kodin e një elementi. Për shembull, le të shohim nëse një lidhje ka një atribut nofollow. Klikoni me të djathtën në lidhjen që na intereson dhe në menunë e kontekstit rënës, kliko me të majtën mbi artikullin "Shiko kodin e artikullit" ose të ngjashme (në varësi të shfletuesit tuaj). Më poshtë, në një dritare të veçantë për analizën e kodit, marrim diçka të ngjashme.

Mund të shohim se rel = "nofollow" është i pranishëm në kodin e lidhjes. Kjo do të thotë se kjo lidhje nuk do të "rrjedh" dhe PR. Ne do të flasim për këtë në mënyrë më të detajuar në artikujt vijues. Ajo që është e rëndësishme tani është se ju tani dini se si të shikoni kodin burimor të faqes dhe kodin burimor të një elementi individual.

Artikujt kryesorë të lidhur