kategória školenia tvorba www stránok obsahuje kurzy google tag manager (analytics, ads), google...

27
Kategória školenia Tvorba www stránok obsahuje kurzy: Vývojár webových aplikácií Kurz vývojár webových aplikácií je určený pre tvorcov webových stránok, ktorí sa chcú naučiť vytvárať webové stránky na profesionálnej úrovni. Akciový balík sa skladá z nasledujúcich kurzov: Tvorba www stránok základy a HTML, CSS, PHP, JavaScript základy, Kurz PHP Script - základy,Kurz PHP Script – pokročilý a kurz SEO optimalizácia pre vyhľadávače. V termíne je uvedený len začiatok kurzu, o ďalších termínoch Vás budeme informovať. Galéria v jazyku JavaScript pridanie galérie na webstránku nastavenia zoskupovania obrázkov v galérii do skupín úprava vzhľadu galérie pomocou grafiky úprava vzhľadu galérie pomocou HTML a CSS parametre galérie pravidla obrázkov v galérií (veľkosť, rozmery, kvalita) Formulár pomocou JavaScriptu a PHP kontaktný formulár e-shop objednávkový formulár možnosti vstupov pre formulár posielanie formulára kontrola formuláru bezpečnosť formulárov Funkcie JavaScriptu pomocné funkcie pre web štruktúra JavaScriptu využitie JavaScriptu vo webstránke PHP pre web základy PHP pre web vytváranie systému šablón štruktúra PHP práca s funkciami a premennými Rolovacie menu JS pridanie rolovacieho menu na webstranku štruktúra JavaScript v rolovacom menu grafická úprava a prispôsobenie rolovacieho menu HTML úprava menu Systémový dátum a čas pridanie systémového dátumu a času na stránku Zobrazenie obrázkov v okne pomocou JavaScriptu úprava a prispôsobenie veľkosť zobrazovacieho okna pravidlá obrázkov (veľkosť, rozmery, kvalita) PHP Script - základy 1/27 www.macrosoft.sk

Upload: others

Post on 09-Jul-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

Kategória školenia Tvorba www stránok obsahuje kurzy:Vývojár webových aplikácií

Kurz vývojár webových aplikácií je určený pre tvorcov webových stránok, ktorí sa chcú naučiť vytvárať webové stránky na profesionálnej úrovni. Akciový balík sa skladá z nasledujúcich kurzov: Tvorba www stránok základy a HTML, CSS, PHP, JavaScript základy, Kurz PHP Script - základy,Kurz PHP Script – pokročilý a kurz SEO optimalizácia pre vyhľadávače. V termíne je uvedený len začiatok kurzu, o ďalších termínoch Vás budeme informovať.

Galéria v jazyku JavaScriptpridanie galérie na webstránkunastavenia zoskupovania obrázkov v galérii do skupínúprava vzhľadu galérie pomocou grafikyúprava vzhľadu galérie pomocou HTML a CSSparametre galériepravidla obrázkov v galérií (veľkosť, rozmery, kvalita)

Formulár pomocou JavaScriptu a PHPkontaktný formuláre-shop objednávkový formulármožnosti vstupov pre formulárposielanie formulárakontrola formulárubezpečnosť formulárov

Funkcie JavaScriptupomocné funkcie pre webštruktúra JavaScriptuvyužitie JavaScriptu vo webstránke

PHP pre webzáklady PHP pre webvytváranie systému šablónštruktúra PHPpráca s funkciami a premennými

Rolovacie menu JSpridanie rolovacieho menu na webstrankuštruktúra JavaScript v rolovacom menugrafická úprava a prispôsobenie rolovacieho menuHTML úprava menu

Systémový dátum a časpridanie systémového dátumu a času na stránku

Zobrazenie obrázkov v okne pomocou JavaScriptuúprava a prispôsobenieveľkosť zobrazovacieho oknapravidlá obrázkov (veľkosť, rozmery, kvalita)

PHP Script - základy

1/27 www.macrosoft.sk

Page 2: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

Úvod do PHP a Apache Serverako PHP fungujespojazdnenie PHP pre Apache serverčo je to PHP, základné funkcierozdiel oproti HTMLprvá aplikácia na výpis textu na obrazovkupríkaz ECHOrozdiel medzi server-side a client-side programovaním

Premennélokálne a globálne premennéukladanie hodnôt do premennýchvlastné funkcie, vstupné a výstupné premennéplatnosť hodnoty premennej

Vstavané funkcievýznam a používaniečíselné funkciereťazcové funkciedátumové funkcie

Cyklyvysvetlenie cyklovcyklus For, While, Do .. While, príklady na test cyklov

Podmienkypríkaz IF, ELSE IF, ELSEoperátoryskladanie podmienok - príkazy AND, OR

Práca s formulármiformulárové prvky v jazyku HTMLčítanie a zápis dát z formulárakontrola dát na strane serveravýpis na obrazovkudirektíva POST a GET, ich významnahrávanie jedného a viacerých súborov na servertest správneho nahratia, veľkosti a prípony súboruukladanie súborov na serveriFtp protokol a prenos súborov na webserver

SelektoryVyberanie jedného alebo viacerých HTML elementovVyberanie podľa tried, id, predkov, potomkov atď.Zoskupenie selektorovZložitejšie hierarchické selektoryAtribúty, prechádzanie DOM

ManipuláciaZmena CSS v HTML elementeZmena atribútov v HTML elementePridanie a ubratie HTML elementov z DOM

2/27 www.macrosoft.sk

Page 3: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

Menenie obsahu časti stránky (obrázok, text) bez spojenia so serverom

EfektyEfekty - slide, show, hide, animateZoskupenie efektov za sebou - queueEfektné animované menu

UdalostiUdalosti vyvolané myšou a klávesnicou - hover, click, keydown atď.Udalosti vyvolané v okne prehliadačaNastavenie spustenia kódu pri udalostiPremenná thisZmena štandardného správania HTML príkazu - eventPreventDefault

PHP Script - pokročilý

Cookiesvysvetlenie COOKIESvytvorenie a zmazanie COOKIESautomatické prihlasovanie pomocou COOKIES

Práca so SESSIONvytvorenie session, význam, bezpečnosťúvod do superglobálnych premenných, aký majú význam a využitie, práca s nimičo je SESSION COOKIE, odlíšenie od bežného COOKIE

Vysvetlenie návrhu databázyprostredie PhpMyAdminvytvorenie databázy a tabuliek pomocou MySQLrelačný databázový model

Formulárepráca s formulármikontrola a zabezpečenie formulárov

Prihlasovanie užívateľovtabuľka užívateľov v MySQLprihlasovanie do systému pomocou mena a heslašifrovanie heslabezpečnosť v MySQL

Objektovo-orientované programovaniezáklady OOP v PHPtriedy, rozhrania, konštruktory, deštruktory, metódy, dátové členy, dedičnosť

Práca s emailomfunkcia mail, rozosielanie emailovpoužitie vlastného SMTP serverašifrovanie mailu pomocou SSLochrana pred e-mail header injection

Obrázkynahrávanie obrázkov na serverzmena rozmerov obrázku po nahratí na server

3/27 www.macrosoft.sk

Page 4: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

zobrazenie galérie obrázkov na www stránke

ZIP - práca s archívom v PHPzbalenie a rozbalenie súborov

Aplikáciapríklad aplikácie s prihlasovaním užívateľov a vkladaním príspevkov do fórabezpečnosť - ochrana pred cross-site scripting, SQL injection, session fixation a session hijacking

4/27 www.macrosoft.sk

Page 5: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

Webdizajnér

Kurz webdizajnér je určený pre tvorcov webových stránok, ktorí sa chcú naučiť vytvárať efektné webové stránky. V termíne je uvedený len začiatok kurzu, o ďalších termínoch Vás budeme informovať.

Oboznámenie sa s prostredím Adobe Photoshopštruktúra, základné pojmyprostredie - popis obrazovkypráca s menu, spôsob zadávania príkazovpráca so súbormi, základné funkcie

Bitová mapa v programe Adobe Photoshopfarebnosť obrázkovformáty obrazových súborovpočítačová grafika, farebné modelyvýber a selekciakanály, selekcie, vrstvy a maskyfiltre a efektyimport vektorovej grafikyvstupné a výstupné formáty

Vysvetlenie grafických formátov pre www stránkynormy a pravidlá pre prácu s grafikoupracovné prostredie programu Adobe Photoshopfiltre a efektypráca s vrstvami

Vytváranie základných prvkov pre web stránkuodkazy - tlačidlá, pozadiabannery a grafikaexport grafiky a ukladanie grafikytabuľky a práca s grafikou v tabuľkách v HTMLhotová web aplikácia

Úvod do vektorovej grafikyrozdiel medzi vektorovou a rastrovou grafikouzákladne vektorové grafické nástrojevysvetlenie symbolov - typ Movie Clip a Button

Statický banervytvorenie jednoduchého statického bannerupráca s animáciami, časová priamkaefekty animácieúprava statického banneru na animovanýpublikovanie na webstránkuvytvorenie grafického menu pre www stránku

Diskusia a záver

5/27 www.macrosoft.sk

Page 6: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

Web developer, web editor

Kurz Web developer, web editor je určený všetkým tvorcom webových stránok, ktorí sa chcú naučiť vytvárať webové stránky na profesionálnej úrovni. Akciový balík sa skladá z nasledujúcich kurzov: Tvorba www stránok základy a HTML, CSS, PHP, JavaScript, a kurz SEO optimalizácia pre vyhľadávače. V termíne je uvedený len začiatok kurzu, o ďalších termínoch Vás budeme informovať.

Základný prehľad v najpoužívanejších CMS (Drupal, Joomla, Prestashop, BUXUS, ...) a fungovania databázyVýhody použitia WordPressRozdiel medzi WordPress.com a WordPress.orgPríklady stránok vytvorených prostredníctvom WordPressuInštalácia a spustenie WordPressZískanie domény a webhostingu pre stránkuNahranie WordPressu na webhosting cez FTP / inštalácia XAMPPÚvodné nastavenie, vytvorenie administračného konta a nastavenie databázyZákladná orientácia a nastaveniaDashboard (Domovská stránka)Administračné rozhranieNastavenie názvu a sloganu stránky, jazyk prostredia, viditeľnosť pre vyhľadávačePrechod na zobrazenie stránky pre návštevníkaSpráva a roly užívateľovVytváranie obsahu webstránkyRozdiel medzi stránkami a článkamiVytváranie nových stránok a článkov, vymazanie a revízieNastavenie poslednej časti URL, času publikovania, ilustračného obrázkuÚprava článkov a stránok novým editorom Gutenberg a pôvodným classic editorom (TinyMCE)Práca s blokmi editoru GutenbergVkladanie externého obsahu: obrázok, video, odkaz, ...Správa kategórií článkov, nastavenie názvu a URL, nastavenie kategórií článkomPovolenie/Vypnutie komentárov, správa komentárovNastavenie úvodnej stránky a počtu zobrazených článkovVzhľad stránkyPridávanie tém (šablóny pre vzhľad stránky a rozloženie obsahu), zmena témyPrispôsobenie témy vloženie loga stránkyVysvetlenie pracovného priestoru stránkyNastavenie MenuNastavenie a umiestenie widgetov na stránkuDopĺňanie funkcionality do WordPressVyhľadávanie a inštalácia Pluginov (Doplnkov)Aktivácia a aktualizácia PluginovPoužitie vybraných Pluginov na: SEO, optimalizácia výkonu stránky, kontaktný formulár, GDPR výzvu, bezpečnosť, Google analyticsPoužitie shortcodov

Galéria v jazyku JavaScriptpridanie galérie na webstránkunastavenia zoskupovania obrázkov v galérii do skupínúprava vzhľadu galérie pomocou grafikyúprava vzhľadu galérie pomocou HTML a CSSparametre galériepravidla obrázkov v galérií (veľkosť, rozmery, kvalita)

Formulár pomocou JavaScriptu a PHP

6/27 www.macrosoft.sk

Page 7: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

kontaktný formuláre-shop objednávkový formulármožnosti vstupov pre formulárposielanie formulárakontrola formulárubezpečnosť formulárov

Funkcie JavaScriptupomocné funkcie pre webštruktúra JavaScriptuvyužitie JavaScriptu vo webstránke

PHP pre webzáklady PHP pre webvytváranie systému šablónštruktúra PHPpráca s funkciami a premennými

Rolovacie menu JSpridanie rolovacieho menu na webstrankuštruktúra JavaScript v rolovacom menugrafická úprava a prispôsobenie rolovacieho menuHTML úprava menu

Systémový dátum a časpridanie systémového dátumu a času na stránku

Zobrazenie obrázkov v okne pomocou JavaScriptuúprava a prispôsobenieveľkosť zobrazovacieho oknapravidlá obrázkov (veľkosť, rozmery, kvalita)

PHP Script - základy

Úvod do PHP a Apache Serverako PHP fungujespojazdnenie PHP pre Apache serverčo je to PHP, základné funkcierozdiel oproti HTMLprvá aplikácia na výpis textu na obrazovkupríkaz ECHOrozdiel medzi server-side a client-side programovaním

Premennélokálne a globálne premennéukladanie hodnôt do premennýchvlastné funkcie, vstupné a výstupné premennéplatnosť hodnoty premennej

Vstavané funkcievýznam a používaniečíselné funkciereťazcové funkcie

7/27 www.macrosoft.sk

Page 8: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

dátumové funkcie

Cyklyvysvetlenie cyklovcyklus For, While, Do .. While, príklady na test cyklov

Podmienkypríkaz IF, ELSE IF, ELSEoperátoryskladanie podmienok - príkazy AND, OR

Práca s formulármiformulárové prvky v jazyku HTMLčítanie a zápis dát z formulárakontrola dát na strane serveravýpis na obrazovkudirektíva POST a GET, ich významnahrávanie jedného a viacerých súborov na servertest správneho nahratia, veľkosti a prípony súboruukladanie súborov na serveriFtp protokol a prenos súborov na webserver

SelektoryVyberanie jedného alebo viacerých HTML elementovVyberanie podľa tried, id, predkov, potomkov atď.Zoskupenie selektorovZložitejšie hierarchické selektoryAtribúty, prechádzanie DOM

ManipuláciaZmena CSS v HTML elementeZmena atribútov v HTML elementePridanie a ubratie HTML elementov z DOMMenenie obsahu časti stránky (obrázok, text) bez spojenia so serverom

EfektyEfekty - slide, show, hide, animateZoskupenie efektov za sebou - queueEfektné animované menu

UdalostiUdalosti vyvolané myšou a klávesnicou - hover, click, keydown atď.Udalosti vyvolané v okne prehliadačaNastavenie spustenia kódu pri udalostiPremenná thisZmena štandardného správania HTML príkazu - eventPreventDefault

8/27 www.macrosoft.sk

Page 9: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

HTML, CSS, PHP, JavaScript základy

Školenie HTML, CSS, PHP, JavaScript základy je určené pre náročnejších užívateľov - programátorov, ktorí sa chcú naučiť programovať www stránky pomocou moderných technológií.

Galéria v jazyku JavaScriptpridanie galérie na webstránkunastavenia zoskupovania obrázkov v galérii do skupínúprava vzhľadu galérie pomocou grafikyúprava vzhľadu galérie pomocou HTML a CSSparametre galériepravidla obrázkov v galérií (veľkosť, rozmery, kvalita)

Formulár pomocou JavaScriptu a PHPkontaktný formuláre-shop objednávkový formulármožnosti vstupov pre formulárposielanie formulárakontrola formulárubezpečnosť formulárov

Funkcie JavaScriptupomocné funkcie pre webštruktúra JavaScriptuvyužitie JavaScriptu vo webstránke

PHP pre webzáklady PHP pre webvytváranie systému šablónštruktúra PHPpráca s funkciami a premennými

Rolovacie menu JSpridanie rolovacieho menu na webstrankuštruktúra JavaScript v rolovacom menugrafická úprava a prispôsobenie rolovacieho menuHTML úprava menu

Systémový dátum a časpridanie systémového dátumu a času na stránku

Zobrazenie obrázkov v okne pomocou JavaScriptuúprava a prispôsobenieveľkosť zobrazovacieho oknapravidlá obrázkov (veľkosť, rozmery, kvalita)

Diskusia a záver

9/27 www.macrosoft.sk

Page 10: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

Tvorba www stránok základy

Cieľom kurzu je naučiť Vás vytvárať moderné webové stránky od úplných základov. Webové technológie sú prakticky najrýchlejšie sa rozvíjajúcou technológiou vo svete IT. Pri takomto rýchlo vývoji je prirodzené, že vzniká veľké množstvo nástrojov, ktoré nás odbremeňujú od skutočných nevyhnutných znalostí k naprogramovaniu vlastných stránok. Avšak tento prístup skrýva skutočný princíp fungovania webových stránok a pri mnohých problémoch sa tieto nedajú odstrániť bez zásahu do programového kódu. Dobrá znalosť webových technológii umožňuje aj optimalizovať stránky vytvorené v niektorých CMS systémoch a takisto si vytvoriť vlastný štýl na základe znalostí kaskádových štýlov a jazyka HTML.

Úvod do tvorby webstránokVýznam HTML a CSS pri tvorbe webstránokIné technológie využívané pri tvorbe webstránokRedakčné systémy (CMS)Vhodné editory

HTML5Syntax jazyka HTML, Verzie HTMLPravidlá písania HTML dokumentovRozdiely medzi HTML4, XHTML a HTML5Obecná štruktúra dokumentovStrom dokumentu a definovanie základných vzťahov medzi prvkamiTypy a zápis HTML elementov, riadkové a blokové prvky HTMLSémantika HTMLZápis atribútov, atribúty pre jednotlivé elementyHlavička HTML dokumentovZnakové sady a kódovania, porovnanie jednobajtového a viacbajtového kódovaniaZápis atribútov HTML prvkov a hodnotyDefinícia fariebFormátovanie písma a formátovacie prvkyNadpisy a vodorovné zarovnanie nadpisovOdstavce textuHypertextové odkazy a kotvyOdrážky a číslovania, vnorené zoznamyObrázky, vhodné grafické formáty pre webstránkyTabuľky a ich využitie pre zobrazovanie dát a pre formátovanie HTML dokumentu

XHTMLSyntax jazykaPravidlá písania XHTML dokumentovRozdiely medzi HTML a XHTML

CSSSyntax a abeceda CSSPojmy kaskáda a dedičnosť a ako ich využiť pri formátovaníZákladné selektorySelektory triedSelektory identifikátorovKombinované a rozšírené selektoryObecná priorita selektorovPravidlá pre zvyšovanie priority selektorov

10/27 www.macrosoft.sk

Page 11: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

Hodnoty a jednotky, relatívne a absolútne jednotky v CSSDefinovanie fariebNastavenie písmaRámový model CSS - typ „Content-Box“ a „Border-Box“Výpočet rozmerov riadkových a blokových prvkov (X)HTMLOkraje, výplne, orámovania

11/27 www.macrosoft.sk

Page 12: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

WordPress základy

Účastníci kurzu sa naučia vytvoriť si jednoduchú stránku na blog, prezentáciu, informačnú stránku. Získajú vedomosti potrebné na zloženie a fungovanie vlastných webstránok. Naučia sa meniť vzhľad pomocou šablón a rozširovať funkčnosť stránky pomocou pluginov.

Čo je CMS a WordPress?Základný prehľad v najpoužívanejších CMS (Drupal, Joomla, Prestashop, BUXUS, ...) a fungovania databázyVýhody použitia WordPressRozdiel medzi WordPress.com a WordPress.orgPríklady stránok vytvorených prostredníctvom WordPressu

Inštalácia a spustenie WordPressZískanie domény a webhostingu pre stránkuNahranie WordPressu na webhosting cez FTP / inštalácia XAMPPÚvodné nastavenie, vytvorenie administračného konta a nastavenie databázy

Základná orientácia a nastaveniaDashboard (Domovská stránka)Administračné rozhranieNastavenie názvu a sloganu stránky, jazyk prostredia, viditeľnosť pre vyhľadávačePrechod na zobrazenie stránky pre návštevníkaSpráva a roly užívateľov

Vytváranie obsahu webstránkyRozdiel medzi stránkami a článkamiVytváranie nových stránok a článkov, vymazanie a revízieNastavenie poslednej časti URL, času publikovania, ilustračného obrázkuÚprava článkov a stránok novým editorom Gutenberg a pôvodným classic editorom (TinyMCE)Práca s blokmi editoru GutenbergVkladanie externého obsahu: obrázok, video, odkaz, ...Správa kategórií článkov, nastavenie názvu a URL, nastavenie kategórií článkomPovolenie/Vypnutie komentárov, správa komentárovNastavenie úvodnej stránky a počtu zobrazených článkov

Vzhľad stránkyPridávanie tém (šablóny pre vzhľad stránky a rozloženie obsahu), zmena témyPrispôsobenie témy vloženie loga stránkyVysvetlenie pracovného priestoru stránkyNastavenie MenuNastavenie a umiestenie widgetov na stránku

Dopĺňanie funkcionality do WordPressVyhľadávanie a inštalácia Pluginov (Doplnkov)Aktivácia a aktualizácia PluginovPoužitie vybraných Pluginov na: SEO, optimalizácia výkonu stránky, kontaktný formulár, GDPR výzvu, bezpečnosť, Google analyticsPoužitie shortcodov

Diskusia a ďalšie možnosti vzdelávania po absolvovaní školenia

12/27 www.macrosoft.sk

Page 13: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

WordPress pokročilý

Účastníci kurzu prehĺbia a rozšíria svoje vedomosti pri tvorbe webstránok vo WordPresse. Vyskúšajú si úpravu vzhľadu stránky pomocou CSS, HTML a vizuálnym editorom. Rozšírenie funkčnosti pluginmi, widgetami a prepojenie so sociálnymi sieťami. Zistia ako sa starať o WordPress z dlhodobého hľadiska, vytvárať zálohy a ako sa postarať o dobrú bezpečnosť svojej stránky.

Zopakovanie orientácie v admin prostredíDashboard (Domovská stránka)Zopakovanie základných pojmovAdministračné rozhranieSpráva a roly užívateľovPráca s FTP

Úprava vzhľadu stránkyJednoduché prispôsobenie vzhľadu stránkyÚprava html kódu stránkyÚprava stránky pomocou dodatočného kódu CSS a priame vkladanieEditácia kódu témy - výhody/nevýhodyPoužitie child témy

Tvorba obsahu stránky/článkuPráca s grafickým rozhraním a editorom kóduVkladanie externého obsahu pomocou iframe (Google mapy, formuláre, ...)Porovnanie vizuálnych editorov: Page builder, Elementor, GutenbergPrispôsobenie pomocou vizuálneho editoraPráca s blokmi editoru GutenbergVkladanie mediálneho obsahu (obrázky, videá) a galérie

Úprava vzhľadu stránkyJednoduché prispôsobenie vzhľadu stránkyÚprava html kódu stránkyÚprava stránky pomocou dodatočného kódu CSS a priame vkladanieEditácia kódu témy - výhody/nevýhodyPoužitie child témyRozšírenie stránky o widgety

Webstránka, sociálne siete a Google produktyFacebook social buttonsFacebook a Instagram feedFacebook messenger ako komunikačný nástroj stránkyGoogle tag manager (Analytics, Ads), Google AdSense

SEOVýber vhodného pluginuNastavenie a práca s pluginomVytváranie trvalých odkazov, meta description (popis stránky pre vyhľadávače)Tvorba sitemap.xmlGoogle Search consoleVýznam heatmapy pri optimalizácii webstránky

Zabezpečenie webstránky

13/27 www.macrosoft.sk

Page 14: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

Výhody použitia SSL na webstránkeZmena prihlasovacej stránky, vytvorenie silného administrátorského účtuVyužitie bezpečnostných prvkov

Optimalizácia rýchlosti webstránkyMinimalizácia pluginovOptimalizácia veľkosti obrázkovMinifikácia kódu stránky a správa pamäte (cache) pomocou pluginuAMP (Accelerated mobile pages)

Záloha webstránky a databázy

Diskusia a ďalšie možnosti vzdelávania po absolvovaní školenia

14/27 www.macrosoft.sk

Page 15: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

Joomla pre pokročilých

Kurz Joomla pre pokročilých užívateľov je určený pre všetkých záujemcov, ktorí sa chcú naučiť vytvárať profesionálne portály a využívať pokročilé možnosti systému Joomla.

Komponent na pokročilú správu užívateľov, vytváranie skupín používateľov, funkcionalita sociálnych sietí (nastavovanie priateľov)Podpora viacjazyčných stránok, správa prekladov, manažment jazykových mutáciíGaléria obrázkov s podporou animácií cez JavascriptKomponent na integráciu internetového fóraOdoberanie noviniek cez mail, alebo rss kanálomKomponenty zvyšujúce bezpečnosťRealizácia SEO v Joomle, skracovaniu URL, spravovanie polí description a titleAutomatické generovanie mapy stránokPridávanie vlastných modulov pre rôzne časti stránok

Diskusia a záver

15/27 www.macrosoft.sk

Page 16: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

Joomla - tvorba www stránok

Kurz Joomla - tvorba www stránok je určený pre všetkých záujemcov, ktorí sa chcú naučiť vytvárať si profesionálnu web stránku v systéme Joomla.

úvod do redakčného systému Joomla, princíp fungovania, výhody redakčného systémunastavenie web hostingu pre redakčný systém Joomla: všeobecné nastavenia, PHP nastavenia, vytvorenie databázy a FTP prístupuinštalácia systému Joomla na web hostingadministrátorské rozhranie systému a jeho funkciezákladná konfigurácia systému Joomlapridávanie používateľovinštalácia a výmena templatov - zmena vizuálu stránkytvorba, editácia vizuálu web stránky cez úpravu templatov a CSS štýlovspráva komponentov, modulov a pluginovinštalácia nových komponentov, modulov a pluginov - rozširovanie funkcií stránkyspráva obsahueditácia a tvorba menueditácia a tvorba článkovspájanie obsahu s menu - články, galérie, linky, formulárezálohovanie web stránky (súbory a databáza) a obnova/migrácia zálohy

Diskusia a záver

16/27 www.macrosoft.sk

Page 17: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

Grafika pre www stránky - webdizajn

Kurz Grafika pre www stránky - webdizajn je určený pre tvorcov webových stránok, ktorí sa chcú naučiť vytvárať profesionálnu grafiku pre webové stránky.

Úvod do tvorby grafiky pre www stránkyZákladný popis programu pre grafiku www stránok (Adobe Photoshop)Štandardy a pravidlá používané pri tvorbe grafického návrhuSprávny a vhodný výber farieb pre grafikuPráca s textom a jeho použitie pri tvorbe grafického návrhuTypy a triky pri tvorbe grafických návrhovVhodné rozloženie a rozmery pri tvorbe grafiky

Práca v grafickom programe PhotoshopZákladná práca a popis pracovného prostredia v programe PhotoshopPopis a práca s nástrojmi pre grafický návrh webu, práca s vrstvamiPráca s nástrojmi určenými pre kreslenie (Farebný prechod, Štetec, Plechovka farieb..)Použitie rôznych druhov selekcie pri grafickom návrhu (Magnetické laso, Rýchly výber, Kúzelná palička...)Práca s vektorovými nástrojmi (Text, Tvary, Cesty...)Výber a použitie filtrov pre grafický návrhRezy obrázkov pri grafickom návrhu, správne uloženie obrázkov a ich formátExport výsledného grafického návrhu

Tvorba jednotlivých súčastí pri grafickom návrhuVytvorenie grafického návrhu loga pre internetovú stránkuSprávna štruktúra boxíkov a ich použitie v grafickom návrhuNávrh titulnej hlavičky na webe (použitie loga a obrázku)Tvorba banneru a animácie pre internetovú stránkuTvorba ikoniek na web stránku (Nákupný košík, RSS, Užívateľ..)Tvorba faviconu pre grafický návrh stránkyVytvorenie grafických tlačidiel a celkového menu na stránkuCelkové vytvorenie grafického návrhu (E-shop, Prezentačná vizitka firmy...)

Diskusia a záver

17/27 www.macrosoft.sk

Page 18: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

Tvorba www stránok pre pokročilých

Kurz Tvorba www stránok pre pokročilých je určený pre záujemcov, ktorí sa chcú naučiť programovať webové stránky.

HTML a CSSÚvod a popis jazyka HTML, čo je to CSSZopakovanie najpoužívanejších HTML príkazovSpolupráca medzi jazykom HTML a kaskádovými štýlmiPrincíp fungovania a možnosti uloženia www stránok na internete

Základy HTML jazyka a kaskádových štýlovZákladné označovanie príkazov v HTML a CSSZnačky, tagy, príkazy a parametreExterné, interné a inline zadefinovanie kaskádových štýlovZákladné pravidlá pri používaní kaskádových štýlovTriedy a identifikátory v CSSZobrazovanie kódu vo webových prehliadačochRozdiely medzi zobrazovaniami v rôznych webových prehliadačochTypy a triky pri kaskádových štýloch

CSS Boxjednotky veľkosti (px, pt, em, %)presná šírka a výška HTML elementumaximálna a minimálna šírka a výškavnútorný a vonkajší okraj, farba a štýl obrysu

CSS Selektoryselektory pre univerzálne a špecifické triedyselektory pre identifikátoryuniverzálny selektorselektory pre priamych a nepriamych potomkovsúrodenecký selektoratribútový selektorformulárový selektorpoužitie v praxi

CSS pozíciestatická, fixovaná, relatívna a absolútna pozícia

Práca s obsahompretečenie obsahu elementuorezanie obsahu elementu

Ďalšie príkazy CSS 2.1zmena kurzora myši (príkaz cursor)priestorová organizácia (príkaz z-index)spôsob zobrazenia (príkaz display)ukladanie elementov v rámci riadku (príkaz float a clear)pseudotriedy a pseudoelementyCSS príkazy pre tabuľky

18/27 www.macrosoft.sk

Page 19: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

Ukážky príkazov CSS 3priehľadnosť (príkaz opacity)okrúhle kraje elementu (príkaz border-radius)tieň elementu (príkaz box-shadow)

Praktický príkladukážka výroby www stránky s prebratými CSS príkazmivertikálne a horizontálne menu reagujúce na pohyb myšizarovnanie textu do odstavcovobrázok v pozadí a v obsahu stránkypriehľadnosť obsahu voči obrázku v pozadí

19/27 www.macrosoft.sk

Page 20: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

Java Script, CSS, AJAX pre pokročilých

Kurz Java Script, CSS, AJAX pre pokročilých je určený pre programátorov webových stránok, ktorí sa chcú naučiť pracovať s modernými technológiami.

úvod do moderných technologií používaných v dnešných moderných www stránkachúvod do CSStvorba grafických objektovzákladné vlastnosti CSS, prvé štýlyformátovanie textu, formátovanie grafiky, práca s odstavcamivyužívanie triedJava Script, úvod, výhody, nevýhodypremenné v Java Scripteprvé jednoduché scriptyeventuality Java Scriptumožnosti prepojenia CSS - Java Scriptmoderný web, technológia WEB2, AJAXtvorba dynamických prvkov: rolovacie menu, záložky, fotogalérie...www stránka bez nutnosti refreshu...vkladanie textu s automatickým výpisom nápovedycykly, podmienky, polia v Java Scriptezložitejšie scripty

Diskusia

20/27 www.macrosoft.sk

Page 21: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

PHP Script - základy

Kurz je vhodný pre záujemcov, ktorí už poznajú jazyk HTML a chcú sa naučiť základy programovania servera v jazyku PHP a základy komunikácie medzi serverom a klientom pri prevádzke www stránok.

Úvod do PHP a Apache Serverako PHP fungujespojazdnenie PHP pre Apache serverčo je to PHP, základné funkcierozdiel oproti HTMLprvá aplikácia na výpis textu na obrazovkupríkaz ECHOrozdiel medzi server-side a client-side programovaním

Premennélokálne a globálne premennéukladanie hodnôt do premennýchvlastné funkcie, vstupné a výstupné premennéplatnosť hodnoty premennej

Vstavané funkcievýznam a používaniečíselné funkciereťazcové funkciedátumové funkcie

Cyklyvysvetlenie cyklovcyklus For, While, Do .. While, príklady na test cyklov

Podmienkypríkaz IF, ELSE IF, ELSEoperátoryskladanie podmienok - príkazy AND, OR

Práca s formulármiformulárové prvky v jazyku HTMLčítanie a zápis dát z formulárakontrola dát na strane serveravýpis na obrazovkudirektíva POST a GET, ich významnahrávanie jedného a viacerých súborov na servertest správneho nahratia, veľkosti a prípony súboruukladanie súborov na serveri

ZáverFtp protokol a prenos súborov na webserverdiskusia

21/27 www.macrosoft.sk

Page 22: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

PHP Script – pokročilý

Kurz PHP Script – pokročilý je určený pre záujemcov, ktorí poznajú jazyk HTML a základy jazyka PHP a chcú si vytvoriť plnohodnotnú webovú aplikáciu s prihlasovaním užívateľov, diskusným fórom, galériou obrázkov, MySQL databázou a bezpečnostnými prvkami.

Cookiesvysvetlenie COOKIESvytvorenie a zmazanie COOKIESautomatické prihlasovanie pomocou COOKIES

Práca so SESSIONvytvorenie session, význam, bezpečnosťúvod do superglobálnych premenných, aký majú význam a využitie, práca s nimičo je SESSION COOKIE, odlíšenie od bežného COOKIE

Vysvetlenie návrhu databázyprostredie PhpMyAdminvytvorenie databázy a tabuliek pomocou MySQLrelačný databázový model

Formulárepráca s formulármikontrola a zabezpečenie formulárov

Prihlasovanie užívateľovtabuľka užívateľov v MySQLprihlasovanie do systému pomocou mena a heslašifrovanie heslabezpečnosť v MySQL

Objektovo-orientované programovaniezáklady OOP v PHPtriedy, rozhrania, konštruktory, deštruktory, metódy, dátové členy, dedičnosť

Práca s emailomfunkcia mail, rozosielanie emailovpoužitie vlastného SMTP serverašifrovanie mailu pomocou SSLochrana pred e-mail header injection

Obrázkynahrávanie obrázkov na serverzmena rozmerov obrázku po nahratí na serverzobrazenie galérie obrázkov na www stránke

ZIP - práca s archívom v PHPzbalenie a rozbalenie súborov

Aplikáciapríklad aplikácie s prihlasovaním užívateľov a vkladaním príspevkov do fórabezpečnosť - ochrana pred cross-site scripting, SQL injection, session fixation a session hijacking

22/27 www.macrosoft.sk

Page 23: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

jQuery - základy

Kurz jQuery - základy je vhodný pre záujemcov, ktorí už dôkladne poznajú jazyky HTML a CSS a chcú na svoje stránky pridať dynamické prvky vytvorené v JavaScripte s využitím frameworku jQuery.

ÚvodZopakovanie tried a identifikátorov v CSSZáklady JavaScriptu - premenné, funkcie, dátové typyObjekty v JavaScripteDOM - Document Object ModelAko jQuery fungujeSpustenie kódu po príprave DOM - udalosť readyUsporiadanie kódu do funkcií

SelektoryVyberanie jedného alebo viacerých HTML elementovVyberanie podľa tried, id, predkov, potomkov atď.Zoskupenie selektorovZložitejšie hierarchické selektoryAtribúty, prechádzanie DOM

ManipuláciaZmena CSS v HTML elementeZmena atribútov v HTML elementePridanie a ubratie HTML elementov z DOMMenenie obsahu časti stránky (obrázok, text) bez spojenia so serverom

EfektyEfekty - slide, show, hide, animateZoskupenie efektov za sebou - queueEfektné animované menu

UdalostiUdalosti vyvolané myšou a klávesnicou - hover, click, keydown atď.Udalosti vyvolané v okne prehliadačaNastavenie spustenia kódu pri udalostiPremenná thisZmena štandardného správania HTML príkazu - eventPreventDefault

23/27 www.macrosoft.sk

Page 24: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

jQuery – pokročilý

Kurz jQuery – pokročilý je určený pre pokročilých záujemcov, ktorí chcú hlbšie porozumieť možnostiam frameworku jQuery.

JQuery UIjQuery UI - pokročilé možnosti a efektyEfekt zmeny farby elementuRozšírené animačné možnosti (pulsate, shake, fold a pod.)Zmena triedy s animáciou prechoduVlastné okná s možnosťou presúvania a naťahovania myšouVlastný zoznam s možnosťou viacnásobného výberuMenenia poradia v zozname myšou

JQuery validatorjQuery validator - klientská kontrola formulárovKontrola dĺžky textu, e-mailovej adresy, minimálnej a maximálnej dĺžkyVlastná submit funkcia spustená po validácii

AJAXAJAX - asynchrónne spojenie so serveromPríkazy ajax, load, get, postTypy odpovedí (HTML, JavaScript, XML, JSON)Spracovanie jednotlivých typov odpovedíPríklady využitia AJAXu - zobrazenie výsledkov prijatých zo servera, vyhľadávanie na serveri priamo počas písania textu, atď.Menenie časti stránky na základe prijatých výsledkov zo serveraSpracovanie formuláru a odoslanie cez AJAX (príkaz serialize)

Príklady v praxiVlastný checkbox a radio buttonDynamická tabuľka s výsuvnými položkami (accordion)Nápovedné „bubliny“ (tooltips) zobrazené pri presúvaní myšiPokročilé dynamické animované menu s roletkami

Vlastné okno s hlásenímAnimovaný príchod a odchod vlastného okna, stmavenie pozadia www stránkyFormátovanie vlastného oknaMožnosti zobrazenia textu, obrázkov a formulárov vo vlastnom okneDynamické menenie častí okna - textu, obrázkov, tlačidiel

FotogalériaFotogaléria na hlavnej stránkeFotogaléria vo vlastnom oknePrechody medzi obrázkamiTlačidlá pre posun na prvý, posledný, predošlý a nasledujúci obrázok

24/27 www.macrosoft.sk

Page 25: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

SEO optimalizácia pre vyhľadávače

SEO kurz optimalizácia pre vyhľadávače je určený pre všetkých majiteľov webových stránok, ktorí sa chcú naučiť optimalizovať web stránky s ohľadom na vyhľadávače. SEO optimalizácia pre vyhľadávače zabezpečí vysoké umiestnenie v dôležitých vyhľadávacích portáloch a tým značne zvýši návštevnosť stránok.

SEOSEMčo je to SEO?analýza web stránky

Vyhľadávače a katalógykatalógyvyhľadávače

Googlečo Google nedokážeGoogle, nájdi ma prosím!výsledky vyhľadávaniaPage Rank

On-page faktoryzdrojový kóddoménaURLtitulkynadpisyMeta tagyobsahmapa stránok

Off-page faktoryLinkbuildingLinkbaitingMicrosite a blogy

Kľúčové slovánávrh kľúčových slovLong Tailumiestnenie kľúčových slovnástroje

Black Hat praktiky

Prístupnosť a použiteľnosť

Google Panda - hodnotenie stránok na základe rýchlosti, designu, originality

Google Penguin - hodnotenie neprirodzených liniek smerujúcich na vašu stránku

Google Analytics

Nástroje pre SEO

25/27 www.macrosoft.sk

Page 26: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

Odporúčaná literatúra a web stránky

26/27 www.macrosoft.sk

Page 27: Kategória školenia Tvorba www stránok obsahuje kurzy Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie

Responzívny webdizajn

Kurz Responzívny dizajn je určený pre používateľov, ktorí už chápu základy HTML a CSS a chcú sa naučiť správne a efektívne navrhovať webstránky pre všetky typy zobrazovacích zariadení.

Typy displejov, zobrazovacie možnostiHardwarový a CSS pixelRetina displej

Návrh stránkyZákladný koncept responzívneho dizajnuParametre meta značky pre viewportNajčastejšie šírky stránok, body zlomu (breakpointy)Serverom-asistovaný responzívny dizajn

Obrázky a responzívny dizajnPravidlá pre responzívne obrázkyNahratie obrázku pre konkrétnu veľkosť obrazovkyBitmapové a vektorové obrázkyAko najlepšie zobraziť ikony a fotografieHTML5 príkazyCSS media query

Responzívny dizajn v praxiMenu na web stránke pre rôzne šírky obrazovkyViacúrovňové menuResponzívne tabuľky

27/27 www.macrosoft.sk