1 votë
Ditë të mbarë, të dashur lexues të blogut tim. Ndonjëherë gjen ndonjë veçori të bukur në faqe dhe pyetja fillon të mundojë se si krijuesi arriti një efekt kaq interesant.
Rezulton se përgjigja është shumë e lehtë. Dhe nëse keni disa aftësi, mund të grumbulloni shumë çipa të tillë dhe të krijoni uebsajtin tuaj unik në një kohë të shkurtër.
Sot do të flasim se si të hapni kodin e një faqeje, një element të caktuar dhe të mësojmë se si ta përdorni këtë aftësi në avantazhin tuaj.
Njohuri bazë për kodin
Faqja ime është për fillestarët dhe së pari do të doja të flisja shkurtimisht për faqet dhe kodin në përgjithësi.
Për të vizatuar një foto, pastaj prerë atë në copa të vogla, shkruani kodin, falë të cilit shfletuesi do të mbledhë përsëri të gjithë elementët në një tërësi të vetme. Gjithçka duket të jetë shumë e ndërlikuar, apo jo? Aspak dhe nuk ia vlen të shqetësohesh për këtë.
Kështu ndërtohen faqet e internetit cilësore. Nëse dëshironi - futuni në këtë biznes dhe studioni, nuk ka dëshirë - askush nuk mund t'ju detyrojë.
Do të them vetëm një gjë... nuk ka asgjë më të këndshme sesa të shohësh se si fjalët e pakuptueshme të shkruara nga ti shndërrohen në një tërësi të vetme dhe marrin jetë: lidhjet funksionojnë, butonat lëvizin, fotot lëvizin, teksti zvarritet. Unë mendoj se e di se si u ndje Victor Frankenstein.
Kur filloni të kuptoni gjuhën sekrete dhe shihni se gjithçka është në të vërtetë shumë më e thjeshtë nga sa dukej fillimisht, nuk mund të mos besoni në fuqitë dhe aftësitë tuaja të trurit. Është shumë e lezetshme.
Si bëhen faqet e internetit? Idealisht, së pari. Ai thjesht po pikturon një foto. Për shembull, siç tregohet në figurën më poshtë. Deri më tani, kjo është vetëm një imazh, një fotografi. Asnjë lidhje nuk funksionon, kur klikoni nuk shkoni askund, kërkimi nuk kryhet.
Sipas këtij vizatimi. Shikoni pamjen e ekranit më poshtë. Ju mund të mendoni se ky është një grup personazhesh qesharake dhe shumë komplekse. Në fakt, gjithçka nuk është aq e vështirë, ekziston një algoritëm i caktuar.
Ka vetëm rreth 150 etiketa dhe secila prej tyre është përgjegjëse për një veprim specifik: lidhje, transferim, bold, ngjyrë, titull, etj. Kuptimi i tyre nuk është aq i vështirë nëse keni dëshirë dhe nuk e keni parasysh kohën.
Falë njohjes së këtyre atributeve, pothuajse çdo problem mund të zgjidhet. Këtu janë vetëm mënyra për të arritur qëllimin, secili zhvillues gjen të tijën.
Krijuesit me përvojë shohin menjëherë se si të arrijnë rezultate, ndërsa të tjerët duhet të mendojnë, të kërkojnë një përgjigje në artikuj ose në kodin burimor të konkurrentëve. Ata thjesht marrin pjesën e nevojshme në një faqe të palëve të treta dhe e modifikojnë vetë. Kjo shkurton ndjeshëm procesin e punës.
Pak më vonë do t'ju tregoj një shembull konkret.
Shiko kodin
Pra, më lejoni së pari t'ju tregoj se si të vazhdoni nëse keni nevojë të mësoni html-in e dikujt tjetër. Më pas do t'i hedhim një vështrim më të afërt të gjitha çështjeve të tjera.
Menyra me e mire
Metoda që do të përshkruaj së pari është pak e ndërlikuar për fillestarët, por si hyrje, lexoni më tej. Hapni faqen dhe klikoni në butonin e djathtë të miut. Zgjidhni "Ruaj si..."
Ruani të gjithë faqen e internetit. Siç mund ta shihni në pamjen e ekranit, unë kam shkarkuar tashmë gjithçka paraprakisht. Këtu kemi dy dosje.
Gjithçka që ju nevojitet është këtu. Çdo element. Nëse e kuptoni këtë, mund të merrni shpejt gjithçka që ju nevojitet. Por, një detyrë e tillë po bëhet gjithnjë e më e pamundur. Shkarkimi nuk është kryer. Çfarë duhet të bëni nëse është e ndaluar të kopjoni faqen?
Është google chrome
Siç mund ta keni vënë re, unë përdor më shpesh Google Chrome dhe është e lehtë të njohësh kodin e dikujt tjetër në këtë shfletues. Si në parim dhe në çdo tjetër. Skema nuk do të jetë e ngjashme, por identike. Hapim faqen kodin e së cilës duam ta dimë dhe klikojmë kudo me butonin e djathtë të mausit. Në dritaren që shfaqet, klikoni "Shiko kodin e faqes".
Një fletë kodi do të hapet në një dritare të re, e cila është mjaft e vështirë për një fillestar për t'u kuptuar. Por, mos kini frikë para kohe.
Nëse duhet të dini kodin e vetëm një elementi, thjesht kaloni mbi të me miun dhe kliko me të djathtën. Ne zgjedhim një funksion tjetër të kromit: "Shiko kodin e elementit".
Për shembull, mund të më interesojë se si është bërë logoja, duke përdorur një fotografi apo një gjuhë programimi? Në fund të fundit, ju mund të vizatoni një katror duke përdorur css. Shumë ekspertë këshillojnë të shkruani sa më shumë informacion të jetë e mundur në kod. Dhe si funksionojnë faqet e njohura?
Këtu është informacioni që ju nevojitet. html sipër, css poshtë. Këto janë dy gjuhë. E para është përgjegjëse për komponentin e tekstit, dhe e dyta për dizajnin. Nëse nuk do të kishte css, atëherë do të duhej të përshkruanit ngjyrën, madhësinë e shkronjave çdo herë. Për çdo faqe, është shumë e gjatë. Por nëse nuk do të kishte html, atëherë nuk do të kishim tekste. Shpjeguar përafërsisht, por në përgjithësi, gjithçka është kështu.
Meqë ra fjala, nëse jeni të interesuar se si funksionon këtu, mund të shihni lidhjen me foton më poshtë. Këtu është përgjigja juaj.
Mozilla Firefox
Nëse ju pëlqen të punoni në një surrat, atëherë gjithçka do të jetë saktësisht e njëjtë. Hapni faqen dhe klikoni në butonin e djathtë të miut. "Kodi burimor i faqes" nëse dëshironi të shihni të gjithë kodin.
Kur rri pezull mbi një element, mund të hapësh kodin e tij.
Këtu të dhënat shfaqen në fund të ekranit, por gjithçka tjetër është saktësisht e njëjtë.
Shfletuesi Yandex
Në shfletuesin Yandex, gjithçka është saktësisht e njëjtë si në dy opsionet e mëparshme, hapni faqen, kliko me të djathtën, shiko kodin e faqes.
Ne qëndrojmë pezull mbi elementin nëse duam të zbulojmë saktësisht kodin e tij.
Gjithçka shfaqet këtu në të njëjtën mënyrë si në krom.
Opera
Dhe së fundi, Opera.
Nga rruga, ju mund të keni vënë re se nuk është e nevojshme të përdorni miun. Për të hapur kodin, ekziston një shkurtore e shpejtë e tastierës dhe për të gjithë shfletuesit është e njëjtë: CTRL+U.
Për elementet: Ctrl+Shift+C.
Kështu duket rezultati.
Do të jetë interesante për fillestarët
Tani shikoni se si funksionon e gjitha. Ju gjeni një faqe dhe ju pëlqen vërtet një element. Për shembull, ky. Ju tashmë e dini se si të hapni kodin e elementit.
Tani kopjoni atë.
Unë përdor , e ngjis këtë kod në një skedar të ri html, në etiketën e trupit (trupi në anglisht).
Tani le të shohim se si duket gjithçka në shfletues.
Gati. Në mënyrë që teksti të rreshtohet në skajet dhe të marrë një ngjyrë të gjelbër, duhet të lidhni css me këtë dokument dhe të kopjoni një kod tjetër nga faqja nga e cila e vodhëm këtë.
Tani nuk do ta bëj. Duhet më shumë kohë: edhe e imja edhe e juaja. Mendoj se do t'i përshkruaj të gjitha detajet në publikimet e mia të ardhshme. Abonohuni në buletinin dhe jini të parët që dini kur shfaqet një artikull.
Nëse nuk mund ta duroni, por dëshironi të mësoni më shumë rreth html dhe css tani, atëherë unë mund t'ju rekomandoj tradicionalisht kurse trajnimi falas.
Këtu janë 33 mësime që do t'ju lejojnë të zotëroni html - "Kurs falas HTML"
.
Dhe këtu është informacioni i plotë në lidhje me css - "Kurs CSS falas (45 mësime video!)"
.
Tani ju dini pak më shumë. Ju uroj suksese në përpjekjet tuaja. Shihemi se shpejti!
Nëse hapni ndonjë faqe interneti, ajo do të përmbajë elementë tipikë që nuk ndryshojnë në varësi të llojit dhe drejtimit të faqes. Shembulli 4-1 tregon kodin për një dokument të thjeshtë që përmban etiketa bazë.
Shembulli 4.1. Kodi burimor i faqes së internetit
Shembull i faqes në internet
kokë
Paragrafi i parë.
Paragrafi i dytë.
Kopjoni përmbajtjen e këtij shembulli dhe ruajeni në dosjen c:\www\ si shembull41.html. Pas kësaj, hapni shfletuesin dhe hapni skedarin përmes artikullit të menusë Skedari > Hap skedarin (Ctrl+O). Në dialogun e përzgjedhjes së dokumentit, specifikoni skedarin shembull41.html. Faqja e internetit e paraqitur në Fig. 4.1.
Oriz. 4.1. Rezultati i ekzekutimit të shembullit
Elementika për qëllim të tregojë llojin e dokumentit aktual - DTD (përkufizimi i llojit të dokumentit, përshkrimi i llojit të dokumentit). Kjo është e nevojshme në mënyrë që shfletuesi të kuptojë se si të interpretojë faqen aktuale të internetit, sepse HTML ekziston në disa versione, përveç kësaj, ekziston XHTML (Extensible HyperText Markup Language, zgjeruar gjuha e shënjimit të hipertekstit), e cila është e ngjashme me HTML, por ndryshon nga atë në sintaksë. Në mënyrë që shfletuesi "të mos ngatërrohet" dhe të kuptojë se sipas cilit standard duhet të shfaqet uebfaqja, është e nevojshme të vendosni në rreshtin e parë të kodit
.
Ka disa lloje, ato ndryshojnë në varësi të versionit të HTML që synojnë. Në tabelë. 4.1. jepen llojet kryesore të dokumenteve me përshkrimin e tyre.
Tab. 4.1. DTD të vlefshme | DOCTYPE |
Përshkrim |
|---|
| HTML 4.01
|
|
|
Sintaksë e rreptë HTML. |
|
|
Sintaksa kalimtare HTML. |
|
|
Kornizat përdoren në një dokument HTML. |
| HTML 5
|
|
|
Ky version i HTML ka vetëm një tip doctype. |
| XHTML 1.0
|
|
|
Sintaksë e rreptë XHTML. |
|
|
Sintaksa kalimtare XHTML. |
|
|
Dokumenti është i shkruar në XHTML dhe përmban korniza. |
| XHTML 1.1
|
|
|
Zhvilluesit e XHTML 1.1 presin që ai gradualisht të zëvendësojë HTML. Siç mund ta shihni, ky përkufizim nuk ka ndarje në lloje, pasi sintaksa është e njëjtë dhe i bindet rregullave të qarta. |
Dallimi midis përshkrimeve të rrepta dhe atyre kalimtare të dokumenteve është qasja e ndryshme për të shkruar kodin e dokumentit. HTML strikte kërkon respektim të rreptë të specifikimeve HTML dhe nuk fal gabime. HTML kalimtare është më "i qetë" për disa gabime të kodit, kështu që ky lloj preferohet në raste të caktuara.
Për shembull, HTML dhe XHTML strikte kërkojnë etiketën
, por në HTML kalimtare mund të hiqet dhe të mos specifikohet. Në të njëjtën kohë, mbani mend se shfletuesi do të shfaqë dokumentin në çdo rast, pavarësisht nëse përputhet me sintaksën apo jo. Një verifikim i tillë kryhet duke përdorur një vërtetues dhe ka për qëllim kryesisht zhvilluesit të gjurmojnë gabimet në një dokument.</p>
<p>Në vijim do të përdorim kryesisht striktin<!DOCTYPE>, përveç rasteve kur thuhet në mënyrë specifike. Kjo do të na lejojë të shmangim gabimet e zakonshme dhe të na mësojë të shkruajmë kodin e saktë sintaksor.</p>
<p>Shpesh është e mundur të hasësh kodin HTML pa përdorur asnjë<!DOCTYPE>, faqja e internetit do të shfaqet përsëri në një rast të tillë. Megjithatë, mund të ndodhë që i njëjti dokument të shfaqet ndryshe në shfletues kur përdoret<!DOCTYPE>dhe pa të. Për më tepër, shfletuesit mund të shfaqin dokumente të tilla në mënyrën e tyre, si rezultat, faqja do të "shkërmoqet", d.m.th. do të shfaqet në një mënyrë krejtësisht të ndryshme, siç kërkohet nga zhvilluesi. Për të shmangur situata të tilla, gjithmonë shtoni<!DOCTYPE>deri në fillim të dokumentit.</p><p>Etiketë <html>përcakton fillimin e skedarit HTML, titulli ruhet brenda tij ( <head>) dhe trupi i dokumentit ( <body>
).</p><p>Titulli i dokumentit, siç quhet edhe blloku <head>, mund të përmbajë tekst dhe etiketa, por përmbajtja e këtij seksioni nuk shfaqet drejtpërdrejt në faqe, përveç kontejnerit <title>
.</p><p>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</p><p>Etiketë <meta>është universale dhe shton një klasë të tërë karakteristikash, në veçanti, me ndihmën e meta etiketave, siç quhet përgjithësisht ky etiketë, mund të ndryshoni kodimin e faqes, të shtoni fjalë kyçe, përshkrimin e dokumentit dhe shumë më tepër. Në mënyrë që shfletuesi të kuptojë se ka të bëjë me kodimin UTF-8 (Formati i transformimit Unicode, formati i transformimit Unicode) dhe kjo linjë shtohet.</p><p>
<title>Shembull i faqes në internet
Etiketë
përcakton titullin e një faqe interneti, ky është një nga elementët e rëndësishëm të krijuar për të zgjidhur shumë probleme. Në sistemin operativ Windows, teksti i titullit shfaqet në këndin e sipërm të majtë të dritares së shfletuesit (Fig. 4.2).</p>
<p><img src='https://i1.wp.com/htmlbook.ru/files/images/samhtml/fig_1_04_02.png' height="37" width="194" loading=lazy loading=lazy></p>
<p>Oriz. 4.2. Pamja e kokës në shfletues</p>
<p>Etiketë <title>është i detyrueshëm dhe duhet të jetë i pranishëm në kodin e dokumentit.</p><p>Sigurohuni që të shtoni një etiketë mbyllëse</head> për të treguar që blloku i titullit të dokumentit është i plotë.</p><p>Trupi i dokumentit <body>është menduar për vendosjen e etiketave dhe përmbajtjes së ueb faqes.</p><p>
<h1>kokë</h1>
</p><p>HTML ofron gjashtë nivele të ndryshme të titujve të tekstit që tregojnë rëndësinë relative të seksionit pas titullit. po, tag <h1>përfaqëson titullin më të rëndësishëm të nivelit të parë dhe etiketën <h6>shërben për të përcaktuar një titull të nivelit të gjashtë dhe është më pak i rëndësishëm. Si parazgjedhje, titulli i nivelit të parë shfaqet me fontin më të madh të trashë, titujt e nivelit tjetër janë më të vegjël. etiketa <h1>...<h6>janë elementë të nivelit të bllokut, ato gjithmonë fillojnë në një linjë të re dhe pas tyre, elementë të tjerë shfaqen në rreshtin tjetër. Përveç kësaj, një hapësirë boshe shtohet para dhe pas titullit.</p><p>
<!-- Комментарий -->
</p><p>Disa tekste mund të fshihen nga shfaqja në shfletues duke e bërë atë një koment. Megjithëse përdoruesi nuk do ta shohë një tekst të tillë, ai përsëri do të transmetohet në dokument, kështu që duke parë kodin burimor, mund të gjeni shënime të fshehura.</p>
<p>Ç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ërgjigjeni 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ë.</p><p>Një pyetje tjetër është nëse një person që nuk merret me programim do të kuptojë disa nga simbolet që përbëjnë kodin. Por nga shembujt që do të tregohen më poshtë, çdo përdorues i Google Chrome do të jetë në gjendje të shikojë elemente individuale të sajteve.</p><h2><span>Si të shikoni kodin burimor të një faqe html në një shfletues Google</span></h2><i>
</i><p>Në mënyrë që ju të mund të shikoni kodin e faqes në Chrome, duhet të shkoni në faqen që ju intereson dhe të ndiqni këto hapa:</p><br><img src='https://i2.wp.com/brauzergid.ru/wp-content/uploads/2016/11/kod-elementa-sajta-v-google-chrome1.jpg' align="center" width="100%" loading=lazy loading=lazy><p>Këto dy pika ndryshojnë në funksionalitetin dhe përmbajtjen e informacionit për përdoruesin, programuesin ose hakerin. <br><img src='https://i0.wp.com/brauzergid.ru/wp-content/uploads/2016/11/kod-elementa-sajta-v-google-chrome2.jpg' align="center" width="100%" loading=lazy loading=lazy></p><h2><span>Cili është ndryshimi midis kodit të faqes dhe komandës "Shiko kodin".</span></h2><p>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ë cilin "Shiko kodin e faqes" në shfletuesin Google Chrome.</p><p>Por duke shpjeguar për përdoruesin mesatar, këto funksione mund të ndahen në qëllimet e mëposhtme:</p><ol><li>"Pamja e kodit të faqes" nevojitet 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 duke kopjuar-ngjitur, por do t'ju lejojë të shihni se çfarë bëri 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.</li>
<li>"Shiko kodin" 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 artikullin në sajtin ku i përket.</li>
<li>Shikimi i 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 është një veçori po aq e dobishme.</li>
<li>"Shiko kodin" është i ndryshueshëm dhe ju mund të modifikoni çdo element në një mënyrë që ju përshtatet. Sigurisht, të gjitha këto ndryshime do të "rrojnë" derisa faqja të rifreskohet, por ndonjëherë është argëtuese 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ë. Ju nuk duhet të supozoni se me veprime të tilla do të dëmtoni veten ose sitin - këto ndryshime ndikojnë vetëm në kodin e Google Chrome tuaj dhe nuk hyjnë në internet.</li>
</ol><h2><span>Duke marrë parasysh pyetjen se si të shikoni kodin e elementit</span></h2><p>Nëse do t'i përgjigjemi një pyetjeje të tillë, atëherë vetëm një variant me një shembull sugjeron vetveten. Sepse është shumë e vështirë të bëhesh një person që e kupton këtë temë (zhvilluesi i uebit) në një artikull, por është shumë më e lehtë të tregosh me një shembull në mënyrë që pyetja të zgjidhet.</p> <p>Funksionaliteti i kodit të elementit është shumë i gjerë, kështu që marrim një nga fjalët në faqen e internetit të 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:</p><h2><span>Mënyra të tjera për të përdorur këtë veçori në shfletuesin Google Chrome</span></h2><p>Në përgjithësi, duke vazhduar t'i përgjigjemi pyetjes se si të shikoni kodin e elementit dhe pse është i nevojshëm, duhet të renditni 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:</p><ul><li>Shihni strukturën e faqes duke filluar nga kreu (“titulli i faqes”) dhe duke përfunduar me fund (komandën përfundimtare të çdo programi);</li>
<li>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;</li>
<li>Zbuloni nëse kopjimi nga faqja është i ndaluar apo jo;</li>
<li>Kodi do të regjistrojë të gjitha lidhjet në faqet e tjera të faqes, si dhe dizajnin e tyre dhe veprimet pasuese pasi të klikoni mbi to.</li>
</ul><blockquote><p>Kjo është larg nga një listë shteruese. 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 praktikisht nuk i nevojiten një përdoruesi të zakonshëm.</p>
</blockquote><h2><span>Artikulli "Shiko kodin e elementit" nuk funksionon</span></h2><p>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:</p><ul><li>Profili i përdoruesit është i korruptuar;</li>
<li>Prania e malware në kompjuter;</li>
<li>Bllokimi nga një shtrirje e caktuar për të rritur performancën (edhe kjo mund të jetë).</li>
</ul><h2><span>Rregullimi i një profili të dëmtuar të përdoruesit</span></h2><p>Për të krijuar një profil të ri, duhet të hiqni të vjetrin nga kompjuteri juaj. Për ta bërë këtë, bëni sa më poshtë:</p><ol><li>Mbyllni Google Chrome dhe hapni shfletuesin e integruar të Windows Explorer.</li>
<li>Futni komandën e mëposhtme në shiritin e adresave: %LOCALAPPDATA%\Google\Chrome\User Data\.</li>
<li>Kur të hapet drejtoria, kërkoni dosjen "Default" dhe shtoni "Backup" në emrin e saj për të marrë sa vijon: "Backup Default".</li>
<li>Tani, pas një lëshimi të ri të shfletuesit Chrome, do të krijohet një profil i ri.</li>
</ol><h2><span>Heqja e malware ose mbetjet e tij</span></h2><p>Nëse profili i ri nuk na dha akses në kodin e elementit të faqes dhe ne ende e shohim gabimin, duhet të bëjmë sa më poshtë:</p><ol><li>Hapni vijën e komandës së Windows (Run) dhe shkruani "cmd" në të.</li>
<li>Futni komandën e mëposhtme në rreshtin: RD /S /Q "%WinDir%\System32\GroupPolicyUsers".</li>
<li>Pas konfirmimit të veprimit, ne ngasim në këtë: RD / S / Q "% WinDir% \ System32 \ GroupPolicy".</li>
<li>Tani "gpupdate /force" (pa thonjëza).</li>
</ol><p>Nëse gjithçka është bërë si duhet, atëherë pas rinisjes së kompjuterit, Google Chrome do të hapë kodin e elementeve dhe shfletuesi do të funksionojë normalisht.</p><p><span class="vrPtdr-yGzE"></span></p>
<p>Pra, sot do të shikojmë disa mjete të dobishme për magjistarin e uebit që e bëjnë jetën më të lehtë kur shtroni një faqe. Le të fillojmë me tastierën e webmasterit në Google Chrome. Dhe le të kalojmë mbi pyetjet që lindin më shpesh nga webmaster gjatë paraqitjes së faqes.</p>
<p>Për të shkuar te tastiera, hapni faqen tuaj në Google Chrome, kliko me të djathtën kudo në faqen e internetit dhe zgjidh "Shiko kodin e faqes" nga menyja rënëse e kontekstit ose në një element specifik për të eksploruar duke zgjedhur "Shiko kodin" . element".</p>
<p>Në krye do të keni të listuara disa skeda. Sot do të flasim për skedën "Elementet". <b>,
</b> i cili paraqet elementet e një faqeje interneti me theksimin e etiketave, vetive, folesë së elementeve, paraqitjen e hierarkisë së elementit në pemën DOM (shitje në fund, nga prindi rrënjë deri tek ai aktual që po ekzaminohet), aftësia për të redaktuar elementet, një listë e vetive të tyre, merrni parasysh kërkimin sipas elementeve, dhe gjithashtu Le të njihemi me shikimin e stileve css që lidhen me elementët, etj.</p>
<h3>Si të shikoni të gjitha stilet që lidhen me një element të veçantë? Cili është në përdorim tani? Në cilat skedarë ndodhen?</h3>
<p>Pra, nuk ka asgjë më të lehtë! Ne hapim shfletuesin Google Chrome, hapim faqen tonë - burimin e pyetjeve, klikojmë me të djathtën mbi elementin e dëshiruar nëse është i dukshëm në kontekstin e faqes dhe zgjedhim artikullin "Shiko kodin e elementit" në menunë e kontekstit.</p>
<p>Në fund, ne kemi një tastierë me një skedë të theksuar në të majtë " Elemente"Dhe të gjitha stilet që lidhen me elementin në të djathtë, ku: <b>Stilet e llogaritura</b>- këto janë stile të përgjithshme "përmbledhëse" që i janë caktuar elementit nga rregullat css dhe cilësimet e shfletuesit të përdoruesit (mjedisi i tij), dhe në të njëjtën kohë skeda është shembur.</p>
<p>Por ne jemi të interesuar për skedën "Stilet" e vendosur poshtë saj, e cila rendit me radhë të gjitha stilet e caktuara për elementin, si dhe skedarët ku këto rregulla janë specifikuar për këtë element sipas llojit, id, klasës, emrit, vetisë, atribut etj. Në të njëjtën kohë, nëse rregulli css është tejkaluar, atëherë ai është ripërcaktuar më herët/tjetër (gjë që e bën të lehtë gjurmimin se cili prej rregullave css është prioritet dhe zbatohet për elementin në këtë rast).</p>
<p>Poshtë konsolës është një rresht që tregon elementin në hierarkinë e dokumentit, duke ju lejuar lehtësisht të shikoni të gjithë listën e elementeve prindër nga rrënja në elementin e zgjedhur. Diçka si thërrime buke.</p>
<h3>Etiketa HTML nuk është e dukshme në kontekstin e faqes? Apo duhet të gjeni të gjitha etiketat, për shembull, sipas një klase, emri, vetie, lloji të caktuar?</h3>
<p>Hapni faqen në Google Chrome, klikoni me të djathtën, telefononi menunë e kontekstit, zgjidhni <b>«
</b> Shiko kodin e faqes <b>»
</b>. Shtypni kombinimin e tastit "CTRL + F" në të njëjtën kohë, shkruani frazën që na nevojitet ( <b>për shembull</b><i>:
</i><i>klas="</i><i>mbushje"</i>) dhe lëvizni nëpër listën e rezultateve të gjetura, duke parë njëkohësisht të gjitha stilet që lidhen me elementët e dëshiruar në anën e djathtë të faqes.</p>
<h3>Si të shikoni kodin html të elementit (elementeve) të ngarkuar në mënyrë dinamike (për shembull: nga Ajax)</h3>
<p>Në pritje të ngarkimit të faqes në Google Chrome. Ne kryejmë veprimet e nevojshme që Ajax të funksionojë. Ne klikojmë me të djathtën në të dhënat e ngarkuara, zgjedhim "Shiko kodin e elementit" në menunë e kontekstit, ekzaminojmë rezultatin në tastierë në skedën "Elemente" në të majtë.</p>
<h3>Shikoni ndryshimet e stilit css në kohë reale</h3>
<p>Nga rruga, është gjithashtu e përshtatshme të vëzhgoni, nëse është e nevojshme, cilat stile i caktohen një elementi në fluturim, për shembull, kur lëvizni nëpër galeri dhe ngjarje të tjera të kohëmatësit. Të gjitha stilet e caktuara nëpërmjet javascript në kohë reale do të shfaqen në pronë <b>stil</b> elementi i zgjedhur në dritaren në skedën Elemente.</p>
<h3>Pamje interaktive e ndikimit të rregullave css në prezantimin e etiketave html</h3>
<p>Google Chrome ofron një tastierë interaktive për stilet css. Dhe kjo do të thotë që ju jo vetëm që mund të shihni se cilat stile janë aplikuar në elementin, por gjithashtu mund të lëvizni kursorin e miut mbi një pronë të caktuar css, ta aktivizoni atë me një shenjë kontrolli që shfaqet në të djathtë ose ta çaktivizoni atë duke hequr zgjedhjen e flamurit dhe duke parë rezultati që rezulton në faqe.</p>
<h3>Ne ndryshojmë strukturën e paraqitjes së elementeve html në fluturim (djathtas në shfletues)</h3>
<p>Pra, ne kemi mësuar tashmë se si të eksplorojmë strukturën e një dokumenti në internet në Google Chrome, tani le të hedhim një vështrim të shpejtë në modifikimin e elementeve në fluturim. Ne shkojmë në tastierë në çdo mënyrë të përshtatshme për ne. Ne gjejmë elementin e dëshiruar në skedën "Elementet", kliko me të djathtën mbi të, duke thirrur menynë e kontekstit që shfaqet:</p>
<ul><li><b>Shto atribut</b>- Shton një atribut në elementin e specifikuar. Sapo kursori të aktivizohet, fillojmë të vendosim vetinë e dëshiruar. <b>Për shembull</b>: Le të shkruajmë name="itemImage", i cili do t'i shtohet menjëherë elementit tonë.</li>
<li><b>Redakto atributin</b>– nëse klikoni me të djathtën mbi një atribut të një elementi, artikulli bëhet i disponueshëm <b>redaktoni</b><b>atributet</b>. Kliko, modifiko.</li>
</ul><p><b>Shembull përdorimi:</b> ne kemi harruar fjalëkalimin e ruajtur nën yjet në Google Chrome (nëse fjalëkalimi është ruajtur në këtë shfletues). Klikoni me të djathtën në elementin me fjalëkalim, klikoni në "Shiko kodin e elementit" <b>,
</b> në tastierën në anën e majtë të skedës <b>Elementet</b> kliko me të djathtën në atributin type="password", kliko me të majtën <b>Redakto</b><b>atributet,</b> ndryshoni atributin <i>tip="</i><i>fjalëkalim"</i> në <i>tip="</i><i>tekst"</i>, dhe këtu kemi tashmë të njëjtin fjalëkalim në formën e tekstit në vend të yjeve.</p>
<ul><li><b>Redakto</b><b>html</b>- kliko me të djathtën mbi një element në tastierë <b>Elementet</b>, zgjidhni <b>Redakto</b><b>html,</b> ndryshoni kodin sipas dëshirës tuaj.</li>
<li><b>Kopjo</b><b>si</b><b>HTML</b>- kopjoni pjesën e HTML që na nevojitet për kërkime të mëtejshme, le të themi, në një fletore, ose për qëllime të tjera ku duhet të aplikojmë saktësisht të njëjtën paraqitje. Ne kursejmë kohë.</li>
<li><b>Kopjo</b><b>XPATH</b>– kopjon paraqitjen XPATH të strukturës nga rrënja e elementit prind në elementin e zgjedhur.</li>
<li><b>Fshije</b><b>nyje</b>– nëse duhet të hiqni elementin aktual të zgjedhur dhe të gjithë fëmijët e tij nga konteksti i faqes së internetit dhe shikoni rezultatin.</li>
<li><b>fjalë</b><b>mbështjell</b>- do të japë pamjen e faqes së internetit në kontekstin e tastierës <b>Elementet</b> më të lexueshme.</li>
</ul><p>Në artikujt e mëposhtëm do të vazhdojmë të shikojmë veglat e webmasterit dhe në veçanti do të njihemi me pjesën tjetër të skedave të veglave të uebmasterit në <b>Google Chrome</b>, dhe gjithashtu merrni parasysh korrigjimin e gabimeve të javascript duke përdorur shfletues të ndryshëm</p>
<p>". I njëjti artikull është gjithashtu në menynë e kontekstit, e cila, nëse klikoni me të djathtën mbi tekstin <b>faqet</b>. Mund të përdorni gjithashtu shkurtoren e tastierës CTRL + U. Mozilla FireFox nuk përdor programe të jashtme - origjinale <b>Kodi</b> <b>faqet</b> me theksimin e sintaksës do të hapet në një dritare të veçantë të shfletuesit.</p> <p>Në Internet Explorer, klikoni në artikullin e menysë File dhe zgjidhni Edit in Notepad. Në vend të emrit Notepad, mund të shkruhet një tjetër, ju keni caktuar në cilësimet e shfletuesit për të parë origjinalin <b>Kodi</b> por. Ne klikim <b>faqet</b> Klikoni me të djathtën në një meny të kontekstit, e cila gjithashtu ka një artikull që ju lejon të hapni burimin <b>Kodi</b> <b>faqet</b> në një program të jashtëm - "Shiko HTML- <b>Kodi</b> por".</p> <p><img src='https://i2.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b95df96052552b95df9bd.jpg' height="669" width="663" loading=lazy loading=lazy></p> <p>Në shfletuesin Opera, hapni menunë, shkoni te seksioni "Faqja" dhe do të keni mundësinë të zgjidhni artikullin "Burimi" në nënseksionin "Mjetet e zhvillimit". <b>Kodi</b>” ose artikulli “Inicial <b>Kodi</b> kornizë". Tastiet kryesore CTRL+U dhe CTRL+SHIFT+U i janë caktuar përkatësisht kësaj përzgjedhjeje. Në menynë e kontekstit të bashkangjitur për të klikuar <b>faqet</b> kliko me të djathtën, ekziston edhe artikulli "Burimi <b>Kodi</b>". Burimi i operës <b>faqet</b> në një program të jashtëm që është caktuar në OS ose në cilësimet e shfletuesit për redaktimin e skedarëve HTML.</p> <p><img src='https://i0.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b95eb30952552b95eb346.jpg' width="100%" loading=lazy loading=lazy></p> <p>Shfletuesi Google Chrome pa asnjë dyshim ka organizimin më të mirë të shfletuesit burimor. <b>Kodi</b> por. Duke klikuar me të djathtën mbi miun, mund të zgjidhni View <b>Kodi</b> por <b>faqet</b>” dhe më pas kodi burimor me theksimin e sintaksës do të hapet në një skedë të veçantë. Ose mund të zgjidhni në të njëjtën menu rreshtin "Shiko <b>Kodi</b> një element" dhe në të njëjtën skedë do të hapen dy korniza shtesë në të cilat mund të inspektoni HTML dhe CSS - <b>Kodi</b> element <b>faqet</b>. Shfletuesi do t'i përgjigjet lëvizjes së kursorit nëpër rreshta <b>Kodi</b> dhe, duke theksuar elementet në faqe që korrespondojnë me këtë seksion të HTML- <b>Kodi</b> por.</p> <p><img src='https://i1.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b9603c4652552b9603c84.jpg' width="100%" loading=lazy loading=lazy></p>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy loading=lazy>");</script>
</div>
<div class="post-social-counters-block">
<div style="margin-top: 12px">
<noindex></noindex>
</div>
</div>
</div>
</div>
<a name="comments"></a>
<h3 class="best-theme-posts-title">Artikujt kryesorë të lidhur</h3>
<div class="container-fluid">
<div class="best-theme-posts row">
<div class="theme-post col-sm-4">
<a href="https://bumotors.ru/sq/o-premii-muz-tv-o-premii-muz-tv-golosovanie-za-nominantov-muz.html">
<div class="img_container"><img src="/uploads/0ef01b6c28f8f566857fb20f21ef5345.jpg" border="0" alt="Rreth çmimit mus-tv Votimi për kandidatët e mus tv" width="320" height="180" / loading=lazy loading=lazy></div>
<span class="theme-post-link">Rreth çmimit mus-tv Votimi për kandidatët e mus tv</span>
</a>
</div>
<div class="theme-post col-sm-4">
<a href="https://bumotors.ru/sq/kto-vruchal-premiyu-muz-tv-priz-za-vklad-v-razvitie-muzykalnoi.html">
<div class="img_container"><img src="/uploads/9763b42bdc7b010bc2e64041cc499d86.jpg" border="0" alt="Çmimi"За вклад в развитие музыкальной индустрии"" width="320" height="180" / loading=lazy loading=lazy></div>
<span class="theme-post-link">Çmimi "Për kontributin në zhvillimin e industrisë së muzikës"</span>
</a>
</div>
<div class="theme-post col-sm-4">
<a href="https://bumotors.ru/sq/etapy-i-mehanizm-processa-inficirovaniya-i-razmnozhenie-virusov-kak.html">
<div class="img_container"><img src="/uploads/cbe7bd1ce4264b83d3e19553689c6b8b.jpg" border="0" alt="Si funksionon virusi i gripit: pse sëmuremi?" width="320" height="180" / loading=lazy loading=lazy></div>
<span class="theme-post-link">Si funksionon virusi i gripit: pse sëmuremi?</span>
</a>
</div>
</div>
</div>
</div>
<a name="comments"></a>
</div>
<div class="right-column col-sm-4 col-md-4">
<div class="write">
<span class="tags-title">Kategoritë:</span>
<ul style="height: 286px;" id="right-tags" data-tagscount="18" data-currentmaxtag="10" class="tags">
<li class=""><a href="https://bumotors.ru/sq/category/programs/">Programet</a></li>
<li class=""><a href="https://bumotors.ru/sq/category/safety/">Siguria</a></li>
<li class=""><a href="https://bumotors.ru/sq/category/windows-10/">Windows 10</a></li>
<li class=""><a href="https://bumotors.ru/sq/category/iron/">Hekuri</a></li>
<li class=""><a href="https://bumotors.ru/sq/category/windows-8/">Windows 8</a></li>
<li class=""><a href="https://bumotors.ru/sq/category/vkontakte/">Në kontakt me</a></li>
<li class=""><a href="https://bumotors.ru/sq/category/errors/">Gabimet</a></li>
</ul>
</div>
<div class="banner">
</div>
</div>
</div>
</div>
<div style="clear:both"></div>
</div>
<div class="footer">
<div class="subscribe">
<div class="main-wrapper container">
<div class="row">
<div class="col-sm-8">
</div>
<div class="col-sm-4">
<div class="social">
<a href="" class="vk social-ico"></a>
<a href="https://facebook.com/" class="fb social-ico"></a>
<a href="https://twitter.com/" class="tw social-ico"></a>
</div>
</div>
</div>
</div>
</div>
<div class="info">
<div class="main-wrapper container">
<div class="row">
<span class="footer-info col-xs-12">© 2022 bumotors.ru. Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ.</span>
</div>
</div>
</div>
</div>
</body>
</html>