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/34.0501 Tvorba webových.

Prezentace na téma: "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/34.0501 Tvorba webových."— Transkript prezentace:

1 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/34.0501 Tvorba webových stránek Webhosting

2 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/34.0501 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ř. http://www.webnode.cz/osobni-stranky/http://www.webnode.cz/osobni-stranky/

3 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/34.0501 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.

4 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/34.0501 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) 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ů

5 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/34.0501 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í.

6 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/34.0501 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ř. 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/)http://www.forpsi.com/domain/

7 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/34.0501 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="http://www.w3.org/1999/xhtml" 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):

8 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/34.0501 !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:

9 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/34.0501 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í

10 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/34.0501 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ší) Text odkazů Vyhnout se pokud možno dvěma pochybným slovům: “zde“ a “kliknout“

11 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/34.0501 Zdroje: JANOVSKÝ, Dušan. Jak psat web [online]. 1999 [cit. 2012-12-27]. Dostupné z: http://www.jakpsatweb.czhttp://www.jakpsatweb.cz BROŽA, Petr. Jak na počítač vytváříme www stránky. Brno: Computer Press, 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. Computer Press, 2002. Tvorba webu [online]. 2003 [cit. 2012-12-27]. Dostupné z: http://www.tvorba-webu.cz/xhtml/ 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/http://www.webnode.cz/

12 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/34.0501 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-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-krokyhttp://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/domainhttp://www.forpsi.com/domain Nejwebik.cz: Vytvoř si svůj webik [online]. 2013 [cit. 2013-12-05]. Dostupné z: http://www.nejwebik.cz/http://www.nejwebik.cz/