U početku će neki možda pomisliti da ovo uopće nije neophodan alat, ali pregledavanje cijelog HTML koda stranice je odlično za pronalaženje potrebnih elemenata u kodu, to mogu biti linkovi, tagovi, meta tagovi, atributi i drugi elementi .

Kombinacija prečica +otvorite prozor za pretragu, u Chrome pretraživaču se pojavljuje u gornjem desnom uglu:

Slika 3. Pretraživanje prema kodu stranice

Nakon što unesete zahtjev u obrazac za pretragu, ekran će se pomaknuti na prvi pronađeni element, pomoću strelica možete se kretati između njih i odabrati onaj koji vam je potreban:

Slika 4. Pretraživanje po HTML kodu stranice

Uputstvo 2: kako pregledati i urediti HTML i CSS kod stranice u pregledniku Google Chrome

Sada najvažniji dio, u kojem ću pokazati kako možete urediti HTML i CSS kod web stranice u pretraživaču. zatim prenesite promjene u pretraživač.

Ovaj korisni alat je uvijek dostupan u vašem pretraživaču, eksperimentirajte s drugim komandama koje će vam olakšati uređivanje vaše stranice.

Usluga SendPulse je marketinški alat za kreiranje baze pretplate i pretvaranje slučajnih posjetitelja vaše web stranice u redovne. SendPulse objedinjuje na jednoj platformi najvažnije funkcije za privlačenje i zadržavanje kupaca:
● e-mail bilteni,
● web push,
● SMS poruke,
● SMTP,
● bilteni u Viberu,
● slanje poruka na facebook messenger.

E-mail bilteni

Slanje Push obavještenja

SMTP

Facebook Messenger Botovi

Slanje SMS-a

Partnerski program

Veličina, boja nekih bitnih elemenata bloga – kao što je naslov bloga ili posta, oznaka više i slično. Traženi kod sam tražio ručno, eksperimentišući sa test domenom, na osnovu koje je kasnije napisan članak.

A nedavno sam morao promijeniti boju linkova. Pregledavši gomilu literature o ovoj temi, shvatio sam jednostavnu stvar: svako daje primjere iz svojih šablona, ​​ali svi imamo različite šablone i dobro je ako je kod iz primjera barem malo sličan: bez kukanja, I dalje ću ga pronaći pretraživanjem - metodom poke.

Broj nije funkcionirao s kodom veze. Svi su pokazivali potpuno različite puteve. Pitao sam se da li postoji jednostavan i precizan alat, kako pronaći potreban html kod na bilo kojoj web stranici. Mnogi blogeri, čak i sa iskustvom, imaju poteškoća sa malim modifikacijama šablona. U tome nema ništa loše, jer svako ima svoje interese i ciljeve za kreiranje web stranice.

Ako želite napraviti male promjene u šablonu, npr. promijeniti bilo koji naslov, nazive članaka i odjeljaka, boju i veličinu fontova i linkova, Obično je dovoljno naučiti jednostavan princip o kojem se govori u ovom članku. Ali postoje i složeni slučajevi koji zahtijevaju ili dublje proučavanje html-a i css-a, ili pomoć stručnjaka.

Jednog dana me je poznanik zamolio da pronađem gdje da promijenim boju panela kategorija u njegovom šablonu. Otpremljena tema na testnu poddomenu. Postavke za ovaj element nisu pohranjene u style.css, već u drugom fajlu, tako da ga osoba nije mogla pronaći.

Kako pronaći i promijeniti html i css kod stranice

Ako ne volite dugačke članke, ovo je za vas na kraju članka video tutorijal koji govori kako možete vidjeti html kod web stranice koristeći Notepad++ i napraviti promjene u dizajnu bilo kojeg predloška koristeći primjer kako promijeniti boju fonta. U videu postoje i druge suptilnosti rukovanja blogom. A za one kojima je tekst bliži i razumljiviji, u nastavku je detaljna analiza teme sa snimcima ekrana.
httpv://youtu.be/uIlVvwCt2ho

Termini i koncepti

Tačnije bi bilo nasloviti članak “ Kako pronaći css kod“, ali sam odlučio da idem s “pogrešnim” imenom, jer se u osnovi odgovor na ovo pitanje nalazi u html-u. CSS i HTML su veoma različite stvari, iako su dva dela istog sistema. Na internetu postoji mnogo tehničkih članaka, ovdje će nam biti dovoljno da shvatimo da:

• HTML— odgovoran je za strukturu stranice (šta slijedi šta, kojim redoslijedom itd.). Ovo je osnova na kojoj je sajt kreiran. Ako je uporedimo sa kućom, onda je ovo njen raspored, raspored prostorija.
• CSS— odgovoran je za dizajn (koji fontovi, veličine, boje itd.). Ovo je opći stil kuće i stil njenih pojedinačnih prostorija: kakve će tapete biti, lampe, zavjese, namještaj. Dakle, dokument koji navodi css kodovi, pod nazivom "style sheet"

A ako se pitate kako promijeniti, na primjer, boju naslova stranice, veličinu fonta u tekstovima ili boju zaglavlja na bočnoj traci, onda morate sve to potražiti u CSS stilu. Ovo je jedina stvar koju prvo vrijedi razumjeti kako biste sami izvršili promjene u kodu.

Volim da kompleks činim jednostavnim. Sećam se davno, kada sam imao svoj prvi auto, bio je veoma star, žice su bile pokvarene, osigurači su često pregoreli i svaki put sam ga vukao u servis. Zamislite koliko je novca potrošeno, unatoč činjenici da njegova zamjena, kako se ispostavilo, košta peni.

Jednog dana sam pogledao šta tačno majstor radi. Još uvijek ne znam kako radi osigurač. Ali znam gde da ga promenim). Ne bih sam popravljao motor, a nije teško zamijeniti osigurač. Isto je i sa web stranicama.

Ako ne želite da postanete programer, onda nema potrebe da imate duboko razumevanje programiranja. Dovoljno je jasno da se razume šta je za šta namenjeno, gde to tražiti i kako to promeniti. Bolje je promijeniti ono što možete sami, a sve ostalo prepustite stručnjacima. Članak o ima korisnu vezu na ovu temu.

Trebate li biti stručnjak za sve?

Često se na SEO blogovima vode rasprave o tome da li početnik treba da ima dublje razumijevanje HTML-a, ili još bolje da nauči kako sami pisati web stranice da sve bude jedinstveno.. Pa ne znam - svakom svoje, a ovde šta je kome bliže je bliže. Zanima me malo više, pa sada učim više od Vladimira. U novembru ove godine Vladimir je otvorio svoj blog. Njegov blog je napravljen na najjednostavnijem, besplatnom šablonu, samo ga je malo modificirao kako bi sebi odgovarao.

Nakon 10 dana postojanja, blog je zauzeo 104. mjesto na ljestvici svih Runet stranica sa prometom od oko 1,5 hiljada ljudi dnevno. Za 10 dana. Pa šta je bilo? Vladimir je dobro upućen u HTML i može sebi naručiti i kupiti jedinstveni šablon. Morate to shvatiti Tajna nije u šablonima, već u korisnosti informacija.

Gdje je skriven html kod?

Oprostite na digresiji, vratimo se našim kodovima). Recimo da želite promijeniti boju fonta naslova vašeg bloga. Pogledajmo primjer mog testnog mjesta.

1. Otvorite stranicu u pregledniku Google Chrome (ako ga još ne koristite, instalirajte ga - dobro je dizajniran za rad sa web stranicama, ima puno ugrađenih alata).
2. Pomeramo kursor miša preko elementa koji ćemo promeniti . U ovom slučaju - naziv bloga. Desnom tipkom miša kliknemo na njega i u prozoru koji se pojavi izaberemo PRIKAZ KOD ELEMENTA.

VAŽNO: nemojte ovo brkati sa PREGLEDOM KODOVA STRANICE! Sada nam ne treba cijela stranica, samo poseban element.

Kliknite na njega - na dnu pretraživača će se pojaviti prozor za pregled koda:

Red koda koji mijenjamo je označen crvenom bojom.

Ali područje označeno plavom bojom sadrži ono što tražimo. Ovdje možete pronaći tačan (ne približan) red koda koji je odgovoran za fontove, boju, veličinu, isticanje itd. Na ovaj način možete saznati BILO KOJI kod bilo kojeg elementa bilo kojeg predloška.

Pronađite željenu liniju u bloku označenom plavom bojom. Sa desne strane se nalazi klizač, možete se pomicati i pronaći liniju koja vam je potrebna.

Opšti princip gdje tražiti stvari:

Naziv fonta - u liniji FONT FAMILY

Veličina fonta - u liniji FONT SIZE

Boja fonta - u liniji COLOR

Evo tri glavne linije u kojima se mijenja naziv, veličina i boja fonta bilo kojeg elementa. Desno u liniji stila css je dat položaj linije u dokumentu. Ako treba da promenite neki drugi element (na primer, morate da saznate gde se nalazi linija gde možete promeniti boju meni bara ili boju linkova), sve se radi potpuno isto.

PAŽNJA:

Linija koju ćemo kopirati je na slici označena crvenom bojom,

tako da ga kasnije možete pronaći u listi stilova.

4. Kopirajte liniju. Pošto u ovom primeru želimo da promenimo boju naziva sajta, kopiram liniju označenu crvenim pravougaonikom na drugoj slici. U mom predlošku, odgovoran je za promjenu boje naslova stranice:

#header h1 a, #header h1 a:visited (

Pronađite potrebnu liniju u datoteci “style sheet (style.css)”. Ovo je već urađeno u admin panelu. Snažno tražim da se, iako nema povjerenja i potpunog razumijevanja, svi eksperimenti izvode na testnoj poddomenu kako bi se isključili .

Dakle, idite na admin panel: KONZOLA - IZGLED - UREDNIK. U desnoj bočnoj traci nalazimo datoteku STYLE TABLE (STYLE.CSS), otvorite je.

Sada otvorite liniju za pretragu pomoću tipki CTRL + F: u gornjem prozoru će se pojaviti prazan linijski prozor. U njega zalijepimo liniju koju smo kopirali u koraku 4.

I vidjet ćete kako će ova linija biti istaknuta u stilu (narandžasto na slici):

Vršimo promjenu elementa. U našem slučaju mijenjamo boju fonta, tako da u liniji COLOR zamjenjujemo drugu vrijednost - boju koju želimo. U primjeru, boja je crna, njeno značenje je:

Možete odabrati boju u bilo kojoj usluzi web palete boja: upišite “Web paleta boja” u tražilicu i odaberite onu koju želite. Odaberemo boju, kopiramo njenu digitalnu vrijednost i pažljivo je zamijenimo starom. nakon čega kliknemo UPDATE FILE i idemo da vidimo šta se dogodilo.

Ako se promjene ne prikažu, za prošli sat i ponovo idite na stranicu - ovaj put bi sve trebalo biti prikazano.

Dugo se opisuje, ali u praksi se sve radi brzo, pogotovo kada se pojavi početna vještina.

Detaljnije, kako promijeniti određene elemente:

To je sve za danas, neću vas više gnjaviti šiframa. Nadam se da sada i sami možete lako pronaći i promijeniti bilo koji element html koda, odnosno css koda - neka mi stručnjaci oproste što sam ga pojednostavio. A ako ne shvatite, ipak posjetite stranicu. Ne gubite vrijeme na gluposti.

Predlažem da pogledate video Artema Abramoviča o tome kako pretražiti i pronaći bilo koju riječ ili element u bilo kojoj temi/predlošku, za bilo koji motor (wordpress, joomla, itd.) i zamijeniti ga onim što vam treba:

Molimo podijelite ako vam se svidjelo:

Možda će vas zanimati i sljedeće:

Uputstva

Koristeći pretraživač, idite na lokaciju na kojoj želite da promenite HTML kod. Da biste to učinili, unesite adresu resursa u adresnu traku vašeg pretraživača ili koristite neki od internet pretraživača.

Otvori kod stranice za pregled. U zavisnosti od pretraživača koji koristite, morate odabrati odgovarajuću stavku menija. U Operi da pogledate original kod i koristite “Pregled” - “Alati za razvoj” - “Izvor” kod" U Google Chrome-u ova funkcija je dostupna u odjeljku "Alati" - "Prikaži izvor". kod" Ako koristite Mozilla Firefox, kliknite na tipku "Meni" - "Web development" - "Izvor" kod stranice." Ovisno o postavkama vašeg pretraživača, HTML kodće se otvoriti u novoj kartici ili prozoru.

Uredite prikazano kod. U Firefoxu i Chromeu, da biste uredili dokument, prvo ga morate spremiti na svoj tvrdi disk (Datoteka - Sačuvaj stranicu kao).

Nakon što izvršite sve izmjene, sačuvajte stranicu pomoću dugmeta „Sačuvaj“. Dokument je učitan. Možete ga sami promijeniti koristeći bilo koji uređivač teksta.

Da biste spremili potpunu kopiju stranice sa svim slikama, idite na resurs koji vam je potreban i odaberite izbornik "Datoteka" - "Spremi kao". U prozoru koji se pojavi odaberite vrstu dokumenta "HTML datoteka sa slikama".

Korisni savjeti

Za vizuelno uređivanje HTML-a, postoji mnogo uređivača koji obezbeđuju isticanje sintakse i automatski zamenjuju deskriptore koji nedostaju. Jedan od najmoćnijih alata za web programere je Macromedia Dreamweaver. Kao alternativa, postoji lakša naslovna stranica. Ako vam nije potrebno vizuelno otklanjanje grešaka i samo je potrebno podvlačenje i bojenje sintakse, možete koristiti lakši, ali moćniji uređivač Notepad++.

Izvori:

• kako promijeniti izvorni kod

Od odgovora na pitanje “Kako da nazovem članak?” zavisi ne samo od broja ljudi koji ga pročitaju, već i, bez pretjerivanja, od reputacije čitave stranice na kojoj je postavljena. Uostalom, svaki članak je mali potez u cjelokupnoj slici resursa, a kombinacija mnogih pojedinačnih poteza stvara jedinstvenu sliku cijele stranice.

Uputstva

Bolje je ostaviti naslov za kasnije, kada sam tekst bude spreman. Prilikom pisanja, ovo će vam omogućiti da ne ograničite let misli na okvire uspostavljene naslovom. Imajući gotov tekst pred očima, lakše je odrediti naslov koji najbolje odražava sve nijanse članka. Ponovo pročitajte gotov tekst, mentalno formulirajte suštinu teksta u nekoliko sažetih fraza.

Ovisno o publici stranice, odabiremo predložak članka. Očigledno, blistavi naslovi nisu prikladni za članke, na primjer, o pravnim temama. S druge strane, ozbiljan naslov za lagani materijal će uplašiti procenat potencijalnih čitalaca. Postoji mnogo predložaka za naslove članaka, na primjer:

Intrigantno pitanje ("Znate li to...?")

Pitanje koje počinje riječju "kako?" ("Kako da nazovem članak?")

Obraćanje publici ("Samo studenti...")

Rečenica-izjava („Jezerce na dachi – mir uma“)

Ponuda-garancija (“Garantirana metoda...”)

Poticaj na akciju ("Ostvarite popust...")

Naravno, naslovi članaka nisu ograničeni na ovu listu šablona.

Izrađujemo nekoliko varijanti imena koristeći odabrane šablone. Zatim odsiječemo one neuspješne i ostavljamo one koji:

Najtačnije odražava suštinu članka

Relevantno za interese publike

Izvori:

• Denis Kaplunov. Besplatna majstorska klasa pisanja naslova
• naslov članka

HTML (HyperText Markup Language) instrukcije se šalju od strane web servera na zahtjev pretraživača posjetitelja stranice i sadrže potpune informacije o tome šta i kako pretraživač treba da prikaže posjetitelju ove stranice. Danas se ove upute najčešće generiraju skriptama na strani servera, umjesto da se spremaju u datoteke. Ako se ipak pojavi potreba za uređivanjem HTML koda, a ne skripti koje ga formiraju, onda se to može učiniti pomoću različitih alata.

Uputstva

Koristite uređivač sistema za upravljanje sadržajem da uredite izvorni HTML kod. Da biste to učinili, nakon učitavanja željenog u uređivač, potrebno ga je prebaciti iz vizualnog moda (koji se ponekad naziva WYSIWYG mod) u HTML mod za uređivanje. Radeći ovo, doći ćete direktno do uputstava ("tagova") jezika za označavanje. Međutim, koristeći vizualni način rada, također mijenjate HTML oznake, čineći to u uređivaču stranica.

Koristite bilo koji uređivač teksta da napravite promjene u HTML kodu stranica ako vaš nema instaliran kontrolni sistem. Datoteke koje pohranjuju ovaj kod razlikuju se od običnih tekstualnih datoteka samo po ekstenziji, a format snimanja tačno odgovara formatu datoteka sa ekstenzijom txt. Stoga se bilo koji uređivač teksta koji može raditi sa txt datotekama također može koristiti za uređivanje HTML koda.

Instalirajte specijalizirani uređivač HTML koda ako planirate prilično redovno raditi izgled stranice. Takvi se programi značajno razlikuju od običnih uređivača teksta i od uređivača instaliranih u kontrolama. Na primjer, imaju funkcije “kontekstualnog savjeta”, odnosno kada počnete kucati HTML tag, uređivač vam nudi najprikladnije opcije, što značajno ubrzava kucanje, smanjuje broj grešaka u kucanju i pomaže vam da brzo savladate sintaksu jezik. Osim toga, takvi programi mogu formatirati i obojiti uneseni kod, tražiti greške u sintaksi i provjeriti usklađenost sa utvrđenim standardima. Mnoge specijalizirane aplikacije ove vrste imaju vizualno uređivanje i način pregleda stranice, mogu učitati kreirane stranice na , sinkronizirati lokalne i udaljene verzije HTML stranica i još mnogo toga.

Izvori:

• kako urediti web stranicu

Nije dovoljno napisati dobar članak za stranicu, potrebno je i smisliti pravi naslov. Trebalo bi istovremeno odražavati značenje članka i osigurati da ga korisnik može brzo pronaći u tražilici. Da biste saznali koji će naslov biti uspješan, pogledajte statistiku tražilice.

Trebaće ti

• - kompjuter
• - pristup internetu

Uputstva

Neka naslov bude uspješan u smislu optimizacije za tražilice, neka sadrži ključne riječi. Saznajte koje riječi i fraze korisnici traže u pretraživačima. Da biste to učinili, pogledajte statistiku zahtjeva. Na primjer, u Yandexu to se može učiniti na stranici wordstat.yandex.ru. Na primjer, pogledate statistiku za riječ “novac” i vidite da je bilo 3.613.993 prikaza mjesečno. To znači da se toliko puta pojavio u rezultatima pretraživanja Yandexa, uključujući različite fraze. Ako vas zanima koliko su puta ljudi tražili samu riječ "novac", upišite je pod navodnicima i uzvičnik na početku: "!novac".

Ako imate malo iskustva u SEO-u i sadržaju web stranice, promovirajte članke koristeći niskofrekventne upite. Visokofrekventni uključuju, na primjer, ovaj: "Kako zaraditi novac." Ova fraza je pretražena mnogo puta tokom meseca, i biće vam teško da se izborite sa konkurencijom, jer... malo je vjerovatno da ćete se pojaviti na prvim stranicama pretrage, a da ne spominjemo TOP. Istovremeno, fraza "Kako zaraditi novac za stan" ukucana je samo 146 puta u mjesecu, tako da ako pišete o ovoj temi, imat ćete dobre šanse da dobijete dostojno mjesto u pretrazi.

Nemojte kreirati naslove za upite koji su premali. Čak i ako ste u vrhu po frazi koju ste tražili dva puta mjesečno, i dalje nećete dobiti mnogo posjetitelja. Ali ako mislite da je tema obećavajuća (na primjer, radi se o nekom novom spravicu), onda je možete isprobati. Također je dobro koristiti naslove koji uključuju ključnu riječ ili frazu (koji počinju njome), ali su jedinstveni.

Učinite naslov stranice zanimljivim. Dobro je ako uključuje rješavanje problema i ako je kratak i koncizan. Naučite da unesete maksimalno značenje u minimum riječi. Obavijestite korisnika da vaš članak sadrži korisne informacije.

Pokušajte naslovu dodati intrigu, na primjer preispitujući konvencionalnu mudrost, igrajući se na kontrastima, itd. Pažnju privlače i riječi “kako”, “zašto”, “zašto”.

Video na temu

Korisni savjeti

Učinite svoje naslove konkretnijim ako pišete o određenom fenomenu ili brendu, spomenite ga. Ovo povećava vjerovatnoću da će vaša ciljna publika doći do vaše web stranice.

Uputstva

Kada spomenete web lokaciju u tekstu koji se nalazi na drugom resursu, koristite sljedeću konstrukciju u HTML-u: Vodič za fotografiranje mačaka. U ovom slučaju, naziv stranice će biti istaknut bojom, au nekim pretraživačima će biti i podvučen. Kada na nju pomaknete strelicu miša, adresa će se prikazati u donjem lijevom kutu pretraživača, a ako kliknete na link, slijediće se - ovisno o postavkama pretraživača, u istoj ili drugoj kartici.

Također možete osigurati da se, osim naziva stranice, u tekstu prikazuje i njen URL, čak i kada se na njega ne dovede strelica miša. Da biste to učinili, koristite drugu konstrukciju:

Vodič za fotografisanje mačaka: http://site.domain

Ako ne želite da kliknete na vezu da biste je pratili, nemojte uopće koristiti HTML oznake, na primjer, ovako:

Vodič za fotografisanje mačaka: http://site.domain

HTML kod je programski kod koji određuje kako će elementi (tekst, slike, video zapisi, itd.) biti raspoređeni na Internet stranici. HTML jezik je prilično lak za razumevanje, ali se stalno poboljšava i dopunjuje novim funkcijama.

Šta je HTML kod?

Markup se odnosi na određena pravila i svojstva koja su dodijeljena elementima stranice. Implementiraju se u obliku tzv. oznaka. Na primjer, da biste označili da određeni tekst na stranici treba biti centriran, možete ga označiti središnjom oznakom. Možete vidjeti HTML kod određene stranice kroz kontekstni meni. Na primjer, da biste pristupili ovom kodu u Firefox pretraživaču, potrebno je da kliknete desnim tasterom miša unutar stranice i odaberete “Izvorni kod stranice”.

Kako funkcionira HTML kod?

Koje su vrste oznaka?

HTML ograničenja

Šta privlači pažnju čitaoca (korisnika) na stranici štampane ili onlajn publikacije?

• Slika


• Naslov


• Podnaslov


• Potpis ispod slike ili fotografije

Koliko god da je tužno, ljudi ne žele da čitaju, nemaju vremena, jer im se beskrajno žuri da negde stignu. Ali ako ste autor (novinar, bloger, freelancer, pisac vijesti, pisac), želite čitatelju prenijeti svoja razmišljanja, zaključke, viziju problema itd. Kako osigurati da čitalac ne preskoči vašu bilješku? Kako naslov učiniti primamljivim, tako da želite dublje ući u članak?

1. Koristite glagolske oblike u svojim naslovima.

Na primjer: "Gdje uložiti novac", "Kako napraviti kućni komplet prve pomoći", "Putinov novi dekret".

2. Princip novine.

Naslovi poput “Proljeće je vrijeme za brige” su moralno zastarjeli. Neka ih koriste “birokratske” novine i časopisi. Naslov treba da saopštava nešto novo, nešto što je nepoznato i što će se detaljnije otkriti u tekstu beleške. Na primjer, bolji naslov bi bio: „Proljetne brige neće omogućiti poljoprivrednicima da se odmore.“

3. Metafora, slikovitost, oksimoron, neobičnost u naslovu dat će priliku da se članak pročita. Koristite oštra poređenja, epitete i semantičke naglaske određenih slova. Glavna stvar je ne pretjerivati ​​sa sredstvima izražavanja. Sve bi trebalo biti umjereno.

4. Čitaocu (korisniku) je važna praktičnost. Naslovi koji su nejasni, beznačajni ili suviše opšti će ostaviti članak bez pažnje. Zašto da čitam tekst? Šta će mi to dati u praktičnom smislu? Šta ću od toga oduzeti? Hoće li mi ovo iskustvo biti od koristi? Ako čitalac pronađe odgovore na ova pitanja na nivou naslova, a ne teksta, onda će članak biti pročitan.