VY_32_INOVACE_4.3.IVT1.20/ Oc

1. VY_32_INOVACE_4.3.IVT1.20/Oc Tvorba webových stránek Webhosting Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501

2. VY_32_INOVACE_4.3.IVT1.20/Oc Weby pro „rychlé“ www (webgarden, atd.) nástroj pro tvorbu webů a eshopů, apod. Tvorba kvalitních a moderních webovekbez nutnosti znalosti programovacích jazyků. Nemusíte složitě instalovat redakční systém, platit drahý hostinga programovat, Webové stránky bez tvorby kódu - možnost vytvoření vlastního webu - tvorba webu zdarma a rychle - není třeba grafiku (lze si vybrat layout ) a tvořit vlastní bsah - moderní design (lze si vbrat z nabídky šablon) - není třeba hledat webhosting - snadná tvorba fotogalerie - redakční systém (řízení a správa webu) - propojení webu se sociálními sítěmi - lze nahrávat videa, atd. - použití speciálních webů pro tvorbu (Webnode.cz, Webgarden.cz, Nejwebik.cz, aj.) Příkl. Viz např. http://www.webnode.cz/osobni-stranky/ Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501

3. VY_32_INOVACE_4.3.IVT1.20/Oc Webhosting - pronájem prostoru na internetu (na serveru), který poskytuje statické nebo dynamické webové stránky a další služby. Umožňuje publikovat webové stránky. Jak vybrat webhosting– nutno zvážit: - účel použití ( jednoduchý web nebo rozsáhlý dynamický) - technologie – software (PHP, ASP, atd.) - databáze (MySQL, jiná) - potřebný datový prostor - existence vlastní domény, aj. Další okolnosti a podmínky – HW a OS serverů (Linux, Windows), rychlost a kvalita připojení k internetu, reference uživatelů (velmi důležité) , možnost požívání skriptů a databází, Podpora -podpora by měla jednat ochotně, vztřícně, dostatečně rychle a kvalitně Prostor – pro uložení souborů, většinou stačí 20MB, nejsou-li velké soubory ke stažení (video, fotky, aj.), bývá přeceňován Datový přenos (Traffic) - objem dat, které si návštěvníci mohou stáhnou z vašich stránek za určité období (u velkých webů až v řádu GB, rozumný měsíční přenos, je u hostingů různý, neomezený traffic - přenesená data nebudou nijak omezována. Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501

4. VY_32_INOVACE_4.3.IVT1.20/Oc Htaccess - htaccess je konfiguračnísouborwebovéhoserveru, umožňuje např. přesměrování stránek, vypínání a zapínání indexů, nastavení chybových stránek (404, 403.), omezení přístupu atd. FTP - umožňuje přidávat stránky na server přes FTP (musí být) Dostupnost 99.9% - funkčnost stránek v daném čase (99% znamená, že 1 stránka ze 100 nebude zobrazena, tj. špatná dostupnost) E-maily – s vlastní doménou může být také vlastní e-mailovou adresu (např. jmeno@domena.cz), emailu musí mít služby: antispam, antivir, webmail (přístup k mailu z jiného počítače), počet a velikost schránky Redakční systémy – bude-li na webhostingu fungovat daný redakční systém bez problémů Cena - kvalitní webhosting lze pořídit již od 80 Kč měsíčně, obecně platí, že za kvalitní služby je třeba si připlatit. Webhosteři, kteří s velkým počtem klientů si mohou dovolit nízké ceny za kvalitní služby (kteří mají statisíce klientů). Zálohování - vybrat hosting, který pravidelně zálohuje a zálohy drží několik týdnů zpětně, přístup k záloze by měl být buď přes FTP nebo přes hostingovou podporu a to zdarma Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501

5. VY_32_INOVACE_4.3.IVT1.20/Oc Druhy webhostingu Webhosting může být: - zdarma (freehosting) - placený A)Webhosting zdarma (freehosting , freeweby) - doména zdarma - hodí se pro osobní anebo nevýdělečné weby (nevyplatí kupovat doménu a platit webhosting) - bezplatný webhostng je většinou za zobrazování reklamy nebo jako součást jiných služeb - vhodný pro první webovou stránky (pro vyzkoušení) - pracuje na stejném principu jako placený webhosting Příklady Webhostingu zdarma : - WebZdarma.cz - Sweb.cz - MujWeb.cz - IC.cz - PHP5.cz - PIPNI.cz Pro spravování profesionálních webů je výhodnější web placený vzhledem k rozsahu poskytovaných služeb a možností. Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501

6. VY_32_INOVACE_4.3.IVT1.20/Oc B)Placený webhosting - výběr (kriteria) viz úvod o webhostingu - pro statické i dynamické webové stránky - velké nebo profesionální weby - vhodný pro kvalitní služby, rychlou a spolehlivou podporu - skoro 100% dostupnost, pravidelné zálohování - služby a kvalita webhostingu jsou úměrné cen - možno si vybrat mezi českými i zahraničními webhostingy Tipy na webhosting : - Web4U webhosting - Webhosting C4 - AnoWebwebhosting Doména (internetová doména, doménové jméno) - jednoznačné jméno PC nebo počít. sítě přípojených do internetu (např. www.gmct.cz) - rozlišujeme řády domén: www – d. 3. řádu, gmct – d. 2. řádu a cz – d. 1. řádu. - doménu je možno pořídit zvlášť nebo s webhostingem - potřebujeme ji k provozování webových stránek, její název má být krátký a výstižný - cena placené domény se pohybuje od 250 Kč/rok - můžeme ji získat od poskytovatele na internetu (např. http://www.forpsi.com/domain/) Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501

7. VY_32_INOVACE_4.3.IVT1.20/Oc Publikování www stránek Nahrání hotových webových stránek na internet k dispozici ostatním k prohlížení. Základní struktura webové stránky – XHTML Každá stránka XHTML musí mít následující stavbu (tedy minimální stavbu): <?xmlversion="1.0" encoding="iso-8859-2"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN„ "DTD/xhtml1-strict.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml" xml:lang="cz„ lang="cz">  <head> <title>titulek stránky</title> </head> <body> <div>samotný obsah stránky, který musí být uzavřen v nějaké značce</div> </body> </html> Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501

8. VY_32_INOVACE_4.3.IVT1.20/Oc Popis struktury: • !doctype - uvádí specifikaci DTD (typ dokumentu) • značka html Uvozuje XHTML dokument, je povinný. •   značka headPoviná značka, který obsahuje informace • o dokumentu. Může obsahovat značky: • - meta,script, link nebo style • - značka title - povinný tag, který obsahuje titulek stránky • - značka body - uzavírá veškerý viditelný obsah dokumentu. • Není-li řečeno jinak, všechny značky musí být uzavřeny právě v něm. <meta> - v sobě uzavírá metadata - informace o stránce, které nemění vzhled stránky, pouze upřesňují data, např. jazyk, klíčová slova pro vyhledávače, jméno autora atd. <html> - uvozuje a ukončuje celou stránku <head> - hlavička dokumentu (stránky) <title> - titulek stránky(název) <link> - spojuje html stránku s jiným souborem <script> - připojení externího scriptu <body> - tělo stránky Jména HTML souborů - nepoužívat češtinu a mezery, malá písmena, dovolené znaky, jména co něco vyjadřují - přípona názvu - *.html - startovací soubor – soubor s hlavní stránkou index.html Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501

9. VY_32_INOVACE_4.3.IVT1.20/Oc Umístění webu na internet • Nahrání na internet • - způsob kopírování se používá podle toho, kam to bude, (nejčastěji • přes FTP), možnosti: • - a) vzdáleně pomocí FTP (to jde skoro vždy), nutné připojení k int. • - b) grafickým rozhraním (jen na některých freewebech) – grafické • rozhraní na aktualizaci souborů • - c) přímo nakopírovat na server (lze jen na lokální síti nebo v jiných • speciálních případech) • - není-li připojení k internetu, soubory se nakopírují na přenosný • disk a odnese se na PC připojený k internetu Zařazení do katalogů Pro informaci o stránkách pro jiné uživatele se musí zařadit do katalogů a vyhledávačůna jejich webových stránkých Adresáře (složky) Webové soubory se ukládají do složek jako jiné soubory, soubory daného webu by měly být ale v jednom adresáři a jeho podadresářích Relativní a absolutní odkazy V rámci jednoho webu jsou lepší odkazy s relativními adresami Nadpisy stránek Používáním nadpisů se stránky velmi zpřehlední Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501

10. VY_32_INOVACE_4.3.IVT1.20/Oc Text odkazů Vyhnout se pokud možno dvěma pochybným slovům: “zde“ a “kliknout“ • Stejná stránka se v různých prohlížečích může zobrazit odlišně! • Proto je třeba stránky vždy vyzkoušet alespoň na těchto prohlížečích: • Internet Explorer 9 • Firefox – Mozilla • Opera • Google Chrome nebo Safari Rozlišení obrazovky Při tvorbě webových stránek je třeba brár ohled na různé rozlišení oživatelů daného webu ( např. 1024 x 768 – nejčastější) Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501

11. VY_32_INOVACE_4.3.IVT1.20/Oc Zdroje: JANOVSKÝ, Dušan.Jak psat web [online]. 1999 [cit. 2012-12-27]. Dostupné z: http://www.jakpsatweb.cz BROŽA, Petr. Jak na počítač vytváříme www stránky. Brno: ComputerPress, 2004. ISBN 80-251-0475-3. Flídr, M.: HTML pro začátečníky. Praha: PC WORLD, 2001, roč. 2001, č. 2. Co to je html [online]. [cit. 2012-12-27]. Dostupné z: http://www.owebu.org/cze/html/obrazky.php ROUBAL, Pavel. Počítačová grafika pro úplné začátečníky. ComputerPress, 2002. Tvorba webu [online]. 2003 [cit. 2012-12-27]. Dostupné z: http://www.tvorba-webu.cz/xhtml/ WEBNODE AG. Vytvořte si webové stránky zdarma! [online]. 2014. vyd. [cit. 2014-02-12]. Dostupné z: http://www.webnode.cz/ si webové stránky zdarma! [online]. 2014. vyd. [cit. 2013-12-05]. Dostupné z: http://www.webnode.cz/ Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501

12. VY_32_INOVACE_4.3.IVT1.20/Oc Zdroje: Ovládněte tvorbu webu!: S námi to zvládne opravdu každý [online]. 2004-2012 [cit. 2014-12-05]. Dostupné z: http://www.jakdelatweby.cz/webhosting/domena.php Tvorba-webu [online]. [cit. 2013-12-05]. Dostupné z: http://www.tvorba-webu.webtvor.net/webhosting.php Jak vybrat webhosting - přehled webhostingů [online]. [cit. 2013-12- 05]. Dostupné z: http://www.webhosting.kvalitne.cz/#clanky-o- webhostingu Klikzone.cz [online]. 2008-2011 [cit. 2013-12-05]. Dostupné z: http://www.klikzone.cz/webhosting/druhy-webhostingu.php POTOČEK, Tobiáš. Webtvorba [online]. 2008 [cit. 2013-12-05]. Dostupné z: http://webtvorba.howto.cz/html-tutorial-1-prvni-kroky Forpsi: Prostor pro váš úspěch [online]. 203-2014 [cit. 2013-12-05]. Dostupné z: http://www.forpsi.com/domain Nejwebik.cz: Vytvoř si svůj webik [online]. 2013 [cit. 2013-12-05]. Dostupné z: http://www.nejwebik.cz/ Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501