Kurz			Cena	Množstvo

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. – grafika na webstránkach a CSS pokročilý.

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