Školenie Tvorba webu a webdizajn - Akciový balík

Osnova školenia Tvorba webu a webdizajn - Akciový balík

Úvod do jazyka HTML

• Úvod a popis jazyka HTML
• Čo je www a web server, čo je http protokol, ftp protokol
• Princíp fungovania a možnosti uloženia www stránok na internete
• Základy práce s textovými editormi
• Základy a pokyny práce s WYSIWYG editorom (Adobe Dreamweaver, Macromedia Dreamweaver... )

Základy HTML jazyka

• Základne označovanie príkazov v HTML
• Párové a nepárové značky
• Zobrazovanie kódu vo webových prehliadačoch
• Rozdiely medzi zobrazovaniami v rôznych webových prehliadačoch

Práca a popis jednotlivých HTML značiek

• Popis hlavných značiek v HTML: html, body a head
• Popis príkazov a značiek vyskytujúce sa v hlavičke
• Popis značiek a príkazov nachádzajúcich sa v tele stránky
• Postup a správne zapisovanie v HTML jazyku

Text a farby na www stránkach

• Základné formátovanie textu, zarovnávanie odstavca
• Formátovanie textu pomocou nadpisov v HTML
• Zmena farieb písma, pozadia, hypertextu

Obrázky na internetovej stránke

• Správne formáty obrázkov pre www stránky
• Vloženie, zarovnanie obrázku
• Veľkosť obrázku, zarovnávanie okrajov
• Obrázok na pozadí www stránky

Zoznamy a hypertextové odkazy

• Čo je to hypertextový odkaz a zoznamy na internetovej stránke
• Použite hypertextu a zoznamov
• Triedené a netriedené zoznamy
• Prelinkovanie stránok, odkazy na stránkach, zasielanie emailov

Práca s tabuľkami a rámami

• Popis značiek na tvorbu tabuľky, priradenie parametrov tabuľkám
• Zlučovanie buniek v tabuľkách a zarovnávanie buniek
• Osadenie textu v tabuľkách a vzdialenosť medzi bunkami
• Základný popis rámov a ich využitie na tvorbu www stránky
• Použitie tabuliek pre celkovú tvorbu stránky

Formuláre a práca s nimi

• Tvorba textových polí a hodnoty parametrov
• Tvorba tlačidla (Prihlasovacie tlačidlo...)
• Tvorba zaškrtávacích políčok
• Textové polia s heslom

Práca s WYSIWYG editorom Adobe Dreamweaver

• Základný popis programu Adobe Dreamweaver
• Práca s jednotlivými HTML značkami
• Formátovanie textu, odstavce a ich úprava v kóde HTML a v grafickom formáte stránky
• Obrázky, zoznamy a hypertextové odkazy v kóde HTML a v grafickom formáte stránky
• Tvorba tabuliek a formulárov v kóde HTML a v grafickom formáte www stránky
• Tvorba celkovej výslednej www stránky

Úvod do tvorby grafiky pre www stránky

• Základný popis programu pre grafiku www stránok (Adobe Photoshop)
• Štandardy a pravidlá používané pri tvorbe grafického návrhu
• Správny a vhodný výber farieb pre grafiku
• Práca s textom a jeho použitie pri tvorbe grafického návrhu
• Typy a triky pri tvorbe grafických návrhov
• Vhodné rozloženie a rozmery pri tvorbe grafiky

Práca v grafickom programe Photoshop

• Základná práca a popis pracovného prostredia v programe Photoshop
• Popis a práca s nástrojmi pre grafický návrh webu, práca s vrstvami
• Prá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ávrh
• Rezy obrázkov pri grafickom návrhu, správne uloženie obrázkov a ich formát
• Export výsledného grafického návrhu

Tvorba jednotlivých súčastí pri grafickom návrhu

• Vytvorenie grafického návrhu loga pre internetovú stránku
• Správna štruktúra boxíkov a ich použitie v grafickom návrhu
• Návrh titulnej hlavičky na webe (použitie loga a obrázku)
• Tvorba banneru a animácie pre internetovú stránku
• Tvorba ikoniek na web stránku (Nákupný košík, RSS, Užívateľ..)
• Tvorba faviconu pre grafický návrh stránky
• Vytvorenie grafických tlačidiel a celkového menu na stránku
• Celkové vytvorenie grafického návrhu (E-shop, Prezentačná vizitka firmy...)
• Diskusia
• Záver

  Cena kurzu Tvorba webu a webdizajn - Akciový balík : 278.30 / 333.96 Eur s DPH