Detail kurzu

Balík Webdesignér I. - programátor a designer webstránok

IT LEARNING SLOVAKIA, s.r.o.

Popis kurzu

Kurz Webdesignér - programátor a designer webstránok je komplexný týždňový balík pozostávajúcu z dvoch kurzov: 3 dňový kurz Tvorba webstránok I. - HTML, CSS základy + JavaScript, PHP začiatočník a CSS mierne pokročilý a 2 dňový kurz Tvorba webstránok II. – pokročilé HTML a CSS. Tento balík kurzov Vás od základov naučí všetko, čo na tvorbu jednoduchých, ale aj stredne pokročilých webstránok budete potrebovať. Ak sa chcete venovať programovaniu a výrobe webstránok, tento balík za zvýhodnenú cenu oproti kúpe dvoch kurzov je najlepším riešením ako začať.

Obsah kurzu

Tento kurz je balíkom nasledovných kurzov za zvýhodnú cenu. Pre informácie o samostatných kurzovch kliknite na ich názov, učebné osnovy sú uvedené nižšie. Počítačový kurz Tvorba webstránok I. - HTML, CSS základy + JavaScript, PHP začiatočník a CSS mierne pokročilý Kurz Tvorba webstránok I. - HTML, CSS základy + JavaScript, PHP začiatočník a CSS mierne pokročilý 3 dni Počítačový kurz Tvorba webstránok II. – grafika na webstránkach a CSS pokročilý Tvorba webstránok II. – grafika na webstránkach a CSS pokročilý 2 dni Učebná osnova kurzu Balík Webdesignér I. - programátor a designer webstránok : 1.- 3. deň kurz Tvorba webstránok I. - HTML, CSS základy + JavaScript, PHP začiatočník a CSS mierne pokročilý === Úvod do problematiky tvorby www stránok - HTML, XHTML, HTML5, www a web server - Trendy vo výrobe webových stránok - HTTP, HTTPS, FTP - protokoly v praxi - Editory na tvorbu webových stránok - porovnanie - Princíp tvorby webových stránok: HTML, CSS a skriptovacie jazyky - Práca s programom na tvorbu a editovanie: Notepad2 - Čo všetko môžeme vkladať do webovej stránky === Práca so súbormi - Uloženie stránky - Otvorenie stránky - Optimalizácia === Základné princípy značkovacieho jazyka HTML - Základné príkazy a vkladanie HTML kódu do stránky - Ako sa webová stránka vytvára - hlavička stránky - telo stránky - kódovanie stránky - nastavenie dokumentu - Párové a nepárové značky - Formátovanie textu a odstavcov - Nadpisy H1 - H6 - Práca s odstavcami - P - Práca s oddielmi - DIV - Obrázky - vkladanie obrázkov - typy používaných obrázkov - používanie obrázkov ako pozadia - popisovanie obrázkov - Hypertextové odkazy - textové odkazy - obrázkové odkazy - odkaz na e-mail - odkaz na stránku mimo našej domény - absolútna cesta odkazu - relatívna cesta - odkazy na iné súbory - na stiahnutie - PDF - dokumenty Microsoft Word a Microsoft Excel - obrázky - iné - Zoznam - číslovaný - odrážkový - využívame zoznam na tvorbu navigačného menu - Tabuľky - zápis - používanie - tvorba záhlavia, riadkov, buniek - Rámce a iframe - Iné HTML tagy - HTML parametre, ktoré sa nepoužívajú - HTML tagy, ktoré sa nepoužívajú === Základy a princípy jazyka CSS - Tvorba moderných webových stránok, využívanie CSS na zadávanie štýlu - oddelenie grafiky od textu - vkladanie CSS štýlu -priamy štýlopis - CSS zápis priamo v HTML súbore - CSS zošit - nanášanie cez identifikátor - nanášanie štýlu cez triedu - class - textové efekty - grafické efekty - práca s farbami a pozadím - práca so zarovnávaním - šírka a výška HTML elementov - základné príkazy na zadávanie pozície - preberanie referenčnej CSS príručky - Tvoríme svoju prvú hotovú webovú stránku - nastavujeme menu - tvoríme štruktúru - vytvárame obsah - nastavujeme vzhľad cez CSS štýl - vytvárame a vkladáme grafiku - kopírujeme stránku a linkujeme menu - editujeme obsah podstránok - FTP a domény, publikujeme webovú stránku - aký webhosting budeme potrebovať - akú doménu si zvolíme - registrujeme si bezplatný webhosting a stránku kopírujeme na webový server === Vlastnosti stránky a jej nastavovanie - Ako tvoriť grafický design - Práca s rámcami, princíp, využitie (výhody - nevýhody), ukážka - Hypertextové odkazy, tvorba odkazov - Spájanie stránok pomocou hypertextových odkazov === Ďalšie príklady na HTML a CSS, ďalšie CSS príklady pre efektívnu tvorbu webových stránok: - Tvoríme ďalší príklad a novú hotovú webovú stránku - nastavujeme menu, tentokrát vyžívame zoznam - tvoríme novú grafiku - nanášanie vlastností cez identifikátor - nanášanie štýlu cez triedu - class - tvoríme viacstĺpcový design stránky - ukladáme 2 odstavce vedľa seba - vlastnosť float - pracujeme s relatívnymi pozíciami - upravujeme obsah - dokončujeme webovú stránku === JavaScript a PHP začiatočník: - Trendy a novinky v oblasti tvorby webových 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 - základné typy eventualít - 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 s použitím skriptovacieho jazyka PHP - princíp funkčnosti - rozdelenie webovej stránky na obsah a text - pole $_GET a funkcia include === Odborná diskusia - Trendy vo vývoji HTML a CSS jazyka - Aké webové stránky sa ľuďom páčia - Aký typ grafiky si zvoliť - Webhosting, ceny, služby, prieskum trhu - Domény, registrácia, možnosti - Diskusia s účastníkmi 4.- 5. deň kurz Tvorba webstránok II. – grafika na webstránkach a CSS pokročilý - 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 - odtránenie pozadia - Zopakovanie CSS jazyka - CSS I., CSS II. a CSS III. - selektori - 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, maring a floatovanie - orámovanie Border a Outline CSS - vlastnosť display - pozície v CSS - absolútna, relatívna a fixná - 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 - štýlopis - ako na grafiku - čo viem urobiť v CSS-ku - tvorba šablóny - 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ázky

Cieľová skupina

začiatočník

Kontaktná osoba

Jana Rievajová
02/49 20 30 80
info@itlearning.sk

Hodnotenie




Organizátor



Ďalšie termíny kurzu
Termín Cena Miesto konania Zarezervovať