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
27
Embed
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
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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
Ú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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
Odporúčaná literatúra a web stránky
26/27 www.macrosoft.sk
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