{"id":798,"date":"2021-07-29T13:29:01","date_gmt":"2021-07-29T11:29:01","guid":{"rendered":"http:\/\/vita.sk.vps324.nameserver.sk\/?post_type=product&#038;p=798"},"modified":"2026-10-11T18:28:32","modified_gmt":"2026-10-11T16:28:32","slug":"online-kurz-html5-css3-i-zaciatocnik","status":"publish","type":"product","link":"https:\/\/www.vita.sk\/en\/online-kurz-html5-css3-i-zaciatocnik\/","title":{"rendered":"Online kurz HTML5, CSS3 I. Za\u010diato\u010dn\u00edk"},"content":{"rendered":"<p>Online kurz HTML5, CSS3 I. Za\u010diato\u010dn\u00edk je pre v\u00e1s ide\u00e1lny, ak chcete pochopi\u0165 tvorbu webov\u00fdch str\u00e1nok a za\u010da\u0165 samostatne upravova\u0165 ich obsah aj vzh\u013ead. <strong>Ide o certifikovan\u00fd online kurz na HTML5 a CSS3.<\/strong> Spolo\u010dne si vysvetl\u00edme, ako HTML vytv\u00e1ra \u0161trukt\u00faru dokumentu a CSS ur\u010duje jeho vizu\u00e1lnu podobu. Za\u010dneme HTML zna\u010dkami a pr\u00e1cou s k\u00f3dom v Notepad++ aj v prostred\u00ed WordPress. Nau\u010d\u00edme sa \u010d\u00edta\u0165 jednoduch\u00fd zdrojov\u00fd k\u00f3d, upravova\u0165 text a rozpozn\u00e1va\u0165 jednotliv\u00e9 \u010dasti str\u00e1nky. Vysvetl\u00edme si v\u00fdznam deklar\u00e1cie doctype, metad\u00e1t, nastavenia viewportu a multimedi\u00e1lnych prvkov. Predch\u00e1dzaj\u00face sk\u00fasenosti s programovan\u00edm nepotrebujete. Z\u00edskan\u00e9 z\u00e1klady vyu\u017eijete pri vlastnom webe, spr\u00e1ve firemn\u00e9ho obsahu aj \u0161kolsk\u00fdch projektoch.<\/p>\n<p>&nbsp;<\/p>\n<p>HTML5 a CSS3 prepoj\u00edme pri vytv\u00e1ran\u00ed jednoduch\u00e9ho webov\u00e9ho projektu v NetBeans. Precvi\u010d\u00edme si odseky, textov\u00fd obsah, kontajnery DIV a z\u00e1kladn\u00e9 \u0161t\u00fdlovanie. Uk\u00e1\u017eeme si tvorbu tla\u010didiel a v\u00fdziev na akciu, ktor\u00e9 n\u00e1v\u0161tevn\u00edka ved\u00fa k po\u017eadovan\u00e9mu kroku. Obozn\u00e1mime sa s prvkom Canvas a uk\u00e1\u017ekami kreslenia grafiky \u010di farebn\u00fdch prechodov pomocou skriptov. Pri h\u013eadan\u00ed ch\u00fdb vyu\u017eijeme techniku Rubber Duck Debugging, pri ktorej si postup rie\u0161enia vysvet\u013eujeme krok za krokom. Rozl\u00ed\u0161ime protokoly FTP a SFTP a predstav\u00edme si prenos s\u00faborov cez WinSCP. Dopln\u00edme z\u00e1klady HTTP, jeho met\u00f3dy a stavov\u00e9 k\u00f3dy. Pomocou Screaming Frog si uk\u00e1\u017eeme, ako z\u00edska\u0165 z\u00e1kladn\u00fd technick\u00fd preh\u013ead o adres\u00e1ch webu a ich odpovediach.<\/p>\n<p>&nbsp;<\/p>\n<p>Kurz HTML5 a CSS3 m\u00f4\u017eete \u0161tudova\u0165 plne online, v sloven\u010dine a vlastn\u00fdm tempom. K dispoz\u00edcii m\u00e1te ro\u010dn\u00fd pr\u00edstup, materi\u00e1ly na stiahnutie, pr\u00edru\u010dku, prezent\u00e1ciu a \u0165ah\u00e1ky. K jednotliv\u00fdm t\u00e9mam sa tak m\u00f4\u017eete vraca\u0165 pri precvi\u010dovan\u00ed aj pri vlastnej pr\u00e1ci. Odpor\u00fa\u010dame priebe\u017ene meni\u0165 uk\u00e1\u017ekov\u00fd k\u00f3d, kontrolova\u0165 v\u00fdsledok v prehliada\u010di a porovn\u00e1va\u0165, ako sa \u00fapravy prejavia na str\u00e1nke. Priebe\u017en\u00fd a z\u00e1vere\u010dn\u00fd test v\u00e1m pom\u00f4\u017eu overi\u0165 si z\u00edskan\u00e9 vedomosti. Po \u00faspe\u0161nom absolvovan\u00ed z\u00edskate certifik\u00e1t VITA. Vybudujete si z\u00e1klad pre samostatn\u00e9 \u00fapravy webov\u00e9ho obsahu, jednoduch\u00e9 str\u00e1nky a \u010fal\u0161ie \u0161t\u00fadium webov\u00fdch technol\u00f3gi\u00ed. Ak sa chcete skuto\u010dne nau\u010di\u0165 vytv\u00e1ra\u0165 a upravova\u0165 webov\u00e9 str\u00e1nky pomocou HTML5 a CSS3, tak toto je ide\u00e1lny vstupn\u00fd online kurz pre v\u00e1s.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Online kurz HTML5, CSS3 I. Za\u010diato\u010dn\u00edk v\u00e1s nau\u010d\u00ed vytv\u00e1ra\u0165 a upravova\u0165 modern\u00e9 webov\u00e9 str\u00e1nky pomocou HTML5 a CSS3, pracova\u0165 s WordPress, HTML5 Canvas, NetBeans, FTP, SFTP, HTTP a n\u00e1strojmi na ladenie a anal\u00fdzu webov\u00e9ho k\u00f3du.","protected":false},"author":4,"featured_media":976,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false},"product_brand":[],"product_cat":[119,114,73],"product_tag":[1646,1647,1648,1649,193,481,1327,1529,1642,1644,1645],"class_list":{"0":"post-798","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-online-kurzy-html5-css3","7":"product_cat-online-kurzy-tvorba-web-stranok","8":"product_cat-bez-kategorie","9":"product_tag-css3","10":"product_tag-webdizajn","11":"product_tag-html-canvas","12":"product_tag-winscp","13":"product_tag-tvorba-web-stranok","14":"product_tag-wordpress","15":"product_tag-tvorba-webovych-stranok","16":"product_tag-netbeans","17":"product_tag-frontend","18":"product_tag-ladenie-kodu","19":"product_tag-html5","21":"first","22":"instock","23":"sale","24":"virtual","25":"sold-individually","26":"taxable","27":"purchasable","28":"product-type-simple"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.0 (Yoast SEO v25.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Online kurz HTML5, CSS3 pre za\u010diato\u010dn\u00edkov 2026 | VITA<\/title>\n<meta name=\"description\" content=\"HTML5 a CSS3 pre za\u010diato\u010dn\u00edkov: tvorba webu, WordPress, Canvas a pr\u00e1ca s k\u00f3dom. \u0160tudujte online a z\u00edskajte praktick\u00e9 z\u00e1klady aj certifik\u00e1t VITA \u2705\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vita.sk\/online-kurz-html5-css3-i-zaciatocnik\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Online kurz HTML5, CSS3 I. Za\u010diato\u010dn\u00edk\" \/>\n<meta property=\"og:description\" content=\"HTML5 a CSS3 pre za\u010diato\u010dn\u00edkov: tvorba webu, WordPress, Canvas a pr\u00e1ca s k\u00f3dom. \u0160tudujte online a z\u00edskajte praktick\u00e9 z\u00e1klady aj certifik\u00e1t VITA \u2705\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vita.sk\/online-kurz-html5-css3-i-zaciatocnik\/\" \/>\n<meta property=\"og:site_name\" content=\"VITA\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/VitaAcademySK\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-11T16:28:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vita.sk\/wp-content\/uploads\/2019\/07\/html-5.png\" \/>\n\t<meta property=\"og:image:width\" content=\"360\" \/>\n\t<meta property=\"og:image:height\" content=\"360\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.vita.sk\/online-kurz-html5-css3-i-zaciatocnik\/\",\n\t            \"url\": \"https:\/\/www.vita.sk\/online-kurz-html5-css3-i-zaciatocnik\/\",\n\t            \"name\": \"Online kurz HTML5, CSS3 pre za\u010diato\u010dn\u00edkov {Y} | VITA\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.vita.sk\/#website\"\n\t            },\n\t            \"primaryImageOfPage\": {\n\t                \"@id\": \"https:\/\/www.vita.sk\/online-kurz-html5-css3-i-zaciatocnik\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.vita.sk\/online-kurz-html5-css3-i-zaciatocnik\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\/\/www.vita.sk\/wp-content\/uploads\/2019\/07\/html-5.png\",\n\t            \"datePublished\": \"2021-07-29T11:29:01+00:00\",\n\t            \"dateModified\": \"2026-10-11T16:28:32+00:00\",\n\t            \"description\": \"HTML5 a CSS3 pre za\u010diato\u010dn\u00edkov: tvorba webu, WordPress, Canvas a pr\u00e1ca s k\u00f3dom. \u0160tudujte online a z\u00edskajte praktick\u00e9 z\u00e1klady aj certifik\u00e1t VITA \u2705\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.vita.sk\/online-kurz-html5-css3-i-zaciatocnik\/#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"https:\/\/www.vita.sk\/online-kurz-html5-css3-i-zaciatocnik\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"ImageObject\",\n\t            \"inLanguage\": \"en-US\",\n\t            \"@id\": \"https:\/\/www.vita.sk\/online-kurz-html5-css3-i-zaciatocnik\/#primaryimage\",\n\t            \"url\": \"https:\/\/www.vita.sk\/wp-content\/uploads\/2019\/07\/html-5.png\",\n\t            \"contentUrl\": \"https:\/\/www.vita.sk\/wp-content\/uploads\/2019\/07\/html-5.png\",\n\t            \"width\": 360,\n\t            \"height\": 360,\n\t            \"caption\": \"Online kurz HTML5\"\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.vita.sk\/online-kurz-html5-css3-i-zaciatocnik\/#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"VITA Academy\",\n\t                    \"item\": \"https:\/\/www.vita.sk\/en\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"Shop\",\n\t                    \"item\": \"https:\/\/www.vita.sk\/shop\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 3,\n\t                    \"name\": \"V\u00fdvoj a Dizajn Webov\u00fdch Str\u00e1nok\",\n\t                    \"item\": \"https:\/\/www.vita.sk\/online-kurzy-tvorba-web-stranok\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 4,\n\t                    \"name\": \"HTML5, CSS3\",\n\t                    \"item\": \"https:\/\/www.vita.sk\/online-kurzy-html5-css3\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 5,\n\t                    \"name\": \"Online kurz HTML5, CSS3 I. Za\u010diato\u010dn\u00edk\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"https:\/\/www.vita.sk\/#website\",\n\t            \"url\": \"https:\/\/www.vita.sk\/\",\n\t            \"name\": \"VITA\",\n\t            \"description\": \"\",\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/www.vita.sk\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"https:\/\/www.vita.sk\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"email\": \"admin@vita.sk\",\n\t            \"logo\": \"https:\/\/www.vita.sk\/img\/vita_logo.png \",\n\t            \"address\": {\n\t                \"type\": \"PostalAddress\",\n\t                \"streetAddress\": \"Tom\u00e1\u0161ikova 50\/A\",\n\t                \"addressLocality\": \"Bratislava\",\n\t                \"postalCode\": \"83104\",\n\t                \"addressCountry\": {\n\t                    \"name\": \"SK\",\n\t                    \"type\": \"Country\"\n\t                }\n\t            },\n\t            \"contactPoint\": {\n\t                \"type\": \"ContactPoint\",\n\t                \"telephone\": \"+421 907 375\u00a0543\",\n\t                \"Email\": \"admin@vita.sk\",\n\t                \"contactType\": \"customer service\"\n\t            },\n\t            \"sameAs\": [\n\t                \"https:\/\/www.facebook.com\/VitaAcademySK\/\",\n\t                \"https:\/\/www.linkedin.com\/company\/vita-academy\/\"\n\t            ]\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Online kurz HTML5, CSS3 pre za\u010diato\u010dn\u00edkov 2026 | VITA","description":"HTML5 a CSS3 pre za\u010diato\u010dn\u00edkov: tvorba webu, WordPress, Canvas a pr\u00e1ca s k\u00f3dom. \u0160tudujte online a z\u00edskajte praktick\u00e9 z\u00e1klady aj certifik\u00e1t VITA \u2705","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vita.sk\/online-kurz-html5-css3-i-zaciatocnik\/","og_locale":"en_US","og_type":"article","og_title":"Online kurz HTML5, CSS3 I. Za\u010diato\u010dn\u00edk","og_description":"HTML5 a CSS3 pre za\u010diato\u010dn\u00edkov: tvorba webu, WordPress, Canvas a pr\u00e1ca s k\u00f3dom. \u0160tudujte online a z\u00edskajte praktick\u00e9 z\u00e1klady aj certifik\u00e1t VITA \u2705","og_url":"https:\/\/www.vita.sk\/online-kurz-html5-css3-i-zaciatocnik\/","og_site_name":"VITA","article_publisher":"https:\/\/www.facebook.com\/VitaAcademySK","article_modified_time":"2026-10-11T16:28:32+00:00","og_image":[{"width":360,"height":360,"url":"https:\/\/www.vita.sk\/wp-content\/uploads\/2019\/07\/html-5.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vita.sk\/online-kurz-html5-css3-i-zaciatocnik\/","url":"https:\/\/www.vita.sk\/online-kurz-html5-css3-i-zaciatocnik\/","name":"Online kurz HTML5, CSS3 pre za\u010diato\u010dn\u00edkov {Y} | VITA","isPartOf":{"@id":"https:\/\/www.vita.sk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vita.sk\/online-kurz-html5-css3-i-zaciatocnik\/#primaryimage"},"image":{"@id":"https:\/\/www.vita.sk\/online-kurz-html5-css3-i-zaciatocnik\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vita.sk\/wp-content\/uploads\/2019\/07\/html-5.png","datePublished":"2021-07-29T11:29:01+00:00","dateModified":"2026-10-11T16:28:32+00:00","description":"HTML5 a CSS3 pre za\u010diato\u010dn\u00edkov: tvorba webu, WordPress, Canvas a pr\u00e1ca s k\u00f3dom. \u0160tudujte online a z\u00edskajte praktick\u00e9 z\u00e1klady aj certifik\u00e1t VITA \u2705","breadcrumb":{"@id":"https:\/\/www.vita.sk\/online-kurz-html5-css3-i-zaciatocnik\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vita.sk\/online-kurz-html5-css3-i-zaciatocnik\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vita.sk\/online-kurz-html5-css3-i-zaciatocnik\/#primaryimage","url":"https:\/\/www.vita.sk\/wp-content\/uploads\/2019\/07\/html-5.png","contentUrl":"https:\/\/www.vita.sk\/wp-content\/uploads\/2019\/07\/html-5.png","width":360,"height":360,"caption":"Online kurz HTML5"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vita.sk\/online-kurz-html5-css3-i-zaciatocnik\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"VITA Academy","item":"https:\/\/www.vita.sk\/en\/"},{"@type":"ListItem","position":2,"name":"Shop","item":"https:\/\/www.vita.sk\/shop\/"},{"@type":"ListItem","position":3,"name":"V\u00fdvoj a Dizajn Webov\u00fdch Str\u00e1nok","item":"https:\/\/www.vita.sk\/online-kurzy-tvorba-web-stranok\/"},{"@type":"ListItem","position":4,"name":"HTML5, CSS3","item":"https:\/\/www.vita.sk\/online-kurzy-html5-css3\/"},{"@type":"ListItem","position":5,"name":"Online kurz HTML5, CSS3 I. Za\u010diato\u010dn\u00edk"}]},{"@type":"WebSite","@id":"https:\/\/www.vita.sk\/#website","url":"https:\/\/www.vita.sk\/","name":"VITA","description":"","publisher":{"@id":"https:\/\/www.vita.sk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vita.sk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"email":"admin@vita.sk","logo":"https:\/\/www.vita.sk\/img\/vita_logo.png ","address":{"type":"PostalAddress","streetAddress":"Tom\u00e1\u0161ikova 50\/A","addressLocality":"Bratislava","postalCode":"83104","addressCountry":{"name":"SK","type":"Country"}},"contactPoint":{"type":"ContactPoint","telephone":"+421 907 375\u00a0543","Email":"admin@vita.sk","contactType":"customer service"},"sameAs":["https:\/\/www.facebook.com\/VitaAcademySK\/","https:\/\/www.linkedin.com\/company\/vita-academy\/"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/www.vita.sk\/en\/wp-json\/wp\/v2\/product\/798","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vita.sk\/en\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/www.vita.sk\/en\/wp-json\/wp\/v2\/types\/product"}],"author":[{"embeddable":true,"href":"https:\/\/www.vita.sk\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vita.sk\/en\/wp-json\/wp\/v2\/comments?post=798"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.vita.sk\/en\/wp-json\/wp\/v2\/media\/976"}],"wp:attachment":[{"href":"https:\/\/www.vita.sk\/en\/wp-json\/wp\/v2\/media?parent=798"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/www.vita.sk\/en\/wp-json\/wp\/v2\/product_brand?post=798"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.vita.sk\/en\/wp-json\/wp\/v2\/product_cat?post=798"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/www.vita.sk\/en\/wp-json\/wp\/v2\/product_tag?post=798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}