webové stránky

18
2009 2009 Webové Webové stránky stránky Základy tvorby webu. Základy tvorby webu. V roce 2009 V roce 2009 vytvořil Martin Horák vytvořil Martin Horák

Upload: raheem

Post on 21-Mar-2016

66 views

Category:

Documents


0 download

DESCRIPTION

Webové stránky. Základy tvorby webu. V roce 2009 vytvořil Martin Horák. Co je to web. Web je místo kde se ukládají webové prezentace aby je mohl vidět celý svět.Na web může stránky uložit každý. Jak vytvořit stránky - editory. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Webové stránky

20092009

Webové Webové stránkystránkyZáklady tvorby webu.Základy tvorby webu.V roce 2009V roce 2009vytvořil Martin Horákvytvořil Martin Horák

Page 2: Webové stránky

20092009

Co je to webCo je to web

Web je místo kde se ukládají Web je místo kde se ukládají webové prezentace aby je mohl webové prezentace aby je mohl vidět celý svět.Na web může vidět celý svět.Na web může stránky uložit každý.stránky uložit každý.

Page 3: Webové stránky

20092009

Jak vytvořit stránky - Jak vytvořit stránky - editoryeditoryNejsnadnější a nejrychlejší způsob je Nejsnadnější a nejrychlejší způsob je

vytvořit stránky přes webový vytvořit stránky přes webový editor .Ovládání editoru zvládne editor .Ovládání editoru zvládne každý .Ovládání je jednoduché .Editor každý .Ovládání je jednoduché .Editor vypadá stejně jako například textový vypadá stejně jako například textový editor Word. Web v nich vytváříte editor Word. Web v nich vytváříte online a obsah se okamžitě online a obsah se okamžitě objeví.Takovéto editory jsou například objeví.Takovéto editory jsou například websnadno.cz nebo estranky.cz .websnadno.cz nebo estranky.cz .

Page 4: Webové stránky

20092009

Jak vytvořit stránky – Jak vytvořit stránky – editory 2editory 2Nevýhoda těchto editorů je že si Nevýhoda těchto editorů je že si

nemůžete většinou zvolit až na nemůžete většinou zvolit až na barvu písma měnit celkový vzhled barvu písma měnit celkový vzhled podle sebe a musíte vybírat z podle sebe a musíte vybírat z přednastavených stylů.Editory přednastavených stylů.Editory dnes používá spousta lidí.Ale dnes používá spousta lidí.Ale takto vytvořené weby nejsou nic takto vytvořené weby nejsou nic moc. moc.

Page 5: Webové stránky

20092009

Ukázka editoru Ukázka editoru websnadnowebsnadno

Page 6: Webové stránky

20092009

Náhled hlavní stránky estránek

Page 7: Webové stránky

20092009

Webové stránky ve Webové stránky ve worduwordu Ve wordu se stránky vytvářejí Ve wordu se stránky vytvářejí

stejně jako v editorech.Rozdíl je v stejně jako v editorech.Rozdíl je v tom že tyto weby musíte na web tom že tyto weby musíte na web ještě ukládat.Webovou stránku ještě ukládat.Webovou stránku vytvoříte klepnutím na nový zde vytvoříte klepnutím na nový zde zvolíte www stránka.A už můžete zvolíte www stránka.A už můžete pracovat.pracovat.

Page 8: Webové stránky

20092009

Webové stránky Webové stránky pomocí pomocí programovacích jazykůprogramovacích jazyků Webové stránky jsou nejlepší Webové stránky jsou nejlepší

když se vytvářejí pomocí když se vytvářejí pomocí programovacích jazyků.Takové programovacích jazyků.Takové jazyky jsou například php , css, jazyky jsou například php , css, html a javscript.Tyto jazyky lze html a javscript.Tyto jazyky lze psát i v notepadu.Tyto weby jsou psát i v notepadu.Tyto weby jsou zároveň nejtěžší.Po vytvoření se zároveň nejtěžší.Po vytvoření se také musí nahrát na web.také musí nahrát na web.

Page 9: Webové stránky

20092009

HtmlHtml Nejednudušejší stránka je v html.Základní Nejednudušejší stránka je v html.Základní

web vypadá takto:web vypadá takto: <html><html> <head><head> <title>titullek stránky</title><title>titullek stránky</title> </head></head> <body><body> Tělo webuTělo webu </body></body> </html></html>

Page 10: Webové stránky

20092009

Obsah bodyObsah body Do body lze vkládat různé příkazy Do body lze vkládat různé příkazy

např.:např.: <p>odstavec</p><p>odstavec</p> <b><b>tučný text tučný text </b></b> <i><i>kurzívakurzíva</i></i> <u><u>podtrženný textpodtrženný text</u></u> <marquee>posouvaný <marquee>posouvaný

text</marquee>text</marquee>

Page 11: Webové stránky

20092009

Css,php,javascriptCss,php,javascript Css,php a javascript je již Css,php a javascript je již

složitější a nemá cenu jej zde složitější a nemá cenu jej zde vysvětlovat pouze vysvětlím jak vysvětlovat pouze vysvětlím jak prpojit css a html.Vše propojíme prpojit css a html.Vše propojíme příkazem: <link rel=“stylesheet“ příkazem: <link rel=“stylesheet“ href=“adresa.css“> do příkazu href=“adresa.css“> do příkazu headhead

Page 12: Webové stránky

20092009

Uložení stránek na Uložení stránek na webweb Napřed je potřeba se zaregistrovat Napřed je potřeba se zaregistrovat

na nějaký webhosting např:ic.cz na nějaký webhosting např:ic.cz nebo webzdarma.cz.Na těcto nebo webzdarma.cz.Na těcto webech zvolíme webech zvolíme registrace.Registrace vás sama registrace.Registrace vás sama vede.Proto není potřeba ji vede.Proto není potřeba ji vysvětlovat .Na následující stránce vysvětlovat .Na následující stránce akorát uvedu náhled registraceakorát uvedu náhled registrace

Page 13: Webové stránky

20092009

Page 14: Webové stránky

20092009

Uložení stránek na Uložení stránek na web 2web 2 Když jste zaregistrovaní musíte se Když jste zaregistrovaní musíte se

přihlásit na ftp(na ic je na adrese přihlásit na ftp(na ic je na adrese user.ic.cz/webftp).Po přihlášení je user.ic.cz/webftp).Po přihlášení je potřeba akorát zvolit nahrát a potřeba akorát zvolit nahrát a vybrat soubory a uložit.vybrat soubory a uložit.

Page 15: Webové stránky

20092009

Ukázka ftp na ic.czUkázka ftp na ic.cz

Page 16: Webové stránky

20092009

Zde je náhled ftp na wz.Jeho adresa je admin.wz.cz

Page 17: Webové stránky

20092009

Více info na jakpsatweb.cz .Náhled zde

Page 18: Webové stránky

20092009

NashledanouNashledanou

Loučím se s vámi a doufám že vám Loučím se s vámi a doufám že vám tato prezentace pomohlatato prezentace pomohla