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

Prišli ste neskoro, tento kurz je neaktuálny.

Prejsť na zoznam:

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ť.

Cieľová skupina

začiatočník

Obsahová náplň

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

Kontakt a miesto konania

Kontaktné údaje
Iveta Horná
tel: +421 2/502 344 03
mobil: +421 911 233 369
e-mail: info@itlearning.sk

Adresa
Kominárska 2,4, 83104 Bratislava

O organizátorovi

Kontaktné údaje
tel: +421 2/492 030 80
mobil: +421 911 233 369
email: info@itlearning.sk
web: www.itlearning.sk

Adresa
IT LEARNING SLOVAKIA, s.r.o.
Kominárska 2,4, Bratislava Zobraziť na mape