Detail kurzu
Tvorba, programovanie webstránok II. - pokročilé HTML, CSS a moderný webdesign
IT LEARNING SLOVAKIA, s.r.o.
Popis kurzu
Tento kurz je pre ľudí, ktorí sa chcú naučiť, ako osviežiť svoju stránku pomocou šikovných grafických trikov. Či už za pomoci obrázkov, vektorovej grafiky, alebo pomocou práce s písmom. Ak sa Vám Vaša stránka zdá fádna, na tomto kurze si ukážeme základné spôsoby, ako ju vylepšiť a na praktických príkladoch sa naučíme pokročilé HTML a CSS príkazy.
Každá webstránka musí obsahovať pútavú a kreatívnu grafiku. Jedna vec je obsah, ktorý na webstránku pridáte, ale grafika je ešte dôležitejšia. V minulosti sa grafika webstránok navrhovala a exportovala z grafických editorov, ale možnosti, ktoré dnes jazyk CSS umožňuje sú po kreatívnej stránke takmer neobmedzené. CSS-ko by sa dalo nazvať grafickým jazykom okrem zmeny farby písma umožňuje tvoriť tvary, tiene, zaoblovať rohy a pracovať s veľkosťami obrázkov tak, že vyrobíte čokoľvek bez použitia Photoshopu alebo iného grafického editora a to nesmieme zabudnúť ani na možnosti animácií a farebných prechodov kde CSS vo verzii 3 na plnej čiare porazilo technológiu FLASH. Na kurze taktiež rozoberieme do podrobna prácu s CSS a jej selektormi.
Tento kurz je prirodzeným pokračovaním nášho prvého kurzu Tvorba webstránok I a nadväzuje na jeho témy. Na kurze sa očakáva, že viete porozumieť a vytvoriť HTML kód jednoduchej stránky so základným štýlovaním textu, pozadia a rozloženia v CSS. Ukážeme si významové HTML značky na stránkach a naučíme sa, čo znamená tvoriť sémantický web. Povieme si o obrázkoch a ako ich optimalizovať pre našu stránku a neobídeme ani vektorovú grafiku. Skrášlime si našu stránku - naštýlujeme si ju vlastným písmom a ukážeme si ako mať plnú kontrolu nad rozložením stránky. Nakoniec všetky nové vedomosti použijeme pri praktickom vytváraní stránky z obrázkovej predlohy.
V tomto kurze sa naučíte využívať pokročilé možnosti CSS I., II. a niektoré z CSS III. vlastností a vytvoríte si niekoľko grafických šablón. Naučíte sa pracovať s pokročilými selektormi, animovať prechody objektov a vyrábať tak pútavú grafiku, ktorá vašu webstránku zmení na nepoznanie. Na kurze sa naučíme taktiež triky a rôzne spôsoby ako pracovať s obrázkami, teda orezávanie, zmena veľkostí a podobne. Kurz je vhodný pre začiatočníkov ale aj pre účastníkov, ktorí s grafikou nikdy nepracovali. Kurz je vhodný tak ako pre programátorov, tak aj pre začínajúcich grafikov ale hlavne pre tých, ktorí chcú tvoriť moderné web stránky s moderným vzhľadom.
Obsah kurzu
=== 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 - odstránenie pozadia - Vektorová grafika na web stránkach alebo budúcnosť webdesignu - SVG formát - volanie cez príkazy obrázka - príkaz SVG - nastavenie - Zopakovanie CSS jazyka - CSS I., CSS II. a CSS III. - selektory - 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, margin a floatovanie - orámovanie Border a Outline CSS - vlastnosť border-box - vlastnosť display - pozície v CSS - absolútna, relatívna a fixná - pozičné príkazy left, top, right a bottom a ich vzťah ku pozícii - "NulaNula" alebo odkiaľ sa počítajú pozície - 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 - externý štýlopis - ako na grafiku - čo viem urobiť v CSS-ku - tvorba šablóny - nástroje pre vývojára alebo DEVELOPERS TOOLS v prehliadači - 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áverečná diskusia a priestor na otázkyCieľová skupina
mierne pokročilýHodnotenie
Organizátor
Ďalšie termíny kurzu
Podobné kurzy
podľa názvu a lokality