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

Cieľová skupina

začiatočník

Kontaktná osoba

Iveta Horná
+421 2/492 030 80
info@itlearning.sk

Hodnotenie




Organizátor