Balík: Kurz Webdesignér I. - programátor a grafik web stránok

HTML, CSS:

• úvod do problematiky tvorby www stránok
  • základné pojmy
  • história HTML
  • rozdiel medzi HTML a XHTML
  • čo je to www, url, http, https a web server, FTP ...
• možnosti tvorby web stránok, čo je to zdrojový kód
• princíp programovania web stránok
  • wysiwyg editory
  • editory na tvorbu web stránok,ukážky
  • práca s programom Notepad2
  • ako ukladať zdrojové súbory
• pracovné postupy a technológie, práca so súbormi
  • uloženie stránky
  • otvorenie stránky
  • znovu načítanie stránky
  • optimalizovanie
  • základné prípony známych a využívaných súborov
  • bezpečné ukadanie súborov
  • tvorba adresárovej štruktúry
• základné princípy značkovacieho jazyka HTML
  • čo je to zdrojový kód
  • tvorba zdrojového kódu
  • vhodný zápis a vkladanie TAGOV
  • validácia web stránky - tvorba bezchybných web stránok
• základné príkazy značkovacieho jazyka HTML
  • konštrukcia web stránky, rozdelenie na telo a obsah - štruktúra (HEAD, BODY)
  • príkazy pre formátovanie textu, práca s textom (B,I,U, FONT, SPAN ...)
  • práca s farbami, správne zadávanie farieb v HTML
  • odtavce, bloky a nadpisy
  • hypertextové odkazy - prepájanie web stránok
  • obrázky - vkladanie obrázkov
  • zoznamy
  • tauľky a rámy
• základy a princípy jazyka CSS
  • tvorba moderných webstránok, využívanie jazyka CSSka
  • základne vlastnosti - zápis do HTML
  • čo je to CSS zošit
• preberanie referenčnej CSS príručky, základné príkazy:
  • fonty, texty a odstavce, farvy a pozadia, veľkosti a obtekania, okraje,    rámčeky a okraje, zoznamy, pozicovanie
  • praktické príkady a cvičenia - vkladanie priamym zápisom CSS štýlov do HTML kódu
• iné možnosti štýlopisu - zadávanie štýlu
• vlastnosti stránky a jej nastavovanie pomocou CSS
• praktické cvičenia a príkady
  • tvorba grafického dizajnu
  • pozície objektov na stránke
  • prepájanie stránok
  • vkladanie nových podstránok
• práca s rámcami, princíp, využitie (výhody - nevýhody), ukážka

JavaScript a PHP začiatočník:

• trendy a noviny v oblasti tvorby web 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
• zmena CSS štýlov a vlastností HTML objektov za použitia JavaScriptu, príklady
  
  • základné typy eventualít
  • tvorba animovaných menu ...
• ako funguje PHP, hlavné rozdiely medzi HTML
• 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 za použitia sktiptovacieho jazyka PHP
  • princíp funkčnosti
  • rozdelenie web stránky na obsah a text
  • direktíva GET a funkcia INCLUDE

diskusia:

• webshosting, ceny, služby, prieskum trhu
• domény, registrácia, možnosti ...
• FTP a umiestnovanie stránky na web priestore

Grafika pre web stránky, AdobePhotoshop:

• program Adobe Photoshop, základné vlastnosti programu
• pracovné prostredie
  • popis obrazovky, lišty a ukotviteľné panely
  • pracovná plocha, vlastné nastavenie, optimalizácia
  • hlavné menu
  • pracovné nástroje a ich používanie
• práca so súbormi, otvorenie, ukladanie, import export
  
  • typy súborov, raster, vektor ...
  • formáty súborov, jpg, gif, png ...
• PDF export, výhody, nevýhody, nastavenie
• grafika, počítačová grafika, web grafika a farebné modely RGB, CMYK ...
• prispôsobenie grafiky
  • úrovne
  • vyvažovanie farieb
  • nahradzovanie farieb, selektívna farba
  • krivky, jas, kontrast
• režim grafiky
• tvorba nového obrázku, typ, rozlíšenie DPI
• vrstvový model
• pracovné nástroje
  • výber a selekcia
  • nástroj výberu
  • nástroj delenia grafiky na časti - SLIDES
  • magická palička
  • orezávanie obrázku
  • nástroje na retušovanie
  • štetec, guma, formát štetca, gumy
  • nástroje pre prácu s rastrom
  • nástroje pre prácu s vektorom
  • práca s textom
  • poznámky
  • lupa a pohľad na dokument
• tvorba nových objektov, kreslenie a návrh grafiky
• modelovanie vlastných tvarov
• efekty vektorovej grafiky
• efekty a filtre rastrovej grafiky
• export grafiky pre web stránky
• optimalizácia web grafiky
• tvorba grafického podkladu - dizajnu, pravidlá a možnosti
• Adobe ImageReady, animácie
• diskusia