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

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/

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.

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ů

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.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í.

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 webhosting - Webhosting C4 - AnoWeb 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/)

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í.

<?xml version="1.0" encoding="iso-8859-2"?> <!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"> <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>

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/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 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

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/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ý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í

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“

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

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/

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- 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/