Počítačový kurz Balík Webdesigner
O počítačovom kurze
Počítačový kurz Balík Webdesigner je určený pre začínajúcich webdesignerov, ktorí sa chcú naučiť tvoriť web stránky v oblasti dizajnu a kódu. Počítačový
kurz je výnimočným spojením dvoch kurzov a to počítačového kurzu Adobe Photoshop a počítačového kurzu Tvorba web stránok I. Týmto výnimočným spojením si
dokážete samy vytvoriť vlastnú web stránku bez akýchkoľvek problémom. Počítačový kurz je akýmsi základným pilierom pre ďalší vývoj a kariéru každého
začínajúceho webdesignera. Absolventom počítačového kurzu poskytneme základné a pokročilé vedomosti z programovania a dizajnu web stránok. Počítačový kurz
pozostáva z 18 lekcií, po ktorých budete mať základné a pokročilé vedomosti pre tvorbu kódu dizajnu web stránok.
K počítačovému kurzu máme pre Vás pripravené príručky a taktiež učebné videá, ktoré sú samozrejme v cene kurzu. Pred kurzom od nás dostanete v cene
kurzu USB kľúče, na ktoré si budete môcť nahrať učebné videá a každé jedno praktické cvičenie, ktoré nasleduje vždy po každej lekcii.
| Obtiažnosť kurzu |
Kategória kurzu |
Dĺžka kurzu |
Cena kurzu |
Prihláška na kurz |
| Začiatočník, pokročilý |
Webdesign |
8 dní / 48 hodín |
295 € |
Prihlásiť |
Cieľom počítačového kurzu
Cieľom počítačového kurzu je Vás naučiť základné a pokročilé možnosti tvorby kvalitných web stránok cez grafický editor Adobe Photoshop a programovanie v
(X)HTML a CSS. Budeme sa podrobnejšie venovať tvorbe grafiky, ktorá sa používa pri tvorbe web stránok. Na počítačovom kurze si ukážeme a prakticky Vás
naučíme používať filtre pri efektových úpravách obrázkov, retušovaním a taktiež si vytvoríme graficky dobre zvládnuté logo. Budeme sa podrobnejšie venovať
štruktúre kódu, základným tagom, formátovaním pomocou (X)HTML, obrázkom, odkazom, selektorom, zoznamom, tabuľkám a podrobnejšie si vysvetlíme kaskádové
štýly. Na počítačovom kurze si ukážeme a prakticky Vás naučíme písať validný a sémantický kód pre tvorbu profesionálnych web stránok.
Osnova počítačového kurzu
Úvod do počítačovej grafiky
- Rozdelenie a porovnanie dostupných grafických editorov
- Jednotlivé typy počítačovej grafiky (rastrová, vektorová)
- Jednotlivé formáty grafických súborov (*jpg, *gif, *png ...)
Zoznámenie sa s programom Adobe Photoshop
- Základný popis programu Adobe Photoshop
- Oboznámenie sa s pracovným prostredím
- Pracovná plocha a jej nastavenie
- Nastavenie pracovného plátna
- Popis palety nástrojov, hlavného menu, pracovných okien a ich používanie
- Práca s lištami a ukotviteľnými panelmi
- Popis pracovných nástrojov a ich praktické využitie
Práca so súbormi
- Otvorenie a uloženie súboru
- Import a export obrázku
- PDF export a jeho nastavenie
- Práca z Adobe Bridge
Farebné režimy
- Čo sú to farebné režimy
- Režimu RGB
- Režimu CMYK
- Indexovaný režim
- Farebný režim Lab
- Viackanálový režim Multichannel
Tvorba nového obrázku
- Typ
- Veľkosť pracovného plátna, zvlášť pre web a zvlášť pre oblasť DTP
- Rozlíšenie v DPI
Vrstvy vo Photoshope
- Využitie vrstiev pri tvorbe
- Tvorba novej vrstvy
- Poradie vrstiev
Úpravy rastrového obrázku
- Black & White
- Hue / Saturation
- Selective color
- Channel Mixer
- Gradient Map
- Photo Filter
- Gradient Map
- Exposure
Efekty a ich praktické využitie
- Vonkajší a vnútorný tieň
- Vonkajšia a vnútorná žiara
- Kontúry
- Textúry
- Sklon
- Orámovanie
- Gradient Map
- Exposure
Praktické cvičenia
- Vytvorenie pokročilej grafiky pre web stránku
Úvod do tvorby web stránok
- História HTML
- HTML vs. XHTML
- Vysvetlenie pojmov www, url, http, https, FTP
- Správanie prehľiadačov
- Čo je to zdrojový kód
- Čo je to wysiwyg editor
- Práca s programom Adobe Dreamweaver a Notepad2
- Otváranie a ukladanie zdrojových súborov
- Vhodný zápis tagov
- Čo je to validita stránky
Základná štruktúra (X)HTML
- Začíname tvoriť webovú stránku
- Vytvárame základy stránky
- Deklarujeme kódovanie
- Vytvárame titulok stránky
- Vytvárame nadpisy
- Vytvárame odstavce
- Pomenúvame elementy
- Zalamujeme stránku do blokov
- Vytvárame označené časti riadkov
- Zalamujeme riadky
- Pridávame komentáre
- Popisujeme elementy
Základné formátovanie pomocou (X)HTML
- Zvýrazňujeme text tučným alebo kurzivou
- Meníme veľkosť textu
- Používame neproporcionálne písmo
- Používame predformátovaný text
- Vytvárame citovaný text
- Vytvárame horný a dolný index
- Označujeme zmenený text
- Zarovnávame elementy na stránke
Obrázky
- Formáty obrázkov
- Rýchlosť načítavania
- Veľkosť a rozlíšenie
- Priehľadnosť
- Ako získať obrázky
- Vkladanie obrázku na stánku
- Alternatívny text
- Zmenšujeme a zarovnávame obrázky
- Obtekanie textu okolo obrázka
Odkazy
- Práca s odkazmi
- Vytvárame kotvy
- Vytvárame odkazy na iné web stránky
- Vytvoríme klávesovú skratku pre odkaz
- Navigačné tlačidlo
- Vytváranie odkazov s náhľadmi obrázkov
Kaskádové štýly
- Čo sú to kaskádové štýly
- Jednotky pre zápis
- Prepojenie kaskádových štýlov s HTML
- Ako fungujú kaskádové štýly
- Vytvoríme externú šablónu kaskádového štýlu
- Import externej šablóny kaskádového štýlu
- Vytvoríme internú šablónu kaskádového štýlu
- Formátujeme pomocou kaskádových štýlov
- Rozvrhnutie stránky (layout) pomocou štýlov
Selektory
- Vytvárame selektory
- Výber selektora podľa názvu, triedy a identifikátora
- Špecifikujeme skupinu elementov
- Kombinujeme selektory
- Absolútne a relatívne pozicovanie
Zoznamy
- Usporiadaný a neusporiadaný zoznam
- Typy odrážok zoznamu
- Štýlujeme vnorené zoznamy
Tabuľky
- Vytvoríme jednoduchú tabuľku
- Pridávame rámčeky
- Nastavujeme šírku
- Zarovnávame tabuľku
- Zalamujeme text okolo tabuľky
- Kombinujeme tabuľky
- Práca s bunkami a riadkami tabuľky
- Tlač hotového diela s nastavenou priehľadnosťou
- Praktické cvičenia k lekcii
