• Vulgární zdroje html. Recepty HTML5: Ponořte se do kódování HTML5 s konkrétními příklady. Politika v oblasti komunikace práce výboru s externími stranami a uchovávání dokumentů

    Kdo na světě je sladší než všichni, všichni se červenají a chtějí? Nemyslete si nic vulgárního, mám na mysli jen novou verzi značkovacího jazyka - HTML5. Nejnovější verze moderních prohlížečů již rozumí některým funkcím HTML5, což znamená, že je čas začít je používat ve svých projektech.

    Co je HTML5?

    HTML5 je na první pohled jen nová verze značkovacího jazyka. Nyní však tento termín znamená něco jiného. Uvažovat o HTML5 bez zmínky o stejném CSS3 je prostě směšné, protože je to nezbytné pro vývoj skutečně moderních webových aplikací. Nesmíme zapomenout ani na JavaScript. Implementuje volání bohatého API popsaného ve standardu HTML5. Shrneme-li vše výše uvedené, nabízí se definice: HTML5 je soubor moderních technologií / standardů (JS, HTML5, CSS3 atd.) používaných k vývoji webových aplikací.

    Kapka historie

    HTML5 nevzniklo z ničeho nic. Jeho vývoj začal v roce 2007. Za vývojový proces byla zodpovědná speciálně vytvořená skupina z konsorcia W3C. Ale mnoho funkcí HTML5 bylo vynalezeno jako součást standardu Web Application 1.0 a zabývá se tím od roku 2004. Ve skutečnosti tedy HTML5 není tak mladá technologie, jak by se na první pohled mohlo zdát.

    První verze specifikace HTML5 byla k dispozici 22. ledna 2008. Uplynuly tři roky, ale konečná verze specifikace stále není hotova a je nepravděpodobné, že se stihne během příštího roku nebo dvou. Tento smutný okamžik zavazuje vývojáře, aby ve svých projektech pečlivě uplatňovali nové funkce. Specifikace se může snadno změnit a ne všechny moderní prohlížeče (FireFox 4, Google Chrome 10, IE9, Opera 11) nové funkce plně podporují.

    Zdravé recepty

    O teorii HTML5 se dá mluvit velmi dlouho, ale naše rubrika se jmenuje „Kódování“, takže vám navrhuji, abyste si v praxi vyzkoušeli možnosti standardu. Neobtěžoval jsem se vytvářet superoriginální recepty, ale rozhodl jsem se uvést příklady věcí, které jsou opravdu užitečné a které můžete a měli byste na svých stránkách právě teď používat. Tak pojďme.

    Recept číslo 1: Zapněte Drag & Drop naplno

    Jednou z příjemných věcí (asi jste neměli používat tolik energetických nápojů, protože tam mělo být slovo „chips“ – pozn. red.) HTML5 byla možnost používat File API a Drag and Drop API.

    S jejich pomocí můžete uspořádat krásný přenos souborů z počítače uživatele na server. Pamatujete si, že dříve bylo vždy pole s tlačítkem „Procházet“ pro odesílání souborů? Po jeho stisknutí se objevil standardní dialog pro výběr souboru, ve kterém bylo nutné vybrat soubor pro přenos. Chcete-li volat tuto metodu pohodlný jazyk, neotočíte se. Zejména pokud jde o přidávání více souborů do fronty stahování.

    O něco později začali řemeslníci vyřezávat apploadery na flash, který poskytoval více funkcí, ale měl vážnou nevýhodu - potřebu nainstalovaného flashe. V obou případech navíc uživatel neměl možnost přidávat soubory k přenosu pouhým přetažením myši na stránku.

    Technologie Drag & Drop je ale v systému použita neustále. Osobně jsem vždy chtěl jen vybrat potřebné soubory a lehkým přejetím krysy je hodit na stránku. To je mnohem pohodlnější než hledání souboru pomocí standardního dialogu.

    HTML5 provedlo své vlastní úpravy a nyní vám nic nebrání uspořádat plnohodnotné Drag & Drop pro přenos souboru na stránku. Jako první tuto funkci implementovali zaměstnanci společnosti Google v Gmailu. Pokud používáte gmylu, pak jste si pravděpodobně všimli oblasti, kde můžete přetahováním souborů připojit k dopisu. Osobně tuto funkci aktivně využívám a nyní vám ukážu, jak totéž rozproudit pro váš projekt. Náš projekt se bude skládat ze tří souborů: sample.html, style.css a scripts.js. Samozřejmě jsme se mohli omezit na jeden html soubor, ale pak by se kód ukázal jako nečitelný. Není třeba míchat HTML s JS nebo CSS. Je lepší vše rozdělit do souborů a pak s nimi v klidu pracovat. Nejprve si připravíme strukturu naší aplikace. Vytvořte soubor sample.html a napište do něj:




    media="all" href="style.css" />



    Přetáhněte soubory sem



    Pro usnadnění psaní kódu JavaScript jsem zahrnul knihovnu jquery. Poté popsal strukturu budoucího html dokumentu. Je to jednoduché k ostudě - musíme popsat pole, do kterého musí uživatel přetahovat soubory. Potřebuje pouze jeden kontejner div. Pokud nyní otevřete stránku v prohlížeči, neuvidíte nic dobrého. Aby bylo naše pole viditelné vizuálně, musíme jej stylizovat pomocí CSS. Otevřete soubor style.css a napište do něj následující kód:

    #box(
    šířka: 500px
    výška: 300px;
    ohraničení: 2px přerušovaná #000000;
    barva pozadí: #FCFFB2;
    text-align: center;
    barva: #3D91FF;
    velikost písma: 2em
    rodina písem: Verdana, sans-serif;

    moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    }
    # štítek (
    poloha: relativní;
    horní: 2 %;
    }

    Identifikátor "box" je náš budoucí kontejner pro příjem souborů (uživatel musí přetáhnout dokumenty do této oblasti). Aby uživatel nepřehlédl, zvětšuji plochu a jako možnost orámování volím čárkované - tečkované čáry. Normální tečkované čáry nevypadají dobře, takže jsem okamžitě nastavil hodnoty pro vlastnosti: -moz-border-radius a -webkitborderradius. Nyní můžete vytvořenou stránku otevřít v prohlížeči a vyhodnotit celkový pohled.

    Pokud se však nyní pokusíte něco přetáhnout, nic zajímavého se nestane. Přetažený soubor se jednoduše otevře ve webovém prohlížeči a je to. Malý kousek kódu JavaScript pomůže situaci vyřešit:

    $(document).ready(function() (

    //Přidat obslužné rutiny událostí

    Var mybox = document.getElementById("box")

    Mybox.addEventListener("dragent", dragEnter, false);

    Mybox.addEventListener("dragexit", dragExit, false);

    Mybox.addEventListener("dragover", dragOver, false);

    Mybox.addEventListener("drop", drop, false);
    });
    funkce dragEnter(evt) (

    Evt.stopPropagation();

    Evt.preventDefault();
    }
    funkce dragExit(evt) (

    Evt.stopPropagation();

    Evt.preventDefault();
    }
    funkce dragOver(evt) (

    Evt.stopPropagation();

    Evt.preventDefault();
    }
    funkce drop(evt) (

    Evt.stopPropagation();

    Evt.preventDefault();

    Varfiles = evt.dataTransfer.files;

    varcount = soubory.délka;

    Pokud (počet > 0)

    HandleFiles(soubory);
    }
    funkce handleFiles(files) (

    //Získejte první soubor

    //Pokud potřebujete pracovat s více

    //files, pak zde musíte uspořádat vyhledávání

    var soubor = soubory;

    Document.getElementById("label").innerHTML =
    "Zachyceno: " + název souboru;

    varreader = new FileReader();

    Reader.onprogress = handleReaderProgress;

    Reader.readAsDataURL(soubor);
    }
    funkce handleReaderProgress(evt) (

    If(evt.lengthComputable)(

    If (evt.loaded = evt.total) (

    alert("Načítání...");
    }
    }
    }

    Kód se na první pohled může zdát těžkopádný a nesrozumitelný, ale kdo se alespoň trochu vyzná v JavaScriptu a jQuery, měl by okamžitě přijít na to, co se děje. Hned na začátku definuji události, jejichž výskyt mě zajímá. Pro každý z nich popisuji samostatnou funkci. Například k události dragExit dojde, když uživatel přesune kurzor myši mimo tažený prvek. Pokud uživatel přetáhl soubor, převezme řízení funkce handleFiles().

    V něm schválně odkazuji na úplně první soubor (soubory) a začnu s ním pracovat. Vezměte prosím na vědomí, že uživatel může přetáhnout několik souborů najednou. Pokud by vaše aplikace měla být schopna takové situace zvládnout, zorganizujeme výčet celého pole souborů. Funkce handleFiles() je místo, kde se odehrává veškerá zábava.

    Nejprve zobrazím v prvku label (pamatujete si na „Sem přetáhněte soubory“?) název souboru, který uživatel přetáhl na aktivní bod, a poté jej začnu číst pomocí objektu typu FileReader (). Více si o tom můžete přečíst v tomto článku: html5rocks.com/tutorials/file/dndfiles . Pro každý případ definuji obsluhu události onProgress pro objekt typu FileReader(). Tato událost bude volána pokaždé, když je načten kus dat. V samotném handleru jsem nastavil podmínku: pokud se množství stažených dat rovná velikosti souboru, pak bylo čtení úspěšně dokončeno a můžete zobrazit radostnou zprávu.

    Recept #2: Pijte pivo, sledujte videa, poslouchejte rock

    Před příchodem HTML5 bylo sledování videa na webu prováděno pomocí všech druhů flash přehrávačů. To neznamená, že sledování videa tímto způsobem je nepohodlné. Problémy jsou pouze se zabezpečením (v poslední době se to ve Flash Playeru jen hemží zranitelnostmi) a nutností nainstalovat samotný plugin. Standard HTML5 nabízí elegantní řešení – vestavěnou schopnost přehrávat video a audio obsah.

    Pravděpodobně už mnozí uhodli, že mluvím o značkách



    Zde by mělo být video. Pokud vidíte tento text, váš prohlížeč nepodporuje nový standard.


    Všimněte si, že v příkladu pro značku

    K čemu by to mohlo být užitečné? Případně můžete jako takový obrázek vložit logo vaší společnosti/projektu. Štítek

    Recept #3: Kde se teď nacházíte (geolocation API)

    Geolocation API - programovací rozhraní pro určení souřadnic uživatele. Na základě získaných dat je snadné označit polohu uživatele řekněme na Google Maps. Kde lze tuto funkci použít? Ano, hodně míst! Například vývojáři oblíbené mikroblogovací služby Twitter využívají Geolocation API ve webovém rozhraní klienta Twitter. Pokud uživatel povolí přijímat informace o své poloze, pak se do všech jeho tweetů přidá město, ve kterém se aktuálně nachází.

    Nepochybuji, že vás nyní trápí otázka: „Odkud GAPI získává informace o poloze?“. Ani si nemyslete, že do případu jsou zapleteny špionážní satelity a další bondovky. Vše je mnohem prozaičtější – balíček informací pro analýzu je založen na údajích o IP adrese, nejbližších Wi-Fi hotspotech, GPS (pokud máte zařízení), GSM cell ID a tak dále. Pokud vás zajímá teorie a praxe získávání přibližných souřadnic z výše uvedených zdrojů, pak vám doporučuji otevřít soubor ][ a najít Stepův článek na toto téma, kde důkladně rozebral teoretickou část a také poskytl přehled odpovídajícího softwaru. Nyní se podívejme na příklad použití GAPI. Vše je velmi jednoduché a jasné:





    Zeměpisná šířka: neznámý

    Zeměpisná délka: neznámý



    Než se pokusíte získat souřadnice, musíte se ujistit, že prohlížeč podporuje GAPI. Pokud metoda geolokace vrátí hodnotu true, pak je vše v pořádku a můžete se pokusit získat souřadnice. K tomu používáme metodu getGurrentPosition objektu navigátor. V případě úspěchu získáme souřadnice, které půjdou přímo do dokumentu.

    Recept #4: Databáze v prohlížeči

    Při vývoji webových aplikací jsme zvyklí používat databáze. MySQL, SQLite jsou produkty, které zná každý programátor. Pátá verze HTML nám přináší další dárek – možnost používat samostatnou SQLite databázi. Stop!

    Ukazuje se, že všechna data budou uložena v počítači uživatele? Ano přesně. Není třeba křičet, že to není bezpečné. U některých projektů se tato funkce může hodit. Bohužel ne všechny prohlížeče umožňují s touto databází pracovat.

    Například IE9 a FF4 zatím takovou možnost nemají, takže se s čipem v praxi můžete seznámit pouze v Google Chrome. Nebudu uvádět příklad skutečného kódu, ale ukážu pouze obecný princip fungování:

    this.db = openDatabase("xakep", "1.0", "test", 8192);
    tx.executeSql("vytvořit mytable, pokud neexistuje" +
    "checkins (primární klíč id celé číslo asc, řetězec_číslo_jednoho pole)",
    , function() ( console.log("Požadavek úspěšně dokončen"); ));
    );

    Při bližším pohledu na výše uvedený příklad si všimnete, že obecně je práce s embedded databází úplně stejná jako s běžným SQLite: otevřeme databázi, připravíme text dotazu a spustíme jej.

    HTML5.Shutdown()

    Zda budete HTML5 používat ve svých projektech nebo ne, je jen na vás. Myslím, že teď je ten čas. Pokud se profesionálně zabýváte vývojem webových stránek, pak nebuďte líní vložit funkce HTML5 právě teď. Samozřejmě se nezapomeňte postarat o kompatibilitu – implementujte podporu jak pro moderní prohlížeče, tak pro ty starší. Máte vše, co k tomu potřebujete. Nezpomalujte a snažte se, aby vaše projekty vynikly od ostatních. Hodně štěstí!

    Jak se pojistit?

    V celém tomto článku jsem uvedl, že moderní prohlížeče v současné době podporují různé množství funkcí HTML5. Proto je třeba být opatrný a snažit se nepoužívat příliš exotické věci. Okamžitě vyvstává otázka: „Jak víte, které funkce HTML5 konkrétní prohlížeč podporuje?“. Existuje několik způsobů, jak to udělat, ale můj oblíbený je malinká JavaScriptová knihovna Modernizr (modernizr.com).

    Knihovna je distribuována zcela zdarma a jakmile ji připojíte ke svému projektu, okamžitě zobrazí seznam HTML5 funkcí, které váš prohlížeč podporuje. Chcete-li otestovat funkčnost knihovny, nemusíte ji hned stahovat a připojovat ke svému projektu. Stačí zajít na oficiální stránky knihovny a hned uvidíte, co vaše chodítko podporuje a co ne. Podívejte se na snímky obrazovky návštěvy webu pomocí prohlížeče Google Chrome a Internet Explorer 9. Navzdory dobrým článkům o společnosti PR a pochvalným článkům RPG od společnosti Microsoft samozřejmě podporuje méně funkcí než Google Chrome.

    HTML5 přesune Flash

    Jednou z nejzajímavějších funkcí HTML5 je možnost vytvářet animace. Toho je dosaženo smícháním HTML5 a CSS3.

    Taková animace vypadá docela pěkně a může v mnoha případech nahradit Flash. Mohu s jistotou říci, že to nebude příliš brzy, protože nyní je snazší ovládat Flash, než rozumět obskurnímu HTML5/CSS3 kódu (IMHO). Přesto o takové funkci musíte vědět. Vřele doporučuji, abyste si prošli níže uvedené odkazy a viděli na vlastní oči krásné ukázky, které demonstrují možnost animace.

    • Pěkné demo ukazující funkce Canvasu: feedtank.com/labs/html_canvas ;
    • Krásný 3D box s vestavěným vyhledávacím panelem od Googlu: ;
    • Jedno kliknutí myší a stránka se začne plnit kuličkami. Více kliknutí - více míčků. Až stránku zaplníte až po okraj – zkuste je prudce přetáhnout. Vypadá velmi vtipně: mrdoob.com/projects/chromeexperiments/ball_pool ;
    • Prostě úžasné demo ukazující různé chemické sloučeniny. Rozhodně stojí za shlédnutí: alteredqualia.com/canvasmol ;
    • Chtěli jste se někdy cítit jako patolog a prozkoumat záhady lidského těla?

    Pokud ano, pak je tento odkaz právě pro vás. Google vytvořil skvělou ukázku směsi technologií WebGL, HTML5, CSS3 a Flash. Výsledkem koktejlu byla interaktivní aplikace, která ukazuje 3D lidské tělo, ve kterém můžete vidět strukturu vnitřních orgánů. Když jsem ho viděl poprvé, nemohl jsem to odložit.

    Abychom vám pomohli, „shromáždili jsme výběr zdrojů, které vám řeknou, co potřebujete vědět, pomohou vám, když se zaseknete, a umožní vám rychle rozšířit vaše dovednosti.

    01. HTML Cheat Sheet

    Tento neuvěřitelně užitečný HTML cheat sheet obsahuje úplný seznam všech HTML prvků spolu s popisy, příklady kódu a živými náhledy. Tagy můžete uspořádat abecedně nebo podle kategorií a dokonce si je stáhnout jako PDF, abyste si je mohli později prohlédnout.

    02. CSS Cheat Sheet

    Pokud s CSS teprve začínáte, pouhé zapamatování si všech mnoha značek a technických výrazů může být velmi zastrašující. Nenechte se tím však odradit; ponechte si tento užitečný cheat se záložkou nebo si jej vytiskněte, abyste rychle našli prvky, které potřebujete.

    03. CSS-triky

    Když byl tento web spuštěn v roce 2007, byl celý o CSS. Nyní se to trochu rozšířilo, ale stále je tu spousta užitečných informací a návodů o CSS a HTML, do kterých se můžete zaseknout. Určitě stojí za návštěvu.

    04. CSS Wizardry

    CSS je snadné se naučit, ale obtížné je zvládnout. Harry Roberts“ CSS Wizardry má některé z nejlepších článků o tom, jak je psaní škálovatelných a udržovatelných CSS, jako je BEM metodologie a refaktoring (které patří mezi nejtěžší části), některé z nejlepších článků.

    05. Nejlepší roční pera CodePen

    Jedním z nejlepších způsobů, jak se naučit HTML/CSS, je rozebrat skvělá ukázka, která objevíte, a každoroční Nejlepší pera CodePen jsou na to skvělá. Ukázky se pohybují od cool až po „Ani jsem nevěděl, že je to možné“. Pohodlné je také integrované uživatelské rozhraní CodePen pro ponoření se do kódu. V podobném duchu byste se také rádi podívali na náš příspěvek.

    06. Web Design Weekly

    HTML a CSS se neustále vyvíjejí. Chcete-li zůstat v obraze s nejnovějšími metodikami a funkcemi, doporučujeme tento e-mailový zpravodaj. Vychází jednou týdně, což je dost často na to, abyste si ji skutečně přečetli.

    07. Responsive Design Weekly

    Responzivní je v dnešní době důležitou součástí sady nástrojů pro webdesignéry, a aby vám pomohl udržet si aktuální informace, Justin Avery tráví hodiny každý týden kurátorstvím nejlepšího responzivního obsahu pro webový design a rozhovory s lídry v oboru a rozesílá je jako newsletter každý týden. Pátek (Mohl by se vám také líbit náš příspěvek na .)

    08. Vytvářejte nepravoúhlé rozvržení s tvary CSS

    Poslední aktualizace 09. listopadu 2019 06:54:54 (UTC/GMT +8 hodin)

    Co je HTML?

    HTML je zkratka pro Hyper Text Markup Language se používá k vytváření webových stránek i jiných typů dokumentů zobrazitelných ve webovém prohlížeči.

    HTML je standard specifikovaný a udržovaný World Wide Web Consortium.

    Od svého vynálezu se HTML vyvíjelo v různých verzích. Současná verze HTML je HTML 4.01.

    Další verzí HTML je HTML 5, která je ve vývoji, ale vývojáři již začali používat některé její funkce.

    Na následujících stránkách se budeme podrobně věnovat HTML 4.01. Když se to naučíte, budete moci vytvářet webové stránky sami.

    HTML kód jednoduché webové stránky

    Příklad HTML stránky

    Toto je příklad HTML stránky

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at nisi velit, aliquet iaculis est. Curabitur porttitor nisi vel lacus euismod egestas. V hac habitasse platea dictumst. In sagittis magna eu odio interdum mollis. Phasellus sagittis pulvinární facilisis. Donec vel odio volutpat tortor volutpat commodo. Donec vehicula vulputate sem, vel iaculis urna molestie eget. Sed pellentesque adipiscing tortor, at condimentum elit elementum sed. Mauris dignissim elementum nunc, non elementum felis condimentum eu. In in turpis quis erat imperdiet vulputate. Pellentesque mauris turpis, dignissim sed iaculis eu, euismod eget ipsum. Vivamus mollis adipiscing viverra. Morbi at sem eget nisl euismod porta. Sed semper, tortor eu molestie iaculis, felis massa vestibulum massa, vitae suscipit arcu nunc quis ante. Phasellus aliquam elit at nisl condimentum commodo. Nunc congue nibh aliquam enim aliquet nec feugiat diam condimentum. Potenciál odpružení. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam accumsan velit sed lacus pellentesque in gravida nunc ultrices. Aliquam varius scelerisque erat ut egestas.

    Naučte se HTML z webu

    Toto je příklad HTML stránky

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at nisi velit, aliquet iaculis est. Curabitur porttitor nisi vel lacus euismod egestas. V hac habitasse platea dictumst. In sagittis magna eu odio interdum mollis. Phasellus sagittis pulvinární facilisis. Donec vel odio volutpat tortor volutpat commodo. Donec vehicula vulputate sem, vel iaculis urna molestie eget. Sed pellentesque adipiscing tortor, at condimentum elit elementum sed. Mauris dignissim elementum nunc, non elementum felis condimentum eu. In in turpis quis erat imperdiet vulputate. Pellentesque mauris turpis, dignissim sed iaculis eu, euismod eget ipsum. Vivamus mollis adipiscing viverra. Morbi at sem eget nisl euismod porta. Sed semper, tortor eu molestie iaculis, felis massa vestibulum massa, vitae suscipit arcu nunc quis ante. Phasellus aliquam elit at nisl condimentum commodo. Nunc congue nibh aliquam enim aliquet nec feugiat diam condimentum. Potenciál odpružení. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam accumsan velit sed lacus pellentesque in gravida nunc ultrices. Aliquam varius scelerisque erat ut egestas.

    Vlastnosti výukových programů w3resource HTML

    Pokryli jsme všechny prvky nebo značky HTML 4.01 a jejich atributy. Protože jsou to prvky HTML (nebo značky) a atributy, kterým musíte porozumět, abyste se naučili HTML. Při probírání značky nebo prvků HTML v našich výukových programech HTML jsme použili následující funkce, které vám pomohou lépe porozumět:

    1. Začali jsme jasným a jednoduchým popisem.

    2. Dali jsme syntaxi, abyste si zapamatovali, jak ji napsat.

    3. Použití, které vám ukáže, jak to napsat v praxi.

    4. Ukázali jsme výsledek použití.

    5. Vzhledem k tomu, že HTML tagy mohou nebo nemusí mít a end tag pro uzavření prvku, vždy jsme ukázali, zda jsou Start a End tagy vyžadovány nebo ne.

    6. Do jaké kategorie HTML element patří, tzn. pokud je to pro text nebo pro nadpis nebo pro vytváření formulářů atd.

    7. Které další prvky nebo jaký typ obsahu může HTML tag obsahovat.

    8. Ve kterých dalších prvcích se mohou nacházet HTML tagy.

    9. Různé atributy této značky, jejich popis a příklady.

    10. Příklad této značky HTML.

    11. Výsledek tohoto příkladu.

    12. Prohlédněte si příklad v prohlížeči.

    13. Jak tato značka vypadá v různých prohlížečích.

    Rozhodl jsem se v tomto aktuálním tématu pokračovat. Dal jsem dohromady seznam nejlepších zdrojů html a css, které vám pomohou naučit se tyto věci. Pamatuji si, že když jsem sám začínal jako webmaster, takový výběr kvalitních a užitečných zdrojů mi velmi chyběl.

    Nejprve několik definic:

    Html (z anglického "HyperText Markup Language" - hypertextový značkovací jazyk) je standardní značkovací jazyk pro webové stránky.

    Css (z anglického „Cascading Style Sheets“ – kaskádové styly) je technologie pro popis vzhledu webové stránky.

    Bez znalosti html a css bude provoz vašeho webu velmi problematický – nebude fungovat ani počítadlo statistik nebo stejný banner. Neutíkat za odborníky pro pomoc nebo nevytvářet téma za tématem na fórech? Jen je potřeba brát a učit se.

    Z vlastní zkušenosti mohu říci, že html a css se dá naučit za 1 měsíc. Samozřejmě nemluvím o profesionálních výškách - vy sami se k nim dostanete, pokud si budete přát.

    Podle mého názoru je nejlepší způsob, jak se naučit html, css a další témata včetně propagace webu, založit si vlastní web a cvičit na něm. Mimochodem, první web, který jsem vytvořil, můžete vidět na mapách pro hru Counter-Strike, kterou jsem v té době s oblibou vytvářel. Zde jsou mapy a jejich screenshoty, které vytvořil starý Globator v těch dobách, kdy ještě nevěděl, co je top 10, TCI a PR, a bezstarostně dováděl na slunci a vytvářel trojrozměrné mapy 🙂. Tyto stránky jsem vytvořil za měsíc, naučil jsem se html a css v praxi.

    Nemusíte být technický expert, abyste se naučili html a css. Já jsem třeba obecně humanista a v matematice jsem měl v podstatě "2" 🙂 . Takže každý se může naučit html a css. Zdroje, které jsem uvedl, jsou také vhodné k tomu, abyste je mohli kdykoli použít ke zjištění jakéhokoli okamžiku, který vás zajímá, pomocí html a css.

    Stránky pro výuku html a css

    Začnu výběrem užitečných zdrojů pro výuku html a css z webu, který jsem sám studoval. Toto jsou lekce Wild html, které napsala Valentina Akhmetzyanova aka Wild. Všechny potřebné body popsala tak vesele a zajímavě, že se učení html a css pomocí jejích lekcí promění ve vzrušující zážitek. Mimochodem, můžete si přečíst stránky pro blog. Divoké lekce stačí k tomu, abyste se naučili html a css na úrovni nezbytné pro práci webmastera.

    Dokážete si představit, kdo bych byl, kdybych se dále rozvíjel v předmětu Photoshop? Byl bych opravdové monstrum! Ale kontaktoval jsem SEO a vegetate zde a psal jsem tato písmena s prsty zkroucenými zimou 🙂 . Dělám si srandu, i tady je teplo a jídlo je dobré 🙂 .