Detail kurzu
Balík Webdesignér I. - programátor a designer webstránok
IT LEARNING SLOVAKIA, s.r.o.
Údaje aktualizované 20. 8. 2026
Popis kurzu
Chcete sa naučiť vytvárať profesionálne webové stránky od úplných základov až po pokročilé techniky? Kurz Balík Webdesignér I. - programátor a designer webstránok je intenzívny päťdňový program, ktorý vás prevedie kompletným procesom tvorby moderných webov. Tento kurz je určený pre všetkých, ktorí chcú získať praktické zručnosti v oblasti webdesignu a webového vývoja – či už uvažujete o kariérnej zmene, chcete rozšíriť svoje profesionálne portfólio, alebo potrebujete vytvárať webové stránky pre vlastné projekty či podnikanie.Prvá časť kurzu Balík Webdesignér I. je venovaná základom značkovacieho jazyka HTML a kaskádových štýlov CSS. Naučíte sa pracovať so štruktúrou webovej stránky, vytvárať hlavičky, telá dokumentov a správne kódovanie. Osvojíte si prácu s textom, nadpismi, odstavcami, obrázkami a hypertextovými odkazmi. Zistíte, ako správne vkladať tabuľky, zoznamy a ako vytvoriť funkčné navigačné menu. Na tomto kurze sa tiež oboznámite s protokolmi HTTP, HTTPS a FTP, ktoré sú nevyhnutné pre publikovanie vašich webových projektov. Po tejto časti dokážete samostatne vytvoriť kompletnú webovú stránku s čistým HTML kódom a základným CSS štýlovaním.Druhá časť kurzu Balík Webdesignér I. sa zameriava na skriptovacie jazyky JavaScript a PHP. Prevedie vás základnými princípmi týchto jazykov a ukáže vám, ako ich využiť pre dynamické webové stránky. Naučíte sa pracovať s Apache Serverom, lokálnou inštaláciou vývojového prostredia a pochopíte rozdiel medzi statickými a dynamickými webmi. Osvojíte si prácu s funkciou include, poľom $_GET a príkazom echo, ktoré sú základom pre tvorbu moderných dynamických webov. Táto časť kurzu vám otvorí dvere do sveta serverového programovania a interaktívnych webových aplikácií.Tretia časť kurzu Balík Webdesignér I. je kreatívna a prakticky zameraná na pokročilé CSS techniky a webovú grafiku. Naučíte sa pracovať s grafickými formátmi JPG, PNG a GIF, vykonávať úpravy obrázkov a správne ich optimalizovať pre web. Osvojíte si pokročilé CSS funkcie vrátane CSS Box Modelu, vlastnosti display, pozíciovania elementov, animácií a prechodov. Vytvoríte vlastné HTML a CSS šablóny, naučíte sa pracovať s vlastnými fontmi, tieňmi objektov a zaobľovaním rohov. Celý kurz je prepojený s reálnymi scenármi – budete prekresľovať grafické návrhy do funkčného kódu a vytvárať kompletné webové projekty pripravené na publikovanie.Prečo sa prihlásiť na kurz Balík Webdesignér I.? Získate komplexné vzdelanie v oblasti webdesignu za zvýhodnenú cenu oproti absolvovaniu jednotlivých kurzov samostatne. Po absolvovaní budete schopní samostatne navrhovať, programovať a publikovať profesionálne webové stránky. Odídete s istotou a sebavedomím, že ovládate HTML, CSS, základy JavaScriptu a PHP – zručnosti, ktoré sú na trhu práce mimoriadne žiadané. Naučíte sa pracovať s nástrojmi ako Notepad2, Apache Server a FTP klienti, a budete pripravení pustiť sa do vlastných webových projektov.
Obsah kurzu
Tento kurz je balíkom nasledovných kurzov za zvýhodnú cenu. Pre informácie o samostatných kurzovch kliknite na ich názov, učebné osnovy sú uvedené nižšie.
 |
Kurz Tvorba webstránok I. - HTML, CSS základy + JavaScript, PHP začiatočník a CSS mierne pokročilý |
3 dni |
 |
Tvorba webstránok II. – grafika na webstránkach a CSS pokročilý |
2 dni |
Učebná osnova kurzu Balík Webdesignér I. - programátor a designer webstránok :
1.- 3. deň kurz Tvorba webstránok I. - HTML, CSS základy + JavaScript, PHP začiatočník a CSS mierne pokročilý
Úvod do problematiky tvorby www stránok
- HTML, XHTML, HTML5, www a web server
- Trendy vo výrobe webových stránok
- HTTP, HTTPS, FTP - protokoly v praxi
- Editory na tvorbu webových stránok - porovnanie
- Princíp tvorby webových stránok: HTML, CSS a skriptovacie jazyky
- Práca s programom na tvorbu a editovanie: Notepad2
- Čo všetko môžeme vkladať do webovej stránky
Práca so súbormi
- Uloženie stránky
- Otvorenie stránky
- Optimalizácia
Základné princípy značkovacieho jazyka HTML
- Základné príkazy a vkladanie HTML kódu do stránky
- Ako sa webová stránka vytvára
- hlavička stránky
- telo stránky
- kódovanie stránky
- nastavenie dokumentu
- Párové a nepárové značky
- Formátovanie textu a odstavcov
- Nadpisy H1 - H6
- Práca s odstavcami - P
- Práca s oddielmi - DIV
- Obrázky
- vkladanie obrázkov
- typy používaných obrázkov
- používanie obrázkov ako pozadia
- popisovanie obrázkov
- Hypertextové odkazy
- textové odkazy
- obrázkové odkazy
- odkaz na e-mail
- odkaz na stránku mimo našej domény
- absolútna cesta odkazu
- relatívna cesta
- odkazy na iné súbory - na stiahnutie
- dokumenty Microsoft Word a Microsoft Excel
- obrázky
- iné
- Zoznam
- číslovaný
- odrážkový
- využívame zoznam na tvorbu navigačného menu
- Tabuľky
- zápis
- používanie
- tvorba záhlavia, riadkov, buniek
- Rámce a iframe
- Iné HTML tagy
- HTML parametre, ktoré sa nepoužívajú
- HTML tagy, ktoré sa nepoužívajú
Základy a princípy jazyka CSS
- Tvorba moderných webových stránok, využívanie CSS na zadávanie štýlu
- oddelenie grafiky od textu
- vkladanie CSS štýlu
- priamy štýlopis
- CSS zápis priamo v HTML súbore
- CSS zošit
- nanášanie cez identifikátor
- nanášanie štýlu cez triedu - class
- textové efekty
- grafické efekty
- práca s farbami a pozadím
- práca so zarovnávaním
- šírka a výška HTML elementov
- základné príkazy na zadávanie pozície
- preberanie referenčnej CSS príručky
- Tvoríme svoju prvú hotovú webovú stránku
- nastavujeme menu
- tvoríme štruktúru
- vytvárame obsah
- nastavujeme vzhľad cez CSS štýl
- vytvárame a vkladáme grafiku
- kopírujeme stránku a linkujeme menu
- editujeme obsah podstránok
- FTP a domény, publikujeme webovú stránku
- aký webhosting budeme potrebovať
- akú doménu si zvolíme
- registrujeme si bezplatný webhosting a stránku kopírujeme na webový server
Vlastnosti stránky a jej nastavovanie
- Ako tvoriť grafický design
- Práca s rámcami, princíp, využitie (výhody - nevýhody), ukážka
- Hypertextové odkazy, tvorba odkazov
- Spájanie stránok pomocou hypertextových odkazov
Ďalšie príklady na HTML a CSS, ďalšie CSS príklady pre efektívnu tvorbu webových stránok:
- Tvoríme ďalší príklad a novú hotovú webovú stránku
- nastavujeme menu, tentokrát vyžívame zoznam
- tvoríme novú grafiku
- nanášanie vlastností cez identifikátor
- nanášanie štýlu cez triedu - class
- tvoríme viacstĺpcový design stránky
- ukladáme 2 odstavce vedľa seba - vlastnosť float
- pracujeme s relatívnymi pozíciami
- upravujeme obsah
- dokončujeme webovú stránku
JavaScript a PHP začiatočník:
- Trendy a novinky v oblasti tvorby webových stránok, možnosti programovacích jazykov PHP, ASP, .NET, Java, JavaScript - diskusia
- Čo je to JavaScript
- princíp funkčnosti
- základné vlastnosti jazyka
- syntax a zápis
- Zápis jednoduchých eventualít do HTML kódu
- základné typy eventualít
- Apache Server
- inštalácia a princíp funkčnosti lokálneho servera
- lokálna inštalácia
- Úvod do PHP
- čo je to PHP
- princíp vkladania skriptov HTML do stránok
- základné funkcie PHP, rozdiel medzi PHP a HTML
- jednoduchá aplikácia na výpis textu na obrazovku, príkaz echo
- Tvorba modernej dynamickej stránky s použitím skriptovacieho jazyka PHP
- princíp funkčnosti
- rozdelenie webovej stránky na obsah a text
- pole $_GET a funkcia include
Odborná diskusia
- Trendy vo vývoji HTML a CSS jazyka
- Aké webové stránky sa ľuďom páčia
- Aký typ grafiky si zvoliť
- Webhosting, ceny, služby, prieskum trhu
- Domény, registrácia, možnosti
- Diskusia s účastníkmi
4.- 5. deň kurz Tvorba webstránok II. – grafika na webstránkach a CSS pokročilý
- Zopakovanie HTML tagov, ktoré budeme potrebovať
- práca s textom
- práca s odstavcami
- oddiely a časti webstránky
- obrázky a pozadia
- odkazy
- Grafika na webstránkach
- na čo sa používajú obrázky
- kedy sa používajú pozadia
- rozdelenie grafických formátov
- jpg
- png8 a png24
- gif
- animácie
- použite grafických formátov
- ako nájdem vhodnú grafiku
- drobné úpravy nad grafikou
- zmena veľkosti
- zmena farebnosti
- odtránenie pozadia
- Zopakovanie CSS jazyka
- CSS I., CSS II. a CSS III.
- selektori
- syntax
- farby
- zápis CSS štýlu
- priamo
- knižnica v HTML súbore
- externý súbor
- výhody / nevýhody
- Pokročilé CSS funkcie a možnosti
- práca s textom
- fonty a písma
- vlastné písma
- CSS Box Model - padding, maring a floatovanie
- orámovanie Border a Outline CSS
- vlastnosť display
- pozície v CSS - absolútna, relatívna a fixná
- animácie a prechody
- tieň objektu
- zarovnanie objektov
- zaobľovanie rohov a tvorba kruhov
- Tvoríme HTML a CSS šablóny
- návrh grafiky
- návrh menu
- tvorba menu
- pozadia, ikony a obrázky
- príprava obsahu
- štýlopis
- ako na grafiku - čo viem urobiť v CSS-ku
- tvorba šablóny
- Prekresľujeme z príkladov
- základom je aby po kurze účastníci vedeli kopírovať vizuálne vzhľad z predlohy a vedeli to vytvoriť a zapísať do HTML a CSS kódu, preto sú súčasťou kurzu aj nasledujúce cvičenia:
- prekresľovanie rôznej grafiky do HTML a CSS
- kontrola a vyhodnocovanie
- zapracovanie šablóny do webstránky
- základom je aby po kurze účastníci vedeli kopírovať vizuálne vzhľad z predlohy a vedeli to vytvoriť a zapísať do HTML a CSS kódu, preto sú súčasťou kurzu aj nasledujúce cvičenia:
- Záverečná diskusia a priestor na otázky
Cieľová skupina
začiatočníkHodnotenie
Organizátor
Ďalšie termíny kurzu
Podobné kurzy
podľa názvu a lokality
