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

VY_32_INOVACE_4.3.IVT1.20/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Weby pro „rychlé“ www (webgarden, atd.) nástroj pro tvorbu webů a eshopů, apod. Tvorba kvalitních a moderních webovek bez nutnosti znalosti programovacích jazyků. Nemusíte složitě instalovat redakční systém, platit drahý hosting a 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ř.

VY_32_INOVACE_4.3.IVT1.20/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ 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.

VY_32_INOVACE_4.3.IVT1.20/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ 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 Htaccess - htaccess je konfigurační soubor webového serveru, 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) y – s vlastní doménou může být také vlastní ovou adresu (např. u 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ů

VY_32_INOVACE_4.3.IVT1.20/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ 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.czWebZdarma.cz - Sweb.czSweb.cz - MujWeb.czMujWeb.cz - IC.czIC.cz - PHP5.czPHP5.cz - PIPNI.czPIPNI.cz Pro spravování profesionálních webů je výhodnější web placený vzhledem k rozsahu poskytovaných služeb a možností.

VY_32_INOVACE_4.3.IVT1.20/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ 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 webhostingWeb4U webhosting - Webhosting C4Webhosting C4 - AnoWeb webhostingAnoWeb webhosting 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ř. - 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ř.

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

VY_32_INOVACE_4.3.IVT1.20/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ !doctype - uvádí specifikaci DTD (typ dokumentu) značka html Uvozuje XHTML dokument, je povinný. značka head Poviná značka, který obsahuje informace o dokumentu. Může obsahovat značky: - meta, script, link nebo stylemeta - značka title - povinný tag, který obsahuje titulek stránkytitle - 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. - 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. - uvozuje a ukončuje celou stránku - hlavička dokumentu (stránky) - titulek stránky(název) - spojuje html stránku s jiným souborem - připojení externího scriptu - 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 Popis struktury:

VY_32_INOVACE_4.3.IVT1.20/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ 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ýchkatalogůvyhledávačů 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í

VY_32_INOVACE_4.3.IVT1.20/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ 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ř x 768 – nejčastější) Text odkazů Vyhnout se pokud možno dvěma pochybným slovům: “zde“ a “kliknout“

VY_32_INOVACE_4.3.IVT1.20/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Zdroje: JANOVSKÝ, Dušan. Jak psat web [online] [cit ]. Dostupné z: BROŽA, Petr. Jak na počítač vytváříme www stránky. Brno: Computer Press, ISBN Flídr, M.: HTML pro začátečníky. Praha: PC WORLD, 2001, roč. 2001, č. 2. Co to je html [online]. [cit ]. Dostupné z: ROUBAL, Pavel. Počítačová grafika pro úplné začátečníky. Computer Press, Tvorba webu [online] [cit ]. Dostupné z: WEBNODE AG. Vytvořte si webové stránky zdarma! [online] vyd. [cit ]. Dostupné z: si webové stránky zdarma! [online] vyd. [cit ]. Dostupné z:

VY_32_INOVACE_4.3.IVT1.20/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Zdroje: Ovládněte tvorbu webu!: S námi to zvládne opravdu každý [online] [cit ]. Dostupné z: Tvorba-webu [online]. [cit ]. Dostupné z: Jak vybrat webhosting - přehled webhostingů [online]. [cit ]. Dostupné z: webhostingu Klikzone.cz [online] [cit ]. Dostupné z: POTOČEK, Tobiáš. Webtvorba [online] [cit ]. Dostupné z: Forpsi: Prostor pro váš úspěch [online] [cit ]. Dostupné z: Nejwebik.cz: Vytvoř si svůj webik [online] [cit ]. Dostupné z: