{"id":17,"date":"2017-01-28T22:53:40","date_gmt":"2017-01-28T21:53:40","guid":{"rendered":"http:\/\/www.vojtaf.cz\/?page_id=17"},"modified":"2023-04-10T19:46:08","modified_gmt":"2023-04-10T17:46:08","slug":"2-rocnik","status":"publish","type":"page","link":"https:\/\/www.vojtaf.cz\/?page_id=17","title":{"rendered":"2. Ro\u010dn\u00edk"},"content":{"rendered":"<h1 id=\"denni_studium_-_2_rocnik\" class=\"sectionedit1\">Denn\u00ed studium &#8211; 2. ro\u010dn\u00edk<\/h1>\n<div class=\"level1\">\n<p><em>Materi\u00e1ly byly p\u0159ipraveny ve \u0161koln\u00edm roce 2011\/2012, a jeliko\u017e autor ji\u017e p\u0159edm\u011bt ve 2. ro\u010dn\u00edku nevyu\u010duje, pozvolna zastar\u00e1vaj\u00ed&#8230;.<br \/>\n<\/em><\/p>\n<p><em>V druh\u00e9m ro\u010dn\u00edku se v sou\u010dasnosti vyu\u010duje p\u0159edm\u011bt <strong>ICT<\/strong> dle \u0161koln\u00edho vzd\u011bl\u00e1vac\u00edho programu.<\/em><\/p>\n<p><em>Prob\u00edranou l\u00e1tku si \u017e\u00e1ci zapisuj\u00ed do se\u0161itu, tyto materi\u00e1ly jsou dopl\u0148kov\u00e9.<\/em><\/p>\n<\/div>\n<h2 id=\"uvod\" class=\"sectionedit2\">\u00davod<\/h2>\n<div class=\"level2\">\n<ul>\n<li class=\"level1\">\n<div class=\"li\">provozn\u00ed \u0159\u00e1d u\u010debny v\u00fdpo\u010detn\u00ed techniky, bezpe\u010dnostn\u00ed p\u0159edpisy<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">organizace \u0161koln\u00ed po\u010d\u00edta\u010dov\u00e9 s\u00edt\u011b<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<h2 id=\"tabulkovy_kalkulator_-_microsoft_excel\" class=\"sectionedit3\">Tabulkov\u00fd kalkul\u00e1tor &#8211; Microsoft Excel<\/h2>\n<div class=\"level2\">\n<p>Ve v\u00fduce pou\u017e\u00edv\u00e1me Microsoft Excel 2007. Alternativn\u011b je mo\u017en\u00e9 pou\u017e\u00edt voln\u011b dostupn\u00fd LibreOffice Calc \u0159ady 4.x.x.<\/p>\n<p>Microsoft Excel, LibreOffice Calc a jin\u00e9 tabulkov\u00e9 kalkul\u00e1tory slou\u017e\u00ed p\u0159edev\u0161\u00edm ke zrychlen\u00ed a zp\u0159ehledn\u011bn\u00ed v\u00fdpo\u010dt\u016f.<\/p>\n<p>Tabulkov\u00fd kalkul\u00e1tor pou\u017eiji, kdy\u017e:<\/p>\n<ul>\n<li class=\"level1\">\n<div class=\"li\">zpracov\u00e1v\u00e1m hodn\u011b \u010d\u00edsel<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">chci zobrazit graf<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">v\u00edm, \u017ee se vstupn\u00ed data mohou v budoucnu zm\u011bnit<\/div>\n<\/li>\n<\/ul>\n<p>U\u017eivatel\u00e9 \u010dasto chybuj\u00ed v tom, \u017ee pou\u017e\u00edvaj\u00ed tabulkov\u00fd kalkul\u00e1tor v p\u0159\u00edpadech, kdy to nen\u00ed pot\u0159eba. Pro vytvo\u0159en\u00ed jednoduch\u00e9 tabulky bez v\u00fdpo\u010dt\u016f posta\u010d\u00ed textov\u00fd editor. Naopak jakmile se jedn\u00e1 o v\u00fdpo\u010dty \u010di grafy, up\u0159ednost\u0148ujeme tabulkov\u00fd kalkul\u00e1tor.<\/p>\n<\/div>\n<h3 id=\"zakladni_operace\" class=\"sectionedit4\">Z\u00e1kladn\u00ed operace<\/h3>\n<div class=\"level3\">\n<ul>\n<li class=\"level1\">\n<div class=\"li\">Oganizace na \u0159\u00e1dky a sloupce<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">Jm\u00e9no listu, p\u0159idej a odstra\u0148 list<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">Bu\u0148ka a jej\u00ed adresa<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">Form\u00e1t bu\u0148ky (\u010d\u00edslo, text, \u2026)<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">Form\u00e1tov\u00e1n\u00ed (barva, p\u00edsmo, zarovn\u00e1v\u00e1n\u00ed, \u2026)<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">Kop\u00edrov\u00e1n\u00ed, vkl\u00e1d\u00e1n\u00ed, mno\u017een\u00ed bun\u011bk<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">Kop\u00edrov\u00e1n\u00ed blok\u016f bun\u011bk<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">Co je to vzorec, jak se pozn\u00e1<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">Tiskov\u00e1 str\u00e1nka a jej\u00ed form\u00e1t<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<h3 id=\"odkazy\" class=\"sectionedit5\">Odkazy<\/h3>\n<div class=\"level3\">\n<p>Student um\u00ed rozli\u0161it n\u00e1sleduj\u00edc\u00ed druhy odkaz\u016f:<\/p>\n<ul>\n<li class=\"level1\">\n<div class=\"li\">relativn\u00ed odkaz na bu\u0148ku (A2)<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">absolutn\u00ed odkaz na bu\u0148ku ($A$2)<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">odkaz na blok bun\u011bk (A2:A11)<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">odkaz na jin\u00fd list (List1!A2)<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<h3 id=\"vzorce\" class=\"sectionedit6\">Vzorce<\/h3>\n<div class=\"level3\">\n<p>Nejb\u011b\u017en\u011bj\u0161\u00ed vzorce:<\/p>\n<ul>\n<li class=\"level1\">\n<div class=\"li\">SUMA, PO\u010cET<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">PR\u016eM\u011aR, MIN, MAX (statistika)<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">+, -, *, \/ (aritmetika)<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">&gt;, &gt;=, &lt;, \u21d0, = (logick\u00e9 v\u00fdrazy)<\/div>\n<\/li>\n<\/ul>\n<p>Dal\u0161\u00ed vzorce je student schopen vyhledat pomoc\u00ed n\u00e1pov\u011bdy.<\/p>\n<\/div>\n<h3 id=\"grafy\" class=\"sectionedit7\">Grafy<\/h3>\n<div class=\"level3\">\n<p>Nej\u010dast\u011bj\u0161\u00ed typy graf\u016f:<\/p>\n<ul>\n<li class=\"level1\">\n<div class=\"li\">Sloupcov\u00fd (statistika)<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">Kol\u00e1\u010dov\u00fd (statistika)<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">XY bodov\u00fd (matematick\u00e9 funkce)<\/div>\n<\/li>\n<\/ul>\n<p>Student um\u00ed nastavit form\u00e1t grafu, jeho popis a popis os, zm\u011bnit rozsah dat.<\/p>\n<\/div>\n<h3 id=\"ulohy_pro_pokrocile\" class=\"sectionedit8\">\u00dalohy pro pokro\u010dil\u00e9<\/h3>\n<div class=\"level3\">\n<ul>\n<li class=\"level1\">\n<div class=\"li\">Podm\u00edn\u011bn\u00e9 form\u00e1tov\u00e1n\u00ed, zv\u00fdrazn\u011bn\u00ed maxima z mno\u017einy \u010d\u00edsel<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">Vykreslov\u00e1n\u00ed graf\u016f matematick\u00fdch funkc\u00ed<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<h3 id=\"dalsi_zdroje\" class=\"sectionedit9\">Dal\u0161\u00ed zdroje<\/h3>\n<div class=\"level3\">\n<p>Existuje dostatek kvalitn\u00edch on-line zdroj\u016f pro studium Microsoft Excelu, uve\u010fme n\u011bkter\u00e9 z nich.<\/p>\n<p><a class=\"urlextern\" title=\"http:\/\/office.microsoft.com\/cs-cz\/excel-help\" href=\"https:\/\/support.office.com\/en-us\/article\/excel-for-windows-training-9bc05390-e94c-46af-a5b3-d7c22f6990bb\" rel=\"nofollow\">Ofici\u00e1ln\u00ed p\u0159\u00edru\u010dka<\/a> spole\u010dnosti Microsoft.<\/p>\n<p><a href=\"https:\/\/office.lasakovi.com\/excel\/zaklady\/excel-2010-krok-za-krokem\/\">Excel krok za krokem<\/a>.<\/p>\n<\/div>\n<h2 id=\"pocitacova_grafika_a_digitalni_fotografie\" class=\"sectionedit10\">Po\u010d\u00edta\u010dov\u00e1 grafika a digit\u00e1ln\u00ed fotografie<\/h2>\n<div class=\"level2\"><\/div>\n<h3 id=\"obrazky\" class=\"sectionedit11\">Obr\u00e1zky<\/h3>\n<div class=\"level3\">\n<ul>\n<li class=\"level1\">\n<div class=\"li\"><a class=\"media mediafile mf_pdf\" title=\"pdf-2013:rastrove-obrazky.pdf (160.3 KB)\" href=\"\/media\/pdf-2013\/rastrove-obrazky.pdf\">rastrov\u00e9 obr\u00e1zky<\/a> (pdf)<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\"><a class=\"media mediafile mf_pdf\" title=\"pdf-2013:obrazky-editace.pdf (1 MB)\" href=\"\/media\/pdf-2013\/obrazky-editace.pdf\">jednoduch\u00e9 \u00fapravy rastrov\u00fdch obr\u00e1zk\u016f<\/a> (pdf)<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\"><a class=\"media mediafile mf_pdf\" title=\"pdf-2013:obrazky-formaty.pdf (527.9 KB)\" href=\"\/media\/pdf-2013\/obrazky-formaty.pdf\">form\u00e1ty rastrov\u00fdch obr\u00e1zk\u016f<\/a> (pdf)<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\"><a class=\"wikilink1\" title=\"img_faststone\" href=\"\/?page_id=39\">FastStone<\/a><\/div>\n<\/li>\n<\/ul>\n<\/div>\n<h3 id=\"zaklady_digitalni_fotografie\" class=\"sectionedit12\">Z\u00e1klady digit\u00e1ln\u00ed fotografie<\/h3>\n<div class=\"level3\">\n<ul>\n<li class=\"level1\">\n<div class=\"li\">jak funguje digit\u00e1ln\u00ed fotoapar\u00e1t<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">co je to expozice, clona, ISO citlivost<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">jak\u00e9 jsou pracovn\u00ed re\u017eimy fotoapar\u00e1t\u016f<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">co je to vyv\u00e1\u017een\u00ed b\u00edl\u00e9<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">nej\u010dast\u011bj\u0161\u00ed chyby fotograf\u016f<\/div>\n<\/li>\n<\/ul>\n<p>Kr\u00e1tk\u00e1 prezentace je <a class=\"media mediafile mf_pdf\" title=\"pdf:fotografie.pdf (901.5 KB)\" href=\"\/media\/pdf\/fotografie.pdf\">zde<\/a> (pdf).<\/p>\n<\/div>\n<h2 id=\"prezentace_-_microsoft_powerpoint\" class=\"sectionedit13\">Prezentace &#8211; Microsoft PowerPoint<\/h2>\n<div class=\"level2\">\n<p>Prezentaci (v \u0161ir\u0161\u00edm slova smyslu) ch\u00e1peme jako audiovizu\u00e1ln\u00ed a \u010dasto interaktivn\u00ed v\u00fdklad, kter\u00fdm p\u0159edn\u00e1\u0161ej\u00edc\u00ed oslovuje publikum s c\u00edlem jej pou\u010dit, pobavit, informovat.<\/p>\n<p>Prost\u0159edky<\/p>\n<ul>\n<li class=\"level1\">\n<div class=\"li\">obraz a zvuk z projekce<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">p\u016fsoben\u00ed p\u0159edn\u00e1\u0161ej\u00edc\u00edho na publikum<\/div>\n<\/li>\n<\/ul>\n<p>Softwarov\u00e9 n\u00e1stroje<\/p>\n<ul>\n<li class=\"level1\">\n<div class=\"li\">Microsoft PowerPoint<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">OpenOffice Impress<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">\u2026 ale t\u0159eba jen PDF dokument<\/div>\n<\/li>\n<\/ul>\n<p>Ohledn\u011b formy pamatujme na<\/p>\n<ul>\n<li class=\"level1\">\n<div class=\"li\">pl\u00e1tno je \u0161iroko\u00fahl\u00e9, list prezentace by m\u011bl b\u00fdt na \u0161\u00ed\u0159ku<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">vyu\u017e\u00edt m\u00edsto, nepou\u017e\u00edvat \u0161irok\u00e9 okraje<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">pozor na m\u00e1lo kontrastn\u00ed kombinace barev<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">p\u00edsmo mus\u00ed b\u00fdt dostate\u010dn\u011b velk\u00e9 (&gt;= 20)<\/div>\n<\/li>\n<\/ul>\n<p>PowerPoint umo\u017e\u0148uje nap\u0159\u00edklad<\/p>\n<ul>\n<li class=\"level1\">\n<div class=\"li\">r\u016fzn\u00e9 efekty p\u0159i p\u0159echodu mezi str\u00e1nkami<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">zjeven\u00ed objektu (text, obr\u00e1zek) \u010dasovan\u00e9 nebo na kliknut\u00ed<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">zvuk na pozad\u00ed prezentace<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">p\u0159eddefinovan\u00e9 skiny<\/div>\n<\/li>\n<\/ul>\n<p>P\u0159i prezentov\u00e1n\u00ed dej pozor na<\/p>\n<ul>\n<li class=\"level1\">\n<div class=\"li\">postoj \u010delem k publiku<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">srozumiteln\u00fd a dostate\u010dn\u011b hlasit\u00fd projev, gestikulaci<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">text z prezentace ne\u010dtu, mluv\u00edm spatra<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">je vhodn\u00e9 vyu\u017e\u00edt \u201epresenter\u201c, tj. d\u00e1lkov\u00fd ovlada\u010d pro obracen\u00ed str\u00e1nek, kter\u00fd m\u00e1 v sob\u011b i ukozov\u00e1tko<\/div>\n<\/li>\n<\/ul>\n<p><a class=\"media mediafile mf_pdf\" title=\"pdf-2013:power-point.pdf (186.4 KB)\" href=\"\/media\/pdf-2013\/power-point.pdf\">Stru\u010dn\u00e1 prezentace &#8211; shrnut\u00ed<\/a> (pdf)<\/p>\n<\/div>\n<h2 id=\"webove_stranky\" class=\"sectionedit14\">Webov\u00e9 str\u00e1nky<\/h2>\n<div class=\"level2\">\n<p>Modern\u00ed weby se sna\u017e\u00ed o kompaktn\u00ed form\u00e1t str\u00e1nky, zobrazen\u00fd jako ohrani\u010den\u00fd sloupec textu uprost\u0159ed str\u00e1nky. Viz t\u0159eba <a class=\"urlextern\" title=\"http:\/\/www.fit.vutbr.cz\/\" href=\"http:\/\/www.fit.vutbr.cz\/\" rel=\"nofollow\">zde<\/a>. Toho se dosahuje hojn\u00fdm vyu\u017e\u00edv\u00e1n\u00edm odd\u00edl\u016f <code>&lt;div&gt;<\/code>, tabulek <code>&lt;table&gt;<\/code> a styl\u016f <abbr title=\"Cascading Style Sheets\">CSS<\/abbr>. Jin\u00e9 weby ale t\u011bmito prost\u0159edky p\u0159\u00edli\u0161 neopl\u00fdvaj\u00ed, p\u0159esto maj\u00ed vysokou informa\u010dn\u00ed hodnotou. Nap\u0159. <a class=\"urlextern\" title=\"http:\/\/cs.wikipedia.org\/wiki\/Brno\" href=\"http:\/\/cs.wikipedia.org\/wiki\/Brno\" rel=\"nofollow\">zde<\/a>.<\/p>\n<\/div>\n<h3 id=\"tvorba_webovych_stranek\" class=\"sectionedit15\">Tvorba webov\u00fdch str\u00e1nek<\/h3>\n<div class=\"level3\">\n<p>je rozs\u00e1hl\u00fd obor, zahrnuj\u00edc\u00ed design, typografii, programov\u00e1n\u00ed, datab\u00e1ze, modely chov\u00e1n\u00ed u\u017eivatele, atd. Vy\u017eaduje tedy znalost \u0159ady specializovan\u00fdch softwarov\u00fdch n\u00e1stroj\u016f a technologi\u00ed. Ov\u0161em nepropadejme zoufalstv\u00ed &#8211; <strong>jednoduch\u00e9 a p\u0159itom p\u011bkn\u00e9 webov\u00e9 str\u00e1nky zvl\u00e1dne vytvo\u0159it tak\u0159ka ka\u017ed\u00fd<\/strong>.<\/p>\n<p><strong>WWW<\/strong> &#8211; World Wide Web. Vznik v roce 1990 v <a class=\"urlextern\" title=\"http:\/\/www.cern.ch\" href=\"http:\/\/www.cern.ch\" rel=\"nofollow\">CERN<\/a>.<\/p>\n<p><strong>Webov\u00e1 str\u00e1nka<\/strong> je vlastn\u011b prost\u00fd text, obsahuj\u00edc\u00ed form\u00e1tovac\u00ed zna\u010dky <abbr title=\"HyperText Markup Language\">HTML<\/abbr>, odkazy na obr\u00e1zky, odkazy na jin\u00e9 str\u00e1nky (hypertext), definice vizu\u00e1ln\u00edch styl\u016f, pop\u0159. skripty programuj\u00edc\u00ed ur\u010dit\u00e9 chov\u00e1n\u00ed.<\/p>\n<p><strong><abbr title=\"HyperText Markup Language\">HTML<\/abbr><\/strong> &#8211; HyperText Markup Language &#8211; hypertextov\u00fd zna\u010dkovac\u00ed jazyk.<\/p>\n<p><strong>hypertext<\/strong> &#8211; schpnost kliknut\u00edm sko\u010dit na jinou str\u00e1nku.<\/p>\n<p><strong>HTTP<\/strong> &#8211; HyperText Transfer Protocol &#8211; protokol pro p\u0159enost hypertextov\u00fdch dokument\u016f.<\/p>\n<p><strong>Browser<\/strong> &#8211; prohl\u00ed\u017ee\u010d &#8211; zobrazuje webov\u00e9 str\u00e1nky. Nap\u0159. Mozilla Firefox, Microsoft Internet Explorer, Google Chrome, \u2026<\/p>\n<\/div>\n<h3 id=\"webova_stranka\" class=\"sectionedit16\">Webov\u00e1 str\u00e1nka<\/h3>\n<div class=\"level3\">\n<div class=\"table sectionedit17\">\n<table class=\"inline\">\n<thead>\n<tr class=\"row0\">\n<th class=\"col0\">Statick\u00e1 str\u00e1nka<\/th>\n<th class=\"col1\">Dynamick\u00e1 str\u00e1nka<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr class=\"row1\">\n<td class=\"col0\">obsah se nem\u011bn\u00ed<\/td>\n<td class=\"col1\">obsah je generov\u00e1n na z\u00e1klad\u011b kontextu<\/td>\n<\/tr>\n<tr class=\"row2\">\n<td class=\"col0\">soubory <abbr title=\"HyperText Markup Language\">HTML<\/abbr>, HTM<\/td>\n<td class=\"col1\">soubory ASP, PHP, CGI<\/td>\n<\/tr>\n<tr class=\"row3\">\n<td class=\"col0\">nap\u0159. album, informa\u010dn\u00ed web<\/td>\n<td class=\"col1\">nap\u0159. e-shop, Facebook<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Ve v\u00fduce budeme tvo\u0159it pouze jednoduch\u00e9 statick\u00e9 webov\u00e9 str\u00e1nky.<\/p>\n<\/div>\n<h3 id=\"staticka_webova_stranka\" class=\"sectionedit18\">Statick\u00e1 webov\u00e1 str\u00e1nka<\/h3>\n<div class=\"level3\">\n<p>Obvykle je reprezentov\u00e1na n\u011bkolika soubory, ulo\u017een\u00fdmi v klasick\u00e9 adres\u00e1\u0159ov\u00e9 struktu\u0159e. Tyto soubory jsou navz\u00e1jem prov\u00e1z\u00e1ny. Nap\u0159. na st\u00e1nku je vlo\u017een obr\u00e1zek, str\u00e1nka importuje definici vizu\u00e1ln\u00edho stylu <abbr title=\"Cascading Style Sheets\">CSS<\/abbr>, odkaz m\u00ed\u0159\u00ed na jinou str\u00e1nku.<\/p>\n<p><strong>Nejpou\u017e\u00edvan\u011bj\u0161\u00ed typy soubor\u016f<\/strong><\/p>\n<div class=\"table sectionedit19\">\n<table class=\"inline\">\n<tbody>\n<tr class=\"row0\">\n<th class=\"col0\">.<abbr title=\"HyperText Markup Language\">HTML<\/abbr>, .HTM<\/th>\n<td class=\"col1\">HyperText Markup Language<\/td>\n<td class=\"col2\">hypertextov\u00e1 str\u00e1nka<\/td>\n<\/tr>\n<tr class=\"row1\">\n<th class=\"col0\">.JPG, .PNG, .SVG, .GIF<\/th>\n<td class=\"col1\"><\/td>\n<td class=\"col2\">obr\u00e1zky r\u016fzn\u00fdch typ\u016f<\/td>\n<\/tr>\n<tr class=\"row2\">\n<th class=\"col0\">.<abbr title=\"Cascading Style Sheets\">CSS<\/abbr><\/th>\n<td class=\"col1\">Cascade Style Sheet<\/td>\n<td class=\"col2\">kask\u00e1dov\u00e9 styly &#8211; vizu\u00e1ln\u00ed styl str\u00e1nky<\/td>\n<\/tr>\n<tr class=\"row3\">\n<th class=\"col0\">.JS<\/th>\n<td class=\"col1\">Java Script<\/td>\n<td class=\"col2\">skript, b\u011b\u017e\u00edc\u00ed v prohl\u00ed\u017ee\u010di<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<h3 id=\"zpusoby_editace_statickych_stranek\" class=\"sectionedit20\">Zp\u016fsoby editace statick\u00fdch str\u00e1nek<\/h3>\n<div class=\"level3\">\n<ul>\n<li class=\"level1\">\n<div class=\"li\">Editace prost\u00e9ho textu nap\u0159. pomoc\u00ed hloup\u00e9ho programu Notepad, chyt\u0159ej\u0161\u00edho <a class=\"urlextern\" title=\"http:\/\/www.pspad.com\" href=\"http:\/\/www.pspad.com\" rel=\"nofollow\">PSPad<\/a>, aj.<\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\">Editor <abbr title=\"What You See Is What You Get\">WYSIWYG<\/abbr> (What You See Is What You Get), podrobnosti nap\u0159. <a class=\"urlextern\" title=\"http:\/\/www.jakpsatweb.cz\/editory.html\" href=\"http:\/\/www.jakpsatweb.cz\/editory.html\" rel=\"nofollow\"> zde<\/a>.<\/div>\n<\/li>\n<\/ul>\n<p>Krom\u011b textu je t\u0159eba p\u0159ipravit i ob\u00e1zky. T\u0159eba ji\u017e zm\u00edn\u011bn\u00fdm programem <a class=\"urlextern\" title=\"http:\/\/www.faststone.org\" href=\"http:\/\/www.faststone.org\" rel=\"nofollow\"> FastStone<\/a>. Zejm\u00e9na je nutn\u00e9 vhodn\u011b zvolit rozli\u0161en\u00ed a souborov\u00fd form\u00e1t.<\/p>\n<\/div>\n<h3 id=\"no_a_jak_tedy_na_to\" class=\"sectionedit21\">No a jak tedy na to?<\/h3>\n<div class=\"level3\">\n<p>Existuje \u0159ada n\u00e1vod\u016f, jak tvo\u0159it webov\u00e9 str\u00e1nky. Uv\u00e1d\u00edm odkazy na n\u011bkter\u00e9 kvalitn\u00ed u\u010debn\u00ed texty:<\/p>\n<ul>\n<li class=\"level1\">\n<div class=\"li\"><a class=\"urlextern\" title=\"http:\/\/www.jakpsatweb.cz\" href=\"http:\/\/www.jakpsatweb.cz\" rel=\"nofollow\"> www.jakpsatweb.cz<\/a><\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\"><a class=\"urlextern\" title=\"http:\/\/www.tvorba-webu.cz\" href=\"http:\/\/www.tvorba-webu.cz\" rel=\"nofollow\"> www.tvorba-webu.cz<\/a><\/div>\n<\/li>\n<li class=\"level1\">\n<div class=\"li\"><a class=\"urlextern\" title=\"http:\/\/www.w3schools.com\" href=\"http:\/\/www.w3schools.com\" rel=\"nofollow\"> www.w3schools.com (anglicky)<\/a><\/div>\n<\/li>\n<\/ul>\n<\/div>\n<h3 id=\"kam_s_nimi\" class=\"sectionedit22\">Kam s nimi?<\/h3>\n<div class=\"level3\">\n<p>Jakmile jsou str\u00e1nky vytvo\u0159en\u00e9, nahrajeme je protokolem <abbr title=\"File Transfer Protocol\">FTP<\/abbr> na tzv. webhosting. Webhosting je prostor na serveru poskytovatele t\u00e9to slu\u017eby. Prostor je obvykle poskytov\u00e1n za ro\u010dn\u00ed poplatek. M\u016f\u017ee b\u00fdt i zdarma, ale pak jsou na str\u00e1nky vkl\u00e1d\u00e1ny reklamy.<\/p>\n<p>Aby se na str\u00e1nky mohl p\u0159ipojit klient, mus\u00ed b\u00fdt str\u00e1nky publikov\u00e1ny na ur\u010dit\u00e9 adrese, pod dom\u00e9nov\u00fdm jm\u00e9nem. Nap\u0159\u00edklad tyto str\u00e1nky jsou publikov\u00e1ny na <a class=\"urlextern\" title=\"http:\/\/www.vojtaf.cz\" href=\"http:\/\/www.vojtaf.cz\" rel=\"nofollow\">www.vojtaf.cz<\/a>. Za \u00fadr\u017ebu (registraci) dom\u00e9n se plat\u00ed m\u00edrn\u00fd poplatek, v \u0159\u00e1du stokorun ro\u010dn\u011b.<\/p>\n<hr \/>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Denn\u00ed studium &#8211; 2. ro\u010dn\u00edk Materi\u00e1ly byly p\u0159ipraveny ve \u0161koln\u00edm roce 2011\/2012, a jeliko\u017e autor ji\u017e p\u0159edm\u011bt ve 2. ro\u010dn\u00edku nevyu\u010duje, pozvolna zastar\u00e1vaj\u00ed&#8230;. V druh\u00e9m ro\u010dn\u00edku se v sou\u010dasnosti vyu\u010duje p\u0159edm\u011bt ICT dle \u0161koln\u00edho vzd\u011bl\u00e1vac\u00edho programu. Prob\u00edranou l\u00e1tku si \u017e\u00e1ci zapisuj\u00ed do se\u0161itu, tyto materi\u00e1ly jsou dopl\u0148kov\u00e9. \u00davod provozn\u00ed \u0159\u00e1d u\u010debny v\u00fdpo\u010detn\u00ed techniky, bezpe\u010dnostn\u00ed p\u0159edpisy &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.vojtaf.cz\/?page_id=17\" class=\"more-link\">Pokra\u010dovat ve \u010dten\u00ed<span class=\"screen-reader-text\"> &#8222;2. Ro\u010dn\u00edk&#8220;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.vojtaf.cz\/index.php?rest_route=\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vojtaf.cz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vojtaf.cz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vojtaf.cz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vojtaf.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":10,"href":"https:\/\/www.vojtaf.cz\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":163,"href":"https:\/\/www.vojtaf.cz\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions\/163"}],"wp:attachment":[{"href":"https:\/\/www.vojtaf.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}