Dugo mi je opcija „prikaži izvor stranice“ bila beskorisna i nezanimljiva. Do sada učenje HTML-a na Codecademy-u i dizajniranje vlastitih web stranica nije preraslo u moj novi hobi. Tu se postavilo pitanje: gdje pronaći prave slučajeve i posuditi zanimljiva rješenja za svoju „kasicu-prasicu“? Odgovor je bio neočekivano jednostavan, kao i sve genijalne stvari: pogledajte izvorni kod stranice u Google Chrome-u! Dijelim sa vama svoje skromne nalaze.
Koji je izvorni kod stranice
Ako i vi, poput mene, tek radite prve korake u HTML programiranju, bilo bi dobro da saznate koji je izvorni kod stranice.
Izvorni kod, također poznat kao HTML kod stranice, je tekst u jeziku za označavanje hiperteksta (HTML). Uključuje stvarni sadržaj stranice (tekst, tabele) i oznake. Potonje djeluju kao upute za pretraživač: kako prikazati sadržaj, koju vrstu formatiranja koristiti, gdje umetnuti hipervezu ili medijsku datoteku. Pa, za nas, programere početnike, izvorni kod je najbolji teren za obuku: pronađemo zanimljivu stranicu i špijuniramo je, sačuvamo i koristimo uspješne fragmente. Kako?
Kako vidjeti izvorni kod na stranici preglednika Google Chrome
Pronađite stranicu koja vam se sviđa. Na primjer, mene je zanimao dizajn menija stranice. Postoje tri načina za otvaranje izvornog koda u pregledniku Google Chrome:
- Kliknite na ikonu meni u gornjem desnom uglu pretraživača i izaberite „Više alata“. Između ostalog, postoji i opcija „Prikaži izvorni kod“. Iskreno, rijetko koristim ovu metodu: ima puno nepotrebnih pokreta. Može se učiniti još jednostavnijim.
- Pritisnite kombinaciju tastera Ctrl+U– otvara se novi prozor sa izvornim kodom;
- Za ljubitelje kontekstnog menija: kliknite desnim tasterom miša na stranicu i izaberite opciju „Prikaži kod stranice“.
Mi smo se nosili sa zadatkom pregleda HTML koda stranice u pretraživaču. Pređimo na najzanimljiviju fazu.
Kako urediti i sačuvati izvorni kod
Da biste naučili kako kreirati web stranice, nije dovoljno pročitati tuđi HTML kod. Morate se igrati s njim, eksperimentirati, unositi izmjene i provjeriti rezultat. Možete čak početi sastavljanjem nekoliko uspješnih uzoraka. Kako urediti i sačuvati izvorni kod?
Opcija 1. "Ručno"
Nakon što smo otvorili izvorni kod stranice, pozovite kontekstni meni i odaberite opciju “Sačuvaj kao” i sačuvajte datoteku na svom tvrdom disku. Datoteku uredimo u Notepad-u ili Notepad-u, pohranimo promjene i otvorimo je putem pretraživača. Rezultati naših promjena (uspješnih i ne tako uspješnih) će se odraziti u prozoru pretraživača.
Opcija 2. Za profesionalce
Kada se svaki dan "igrate" sa izvornim kodom, proces "spremi - otvori - promijeni - sačuvaj - provjeri" postaje naporan. Za sebe sam pronašao rješenje u vidu instaliranja dodatka za Google Chrome - Firebug Lite. Omogućava vam da uređujete i čuvate izvorni kod bez napuštanja prozora pretraživača.
Ako otvorite bilo koju web stranicu, ona će sadržavati tipične elemente koji se ne mijenjaju ovisno o vrsti i fokusu stranice. Primjer 4.1 pokazuje kod za jednostavan dokument koji sadrži osnovne oznake.
Primjer 4.1. Izvorni kod web stranice
Primjer web stranice
Naslov
Prvi paragraf.
Drugi paragraf.
Kopirajte sadržaj ovog primjera i sačuvajte ga u folderu c:\www\ kao example41.html. Nakon toga pokrenite pretraživač i otvorite datoteku kroz stavku menija Datoteka > Otvori datoteku (Ctrl+O). U dijalogu za odabir dokumenta izaberite datoteku example41.html. Web stranica prikazana na slici 1 će se otvoriti u pretraživaču. 4.1.
Rice. 4.1. Rezultat pokretanja primjera
Elementsluži za označavanje vrste tekućeg dokumenta - DTD (definicija tipa dokumenta, opis tipa dokumenta). Ovo je neophodno kako bi pretraživač shvatio kako tumačiti trenutnu web stranicu, jer HTML postoji u nekoliko verzija, osim toga postoji i XHTML (EXtensible HyperText Markup Language) koji je sličan HTML-u, ali se od njega razlikuje po sintaksi. Da se pretraživač "ne zbuni" i shvati po kom standardu da prikaže web stranicu, potrebno je postaviti u prvom redu koda
.
Postoji nekoliko tipova, razlikuju se ovisno o verziji HTML-a na koju ciljaju. U tabeli 4.1. Date su glavne vrste dokumenata sa njihovim opisima.
Table 4.1. Važeći DTD | DOCTYPE |
Opis |
|---|
| HTML 4.01
|
|
|
Stroga HTML sintaksa. |
|
|
Prijelazna HTML sintaksa. |
|
|
HTML dokument koristi okvire. |
| HTML 5
|
|
|
Ova verzija HTML-a ima samo jedan tip dokumenta. |
| XHTML 1.0
|
|
|
Stroga XHTML sintaksa. |
|
|
Prijelazna XHTML sintaksa. |
|
|
Dokument je napisan u XHTML-u i sadrži okvire. |
| XHTML 1.1
|
|
|
Programeri XHTML 1.1 očekuju da će postepeno zamijeniti HTML. Kao što vidite, ova definicija nema podjelu na tipove, jer je sintaksa ista i poštuje jasna pravila. |
Razlika između strogog i prelaznog opisa dokumenta je drugačiji pristup pisanju koda dokumenta. Strogi HTML zahtijeva striktno pridržavanje HTML specifikacije i ne oprašta greške. Prijelazni HTML je opušteniji u pogledu nekih nedostataka koda, tako da je ovaj tip poželjniji za korištenje u određenim slučajevima.
Na primjer, u strogom HTML-u i XHTML-u potrebno je prisustvo oznake
, au prijelaznom HTML-u može se izostaviti i ne specificirati. U isto vrijeme, sjećamo se da će pretraživač u svakom slučaju prikazati dokument, bez obzira na to odgovara li sintaksi ili ne. Ova provjera se provodi pomoću validatora i namijenjena je prvenstveno programerima da prate greške u dokumentu.</p>
<p>U budućnosti ćemo uglavnom koristiti strict<!DOCTYPE>, osim ako nije drugačije navedeno. To će nam omogućiti da izbjegnemo uobičajene greške i naučimo nas pisati sintaktički ispravan kod.</p>
<p>Često možete pronaći HTML kod bez korištenja<!DOCTYPE>, web stranica će i dalje biti prikazana u ovom slučaju. Međutim, može se dogoditi da se isti dokument pojavljuje drugačije u pretraživaču kada ga koristite<!DOCTYPE>i bez toga. Osim toga, pretraživači mogu prikazati takve dokumente na svoj način, kao rezultat toga stranica se „sruši“, tj. će biti prikazan potpuno drugačije od onoga što programer zahtijeva. Da biste izbjegli takve situacije, uvijek dodajte<!DOCTYPE>na početak dokumenta.</p><p>Tag <html>definira početak HTML datoteke, zaglavlje je pohranjeno unutar njega ( <head>) i tijelo dokumenta ( <body>
).</p><p>Naslov dokumenta, koji se naziva i blok <head>, može sadržavati tekst i oznake, ali sadržaj ovog odjeljka nije direktno prikazan na stranici, osim u kontejneru <title>
.</p><p>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</p><p>Tag <meta>je univerzalan i dodaje čitavu klasu mogućnosti, posebno uz pomoć meta tagova, kako se ovaj tag općenito naziva, možete promijeniti kodiranje stranice, dodati ključne riječi, opis dokumenta i još mnogo toga. Da bi pretraživač shvatio da ima posla sa UTF-8 kodiranjem (Unicode transformacioni format), i ovaj red se dodaje.</p><p>
<title>Primjer web stranice
Tag
određuje naslov web stranice; to je jedan od važnih elemenata dizajniranih za rješavanje mnogih problema. U operativnom sistemu Windows, tekst naslova se prikazuje u gornjem levom uglu prozora pretraživača (slika 4.2).</p>
<p><img src='https://i2.wp.com/htmlbook.ru/files/images/samhtml/fig_1_04_02.png' height="37" width="194" loading=lazy loading=lazy></p>
<p>Rice. 4.2. Prikaz zaglavlja u pretraživaču</p>
<p>Tag <title>je obavezan i svakako mora biti prisutan u šifri dokumenta.</p><p>Morate dodati završnu oznaku</head> da označi da je naslovni blok dokumenta završen.</p><p>Tijelo dokumenta <body>namijenjeno postavljanju oznaka i sadržaja web stranice.</p><p>
<h1>Naslov</h1>
</p><p>HTML nudi šest tekstualnih naslova različitih nivoa koji ukazuju na relativnu važnost odjeljka koji slijedi nakon naslova. Da, oznaka <h1>predstavlja najvažniji naslov prvog nivoa i oznaku <h6>služi za označavanje naslova šestog nivoa i najmanje je značajan. Podrazumevano, naslov prvog nivoa se prikazuje najvećim podebljanim fontom, a naslovi narednih nivoa su manje veličine. Oznake <h1>...<h6>Pogledajte blok elemente, oni uvijek počinju u novom redu, a nakon njih se drugi elementi pojavljuju u sljedećem redu. Dodatno, razmak se dodaje ispred i iza naslova.</p><p>
<!-- Комментарий -->
</p><p>Neki tekst se može sakriti od prikazivanja u pretraživaču tako što ćete ga ostaviti komentarom. Iako ovaj tekst neće vidjeti korisnik, on će se i dalje prenositi u dokumentu, pa ako pogledate izvorni kod, možete otkriti skrivene bilješke.</p>
<p>Instrukcije</p> <p>U Mozilla FireFoxu proširite odjeljak "Prikaz" u meniju i kliknite na "Original" <b>kod</b>" Ista stavka se nalazi iu kontekstualnom meniju koji, ako kliknete desnim tasterom miša na tekst <b>stranice</b>. Možete koristiti i prečicu na tastaturi CTRL + U. Mozilla FireFox ne koristi eksterne programe - original <b>kod</b> <b>stranice</b> sa isticanjem sintakse će se otvoriti u posebnom prozoru pretraživača.</p> <p>U Internet Exploreru kliknite na meni Datoteka i izaberite Uredi u Notepadu. Umjesto imena Notepad može biti napisano drugo ime, dodijelili ste ga u postavkama pretraživača da vidite original <b>kod</b> A. Na klik <b>stranice</b> desnim tasterom miša se pojavljuje kontekstni meni, koji takođe ima stavku koja vam omogućava da otvorite izvor <b>kod</b> <b>stranice</b> u eksternom programu - “Prikaži HTML- <b>kod</b> A".</p> <p><img src='https://i1.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>U pretraživaču Opera otvorite meni, idite na odjeljak "Stranica" i imat ćete priliku odabrati "Izvor" u pododjeljku "Alati za razvoj" <b>kod</b>"ili stavku "Original <b>kod</b> okvir." Ovim selekcijama se dodeljuju prečice CTRL + U i CTRL + SHIFT + U, respektivno. U kontekstualnom meniju vezanom za klik <b>stranice</b> desnim klikom, postoji i stavka „Inicijal <b>kod</b>" Opera izvor <b>stranice</b> u eksternom programu koji je dodijeljen u OS-u ili u postavkama pretraživača za uređivanje HTML datoteka.</p> <p><img src='https://i2.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b95eb30952552b95eb346.jpg' width="100%" loading=lazy loading=lazy></p> <p>Google Chrome pretraživač bez ikakve sumnje ima najbolju organizaciju za gledanje originala <b>kod</b> A. Desnim klikom miša možete odabrati View <b>kod</b> A <b>stranice</b>"i tada će se izvorni kod sa isticanjem sintakse otvoriti u posebnoj kartici. Ili možete odabrati liniju “Prikaz” u istom meniju <b>kod</b> element” i na istoj kartici će se otvoriti dva dodatna okvira u kojima možete pregledati HTML i CSS <b>kod</b> element <b>stranice</b>. Pretraživač će reagovati na kretanje kursora kroz redove <b>kod</b> i, isticanje elemenata na stranici koji odgovaraju ovom dijelu HTML-a <b>kod</b> A.</p> <p><img src='https://i0.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b9603c4652552b9603c84.jpg' width="100%" loading=lazy loading=lazy></p> <p>U Apple Safari pretraživaču proširite odjeljak Pogled i odaberite Prikaži HTML <b>kod</b> A". U meniju koji se pojavljuje kada desnom tipkom miša kliknete otvori <b>stranice</b>, odgovarajuća stavka se zove “Prikaži izvor”. Prečice dodeljene ovoj radnji su CTRL + ALT + U. Original <b>kod</b> u posebnom prozoru pretraživača.</p> <p><img src='https://i2.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b960eafe52552b960eb45.jpg' width="100%" loading=lazy loading=lazy></p> <p>Izvori:</p> <ul><li>kako promijeniti dodijeljene ključeve u firefoxu</li>
</ul> <p>Dosta ljudi, koji su naišli na poteškoće u kompjuterskim igrama koje ne mogu savladati, koriste posebne kodove za rješavanje ovog ili onog problema ili pojednostavljenje igre. Cheat code je kod koji se može unijeti u kompjutersku igru kako bi se promijenio tok njenog rada. Unos takvih kodova vrši se reprodukcijom određenog teksta (koji se sastoji od slova ili brojeva) na tastaturi. Također možete unijeti tekst u posebno određena područja (meni igre ili konzole). Kako mogu pronaći kod za igru?</p> <p><img src='https://i1.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/3/21/1_525502ff1af52525502ff1af8e.jpg' width="100%" loading=lazy loading=lazy></p> <p>Trebaće ti</p> <ul><li>Internet</li>
</ul><p>Instrukcije</p> <p>Razmotrimo prvu metodu koristeći popularni primjer <i>http://chemax.ru</i>. Da biste pronašli kod za određenu igru, kliknite na karticu "Cheat Codes", a zatim odaberite "Za". U prozoru koji se otvori možete unijeti naziv igre u poseban (što će olakšati proces pretraživanja) ili kliknuti na englesko ili rusko slovo kojim počinje naziv igre. Nakon odabira igre, vidjet ćete listu svih mogućih kodova.</p> <p>Da biste preuzeli bazu podataka cheat kodova, morate otići na web stranicu <i>http://chemax.ru</i> i odaberite karticu "CheMax" - "CheMax Rus". Ova baza cheat kodova je takođe na ruskom jeziku i ima ogroman broj zastupljenih igara. Prilikom instalacije trebate odabrati ruski jezik i lokaciju programa na vašem . Nakon što pokrenete program, trebate unijeti naziv igre u posebnu liniju, kao rezultat toga ćete dobiti sve potrebne šifre za varanje.</p> <p>Video na temu</p> <p><span class="iF3SL1zMUfQ"></span></p> <p>Bilješka</p> <p>Ne zaboravite odmah ažurirati ovaj program kako biste imali najpotpuniju bazu kodova.</p> <p>Koristan savjet</p> <p>Pokušajte završiti igru bez korištenja cheat kodova, jer pošteno dovršavanje igre će vam pružiti mnogo više zadovoljstva.</p> <p>Pogledajmo kako odrediti inicijal <b>kod</b> <b>stranice</b>, jer je ovaj parametar veoma važan kada radite na internetu. Ako vam treba bilo kakva vijest, oznaka ili slika, ali ne znate kako je napisati, uvijek možete kopirati informacije s druge stranice nakon što saznate originalnu <b>kod</b> <b>stranice</b> ako nije za <b>kod</b> kreirani od strane programera stranice. Original je važan <b>kod</b> u stranicama datoteka koje nisu programi, koristeći izvor <b>kod</b> i možete raditi sa stranicama i uređivati ih.</p> <p><img src='https://i1.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/9/13/1_52552c3097e1052552c3097e4f.jpg' width="100%" loading=lazy loading=lazy></p> <p>Trebaće ti</p> <ul><li>Upute za pregled izvornog koda stranice.</li>
</ul><p>Instrukcije</p> <p>Da bi bio vidljiv, registrovan je na originalu <b>kod</b> ohm Napunite ga sa <b>kod</b> Možete, ako ste vlasnik resursa, ili ga promijeniti pomoću notepad-a, uređivača, koristeći posebne ekstenzije za to. Korisnik također može promijeniti stranicu uređivanjem datoteke i dodavanjem vlastite . U - pretraživačima koji gledaju izvor <b>kod</b> a provodi se pomoću različitih naredbi, pogledajmo ih detaljnije.</p> <p>Za Internet Explorer odaberite karticu "pregled", a zatim "original" <b>kod</b> <b>stranice</b>»ili se stavka može odabrati klikom na desnu tipku miša. Za šifriranje od strane programera <b>kod</b> u ovome idemo u meni „usluga“, zatim „alati za razvojne programere“, kliknemo strelicu, izaberemo željeni element i <b>kod</b> postati . Zatim kliknite na ikonu i <b>kod</b> u tekstualnom formatu i kopirati iz njegovih komponenti u html.</p> <p>Mozilla Firefox pretraživač pruža mogućnost pregleda pomoću jednostavne naredbe “Ctrl+U” ili u meniju “alati” odabirom podniza “view source” <b>kod</b>" Možete vidjeti šifrirane informacije u Mozilla Firefoxu instaliranjem posebnog Web Developer-a, odaberite iz menija “ <b>kod</b>" string "generiran <b>kod</b>“ i ispod <b>stranice</b> pojavljuje se vrijednost originala <b>kod</b> A. Kopirajte datoteku u međuspremnik ili je sačuvajte sa ekstenzijom page.htm.</p> <p>Kada koristite Google Chrome, u glavnom meniju „alati“ izaberite podniz „prikaz izvora <b>kod</b>", a zatim desnom tipkom miša otvorite stavku "prikaz <b>kod</b> A <b>stranice</b>» ili pomoću tipki "Ctrl + U".</p> <p>Za Safari pretraživač, u meniju nalazimo „view html- <b>kod</b>", također desnim klikom, otvorite podniz "view source" ili koristite prečicu na tipkovnici "Ctrl + Alt + U".</p> <p>Bilješka</p> <p>Mogućnost pregleda šifriranih informacija o izvornom kodu vrši se pomoću dva pretraživača.</p> <p>Koristan savjet</p> <p>Ako niste programer stranice, možete promijeniti stranicu samo za vlastitu upotrebu.</p> <p>U kompjuterskim igricama, kao iu stvarnom životu, postoji prilika da se malo prevarite. U tu svrhu, programeri daju svoje proizvode raznim kodovima, pomoću kojih iz menija igre možete lako završiti nivoe i misije.</p> <p><img src='https://i2.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/11/15/1_52550aa07d18252550aa07d1c0.jpg' width="100%" loading=lazy loading=lazy></p> <p>Trebaće ti</p> <ul><li>CheMax softver.</li>
</ul><p>Instrukcije</p> <p>Da biste saznali kodove koje su programeri nekada koristili tokom testiranja, uopće nije potrebno otvoriti sve exe datoteke proizvoda igre pomoću HEX editora. Samo trebate otići na specijaliziranu stranicu za varalice koristeći sljedeću vezu http://chemax.ru.</p> <p>Na učitanoj stranici pomaknite kursor na traku menija, odnosno na odjeljak “Cheat Codes” i na listi koja se pojavi odaberite “Na jeziku”. Na sljedećoj stranici unesite naziv igre u traku za pretraživanje, a zatim kliknite na dugme "Traži". Preporučuje se da unesete najpotpuniji naziv, koji se može kopirati iz svojstava prečice. Da biste to učinili, idite na radnu površinu i kliknite desnim tasterom miša na prečicu igre. U kontekstnom izborniku odaberite "Svojstva" i kopirajte ime pomoću tipkovne prečice Ctrl + C ili Ctrl + Insert.</p> <p>Iz rezultata pretrage odaberite najprikladniju opciju za otvaranje tablice kodova. Osim tabele kodova, ako skrolujete do dna stranice, možete pronaći i listu trenera sa aktivnim linkovima. Da biste brzo pristupili potrebnim kodovima prije nego što ih zapamtite, preporučuje se da odaberete i kopirate informacije sa preuzete stranice, a zatim ih zalijepite u novi tekstualni dokument.</p> <p>Stalno pristupanje sajtu radi dobijanja potrebnog koda je veoma dug zadatak, jer... pokretanje posebnog programa (CheMax) je mnogo puta brže. Da biste to učinili, idite na CheMax gornji meni i odaberite CheMax Rus. Na stranici za preuzimanje programa kliknite na vezu "Instalator" ili "RAR arhiva" i odredite lokaciju za spremanje izvršne datoteke.</p> <p>Nakon instaliranja programa, na radnoj površini će se postaviti prečica, pokretanjem koje će otvoriti program. Tokom igre pritisnite "Pauza" i koristite kombinaciju Alt + Tab za navigaciju do otvorenog prozora. U traku za pretragu unesite naziv igre i pritisnite Enter.</p> <p>Video na temu</p> <p><span class="7EDf5ChpY9Q"></span></p> <p>Izvori:</p> <ul><li>Kako saznati kod banera?</li>
</ul> <p>Programski kod može varirati u pogledu privatnosti - mnogi programeri ga ne čine javno dostupnim, a uslovi ugovora o licenci nameću ograničenja korisnicima u pogledu njegove upotrebe i pregleda. Postoje i programi otvorenog koda koji se mogu gledati, uređivati i tako dalje.</p> <p><img src='https://i2.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/12/14/1_52550b2250e2652550b2250e62.jpg' height="721" width="680" loading=lazy loading=lazy></p> <p>Trebaće ti</p> <ul><li>- program za otvaranje izvornog koda.</li>
</ul><p>Instrukcije</p> <p>Uverite se da je izvorni kod softvera koji želite da vidite otvorenog koda. Da biste to učinili, idite na službenu web stranicu programera softvera i pogledajte vrstu licence. Ako je izvorni kod programa zatvoren, ne možete ga vidjeti. Ovo je nezgodno, ali s takvim sistemom prilično je rijetko naići na kopije programa koji sadrže trojance i druge zlonamjerne programe. Ovo je glavni nedostatak slobodnog softvera.</p> <p>Ako imate besplatan softver, pronađite „Izvorni kod“ u meniju programa, ako je takvu stavku dao programer, što je izuzetno retko. Da biste ga vidjeli u drugim slučajevima, koristite asembler ili drugi softver treće strane.</p> <p>Često, da biste otvorili izvor, morate znati koji su programski jezik kreatori programa koristili tokom razvoja, što je često vrlo teško odrediti. Ovdje možete instalirati na svoj računar skup različitih programa za otvaranje izvornih kodova napisanih na različitim jezicima.</p> <p>Kada koristite besplatni softver, ako imate opciju, pregledajte izvorni kod prije procesa instalacije, posebno ako je program preuzet sa neslužbenog izvora. Ovo će pomoći u zaštiti vašeg računala od zlonamjernog softvera koji je instaliran zajedno s glavnim.</p> <p>Također, nemojte pribjegavati raznim metodama izmjene zatvorenog izvornog koda programa; često u takvim slučajevima postoji određena odgovornost za kršenje pravila licencnog ugovora između korisnika i programera. Štaviše, nemojte postavljati uređivane takve programe na Internet.</p> <p>Video na temu</p> <p><span class="ul536TDo-Dc"></span></p> <p>Koristan savjet</p> <p>Provjerite izvore besplatnog softvera.</p> <p><b>Programi</b> podijeljeni na otvorene i zatvorene. U prvom slučaju svi korisnici Interneta mogu preuzeti njegov original <b>kod</b> sa službene web stranice i drugih resursa, u drugom - sistemski kod je zatvoren i njegov</p>
<p>Svaki korisnik interneta ima svoje omiljene stranice na kojima provodi dugo vremena. I samo lijeni nisu pomislili da pogledaju kako je nastala i od čega se sastoji. Nemoguće je odgovoriti na sva ova pitanja, jer postoji mnogo načina za kreiranje web stranice, ali pogledati komande i kodove koji ga čine moguće je i javno dostupno svima.</p><p>Drugo je pitanje da li će osoba koja se ne bavi programiranjem razumjeti bilo koji od simbola koji čine kod. Ali iz primjera koji će biti dati u nastavku, svaki korisnik Google Chrome-a će moći vidjeti pojedinačne elemente web lokacija.</p><h2><span>Kako pogledati izvorni kod html stranice u Google pretraživaču</span></h2><i>
</i><p>Da biste mogli vidjeti kod stranice u Chromeu, potrebno je da odete na stranicu koja vas zanima i izvršite sljedeće korake:</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>Ove dvije stavke se razlikuju po svojoj funkcionalnosti i informacijama za korisnika, programera ili hakera. <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>Koja je razlika između koda stranice i samo naredbe „Prikaži kod“?</span></h2><p>Analizirajući svaku od ovih funkcija, možete napisati poseban članak. Za programere je ova razlika značajna i oni razumiju u kojim slučajevima je potrebno koristiti “View Code”, a u kojim “View Page Code” u Google Chrome pretraživaču.</p><p>Ali objašnjavajući za prosječnog korisnika, ove funkcije se mogu podijeliti u sljedeće svrhe:</p><ol><li>„Prikaži šifru stranice“ je potrebno samo da vidite glavnu kombinaciju stranice. U osnovi, ovo je struktura stranice (bez dodatnih modela u obliku CSS datoteka i drugih dodataka koji ostaju u folderu kreatora stranice). Ova struktura nije prikladna za kreiranje vlastite stranice “copy-pastingom”, ali će vam omogućiti da vidite šta je tačno programer uradio i kojim redosledom kako bi se osiguralo da sajt u pretraživaču Google Chrome ima takav eksterni dizajn.</li>
<li>“Prikaži kod” prikazuje detaljnu strukturu, naglašavajući sve oblasti koje su pogođene na stranici. Ako zadržite pokazivač miša iznad određenog koda liste, on će istaknuti element na web lokaciji kojoj pripada.</li>
<li>Pregledanje koda stranice otvara se u posebnom pretraživaču bez mogućnosti njegovog uređivanja. Odnosno, pogodan je samo za kopiranje i čitanje koda stranice. Ali ovo nije ništa manje korisna funkcija.</li>
<li>„Prikaz koda“ je promjenjiv i možete uređivati bilo koji element na način koji vam odgovara. Naravno, sve ove promjene će “živjeti” dok se stranica ne osvježi, ali ponekad je zabavno proći kroz te postavke i jednostavno shvatiti zašto je potrebna ova ili ona vrijednost i šta će se dogoditi ako je promijenite. Ne treba pretpostaviti da ćete takvim radnjama naštetiti sebi ili web stranici - ove promjene utječu samo na kod vašeg Google Chromea i ne idu na internet.</li>
</ol><h2><span>Razmatramo pitanje kako vidjeti kod elementa</span></h2><p>Ako bismo odgovorili na takvo pitanje, onda je jedina opcija koja se nameće samo primjer. Jer u jednom članku je jako teško postati osoba koja se razumije u ovu temu (web developer), ali pokazati na primjeru da se pitanje riješi puno je lakše.</p> <p>Funkcionalnost koda elementa je vrlo široka, pa uzimamo jednu od riječi na web stranici preglednika Google Chrome. Željeli smo razmotriti koje su ključne riječi (u kodu će biti napisane kao “ključne riječi”) korištene za našu stranicu. Da bismo to učinili, izvodimo sljedeći algoritam:</p><h2><span>Drugi načini korištenja ove funkcije u pregledniku Google Chrome</span></h2><p>Općenito, nastavljajući da odgovarate na pitanje kako gledati na kod elementa i zašto je potreban, trebali biste navesti njegove funkcije. Naime, zahvaljujući mogućnosti pregleda koda elementa bilo koje stranice u pregledniku Google Chrome, možemo:</p><ul><li>Pogledajte strukturu sajta počevši od zaglavlja (“zaglavlje sajta”) i završavajući sa end (poslednja komanda bilo kog programa);</li>
<li>Pregledajte sve funkcije sajta, i to: linkove ka drugim sajtovima, dodatne module sa eksternih sajtova i prisustvo ugrađenih brojača za prikupljanje raznih informacija;</li>
<li>Saznajte da li je kopiranje sa stranice zabranjeno ili ne;</li>
<li>Kod će zabilježiti sve veze na druge stranice stranice, kao i njihov dizajn i naknadne radnje nakon klika na njih.</li>
</ul><blockquote><p>Ovo nikako nije konačan spisak. Ali treba podsjetiti da je bez posebnog znanja gotovo nemoguće "pročitati" kod Google Chrome stranice, a primljeni podaci praktički nisu potrebni običnom korisniku.</p>
</blockquote><h2><span>Stavka “Prikaži šifru elementa” ne radi</span></h2><p>Odmah treba reći da će svaka stranica imati otvoren pristup kodovima elemenata. To jest, čak i najpopularnije i najskuplje stranice će biti otvorene za pregled njihovog koda. Stoga, ako stavka u pregledniku Google Chrome nije aktivna ili generiše grešku, to ima sljedeće moguće razloge:</p><ul><li>Korisnički profil je oštećen;</li>
<li>Prisutnost zlonamjernog softvera na računaru;</li>
<li>Blokiranje određenom ekstenzijom radi povećanja performansi (čak se i ovo može dogoditi).</li>
</ul><h2><span>Popravljanje oštećenog korisničkog profila</span></h2><p>Da biste kreirali novi profil, morate izbrisati stari sa svog računara. Da bismo to uradili radimo sledeće:</p><ol><li>Zatvorite Google Chrome i pokrenite ugrađeni Windows Explorer pretraživač.</li>
<li>Unesite sljedeću naredbu u adresnu traku: %LOCALAPPDATA%\Google\Chrome\User Data\.</li>
<li>Kada se direktorij otvori, potražite folder “Default” i dodajte “Backup” u njegovo ime tako da izgleda ovako: “Backup Default”.</li>
<li>Sada, nakon ponovnog pokretanja Chrome pretraživača, kreirat će se novi profil.</li>
</ol><h2><span>Uklanjamo zlonamjerni softver ili njegove ostatke</span></h2><p>Ako nam novi profil ne daje pristup kodu elementa stranice i još uvijek vidimo grešku, trebali bismo učiniti sljedeće:</p><ol><li>Otvorite Windows komandnu liniju (“Run”) i tamo unesite komandu “cmd”.</li>
<li>Unesite sljedeću naredbu u red: RD /S /Q “%WinDir%\System32\GroupPolicyUsers”.</li>
<li>Nakon što potvrdite radnju, unesite ovo: RD /S /Q “%WinDir%\System32\GroupPolicy”.</li>
<li>Sada “gpupdate /force” (bez navodnika).</li>
</ol><p>Ako je sve urađeno ispravno, nakon ponovnog pokretanja računara Google Chrome će otvoriti kod elemenata i preglednik će raditi normalno.</p><p><span class="vrPtdr-yGzE"></span></p> 1 glas <p>Dobar dan, dragi čitaoci mog bloga. Ponekad pronađete neku lijepu funkciju na web stranici i počnete se pitati kako je kreator postigao tako zanimljiv efekat.</p>
<p>Ispostavilo se da je odgovor prilično jednostavan. A ako imate neke vještine, možete prikupiti puno ovih funkcija i stvoriti vlastitu jedinstvenu web stranicu za kratko vrijeme.</p>
<p>Danas ćemo razgovarati o tome kako otvoriti kod stranice, određenog elementa i naučiti kako koristiti ovu vještinu u svoju korist.</p>
<h2><span>Osnovno poznavanje koda</span></h2>
<p>Moj sajt je namenjen početnicima i prvo bih želeo da ukratko govorim o sajtovima i kodu uopšte.</p>
<p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/cit1-75-537x292.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<p>Da nacrtate sliku, a zatim je izrežite na male dijelove, napišite kod kako bi pretraživač ponovo sastavio sve elemente u jednu cjelinu. Da li se sve čini veoma komplikovano? Nikako, i nema smisla tugovati zbog toga.</p>
<p>Tako nastaju visokokvalitetne web stranice. Ako hoćeš, uključi se u ovu stvar i prouči je; ako nećeš, niko te ne može natjerati.</p>
<p>Reći ću samo jedno... nema ništa ugodnije nego vidjeti kako se nerazumljive riječi koje ste napisali pretvaraju u jedinstvenu cjelinu i oživljavaju: linkovi rade, dugmad se pomiče, slike pomiču, tekst puzi. Mislim da znam kako se Viktor Frankenštajn osećao.</p>
<p>Kada počnete da shvatate tajni jezik i vidite da je sve zapravo mnogo jednostavnije nego što se u početku činilo, ne možete a da ne verujete u sopstvene snage i mogućnosti mozga. Ovo je super.</p>
<p>Kako se prave web stranice? Idealno, prvo. On samo slika sliku. Na primjer, kao što je prikazano na slici ispod. Za sada je to samo slika, fotografija. Nijedna veza ne radi, kada kliknete ne idete nigdje, ne vrši se pretraga.</p>
<p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_1-46.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<p>Prema ovom crtežu. Pogledajte snimak ekrana ispod. Možda mislite da je ovo smiješan i vrlo složen skup simbola. Zapravo, sve nije tako komplikovano, postoji određeni algoritam.</p>
<p>Postoji samo oko 150 tagova i svaki od njih je odgovoran za određenu radnju: link, crticu, podebljano, boju, naslov i tako dalje. Razumjeti ih nije tako teško ako imate želju i ne smeta vam vrijeme.</p>
<p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_2-43.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<p>Zahvaljujući poznavanju ovih atributa, možete riješiti gotovo svaki problem. Ali svaki programer pronalazi svoje načine da postigne cilj.</p>
<p>Iskusni kreatori odmah vide kako postići rezultate, dok drugi moraju razmišljati, tražiti odgovor u člancima ili u izvornom kodu konkurenata. Oni jednostavno uzimaju neophodan dio sa stranice treće strane i uređuju ga za sebe. Ovo značajno skraćuje proces rada.</p>
<p>Malo kasnije, pokazaću vam konkretan primer.</p>
<h2>Pogledaj kod</h2>
<p>Dakle, dozvolite mi da vam prvo pokažem kako da postupite ako trebate da saznate tuđi html. Zatim ćemo detaljnije razmotriti sva ostala pitanja.</p>
<h3><span>Najbolji način</span></h3>
<p>Metoda koju ću prvo opisati je malo komplikovana za početnike, ali kao uvod, pročitajte je. Otvorite stranicu i kliknite na desnu tipku miša. Odaberite "Sačuvaj kao..."</p>
<p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_2-1-1.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<p>Sačuvajte cijelu web stranicu. Kao što možete vidjeti na snimku ekrana, sve sam već preuzeo unaprijed. Ovdje imamo dva foldera.</p>
<p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_2-2-1.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<p>Sve što vam treba je ovdje. Svaki element. Ako ovo shvatite, možete brzo dobiti sve što vam je potrebno. Ali takav zadatak sve više postaje nemoguć. Nema preuzimanja. Šta učiniti ako je zabranjeno kopiranje stranice?</p>
<h3><span>Ovo je Google Chrome</span></h3>
<p>Kao što ste možda već primijetili, najčešće koristim Google Chrome i učenje tuđeg koda u ovom pretraživaču je jednostavno kao i ljuštenje krušaka. Kao u principu sa svakim drugim. Shema neće biti samo slična, već i identična. Otvorite stranicu čiji kod želimo da znamo i kliknite desnim tasterom miša bilo gde. U prozoru koji se pojavi kliknite na "Prikaži kod stranice".</p>
<p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_3-40.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<p>List koda će se otvoriti u novom prozoru, što je početniku prilično teško razumjeti. Ali nemojte biti uznemireni prije vremena.</p>
<p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_4-36.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<p>Ako trebate znati šifru samo jednog elementa, samo zadržite pokazivač miša preko njega i kliknite desnim tasterom miša. Odaberite drugu Chrome funkciju: „Prikaži kod elementa“.</p>
<p>Na primjer, možda bi me zanimalo kako je napravljen logo, koristeći sliku ili programski jezik? Na kraju krajeva, možete nacrtati kvadrat koristeći CSS. Mnogi stručnjaci savjetuju zapisivanje što više informacija u kodu. Kako funkcioniraju na popularnim stranicama?</p>
<p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_5-33.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<p>Sada su se pojavile potrebne informacije. html na vrhu, css na dnu. Ovo su dva jezika. Prvi je odgovoran za tekstualnu komponentu, a drugi za dizajn. Da nije postojao CSS, morali biste svaki put specificirati boju i veličinu fonta. Za svaku stranicu ovo je jako dugo. Ali da nema html-a, onda ne bismo imali tekstove. Grubo sam objasnio, ali generalno, to je tako.</p>
<p>Inače, ako vas zanima kako to radi ovdje, možete pogledati link do slike ispod. Evo tvog odgovora.</p>
<p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_6-33.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<h3>Mozilla Firefox</h3>
<p>Ako volite raditi mastiku, onda će sve biti potpuno isto. Otvorite stranicu i kliknite na desnu tipku miša. “Izvorni kod stranice” ako želite vidjeti cijeli kod.</p>
<p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_7-32.jpg' align="center" width="100%" loading=lazy loading=lazy></p><p>Kada zadržite pokazivač iznad elementa, možete otvoriti njegov kod.</p>
<p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_8-29.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<p>Ovdje su podaci prikazani na dnu ekrana, ali inače je sve potpuno isto.</p>
<p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_9-29.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<h3>Yandex pretraživač</h3>
<p>U Yandex pretraživaču sve je potpuno isto kao u prethodne dvije opcije, otvorite stranicu, kliknite desnim tasterom miša, pogledajte kod stranice.</p>
<p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_10-27.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<p>Prelazimo kursorom preko elementa ako želimo da saznamo tačno njegov kod.</p>
<p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_11-27.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<p>Ovdje je sve prikazano potpuno isto kao u Chromeu.</p>
<p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_12-25.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<h3>Opera</h3>
<p>I konačno, Opera.</p>
<p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_13-24.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<p>Usput, možda ste primijetili da ne morate koristiti miš. Postoji brza prečica na tastaturi za otvaranje koda, a ista je za sve pretraživače: <b>CTRL+U</b>.</p>
<p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_14-24.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<p>Za elemente: Ctrl+Shift+C.</p>
<p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_15-22.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<p>Ovako izgleda rezultat.</p>
<p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_16-23.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<h2><span>Ovo će biti zanimljivo za početnike</span></h2>
<p>Sada pogledajte kako sve funkcionira. Nađete sajt i zaista vam se sviđa neki element. Na primjer, ovaj. Već znate kako otvoriti kod elementa.</p>
<p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_17-20.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<p>Sad kopiraj.</p>
<p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_18-19.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<p>Koristim , zalijepim ovaj kod u novu html datoteku, u oznaku tijela (body na engleskom).</p>
<p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_19-18.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<p>Sada da vidimo kako će sve to izgledati u pretraživaču.</p>
<p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_20-16.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<p>Spreman. Da bi se tekst poravnao po ivicama i dobio zelenkastu boju, potrebno je da povežete css sa ovim dokumentom i kopirate drugi kod sa sajta sa kojeg smo kopirali ovaj.</p>
<p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_21-16.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<p>Neću to sada raditi. Za to je potrebno više vremena: i mog i vašeg. Mislim da ću sve detalje opisati u svojim budućim publikacijama. Pretplatite se na newsletter i budite prvi koji će saznati kada se članak pojavi.</p>
<p>Ako ne možete izdržati, ali želite da naučite više o html-u i css-u sada, onda vam tradicionalno mogu preporučiti besplatne kurseve obuke.</p>
<p>Evo 33 lekcije koje će vam omogućiti da savladate html - <i><b><span>"Besplatan kurs o HTML-u"</span>
</b>
</i>.</p>
<p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_22-16-537x476.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<p>A evo i kompletnih informacija o css-u - <i><b><span>“Besplatan kurs o CSS-u (45 video lekcija!)”</span>
</b>
</i>.</p>
<p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_23-15.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<p>Sada znate malo više. Želim vam uspjeh u vašim nastojanjima. Vidimo se opet!</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>
<br>
</article>
<div class="wp_rp_wrap wp_rp_plain" id="wp_rp_first">
<div class="wp_rp_content">
<h3 class="related_post_title">Više o temi članka:</h3>
<ul class="related_post wp_rp">
<li data-position="0" data-post-type="none"><a href="https://mpbroker.ru/bs/samyi-luchshii-navigator-dlya-android-otzyvy-programmy-dlya-gps-navigacii-na.html" class="wp_rp_thumbnail"><img src="/uploads/61a6156fcd7cfbcdd3355925a8b1cef5.jpg" alt="Programi za GPS navigaciju na Androidu - šta odabrati?" width="215" height="150" / loading=lazy loading=lazy></a>
<a href="https://mpbroker.ru/bs/samyi-luchshii-navigator-dlya-android-otzyvy-programmy-dlya-gps-navigacii-na.html" class="wp_rp_title">Programi za GPS navigaciju na Androidu - šta odabrati?</a>
</li>
<li data-position="0" data-post-type="none"><a href="https://mpbroker.ru/bs/kak-uznat-parol-vkontakte-ot-svoei-stranicy-kak-uznat-parol-ot.html" class="wp_rp_thumbnail"><img src="/uploads/08b89d06c42dc8c91d3cf1b2d3894406.jpg" alt="Kako saznati lozinku sa tuđe VK stranice Saznajte lozinku za VK znajući broj telefona" width="215" height="150" / loading=lazy loading=lazy></a>
<a href="https://mpbroker.ru/bs/kak-uznat-parol-vkontakte-ot-svoei-stranicy-kak-uznat-parol-ot.html" class="wp_rp_title">Kako saznati lozinku sa tuđe VK stranice Saznajte lozinku za VK znajući broj telefona</a>
</li>
<li data-position="0" data-post-type="none"><a href="https://mpbroker.ru/bs/skachat-programmu-bloknot-dlya-windows-8-1.html" class="wp_rp_thumbnail"><img src="/uploads/a8f581e114960898381cc7bf73f299d5.jpg" alt="Preuzmite program notepad za windows 8" width="215" height="150" / loading=lazy loading=lazy></a>
<a href="https://mpbroker.ru/bs/skachat-programmu-bloknot-dlya-windows-8-1.html" class="wp_rp_title">Preuzmite program notepad za windows 8</a>
</li>
</ul>
</div>
</div>
</main>
<aside class="sidebar">
<div class="sidebar-wrap sidebar-wrap_front-page">
<div class="social-icon">
<a href="https://mpbroker.ru/bs/" class="vk">u kontaktu sa</a>
<a href="https://mpbroker.ru/bs/" class="ok">drugovi iz razreda</a>
<a href="https://mpbroker.ru/bs/" class="fb">drugovi iz razreda</a>
<a href="https://mpbroker.ru/bs/" class="tw">twitter</a>
<a href="https://mpbroker.ru/bs/" class="gp">google plus</a>
<a href="https://mpbroker.ru/bs/" class="yt">u kontaktu sa</a>
</div>
<nav class="section" id="category_sidebar">
<div class="section__title menu-title">Kategorije</div>
<ul id="menu-sbmenu" class="category-sidebar">
<li id="menu-item-"><a href="https://mpbroker.ru/bs/category/security/">Sigurnost</a></li>
<li id="menu-item-"><a href="https://mpbroker.ru/bs/category/recovery/">Oporavak</a></li>
<li id="menu-item-"><a href="https://mpbroker.ru/bs/category/for-beginners/">Za početnike</a></li>
<li id="menu-item-"><a href="https://mpbroker.ru/bs/category/internet/">Internet</a></li>
<li id="menu-item-"><a href="https://mpbroker.ru/bs/category/setting/">Postavke</a></li>
<li id="menu-item-"><a href="https://mpbroker.ru/bs/category/setting/">Postavke</a></li>
<li id="menu-item-"><a href="https://mpbroker.ru/bs/category/errors/">Greške</a></li>
<li id="menu-item-"><a href="https://mpbroker.ru/bs/category/preparation/">Priprema</a></li>
<li id="menu-item-"><a href="https://mpbroker.ru/bs/category/installation/">Instalacija</a></li>
<li id="menu-item-"><a href="https://mpbroker.ru/bs/category/devices/">Uređaji</a></li>
</ul>
</nav>
<nav class="sidebar-menu">
<ul id="menu-mobile" class="">
<li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://mpbroker.ru/bs/category/security/">Sigurnost</a></li>
<li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://mpbroker.ru/bs/category/recovery/">Oporavak</a></li>
<li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://mpbroker.ru/bs/category/for-beginners/">Za početnike</a></li>
<li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://mpbroker.ru/bs/category/internet/">Internet</a></li>
<li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://mpbroker.ru/bs/category/setting/">Postavke</a></li>
<li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://mpbroker.ru/bs/category/setting/">Postavke</a></li>
<li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://mpbroker.ru/bs/category/errors/">Greške</a></li>
<li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://mpbroker.ru/bs/category/preparation/">Priprema</a></li>
<li id="menu-item-4022" class="menu-item menu-item-type-taxonomy menu-item-object-category current-menu-item menu-item-4022"><span>Internet</span></li>
</ul>
</nav>
<div class="section" id="new_posts_sidebar">
<div class="section__title">Nedavni unosi</div>
<ul>
<li>
<img width="238" height="158" src="/uploads/4e7d36e1bcd679c231c1427d75467c2c.jpg" alt="Ne radi mi, VK se ne učitava - koji je razlog?" / loading=lazy loading=lazy>
<a href="https://mpbroker.ru/bs/pochemu-ne-zahodit-v-vk-vkontakte-vozmozhnye-prichiny-u-menya-ne-rabotaet.html" title="Ne radi mi, VK se ne učitava - koji je razlog?">Ne radi mi, VK se ne učitava - koji je razlog?</a>
</li>
<li>
<img width="238" height="158" src="/uploads/63968018d16e862d8cad902fbcd0e172.jpg" alt="Prekrasan kursor miša, kako ga instalirati na vaš računar Miševi za Windows 7" / loading=lazy loading=lazy>
<a href="https://mpbroker.ru/bs/krasivyi-kursor-myshi-kak-ego-ustanovit-na-kompyutere-krasivyi-kursor-myshi.html" title="Prekrasan kursor miša, kako ga instalirati na vaš računar Miševi za Windows 7">Prekrasan kursor miša, kako ga instalirati na vaš računar Miševi za Windows 7</a>
</li>
<li>
<img width="238" height="158" src="/uploads/716fae515d397f6a6e30fc3dc017d9f9.jpg" alt="Reset na fabričke postavke Samsung Galaxy S7" / loading=lazy loading=lazy>
<a href="https://mpbroker.ru/bs/samsung-s7-edge-sbros-nastroek-zavodskoi-sbros-samsung-galaxy-s7-instrukciya-kak.html" title="Reset na fabričke postavke Samsung Galaxy S7">Reset na fabričke postavke Samsung Galaxy S7</a>
</li>
<li>
<img width="238" height="158" src="/uploads/47149730402516221b210e9dcbb1dd3b.jpg" alt="(kako riješiti problem, upute)" / loading=lazy loading=lazy>
<a href="https://mpbroker.ru/bs/pochemu-smartfon-meizu-greetsya-i-sam-vyklyuchaetsya-kak-reshit-problemu.html" title="(kako riješiti problem, upute)">(kako riješiti problem, upute)</a>
</li>
<li>
<img width="238" height="158" src="/uploads/38ae717e0c8e61850974b5009222ec6c.jpg" alt="Dugme"Домой" на айфоне: где находится, как вывести на экран, что делать, если не работает Как убрать значок домой на айфоне" / loading=lazy loading=lazy>
<a href="https://mpbroker.ru/bs/chto-delat-esli-ne-rabotaet-knopka-home-v-iphone-knopka-domoi-na-aifone.html" title="Dugme"Домой" на айфоне: где находится, как вывести на экран, что делать, если не работает Как убрать значок домой на айфоне">Dugme za početnu stranicu na iPhone-u: gdje se nalazi, kako ga prikazati na ekranu, šta učiniti ako ne radi Kako ukloniti početnu ikonu na iPhone-u</a>
</li>
<li>
<img width="238" height="158" src="/uploads/11de98fb4c8c236b3f754f4007fd1e5a.jpg" alt="Vraćanje veze između čvrstog diska i računara Moj računar ne vidi čvrsti disk" / loading=lazy loading=lazy>
<a href="https://mpbroker.ru/bs/zhestkii-disk-ne-otobrazhaetsya-v-mo-m-kompyutere-vosstanovlenie-soedineniya.html" title="Vraćanje veze između čvrstog diska i računara Moj računar ne vidi čvrsti disk">Vraćanje veze između čvrstog diska i računara Moj računar ne vidi čvrsti disk</a>
</li>
<li>
<img width="238" height="158" src="/uploads/e8ec8a1455eba23418c724e83ba7b11a.jpg" alt="Ko je izmislio televiziju, stvaranje prve televizije u boji Gdje je izmišljena televizija" / loading=lazy loading=lazy>
<a href="https://mpbroker.ru/bs/kogda-v-sssr-poyavilos-televidenie-kto-izobrel-televizor.html" title="Ko je izmislio televiziju, stvaranje prve televizije u boji Gdje je izmišljena televizija">Ko je izmislio televiziju, stvaranje prve televizije u boji Gdje je izmišljena televizija</a>
</li>
<li>
<img width="238" height="158" src="/uploads/21ddd83426f852a27142280da03647ef.jpg" alt="Kako pronaći izgubljeni Android telefon" / loading=lazy loading=lazy>
<a href="https://mpbroker.ru/bs/gugl-mestopolozhenie-telefona-android-kak-naiti-uteryannyi.html" title="Kako pronaći izgubljeni Android telefon">Kako pronaći izgubljeni Android telefon</a>
</li>
<li>
<img width="238" height="158" src="/uploads/24506715e7e80a97dabc627458caf995.jpg" alt="Zašto aplikacija VKontakte ne radi?" / loading=lazy loading=lazy>
<a href="https://mpbroker.ru/bs/problemy-s-otkrytiem-soobshchenii-vkontakte-pochemu-ne.html" title="Zašto aplikacija VKontakte ne radi?">Zašto aplikacija VKontakte ne radi?</a>
</li>
<li>
<img width="238" height="158" src="/uploads/fe86728f345d2957a4c810aaf51e8fc9.jpg" alt="Kako ući u elektronski dnevnik preko državnih službi Prijavite se na elektronski dnevnik" / loading=lazy loading=lazy>
<a href="https://mpbroker.ru/bs/kak-voiti-v-elektronnyi-dnevnik-shkolnika-cherez-gosuslugi-kak-voiti-v.html" title="Kako ući u elektronski dnevnik preko državnih službi Prijavite se na elektronski dnevnik">Kako ući u elektronski dnevnik preko državnih službi Prijavite se na elektronski dnevnik</a>
</li>
</ul>
</div>
<div id="text-2" class="widget widget-container widget_text">
<div class="textwidget">
</div>
</div>
</div>
</div>
</aside>
</div>
<footer class="footer">
<a href="#respond">
<div class="ask-mobile">
<img src="https://mpbroker.ru/wp-content/uploads/2018/03/ask.png" / loading=lazy loading=lazy>
</div>
</a>
<div class="footer__descr">
<div class="footer__copyright">© 2024 | mpbroker.ru | Sigurnost. Postaviti. Internet. Oporavak. Instalacija</div>
<div class="footer__text">Sigurnost. Postaviti. Internet. Oporavak. Instalacija</div>
</div>
<div class="footer-bottons">
<a href="https://mpbroker.ru/bs/category/security/">
<div class="botton2"><span>Sigurnost</span></div>
</a>
<a href="https://mpbroker.ru/bs/category/recovery/">
<div class="botton2"><span>Oporavak</span></div>
</a>
<a href="https://mpbroker.ru/bs/category/for-beginners/">
<div class="botton2"><span>Za početnike</span></div>
</a>
</div>
<div class="footer-bottons1">
<a href="https://mpbroker.ru/bs/category/security/">
<div class="botton2"><span>Sigurnost</span></div>
</a>
<a href="https://mpbroker.ru/bs/category/recovery/">
<div class="botton2"><span>Oporavak</span></div>
</a>
<a href="https://mpbroker.ru/bs/category/for-beginners/">
<div class="botton2"><span>Za početnike</span></div>
</a>
</div>
<div class="footer-bottons1">
<a href="https://mpbroker.ru/bs/category/security/">
<div class="botton2"><span>Sigurnost</span></div>
</a>
<a href="https://mpbroker.ru/bs/category/recovery/">
<div class="botton2"><span>Oporavak</span></div>
</a>
<a href="https://mpbroker.ru/bs/category/for-beginners/">
<div class="botton2"><span>Za početnike</span></div>
</a>
</div>
<nav class="footer-nav">
<div class="socials">
<img class="social" src="https://mpbroker.ru/wp-content/uploads/2018/03/face.png" / loading=lazy loading=lazy>
<img class="social" src="https://mpbroker.ru/wp-content/uploads/2018/03/vk.png" / loading=lazy loading=lazy>
<img class="social" src="https://mpbroker.ru/wp-content/uploads/2018/03/odk.png" / loading=lazy loading=lazy>
<img class="social" src="https://mpbroker.ru/wp-content/uploads/2018/03/tvit.png" / loading=lazy loading=lazy>
</div>
<ul id="menu-footer" class="menu">
<li class="menu-item type-post_type object-page "><a rel="relnofollow" href="">O sajtu</a></li>
<li class="menu-item type-post_type object-page "><a rel="relnofollow" href="https://mpbroker.ru/bs/feedback.html">Kontakti</a></li>
<li class="menu-item type-post_type object-page "><a href="https://mpbroker.ru/bs/sitemap.xml">Mapa sajta</a></li>
</ul>
</nav>
<div class="footer__stat">
</div>
</footer>
</div>
<script type="text/javascript">
function getTopOffset(e) {
var y = 0;
do {
y += e.offsetTop;
} while (e = e.offsetParent);
return y;
}
var block = document.getElementById('fixblock'); /* fixblock - значение атрибута id блока */
if (null != block) {
var topPos = getTopOffset(block);
window.onscroll = function() {
var newcss = (topPos < window.pageYOffset) ?
'top:20px; position: fixed; width: 250px;' : 'position:static;';
block.setAttribute('style', newcss);
}
}
</script>
<script type='text/javascript'>
/* <![CDATA[ */
var tocplus = {
"smooth_scroll": "1",
"visibility_show": "\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c",
"visibility_hide": "\u0421\u043a\u0440\u044b\u0442\u044c",
"width": "100%"
};
/* ]]> */
</script>
<script type='text/javascript' src='https://mpbroker.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script>
<script type='text/javascript' src='https://mpbroker.ru/wp-content/plugins/wp-postratings/js/postratings-js.js?ver=1.85'></script>
</div>
</body>
</html> 