Na tomto kurze sa naučíte pracovať vo vizuálnom aj kódovom režime aplikácie Dreamweaver pri vytváraní webstránok a webových sídel, rozumieť jazyku HTML a kaskádovým štýlom CSS, spoznať javascriptové frameworky jQuery a Bootstrap a zostavovať pomocou nich moderné responzívne layouty s interaktívnymi obsahmi a multimédiami. Zároveň sa na kurze oboznámite aj s profesionálnou prípravou obrázkov a bitmapovej grafiky optimalizovaním pre web v aplikácii Photoshop.
Podrobné osnovy
Základy HTML a CSS
- Čo je to HTML?
- Štruktúra webovej stránky – HTML5
- Základné značky hlavičky – Tag !DOCTYPE, HTML, HEAD, TITLE, META, LINK, SCRIPT
- Základné značky v tele webstránky – štruktúrové značky, textové elementy, odkazy, div, blokové elementy, obrázky, tabuľky, formuláre, médiá
- Čo je to CSS (kaskádové štýly)
- CSS štýly – redefinovanie východzieho vzhľadu tagov HTML
- CSS štýly – vytváranie tried
- CSS štýly pre textové elementy
- CSS štýly pre odkazy a linky
- CSS štýly pre definovanie blokových elementov DIV – Class, ID
Adobe Dreamweaver – podrobný tréning
- Základné pojmy a vzťahy
- Začíname
Uvítacia obrazovka
Pracovné rozhranie – základný prehľad
Vytvorenie prvej webstránky
Panely Files, Insert a Properties
Vytvorenie webového sídla
Správa zdrojov v paneli Files
Určenie základných vlastností stránky
Vloženie názvu stránky a meta tagov do hlavičky
Úprava panelov a používanie pracovných plôch v Dreamweaver
- Texty
Písanie textov v režime Design
Vkladanie textov z iných aplikácií
Formátovanie textov 1 – titulky
Formátovanie textov 2 – odstavce
Formátovanie textov 3 – zoznamy
Sledovanie práce v režime Kód
Vloženie špeciálnych znakov
- Tabuľky
Vkladanie tabuliek do stránok HTML
Úpravy tabuliek
Vkladanie obsahov do tabuliek
- Obrázky a médiá
O formátoch obrázkov
Vloženie obrázkov
Úprava obrázkov v Dreamweaver
Vloženie videa na stránku
Vloženie SWF objektu na stránku
- Linky a odkazy
O relatívnych a absolútnych odkazoch
Relatívne odkazy a cesty v sídle Dreamweaver
Priraďovanie odkazov textom a obrázkom
Absolútne odkazy na súbory
E-mailové odkazy
- Základy kaskádových štýlov
Princíp fungovania kaskádových štýlov
Kaskádové štýly v Dreamweaveri
Predefinovanie HTML tagov
Vytváranie vlastných štýlov – riadkové elementy
Vytváranie vlastných štýlov – blokové elementy
Nové štýly v jazyku CSS3 – tieň, zaoblenie rohov, stĺpce, prechody
- Layout
O kontajneroch DIV
Princípy vytvárania layoutov z kontajnerov DIV
Štruktúra layoutu z kontajnerov DIV – ID
Znovupoužiteľné kontajnery DIV – CLASS
Framework Bootstrap – responzívny webdesign
- Manažment miestneho a vzdialeného webového sídla
Prepojenie stránok vo webovom sídle
O odosielaní miestneho webu na internet pomocou Dreamweavera
Nastavenia FTP prístupu na server
Synchronizácia miestneho a vzdialeného webu
Praktické cvičenia a projekty:
- Vkladanie obsahov na stránky (zo zložky médií – texty, video, animácia)
- Štýlovanie elementov pomocou CSS
- Ukážka uploadovania sídla na web – správa v Dreamweaveri
CENY A FORMY VZDELÁVANIA:
- Prezenčne: cena na objednávku, učebňa Košice, alebo u zákazníka, info: 0948 203 003, info@digitaldeisgn.sk
- Online: v rámci zvoleného členského programu:>> Viac info
- Podrobnejšie o formách vzdelávania v sekcii: >> Formy vzdelávania
VIAC INFORMÁCIÍ:
Tel. 0948 203 003, info@digitaldesign.sk