Základná škola Hutnícka 16, Spišská Nová Ves, 052 01

1. World - Wide Web - služba world - wide - web, vznik, pojmi HTML, HTTP, URL, ...
2. História a vývoj HTML - história a vývoj HTML, HTML 2.0, 3.0, 3.2, 4.0, 4.01, XHTML, HTML5
3. Syntax HTML - elementy a tagy, atribúty, znakové entity, formálna syntax, kontrola syntaxe ...
4. Kaskádove štýly - úvod, pripojenie štýlu k stránke, Selektory, Vlastnosti ...
5. Multimédia a Web - úvod, obrázky, zvuk, video, streaming médií, synchronizácia multimédií, štandardy W3C
6. Dizajn stránok - grafický dizajn, štruktúra stránok a navigácia...
7. Metaúdaje - k čomu sú ptrebné, metaúdaje z HTML, PICS/RSACi/ICRA, Dublin Core, Mikroformáty, registrácia v katalógoch a vyhľadávačoch, zakázanie indexovania stránky...
8. Skriptovanie na strane servera klienta - úvod, klientské technológie pre tvorbu aplikácií, Klientské skripty v HTML, Java Applety, Active X....
9. Použitie databáz vo webe - Databázové servery, relačný model dat, SQL, využitie databázy v skriptovom prostredí, alternatívne úložisko dát, problémy...
10. HTTP Protokol - úvod, hlavičky, praktické využitie HTTP hlavičiek, limity http, cookies...
11. Bezpečnosť webových aplikácií - úvod, šifrovanie prenášaných dát, autentizácia a autorizácia užívateľov, Najčastejšie bezpečnostné slabiny aplikácií...
12. Ako spustiť vlastný web na vlastnej doméne - registrácia domény, výber webhostingu...
13. WAP - úvod, architektúra WAPu, WML, Interaktívne stránky, zverejnenie stránok...
14. XML a nové trendy v publikovaní na webe - úvod, XML a podpora rôznych koncových zariadení, výmena dat a integracia aplikácií v prostredí webu, lepsie vyhľadávanie na webe...

Tvorba webu 2012/2013

1. HTML a metainformácie - ... (188 Kb)

2. Štruktúra dokumentu, párové a nepárové tagy, atribúty - ... (171 Kb)

3. HTML odkazy - vloženie odkazu, farba odkazov - ... (237 Kb)

4. Odstvace a zalomenie textu, span a div, predformátovaný text, špeciálne znaky - ... (208 Kb)

5. Formátovanie textu, tučné písmo a kurziva, podčiarknuté a prečiarknuté písmo, veľkosť, farba a fotnty - ... (195 Kb)

6. HTML - vloženie obrázka, formát obrázka, farba pozadia, obrázok ako pozadie - ... (352 Kb)

7. HTML a zoznamy, nečíslovaný zoznam, číslovaný zoznam, definičný zoznam - ... (369 Kb)

8. HTML a tabuľky, jednoduchá tabuľka, členenie tabuliek, zoskupovanie buniek - ... (546 Kb)

9. HTML a rámce, frames, odkazy do rámca, alternatívny obsah, pokročilé vlastnosi, nevýhody - ... (376 Kb)

10. CSS v HTML jazyku, načo slúži?, verzie, ako ukladať CSS... - ... (340 Kb)

11. CSS v HTML a deklarácie priamo v dokumente, pre jeden prvok, v externom súbore, poznámky... - ... (413 Kb)

12. CSS - selektor, trieda, ID, vlastnosť, - ... (430 Kb)

Adresáre žiakov z krúžku informatika - tvorba webu

1. Adam Murgáč (ak si chceš stiahnuť svoj adresár klikni na ikonu )
2. Damián Želichovský (ak si chceš stiahnuť svoj adresár klikni na ikonu )
3. Daniel Vydra (ak si chceš stiahnuť svoj adresár klikni na ikonu )
4. Denis Krempaský (ak si chceš stiahnuť svoj adresár klikni na ikonu )
5. Dominik Lesňák (ak si chceš stiahnuť svoj adresár klikni na ikonu )
6. Henrich Valkošák (ak si chceš stiahnuť svoj adresár klikni na ikonu )
7. Christián Jančura (ak si chceš stiahnuť svoj adresár klikni na ikonu )
8. Ivan Želichovský (ak si chceš stiahnuť svoj adresár klikni na ikonu )
9. Jimmy Jančura (ak si chceš stiahnuť svoj adresár klikni na ikonu )
10. Lucián Jančár (ak si chceš stiahnuť svoj adresár klikni na ikonu )
11. Maroš Gonda (ak si chceš stiahnuť svoj adresár klikni na ikonu )
12. Maroš Horáček (ak si chceš stiahnuť svoj adresár klikni na ikonu )
13. Miroslav Tekely (ak si chceš stiahnuť svoj adresár klikni na ikonu )
14. Samuel Bučák (ak si chceš stiahnuť svoj adresár klikni na ikonu )
15. Viliam Hovančík (ak si chceš stiahnuť svoj adresár klikni na ikonu )
16. Učiteľ (ak si chceš stiahnuť svoj adresár klikni na ikonu )

ZADANIA PRE ŽIAKOV NAVŠTEVUJÚCICH KRÚŽOK Z INFORMATIKY

1. Pokúste sa popremýšlať nad témou vašej vlastnej internetovej stránky (hlavná myšlienka, štruktúra, rozdelenie sekcií - počet kategórií a podkategórií, obsahová stránka, grafická stránka...)

2. Pokúste sa pomocou vami zvoleného grafického editora spraviť grafický návrh - dizajn vášej vlastnej internetovej stránky. (žiaci, ktorí už mali na hodinách informatiky prácu s programom GIMP môžu použiť práve tento program)

pre malú predstavu, či inšpiráciu pripájam zopár grafických návrhov.

1. Príklad: Grafické návrhy www stránky pre firmu predavajúcu kotle

 

2. Príklad: Grafické návrhy www stránky pre firmu predávajúcu nože