Tvorba webstránok I. - HTML, CSS základy

IT LEARNING SLOVAKIA, s.r.o.

Popis kurzu

Obsah kurzu

Úvod do problematiky tvorby www stránok

HTML, XHTML, HTML5, www a web server trendy vo výrobe web stránok HTTP, HTTPS, FTP protokol v praxi Editory na tvorbu web stránok – porovnanie Princíp programovania web stránok: HTML, CSS a skriptovacie jazyky Práca s programom na tvorbu a editovanie webu: Notepad2 Čo všetko môžeme vkladať do web stránky

Práca so súbormi

Uloženie stránky Otvorenie stránky Optimalizovanie

Základné princípy značkovacieho jazyka HTML

Základné príkazy a vkladanie HTML kódu do stránky Ako sa web stránka programuje

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 Word a Excel Obrázky iné …

zoznam

číslovaný odrážkový využívame zoznamov na tvorbu navigačného menu

tabuľky

zápis používanie tvorba záhlavia, riadkov, buniek

rámce a iframe iné HTML príkazy HTML parametre, ktoré sa nepoužívajú HTML príkazy, ktoré sa nepoužívajú

Základy a princípy jazyka CSS

Tvorba moderných webstrá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 tiedu – 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ú web 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 linkujkeme menu editujeme obsah podstránok

FTP a domény, publikujeme web stránku

aký webhosting budeme potrebovať akú doménu si zvolíme registrujeme si bezplatný webhosting a stránku kopírujeme na web server

Vlastnosti stránky a jej nastavovanie

ako tvoriť grafický dizajn 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

Odborná diskusia

trendy vo vývoji HTML a CSS jazyka aké web 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 na základe požiadaviek účastníkov

Cieľová skupina

začiatočník

Hodnotenie