Detail kurzu
Balík Webdesignér I. - programátor a designer webstránok
IT LEARNING SLOVAKIA, s.r.o.
Popis kurzu
Chcete sa naučiť vytvárať profesionálne webové stránky od úplných základov až po pokročilé techniky? Kurz Balík Webdesignér I. - programátor a designer webstránok je intenzívny päťdňový program, ktorý vás prevedie kompletným procesom tvorby moderných webov. Tento kurz je určený pre všetkých, ktorí chcú získať praktické zručnosti v oblasti webdesignu a webového vývoja – či už uvažujete o kariérnej zmene, chcete rozšíriť svoje profesionálne portfólio, alebo potrebujete vytvárať webové stránky pre vlastné projekty či podnikanie.Prvá časť kurzu Balík Webdesignér I. je venovaná základom značkovacieho jazyka HTML a kaskádových štýlov CSS. Naučíte sa pracovať so štruktúrou webovej stránky, vytvárať hlavičky, telá dokumentov a správne kódovanie. Osvojíte si prácu s textom, nadpismi, odstavcami, obrázkami a hypertextovými odkazmi. Zistíte, ako správne vkladať tabuľky, zoznamy a ako vytvoriť funkčné navigačné menu. Na tomto kurze sa tiež oboznámite s protokolmi HTTP, HTTPS a FTP, ktoré sú nevyhnutné pre publikovanie vašich webových projektov. Po tejto časti dokážete samostatne vytvoriť kompletnú webovú stránku s čistým HTML kódom a základným CSS štýlovaním.Druhá časť kurzu Balík Webdesignér I. sa zameriava na skriptovacie jazyky JavaScript a PHP. Prevedie vás základnými princípmi týchto jazykov a ukáže vám, ako ich využiť pre dynamické webové stránky. Naučíte sa pracovať s Apache Serverom, lokálnou inštaláciou vývojového prostredia a pochopíte rozdiel medzi statickými a dynamickými webmi. Osvojíte si prácu s funkciou include, poľom $_GET a príkazom echo, ktoré sú základom pre tvorbu moderných dynamických webov. Táto časť kurzu vám otvorí dvere do sveta serverového programovania a interaktívnych webových aplikácií.Tretia časť kurzu Balík Webdesignér I. je kreatívna a prakticky zameraná na pokročilé CSS techniky a webovú grafiku. Naučíte sa pracovať s grafickými formátmi JPG, PNG a GIF, vykonávať úpravy obrázkov a správne ich optimalizovať pre web. Osvojíte si pokročilé CSS funkcie vrátane CSS Box Modelu, vlastnosti display, pozíciovania elementov, animácií a prechodov. Vytvoríte vlastné HTML a CSS šablóny, naučíte sa pracovať s vlastnými fontmi, tieňmi objektov a zaobľovaním rohov. Celý kurz je prepojený s reálnymi scenármi – budete prekresľovať grafické návrhy do funkčného kódu a vytvárať kompletné webové projekty pripravené na publikovanie.Prečo sa prihlásiť na kurz Balík Webdesignér I.? Získate komplexné vzdelanie v oblasti webdesignu za zvýhodnenú cenu oproti absolvovaniu jednotlivých kurzov samostatne. Po absolvovaní budete schopní samostatne navrhovať, programovať a publikovať profesionálne webové stránky. Odídete s istotou a sebavedomím, že ovládate HTML, CSS, základy JavaScriptu a PHP – zručnosti, ktoré sú na trhu práce mimoriadne žiadané. Naučíte sa pracovať s nástrojmi ako Notepad2, Apache Server a FTP klienti, a budete pripravení pustiť sa do vlastných webových projektov.
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.
Kurz Tvorba webstránok I. - HTML, CSS základy + JavaScript, PHP začiatočník a CSS mierne pokročilý3 dni
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
- Uloženie stránky
- Otvorenie stránky
- Optimalizácia
- 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
- 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ú
- 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
- 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
- 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
- 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
- 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á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:
- Záverečná diskusia a priestor na otázky
Cieľová skupina
začiatočníkHodnotenie
Organizátor
Ďalšie termíny kurzu
Podobné kurzy
podľa názvu a lokality
