{"id":450,"date":"2021-10-21T10:52:59","date_gmt":"2021-10-21T08:52:59","guid":{"rendered":"https:\/\/centrum-vzdelavani.cz\/tvorba-webovych-stranek-kurz-dvpp\/"},"modified":"2021-10-21T10:53:00","modified_gmt":"2021-10-21T08:53:00","slug":"tvorba-webovych-stranek-kurz-dvpp","status":"publish","type":"post","link":"https:\/\/centrum-vzdelavani.cz\/tvorba-webovych-stranek-kurz-dvpp\/","title":{"rendered":"Tvorba webov\u00fdch str\u00e1nek \u2013 kurz DVPP"},"content":{"rendered":"\n
Toto \u0161kolen\u00ed je zam\u011b\u0159eno na k\u00f3dov\u00e1n\u00ed internetov\u00fdch str\u00e1nek pomoc\u00ed nejnov\u011bj\u0161\u00edch postup\u016f zahrnut\u00fdch v\u00a0HTML5 a CSS3<\/strong>. Sezn\u00e1m\u00edte se se zp\u016fsobem navr\u017een\u00ed modern\u00edho designu webu v\u00a0responzivn\u00edm designu. Vyzkou\u0161\u00edte si nov\u00e9 tagy a selektory, nastaven\u00ed n\u011bkter\u00fdch jejich zaj\u00edmav\u00fdch vlastnost\u00ed. Sezn\u00e1m\u00edte se s\u00a0modern\u00edm grafick\u00fdm stylem tzv. Material design<\/strong> od Google.<\/p>\n\n\n\n Pokud pracujete v\u00a0redak\u010dn\u00edch syst\u00e9mech, dopl\u0148uje informace na web organizace, znalost k\u00f3dov\u00e1n\u00ed se m\u016f\u017ee v\u017edy hodit. Pokro\u010dil\u00e9 \u00fapravy i v\u00a0t\u011bchto syst\u00e9mech m\u016f\u017eete nastavit p\u0159\u00edmo v\u00a0HTML<\/strong> nebo dopln\u011bn\u00edm sv\u00fdch vlastn\u00edch styl\u016f (CSS<\/strong>).<\/p>\n\n\n\n Pokud m\u00e1te ambice zab\u00fdvat se programov\u00e1n\u00edm, chcete tomu u\u010dit sv\u00e9 \u017e\u00e1ky, znalost HTML a CSS je nezbytn\u00fdm z\u00e1kladem<\/strong>. Toto k\u00f3dov\u00e1n\u00ed se pou\u017e\u00edv\u00e1 pro tvorbu front-end prost\u0159ed\u00ed ve v\u0161ech programovac\u00edch syst\u00e9mech.<\/p>\n\n\n\n Na na\u0161em \u0161kolen\u00ed tvorba webov\u00fdch str\u00e1nek se sezn\u00e1m\u00edte s pou\u017eit\u00edm HTML a CSS, vytvo\u0159\u00edte jednoduchou pou\u017eitelnou webovou aplikaci<\/strong>. Z\u00edsk\u00e1te vlastn\u011b \u0161ablonu, kterou si m\u016f\u017eete d\u00e1le upravit dle sv\u00e9ho grafick\u00e9ho c\u00edt\u011bn\u00ed a naplnit ji relevantn\u00edm obsahem.<\/p>\n\n\n\n Vyzkou\u0161\u00edte si vytvo\u0159it n\u011bkolik stran propojen\u00fdch p\u0159es menu, nastaven\u00ed jednotliv\u00fdch \u010d\u00e1st\u00ed internetov\u00e9 prezentace, p\u0159izp\u016fsoben\u00ed webu m\u00e9diu, na kter\u00e9m se zobrazuje. Pou\u017eijete ty spr\u00e1vn\u00e9 n\u00e1stroje, a nastav\u00edte zaj\u00edmav\u00fd design, pou\u017eijete modern\u00ed grafick\u00e9 prvky.<\/p>\n\n\n\n Kurz Tvorba webov\u00fdch str\u00e1nek<\/a> je v\u00edcedenn\u00ed<\/strong>, proto si prostudujte podrobnou n\u00e1pl\u0148 jednotliv\u00fdch dn\u016f. T\u00e9mata na sebe navazuj\u00ed, ale m\u016f\u017eete absolvovat t\u0159eba jen jeden nebo dva moduly od za\u010d\u00e1tku.<\/p>\n\n\n\n Pro tvorbu webu existuje velk\u00e9 mno\u017estv\u00ed v\u00fdvojov\u00fdch prost\u0159ed\u00edch, od „primitivn\u00edch“ jako nap\u0159. PSPad<\/a>, p\u0159es komplexn\u00ed jako je WebStorm<\/a> od spole\u010dnosti JetBrains, kter\u00fd je ov\u0161em u\u017e placen\u00fd n\u00e1stroj. Proto jsme se rozhodli pro zlatou st\u0159edn\u00ed cestu a to MS Visual Code<\/a>, co\u017e je IDE od spole\u010dnosti Microsoft, je zdarma, dnes velmi popul\u00e1rn\u00ed n\u00e1stroj a tak\u00e9 je multiplatformn\u00e9 tzn. m\u016f\u017eete si ho nainstalovat na Windows<\/em>, Linux<\/em> nebo MacOS<\/em>. Tak\u00e9 se jedn\u00e1 o \u017eiv\u00fd n\u00e1stroj, kter\u00fd se \u010dasto aktualizace a obsahuje mo\u017enosti roz\u0161\u00ed\u0159en\u00ed pomoc\u00ed r\u016fzn\u00fdch plugin\u016f. <\/p>\n\n\n\n <\/p>\n\n\n\n Na\u0161i lekto\u0159i vedli n\u011bkolik kurz\u016f s touto t\u00e9matikou. U\u010ditel\u00e9 si doplnili a roz\u0161\u00ed\u0159ili znalosti a dovednosti<\/strong> p\u0159i n\u00e1vrhu webov\u00fdch str\u00e1nek a z\u00edskali u\u017eite\u010dn\u00e9 materi\u00e1ly<\/strong>. Ocenili p\u0159edev\u0161\u00edm mo\u017enost rychle a bez dlouh\u00e9ho samostudia inovovat sv\u00e9 znalosti.<\/p>\n\n\n\n Rozvoj vyu\u017e\u00edv\u00e1n\u00ed informa\u010dn\u00edch technologi\u00ed, cloudov\u00e9 aplikace, p\u0159ed\u00e1v\u00e1n\u00ed informac\u00ed a publikov\u00e1n\u00ed v r\u016fzn\u00fdch on-line syst\u00e9mech V\u00e1m d\u00e1v\u00e1 konkuren\u010dn\u00ed v\u00fdhodu,<\/strong> pokud ch\u00e1pete a dok\u00e1\u017eete aplikovat principy k\u00f3dov\u00e1n\u00ed ve sv\u00e9 pr\u00e1ci.<\/p>\n\n\n\n Pokud chcete b\u00fdt l\u00eddry v pou\u017e\u00edv\u00e1n\u00ed informa\u010dn\u00edch technologi\u00ed ve sv\u00e9m okol\u00ed, znalost k\u00f3dov\u00e1n\u00ed V\u00e1m v tom pom\u016f\u017ee.<\/p>\n\n\n\n Prohl\u00e9dn\u011bte si nab\u00eddku na\u0161ich \u0161kolen\u00ed<\/a> a v\u00a0p\u0159\u00edpad\u011b dal\u0161\u00edch dotaz\u016f napi\u0161te na dvpp@poc-sluzba.cz<\/a><\/p>\n\n\n\n V\u011bt\u0161inou tento kurz je na konkr\u00e9tn\u00ed popt\u00e1vku dann\u00e9 \u0161koly, proto\u017ee se jedn\u00e1 o speci\u00e1ln\u011bj\u0161\u00ed \u0161kolen\u00ed, kter\u00e9 \u010dasto nevypisujeme jako ve\u0159ejn\u00e9 \u0161kolen\u00ed. Tak\u017ee pokud m\u00e1te z\u00e1jem o toto \u0161kolen\u00ed ve vy\u0161\u00ed \u0161kole tak se n\u00e1m ozv\u011bte na e-mail dvpp@poc-sluzba.cz<\/a>. Pokud by v\u00e1s v\u0161ak zaj\u00edmala tvorba webov\u00fdch str\u00e1nek pomoc\u00ed redak\u010dn\u00edho syst\u00e9mu WordPress<\/a> tak se m\u016f\u017eet p\u0159ihl\u00e1s\u00edt na n\u00e1sleduj\u00edc\u00ed term\u00edny.<\/p>\n\n\nAktu\u00e1ln\u011b nen\u00ed vypsan\u00fd \u017e\u00e1dn\u00fd term\u00edn, v p\u0159\u00edpad\u011b z\u00e1jmu m\u016f\u017eete kurz poptat na emailu info@poc-sluzba.cz<\/a>.\n","protected":false},"excerpt":{"rendered":" Toto \u0161kolen\u00ed je zam\u011b\u0159eno na k\u00f3dov\u00e1n\u00ed internetov\u00fdch str\u00e1nek pomoc\u00ed nejnov\u011bj\u0161\u00edch postup\u016f zahrnut\u00fdch v\u00a0HTML5 a CSS3. Sezn\u00e1m\u00edte se se zp\u016fsobem navr\u017een\u00ed modern\u00edho designu webu v\u00a0responzivn\u00edm designu. Vyzkou\u0161\u00edte si nov\u00e9 tagy a selektory, nastaven\u00ed n\u011bkter\u00fdch jejich zaj\u00edmav\u00fdch vlastnost\u00ed. Sezn\u00e1m\u00edte se s\u00a0modern\u00edm grafick\u00fdm stylem tzv. Material design od Google. Je d\u016fle\u017eit\u00e9 zn\u00e1t HTML a CSS? Pokud pracujete v\u00a0redak\u010dn\u00edch…<\/p>\n","protected":false},"author":4,"featured_media":1605,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[10,8],"tags":[11,109,39],"class_list":["post-450","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dvpp","category-rekvalifikace","tag-dvpp","tag-ict","tag-kurzy-it"],"yoast_head":"\nJe d\u016fle\u017eit\u00e9 zn\u00e1t HTML a CSS?<\/h2>\n\n\n\n
<\/a>
Co se nau\u010d\u00edte<\/h2>\n\n\n\n
V jak\u00e9m v\u00fdvojov\u00e9m prost\u0159ed\u00ed u\u010d\u00edme?<\/h2>\n\n\n\n
<\/a>
Na\u0161e zku\u0161enosti<\/h2>\n\n\n\n
Kde znalosti vyu\u017eijete<\/h2>\n\n\n\n
Term\u00edny \u0161kolen\u00ed<\/h2>\n\n\n\n