› › Google Chrome – nástroje pro webmastery. Jak otevřít zdrojový kód stránky

Google Chrome – nástroje pro webmastery. Jak otevřít zdrojový kód stránky

Když si prohlédnete nespočet stránek na internetu, můžete narazit na takové, které se nám opravdu líbí. Okamžitě vyvstává řada otázek. Byl web vytvořen pomocí domácího kódu nebo nějakého CMS? Jaké má CSS styly? Jaké jsou jeho meta tagy? A tak dále.

Existuje mnoho nástrojů, které lze použít k získání informací o kódu webové stránky. Pravé tlačítko myši ale máme vždy po ruce. To je to, co použijeme, jako příklad použijeme můj web.

Jak zobrazit kód stránky?

Chcete-li zobrazit zdrojový kód stránky webu, musíte najet myší na jakoukoli oblast webové stránky (kromě obrázků a odkazů). Poté klikněte pravým tlačítkem myši. Otevře se před námi okno s několika možnostmi (v různých prohlížečích se mohou mírně lišit). V prohlížeči Google Chrome jsou to například tyto příkazy:

  • zadní;
  • vpřed;
  • restartovat;
  • uložit jako;
  • pečeť;
  • překládat do ruštiny;
  • zobrazit kód stránky;
  • zobrazit kód.

Musíme kliknout zobrazit kód stránky, a otevře se před námi html kód stránky webu.

Zobrazení kódu stránky: na co si dát pozor?

Html kód stránky je tedy očíslovaný seznam řádků, z nichž každý nese informaci o tom, jak je tento web vytvořen. Abyste se rychle naučili rozumět tomuto obrovskému množství znaků a speciálních symbolů, musíte rozlišovat mezi různými částmi kódu.

Například řádky kódu uvnitř značky head obsahují informace pro vyhledávače a webmastery. Nejsou zobrazeny na webu. Zde vidíte, na jaká klíčová slova je tato stránka propagována, jak je napsán její název a popis. Také zde naleznete odkaz, pomocí kterého se dozvíme o rodině písem Google používaných na webu.

Pokud je web vytvořen na CMS WordPress nebo Joomla, bude to zde také vidět. Tato oblast například zobrazuje informace o tématu WordPress nebo šabloně webu Joomla. Můžete to vidět přečtením obsahu odkazů zvýrazněných modře. Jeden odkaz zobrazuje šablonu webu.

Například:

//fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C400italic%2C600&ver=4.5.3

Uvidíme CSS styly písem stránky. V tomto případě je použito písmo. To lze vidět zde - rodina písem: 'Source Sans Pro'.

Tato stránka je optimalizována pomocí pluginu Yoast SEO. To lze vidět z této komentované části kódu:

Tento web je optimalizován pomocí pluginu Yoast SEO v3.4.2 – https://yoast.com/wordpress/plugins/seo/

Všechny informace obsažené uvnitř značky body jsou zobrazeny prohlížečem na obrazovce monitoru. Zde vidíme html kód stránky a úplně dole je kód skriptu Yandex Metrics. Je obklopena komentovanou značkou s textem:

/Počítadlo Yandex.Metrika

Pojďme si to shrnout

Po provedení poměrně povrchní analýzy kódu hlavní stránky webu můžeme vyvodit závěr o tom, s jakými nástroji byla tato stránka vytvořena. Viděli jsme na něm:

  • CMS WordPress;
  • Font Google Source Sans Pro;
  • Téma WordPress – Sydney;
  • pluginy Yoast;
  • Počítadlo metrik Yandex.

Nyní je princip analýzy html kódu webové stránky zcela jasný. Není vůbec nutné mít v prohlížeči otevřenou stránku, kterou zkoumáte. Kód stránky můžete uložit do počítače pomocí kombinace kláves ctrl+a, ctrl+c, ctrl+v. Vložte jej do libovolného textového editoru (nejlépe Notepad++) a uložte s příponou html. Tímto způsobem jej můžete kdykoli hlouběji prostudovat a najít pro sebe další užitečné informace.

Možnost „zobrazit zdroj stránky“ byla pro mě dlouho zbytečná a nezajímavá. Učení HTML na Codecademy a navrhování vlastních webových stránek se zatím v můj nový koníček nerozrostlo. Zde vyvstala otázka: kde najít skutečné případy a půjčit si zajímavá řešení pro své „prasátko“? Odpověď byla nečekaně jednoduchá, jako všechny důmyslné věci: podívejte se na zdrojový kód stránky v Google Chrome! Podělím se s vámi o své skromné ​​nálezy.

Jaký je zdrojový kód stránky

Pokud stejně jako já právě děláte první krůčky v programování HTML, bylo by dobré zjistit, jaký je zdrojový kód stránky.

Zdrojový kód, také známý jako kód stránky HTML, je text v jazyce HTML (Hyper Text Markup Language). Zahrnuje skutečný obsah stránky (text, tabulky) a značky. Ty slouží jako pokyny pro prohlížeč: jak zobrazit obsah, jaký typ formátování použít, kam vložit hypertextový odkaz nebo mediální soubor. No, pro nás, začínající programátory, je zdrojový kód tím nejlepším cvičištěm: najdeme zajímavý web a špehujeme ho, uložíme a použijeme úspěšné fragmenty. Jak?

Jak zobrazit zdrojový kód na stránce prohlížeče Google Chrome

Najděte stránku, která se vám líbí. Zaujal mě například design menu stránek. Existují tři způsoby, jak otevřít zdrojový kód v prohlížeči Google Chrome:

  1. Klikněte na ikonu menu v pravém horním rohu prohlížeče a vyberte „Další nástroje“. Mimo jiné je zde možnost „Zobrazit zdrojový kód“. Upřímně řečeno, tuto metodu používám jen zřídka: je tam spousta zbytečných pohybů. Dá se to udělat ještě jednodušší.
  2. Stiskněte kombinaci kláves Ctrl+U– otevře se nové okno se zdrojovým kódem;
  3. Pro fanoušky kontextového menu: klikněte pravým tlačítkem myši na stránku a vyberte možnost „Zobrazit kód stránky“.

Poradili jsme si s úkolem zobrazit HTML kód stránky v prohlížeči. Přejděme k nejzajímavější fázi.

Jak upravit a uložit zdrojový kód

K tomu, abyste se naučili vytvářet webové stránky, nestačí číst cizí HTML kód. Je potřeba si s tím hrát, experimentovat, provádět změny a kontrolovat výsledek. Můžete dokonce začít sestavením několika úspěšných vzorků. Jak upravit a uložit zdrojový kód?

Možnost 1. „Ručně“

Poté, co jsme otevřeli zdrojový kód stránky, vyvolejte kontextovou nabídku a vyberte možnost „Uložit jako“ a uložte soubor na pevný disk. Soubor upravíme v programu Poznámkový blok nebo Poznámkový blok, uložíme změny a otevřeme jej prostřednictvím prohlížeče. Výsledky našich změn (úspěšných i ne tak úspěšných) se projeví v okně prohlížeče.

Možnost 2. Pro profesionály

Když si každý den „hrajete“ se zdrojovým kódem, proces „uložit – otevřít – změnit – uložit – zkontrolovat“ unavuje. Pro sebe jsem našel řešení v podobě instalace pluginu pro Google Chrome – Firebug Lite. Umožňuje upravovat a ukládat zdrojový kód, aniž byste museli opustit okno prohlížeče.

Ctrl+U

Jak mohu zobrazit zdrojový kód prvku?

Klikněte pravým tlačítkem na prvek stránky, který vás zajímá.

Google Chrome: "Zobrazit kód prvku"

Opera: "Kontrola prvku"

FireFox: "Analyzovat prvek"

V jiných prohlížečích vyhledejte položku nabídky s podobným významem.

Ahoj všichni!

Speciálně jsem celou pointu rozložil na začátku článku, pro ty, kteří hledají rychlou odpověď.

Tyto informace mohou být mnohým známy, ale protože píšu pro začínající blogery, webové programátory a další prospektory, tento referenční článek je nutností.

V budoucnu si určitě prostudujete zdrojový kód stránek a jednotlivých prvků.

Podívejme se na konkrétní příklad, jak lze využít prohlížení zdrojového kódu stránky.

Chceme například vidět, jaká klíčová slova se používají pro konkrétní stránku. Přejdeme na webovou stránku, která nás zajímá, a stiskneme Ctrl+U. Zdrojový kód této stránky se otevře v samostatném okně nebo na samostatné kartě. Stiskněte Ctrl+F k vyhledání úryvku kódu. V tomto případě zadáme slovo „ klíčová slova“. Budete automaticky přesměrováni na část kódu s touto metaznačkou a hledané slovo bude zvýrazněno.

Analogicky můžete vyhledávat a studovat další fragmenty kódu.

Prohlížení celého zdrojového kódu stránky není ve většině případů příliš pohodlné, takže ve všech prohlížečích je možné zobrazit kód jednotlivého prvku nebo fragmentu.

Použijme konkrétní příklad zobrazení kódu prvku. Podívejme se například, zda má odkaz atribut nofollow. Klikneme pravým tlačítkem na odkaz, který nás zajímá a v rozevíracím kontextovém menu klikneme levým tlačítkem na položku "Zobrazit kód prvku" nebo podobně (v závislosti na vašem prohlížeči). Níže ve speciálním okně pro analýzu kódu dostaneme něco podobného.

Vidíme, že kód odkazu obsahuje rel=”nofollow” . To znamená, že PR přes tento odkaz „nepronikne“. O tom si povíme podrobněji v následujících článcích. Nyní je důležité, že nyní víte, jak zobrazit zdrojový kód stránky a zdrojový kód jednotlivého prvku.

Pokud otevřete jakoukoli webovou stránku, bude obsahovat typické prvky, které se nemění v závislosti na typu a zaměření webu. Příklad 4.1 ukazuje kód pro jednoduchý dokument obsahující základní značky.

Příklad 4.1. Zdrojový kód webové stránky

Příklad webové stránky

Záhlaví

První odstavec.

Druhý odstavec.



Zkopírujte obsah tohoto příkladu a uložte jej do složky c:\www\ jako example41.html. Poté spusťte prohlížeč a otevřete soubor pomocí položky nabídky Soubor > Otevřít soubor (Ctrl+O). V dialogu pro výběr dokumentu vyberte soubor example41.html. V prohlížeči se otevře webová stránka zobrazená na obr. 1. 4.1.

Rýže. 4.1. Výsledek spuštění příkladu

Živelje určen k označení typu aktuálního dokumentu - DTD (definice typu dokumentu, popis typu dokumentu). To je nutné, aby prohlížeč pochopil, jak interpretovat aktuální webovou stránku, protože HTML existuje ve více verzích, navíc existuje XHTML (EXtensible HyperText Markup Language), který je podobný HTML, ale liší se od něj syntaxí. Aby se prohlížeč „nezpletl“ a pochopil, podle jakého standardu má webovou stránku zobrazovat, je nutné v prvním řádku kódu nastavit .

Existuje několik typů, liší se v závislosti na verzi HTML, na kterou cílí. V tabulce 4.1. Jsou uvedeny hlavní typy dokumentů s jejich popisy.

Tabulka 4.1. Platné DTD
DOCTYPE Popis
HTML 4.01
Přísná syntaxe HTML.
Přechodná syntaxe HTML.
HTML dokument používá rámce.
HTML 5
Tato verze HTML má pouze jeden doctype.
XHTML 1.0
Přísná syntaxe XHTML.
Přechodová syntaxe XHTML.
Dokument je napsán v XHTML a obsahuje rámce.
XHTML 1.1
Vývojáři XHTML 1.1 očekávají, že postupně nahradí HTML. Jak vidíte, tato definice nemá žádné rozdělení na typy, protože syntaxe je stejná a řídí se jasnými pravidly.

Rozdíl mezi přísným a přechodným popisem dokumentu je odlišný přístup k psaní kódu dokumentu. Strict HTML vyžaduje přísné dodržování HTML specifikace a je neúprosné k chybám. Transitional HTML je o některých chybách v kódu uvolněnější, proto je v určitých případech vhodnější použít tento typ.

Například v přísných HTML a XHTML je přítomnost značky vyžadována a v přechodném HTML jej lze vynechat a nespecifikovat. Zároveň si pamatujeme, že prohlížeč zobrazí dokument v každém případě, bez ohledu na to, zda odpovídá syntaxi nebo ne. Tato kontrola se provádí pomocí validátoru a je určena především vývojářům ke sledování chyb v dokumentu.</p> <p>V budoucnu budeme používat hlavně přísné<!DOCTYPE>, pokud není uvedeno jinak. To nám umožní vyhnout se běžným chybám a naučí nás psát syntakticky správný kód.</p> <p>Často můžete najít HTML kód bez použití jakéhokoli<!DOCTYPE>, webová stránka se v tomto případě stále zobrazí. Může se však stát, že se stejný dokument zobrazí v prohlížeči při použití jinak<!DOCTYPE>a bez toho. Prohlížeče si navíc mohou takové dokumenty zobrazovat po svém, v důsledku toho se stránka „rozpadne“, tzn. se zobrazí úplně jinak, než požaduje vývojář. Abyste takovým situacím předešli, vždy přidávejte<!DOCTYPE>na začátek dokumentu.</p><p>Štítek <html>definuje začátek souboru HTML, v něm je uložena hlavička ( <head>) a tělo dokumentu ( <body> ).</p><p>Název dokumentu, nazývaný také blok <head>, může obsahovat text a značky, ale obsah této sekce není přímo zobrazen na stránce, s výjimkou kontejneru <title> .</p><p> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </p><p>Štítek <meta>je univerzální a přidává celou třídu schopností, zejména pomocí meta tagů, jak se tento tag obecně nazývá, můžete měnit kódování stránky, přidávat klíčová slova, popis dokumentu a mnoho dalšího.</p><p> <title>Příklad webové stránky

Štítek určuje název webové stránky je to jeden z důležitých prvků určených k řešení mnoha problémů. V operačním systému Windows se text nadpisu zobrazuje v levém horním rohu okna prohlížeče (obrázek 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>Rýže. 4.2. Zobrazení záhlaví v prohlížeči</p> <p>Štítek <title>je povinný a musí být uveden v kódu dokumentu.</p><p>Musíte přidat uzavírací značku</head> pro označení, že rohové razítko dokumentu je kompletní.</p><p>Tělo dokumentu <body>určené k umístění značek a obsahu webové stránky.</p><p> <h1>Záhlaví</h1> </p><p>HTML nabízí šest textových nadpisů různých úrovní, které označují relativní důležitost části následující za nadpisem. Ano, tag <h1>představuje nejdůležitější nadpis první úrovně a značku <h6>slouží k označení nadpisu šesté úrovně a je nejméně významný. <h1>...<h6>Ve výchozím nastavení je nadpis první úrovně zobrazen největším tučným písmem a nadpisy následujících úrovní jsou menší. Tagy</p><p> <!-- Комментарий --> </p><p>Odkazují na prvky bloku, vždy začínají na novém řádku a za nimi se na dalším řádku objeví další prvky. Navíc se před a za nadpis přidá mezera.</p> <p>Některý text lze skrýt, aby se nezobrazoval v prohlížeči, tím, že jej přidáte jako komentář. <b>I když tento text uživatel neuvidí, přesto se v dokumentu přenese, takže pokud se podíváte do zdrojového kódu, můžete objevit skryté poznámky.</b>" Stejná položka je také v kontextovém menu, které po kliknutí pravým tlačítkem myši na text <b>stránky</b> <b>I když tento text uživatel neuvidí, přesto se v dokumentu přenese, takže pokud se podíváte do zdrojového kódu, můžete objevit skryté poznámky.</b>. Můžete také použít klávesovou zkratku CTRL + U. Mozilla FireFox nepoužívá externí programy - originál</p> <p>kód <b>stránky</b> se zvýrazněním syntaxe se otevře v samostatném okně prohlížeče. <b>I když tento text uživatel neuvidí, přesto se v dokumentu přenese, takže pokud se podíváte do zdrojového kódu, můžete objevit skryté poznámky.</b> V aplikaci Internet Explorer klikněte na nabídku Soubor a vyberte Upravit v poznámkovém bloku. Místo názvu Poznámkový blok může být napsáno jiné jméno, pro zobrazení originálu jste jej přiřadili v nastavení prohlížeče <b>stránky</b> <b>I když tento text uživatel neuvidí, přesto se v dokumentu přenese, takže pokud se podíváte do zdrojového kódu, můžete objevit skryté poznámky.</b> A. Při kliknutí <b>stránky</b> pravým tlačítkem myši se objeví kontextová nabídka, která má také položku, která umožňuje otevřít zdroj</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>v externím programu - „Zobrazit HTML- <b>stránky</b> A". <b>stránky</b> V prohlížeči Opera otevřete nabídku, přejděte do sekce „Stránka“ a budete mít možnost vybrat „Zdroj“ v podsekci „Nástroje pro vývoj“ <b>I když tento text uživatel neuvidí, přesto se v dokumentu přenese, takže pokud se podíváte do zdrojového kódu, můžete objevit skryté poznámky.</b>“ nebo položka „Originál <b>stránky</b> rám." Těmto výběrům jsou přiřazeny klávesové zkratky CTRL + U a CTRL + SHIFT + U. V kontextové nabídce vázané na kliknutí <b>I když tento text uživatel neuvidí, přesto se v dokumentu přenese, takže pokud se podíváte do zdrojového kódu, můžete objevit skryté poznámky.</b> v externím programu, který je přiřazen v OS nebo v nastavení prohlížeče pro úpravu HTML souborů.</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>Prohlížeč Google Chrome má bezpochyby nejlepší organizaci pro prohlížení originálu <b>stránky</b> A. Kliknutím pravým tlačítkem myši můžete vybrat Zobrazit <b>stránky</b> A <b>I když tento text uživatel neuvidí, přesto se v dokumentu přenese, takže pokud se podíváte do zdrojového kódu, můžete objevit skryté poznámky.</b>"a poté se zdrojový kód se zvýrazněním syntaxe otevře na samostatné kartě. Nebo můžete ve stejném menu vybrat řádek „Zobrazit“. <b>stránky</b> element“ a na stejné kartě se otevře dva další rámce, ve kterých můžete prohlížet HTML a CSS <b>stránky</b>živel <b>I když tento text uživatel neuvidí, přesto se v dokumentu přenese, takže pokud se podíváte do zdrojového kódu, můžete objevit skryté poznámky.</b>. Prohlížeč bude reagovat na pohyb kurzoru po řádcích <b>stránky</b> a zvýraznění prvků na stránce, které odpovídají této části HTML <b>stránky</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> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> <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="single-popular"> <div class="single-popular-tit col-lg-12">Oblíbené v kategorii:</div> <div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6"> <div class="single-popular-item-wrp"> <img width="150" height="120" src="/uploads/5be8b76667696c4cd63a8c38979b50af.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Jak zkombinovat vrstvy ve Photoshopu do jedné nebo je spojit do skupiny Jak zkombinovat několik vrstev ve Photoshopu"/ loading=lazy loading=lazy> <div class="single-popular-item-tit">Jak sloučit vrstvy ve Photoshopu do jedné nebo je spojit do skupiny...</div> <a href="https://innovakon.ru/cs/settings/sposoby-obedineniya-sloev-v-fotoshope-kak-obedinit-sloi-v-fotoshope-v.html" rel="bookmark" title="Jak zkombinovat vrstvy ve Photoshopu do jedné nebo je spojit do skupiny Jak zkombinovat několik vrstev ve Photoshopu">číst</a> <div class="clr"> </div> </div> </div> <div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6"> <div class="single-popular-item-wrp"> <img width="150" height="120" src="/uploads/33b72e60e1d3066a9663f391221dc014.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Přenos kontaktů do nového telefonu Android"/ loading=lazy loading=lazy> <div class="single-popular-item-tit">Přenos kontaktů do nového telefonu Android</div> <a href="https://innovakon.ru/cs/phone/perenos-kontaktov-na-novyi-telefon-android-android-prilozheniya.html" rel="bookmark" title="Přenos kontaktů do nového telefonu Android">číst</a> <div class="clr"> </div> </div> </div> <div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6"> <div class="single-popular-item-wrp"> <img width="150" height="120" src="/uploads/ff504b14456f4702a94368a161811b1d.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Samsung Galaxy se restartuje sám – Solutions Galaxy note 4 se restartuje sám"/ loading=lazy loading=lazy> <div class="single-popular-item-tit">Samsung Galaxy se sám restartuje – řešení Galaxy Note...</div> <a href="https://innovakon.ru/cs/internet/esli-xiaomi-postoyanno-perezagruzhaetsya-samsung-galaksi-perezagruzhaetsya-sam-po.html" rel="bookmark" title="Samsung Galaxy se restartuje sám – Solutions Galaxy note 4 se restartuje sám">číst</a> <div class="clr"> </div> </div> </div> <div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6"> <div class="single-popular-item-wrp"> <img width="150" height="120" src="/uploads/242e09224609f2b7cbd6b5b9f2adc411.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Klíčové vlastnosti Kaspersky Rescue Disk"/ loading=lazy loading=lazy> <div class="single-popular-item-tit">Klíčové vlastnosti Kaspersky Rescue Disk</div> <a href="https://innovakon.ru/cs/rates/skachat-zagruzochnyi-disk-kasperskogo-osnovnye-vozmozhnosti-kaspersky-rescue.html" rel="bookmark" title="Klíčové vlastnosti Kaspersky Rescue Disk">číst</a> <div class="clr"> </div> </div> </div> <div class="clr"></div> </div> </div>  <div class="sidebar col-lg-3 col-md-4 col-sm-12"> <div class="sidebar-wrp"> <div class="sidebar-wrp-title">Nejnovější články</div> <div class="sidebar-wrp-des"> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/d93303aadea847492ee52538b585df87.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">MacBook se nepřipojí k wifi MacBook nevidí...</div> <div class="clr"></div> <a href="https://innovakon.ru/cs/phone/macbook-ne-podklyuchaetsya-k-wifi-avtomaticheski-makbuk-ne-podklyuchaetsya-k-wifi-makbuk-ne-vidit-vai-fai.html">číst</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/094fe0c598853f299be65e8611b45d60.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Jak vydělat peníze na WebMoney</div> <div class="clr"></div> <a href="https://innovakon.ru/cs/internet/kak-zarabotat-rubli-na-webmoney-kak-zarabotat-na-webmoney-proverennye.html">číst</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/280d369c9d1e343119c3d855af4b9c4d.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Tablet "Supra": recenze zákazníků</div> <div class="clr"></div> <a href="https://innovakon.ru/cs/rates/planshet-podelka-est-takoi-supra-firma-supra-planshet-otzyvy-pokupatelei-plyusy-i-minusy.html">číst</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/b1724f08fa52145089eaa72f836127ee.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Umístění lodí v reálném čase</div> <div class="clr"></div> <a href="https://innovakon.ru/cs/settings/voennye-korabli-v-realnom-vremeni-onlain-mestonahozhdeniya-sudov-v.html">číst</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/534951a61241c179a7c060b9fe1143c8.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Nejlepší programy pro Android Záznam hovorů z...</div> <div class="clr"></div> <a href="https://innovakon.ru/cs/rates/prilozheniya-dlya-android-obuchayushchie-programmy-dlya-detei-luchshie.html">číst</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/e280b0808c5e749938522ba1df2a41ec.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Odebírání nesledujících na Twitteru</div> <div class="clr"></div> <a href="https://innovakon.ru/cs/services/kak-udalit-ne-vzaimnyh-chitatelei-v-twitter-udalyaem-ne-chitatelei-v.html">číst</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/229610355b0a27a465c73ddb25664556.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Připojení k internetu na notebooku: všechny možné...</div> <div class="clr"></div> <a href="https://innovakon.ru/cs/phone/kak-vklyuchit-internet-na-kompyutere-ispolzuya-mobilnyi-telefon.html">číst</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/5399be52c80b405fedf00779a6136b42.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Samsung Galaxy S IV je nová vlajková loď...</div> <div class="clr"></div> <a href="https://innovakon.ru/cs/phone/samsung-galaxy-s4-vtoroi-vzglyad-samsung-galaxy-s-iv-novyi-flagman-galakticheskogo-masshtaba-galak.html">číst</a> </div> <div class="clr"></div> </div> </div> <div id="text-4" class="widget widget_text sidebar-wrp"> <div class="textwidget"> </div> </div> <div id="ketena1" style="height:500px;width:260px;" align="center"></div> <div class="clr"></div> </div> </div> </div> </div> <div id="footer"> <div class="container"> <div class="row"> <div class="footer-contacts col-lg-6 col-md-6 col-sm-12 col-xs-12"> <img src="/logo/logo.png" loading=lazy loading=lazy> <div class="footer-contacts-tit">innovakon.ru <br>Mobilní telefony a komunikace</div> <div class="footer-soc"> <div class="footer-soc-wrp"> <div class="soc_w"> <a href="#" class="soc-link vk" target="_blank"></a> <a href="#" class="soc-link fb" target="_blank"></a> </div> </div> </div> </div> <div class="footer-links col-lg-4 col-md-6 col-sm-12 col-xs-12"> </div> <div class="footer-links col-lg-4 col-md-4 col-sm-4 col-xs-4" style="display: block;"> <ul> <li><a href="">Edice projektu</a></li> <li><a href="">Reklama na webu</a></li> </ul> <ul> <li><a href="https://innovakon.ru/cs/feedback.html">Kontakty</a></li> <li><a href="https://innovakon.ru/cs/sitemap.xml">Mapa stránek</a></li> </ul> </div> </div> </div> <div class="copyright">© 2024 Mobilní telefony a komunikace</div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="https://innovakon.ru/wp-content/themes/trudinsp/js/bootstrap.min.js"></script> <script type="text/javascript" src="https://innovakon.ru/wp-content/themes/trudinsp/js/SmoothScroll.js"></script> <a id="scroll-to-top" href="#" title="Přejděte na začátek">Nahoru</a> <script type='text/javascript' src='https://innovakon.ru/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script> <script type='text/javascript' src='https://innovakon.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.4.1'></script> <script type='text/javascript' src='https://innovakon.ru/wp-content/plugins/jquery-smooth-scroll/js/jss-script.min.js?ver=4.8.3'></script> <script type='text/javascript' src='https://innovakon.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript' src='/wp-includes/js/jquery/ui/effect.min.js?ver=1.11.4'></script> <script type='text/javascript' src='/wp-includes/js/jquery/ui/effect-blind.min.js?ver=1.11.4'></script> <script type='text/javascript'> /* <![CDATA[ */ var stbUserOptions = { "mode":"css","cssOptions":{ "roundedCorners":false,"mbottom":20,"imgHide":"http:\/\/innovakon.ru\/wp-content\/plugins\/wp-special-textboxes\/themes\/stb-metro\/minus.png","imgShow":"http:\/\/innovakon.ru\/wp-content\/plugins\/wp-special-textboxes\/themes\/stb-metro\/plus.png","strHide":"\u0421\u043a\u0440\u044b\u0442\u044c","strShow":"\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c"} }; /* ]]> */ </script> <script type='text/javascript' src='https://innovakon.ru/wp-content/plugins/wp-special-textboxes/js/wstb.min.js?ver=5.5.101'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.8.3'></script> <script type="text/javascript" id="slb_context">/* <![CDATA[ */if ( !!window.jQuery ) { (function($){ $(document).ready(function(){ if ( !!window.SLB ) { { $.extend(SLB, { "context":["public","user_guest"]} );} } })} )(jQuery);} /* ]]> */</script> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html>