PUBLIKOVÁNÍ NA INTERNETU Obsah Opakování - Internet................................................................................................................................ 2 Důležité pojmy ......................................................................................................................................... 2 Základní způsoby publikování na internetu............................................................................................. 4 Základy HTML .......................................................................................................................................... 6 PUBLIKUJEME POMOCÍ REDAKČNÍHO SYSTÉMU .................................................................................... 9 Vytváříme blog na WordPress.com ..................................................................................................... 9 1) Registrace na Wordpress........................................................................................................... 10 2) Publikování nových příspěvků na WordPress z programu MS Word 2010 ............................... 11 VYTVÁŘÍME VLASTNÍ JEDNODUCHÉ INTERNETOVÉ STRÁNKY .............................................................. 16 1)

PRAVIDLA PRO TVORBU STRÁNEK V PROGRAMU MS WORD ................................................ 17

2)

INTERNETOVÉ DOMÉNY ......................................................................................................... 18

3)

SEO OPTIMALIZACE - NECHTE SE NAJÍT .................................................................................. 20

4)

WEBHOSTING.......................................................................................................................... 21

5)

UMISŤUJEME STRÁNKY NA WEBZDARMA.CZ ......................................................................... 22

6)

Jak zviditelnit svou stránku a dostat na ni návštěvníky .......................................................... 25

1

Opakování - Internet Uspořádání KLIENT (browse, prohlížeč) – SERVER (přijímá a obsluhuje požadavky klientů, www server je PROGRAM nikoli počítač!! )

Důležité pojmy •

Internet: Jedná se o celosvětový systém navzájem propojených počítačových sítí („síť sítí“), ve kterých mezi sebou počítače komunikují pomocí protokolů TCP/IP.

•

TCP/IP: Celým názvem Transmission Control Protocol/Internet Protocol (česky primární transportní protokol - TCP/protokol síťové vrstvy - IP), jedná se o protokol umožňující komunikaci mezi jednotlivými počítači nebo dalšími prvky, které tvoří Internet.

•

Uspořádání KLIENT – SERVER: Klient-server popisuje vztah mezi dvěma počítačovými programy, v nichž první program, klient (např. webový prohlížeč), žádá o služby jiný program, který se označuje jako server.

•

Webový prohlížeč: Webový prohlížeč (browser) je počítačový program, který slouží k prohlížení World Wide Webu (WWW). Program umožňuje komunikaci s HTTP serverem a zpracování přijatého kódu (HTML, XHTML, XML apod.). Mezi nejznámější prohlížeče patří Google Chrome, Internet Explorer, Mozilla Firefox, Opera, Safari apod.

•

Hypertext: Text obsahující odkazy na další dokumenty, které mohou být volbou odkazu zobrazeny. Hypertext je způsob strukturování textu, který není lineární. Obsahuje tzv. hyperlinky neboli česky hypertextové odkazy. Rovněž odkazuje i na jiné informace v systému a umožňuje snadné publikování, údržbu a vyhledávání těchto informací. Nejznámějším takovým systémem je World Wide Web.

•

World Wide Web: Zkráceně web. Jedná se o službu internetu, o systém webových stránek zobrazovaných pomocí webového prohlížeče.

•

Hyperlink: Je to hypertextový odkaz, může jím být text nebo obrázek, který po kliknutí otevírá jinou internetovou stránku nebo soubor (specifikovaný v hyperlinku pomocí URL) nebo skočí na jiné místo otevřené stránky. Hyperlink zajistí přesměrování klienta na URL specifikovanou v jeho vlastnostech. Zvolená URL adresa může být buď interní, tj. v rámci dané internetové prezentace, nebo externí, vedoucí na jiný web.

2

•

URL: Celým názvem Uniform Resource Locator („jednotný lokátor zdrojů“) je řetězec znaků s definovanou strukturou, který slouží k přesné specifikaci umístění zdrojů informací (ve smyslu dokument nebo služba) na Internetu (zjednodušeně se jedná o internetovou adresu).

•

HTTP: Celým názvem Hypertext Transfer Protocol je přenosový protokol, používaný v hypertextových systémech pro přenos dat mezi prohlížečem a webovým serverem.

•

HTTPS: Hypertext Transfer Protocol Secure je šifrovanou variantou internetového protokolu HTTP pro přenos webových stránek.

•

HTML: Celým názvem Hypertext Markup Language je jazyk popisující strukturu www stránky čili jazyk, pomocí kterého se vytvářejí webové stránky. Označení značkovací jazyk (Markup Language) se používá proto, že se do textu vkládají dodatečné informace pomocí značek (tagů).

•

XHTML nebo XML: Celým názvem Extensible Hypertext Markup Language nebo Extensible Markup Language jsou další varianty značkovacího jazyka pro tvorbu webových stránek.

•

Web 2.0 a Web 3.0: Jedná se o označení pro další etapy vývoje webu, v níž byl pevný obsah webových stránek nahrazen prostorem pro sdílení a společnou tvorbu obsahu. Týká se období od roku 2004. V současné době se už ale hovoří o Webu 3.0, i když jeho definice ještě není zcela jasná. Mezi hlavní rysy Web3.0 se považuje sdílení, webové aplikace přizpůsobené dotykovému ovládání, přístup na web z různých zařízení, apod.

•

IP: IP adresa je jednoznačná síťová adresa počítače v internetu. V nejrozšířenější verzi IPv4 je adresa dlouhá 32 bitů, obvykle se zapisuje jako čtveřice desítkových čísel v rozsahu 0–255 oddělených tečkou (např. 192.17.255.4). Z důvodu nedostatku IP adres bude nahrazen protokolem IPv6, který používá 128bitové IP adresy. IP adresu lze jednoduše zjistit na mnoha stránkách, např. www.mojeip.cz.

•

DNS: Celým názvem Domain Name Server je označení serveru, který slouží k překladu doménových jmen na IP.

3

Základní způsoby publikování na internetu a) Využíváme služeb různých redakčních systémů, diskusních fór, sociálních sítí, blogů, Wiki apod.. •

Redakční systémy Umožňují kompletní správu obsahu webu. Základní funkcí redakčních systémů je publikování textů. Redakční systémy toho ovšem umí mnohem víc, obsahují nebo lze do nich doinstalovat celou řadu doplňků, např. diskuzní fóra, fotogalerie, internetový obchod atd. Největší výhodou těchto systémů je jednoduchá možnost změn obsahu aplikace bez zásahu programátora (uživatel nemusí mít žádné znalosti programování), oprávněným uživatelem s přístupovými právy. Nejznámější redakční systémy: Joomla, Drupal, WordPress, aj.

•

Sociální sítě Sociální sítí nazývá služba na Internetu, která registrovaným členům umožňuje si vytvářet osobní (či firemní) veřejný či částečně veřejný profil, komunikovat spolu, sdílet informace, fotografie, videa, provozovat chat a další aktivity. Někdy se za sociální síť považují i internetová diskusní fóra, kde si uživatelé vyměňují názory a poznatky na vybraná témata. Mezi nejznámější patří Facebook, Google+, Twitter, ale také YuoTube nebo pracovní sociální síť LinkedIn, která slouží pro internetové profily a pro pracovní životopisy. Existují i typicky české sociální sítě, např. Spolužáci.cz.

•

Weblog (blog) Weblog (slovo vzniklo stažením anglického web log - zhruba: webový zápisník nebo zkráceně a neformálněji blog) je webová aplikace obsahující periodické příspěvky (články) na jedné webové stránce. Autor článků na blogu se nazývá BLOGGER. Jedná se o velice jednoduchý, efektivní a rychlý způsob publikování informací na internetu. Uživatel blogu nemusí mít většinou žádné znalosti programování a využívá přednastavených šablon na serveru provozovatele weblogu. Mezi nejznámější zahraniční blogovací server patří služba www.blogger.com, kterou provozuje společnost Google. V ČR je to www.blog.cz. Také naše internetové deníky mají své blogy a blogery (např. blog.idnes.cz, blog.ihned.cz, blog.aktualne.cz). Velmi podobnou službu nabízejí i specializované servery, které vám umožní si rychle vytvořit vlastní internetové stránky pomocí přednastavených šablon. Tuto službu poskytuje např. server E-stránky (www.estranky.cz), Webnode (www.webnode.cz).

•

Diskusní fóra Internetová diskuse je stránka na internetu, kam lidé vkládají své názory a reakce a ty se následně na stránce zobrazují. Často bývají součástí tematicky zaměřených internetový stránek, např. diskuse.jakpsatweb.cz nebo www.omlazeni.cz/diskuze/.

4

•

Wiki Termínem wiki jsou označovány webové stránky, které umožňují rychlou editaci a aktualizaci obsahu nebo webové aplikace, ve kterých jsou tyto webové stránky vytvořeny. Samotné slovo wiki pochází z havajštiny a znamená rychlý. Mezi nejznámější patří internetová encyklopedie Wikipedie. Existují i další, např. WikiSkripta – učební materiály pro studenty medicíny.

b) Pomocí vlastních internetových stránek

5

Základy HTML HTML - (Hyper Text Markup Language) Jazyk popisující strukturu www stránky. Byl vyvinut na půdě ústavu částicové fyziky CERN (Švýcarsko)v roce 1989 – „hlavní myšlenkou bylo propojit vědce z celého světa“ !!! Internetová stránka je soubor s příponou HTM nebo HTML. Je to skoro „obyčejný“ textový soubor se značkami jazyka HTML !!! HTML je obyčejný text ohraničený značkami, které se nazývají TAGY - tagy určují, jak bude text vypadat, tedy jaké bude mít formátování - všechny tagy jsou uzavřeny v < ostrých závorkách > - tagy jsou většinou ve dvojicích tučně,tag s končí operaci Co není v ostrých závorkách, je text, který se bude zobrazovat - text Tip: ostré závorky zobrazíme s pravou klávesou Pravý/ALT+ < > Zobrazení HTML (zdrojového kódu stránky) v internetové prohlížeči - Zobrazit/Zdroj CV 0: zkuste si zobrazit zdrojový kód libovolné internetové stránky, zaměřte se na tagy na začátku a konci dokumentu CV 1: Otevřete si ve Windows poznámkový blok Do nového souboru přepište HTML text dle vzoru pod tímto příkladem a vytvoříte svojí první internetovou stránku . Soubor uložte s příponou HTM nebo HTML a otevřete jej v internetovém prohlížeči. Jestli jste nikde neudělali chybu, tak uvidíte svojí vlastnoručně naprogramovanou internetovou stránku (((-: Pozn.: barevné odlišení a odsazení od okraje řádku jsou zde jen pro lepší pochopení, nehrají žádnou roli. Moje první HTML stránka. A tohle je text který uvidím na své stránce (-:

Zkuste si v prohlížeči zobrazit zdrojový kód své stránky

6

Vysvětlení základních HTML tagů: ....................................... začíná dokument ..................................... končí dokument a ..................... začíná a končí hlavičku, která se sice nezobrazuje, ale obsahuje některé důležité údaje ......................... vymezující název dokumentu (může se lišit od jména souboru) ...................................... Co je mezi a , se bude zobrazovat. je tag, kterým začíná vlastní tělo dokumentu (angl. body = tělo).

Tímto příkladem jsme popsali základní strukturu dokumentu. Výše uvedené tagy by měl obsahovat každý html soubor. CV 2: Stejným způsobem jako ve CV 1 přepište do poznámkového bloku vzorový příklad pod tímto textem. Cvičení je rozšířeno o nové tagy.

Nadpis

Odstavec s tučným textem, s kurzivou. Červený text.

Nadpis druhé úrovně

Odstavec s tučnou kurzivou.
Text po zalomení řádku patří do téhož odstavce.

Také tento příklad si zobrazte v prohlížeči. Jistě je vidět struktura, která je společná s prvním příkladem. Vyskytují se tu ale nové tagy:

,

vymezení nadpisu první úrovně.

,

nadpis druhé úrovně (mezinadpis, nadpis kapitoly). Dá se použít až šest úrovní nadpisů (tedy až

). Vykreslují se různě velké podle důležitosti.

,

vymezení odstavce. Možná vůbec nejpoužívanější tag. Po jeho konci prohlížeč automaticky zalomí řádek a udělá vertikální mezeru. , text mezi těmito tagy bude tučný. , kurzíva , dvojice tagů vymezující červené písmo. První příklad tagu, který má "atribut". Atributem je "color" a má hodnotu "red" (angl. červená). V praxi má většina tagů nějaký atribut, zatím jsem se tomu vyhýbal. Tag FONT může mít mnoho jiných atributů. (Ještě musím zmínit, že tento tag FONT je považován za zastaralý a jeho používání se nedoporučuje.) 7


zalomení řádky, takzvaný měkký enter. Text po tomto tagu bude vždy začínat na novém řádku, ale není to nový odstavec. Pozor, tento tag je nepárový, to znamená, že žádné
neexistuje! Autorem tohoto cvičení je Dušan Janovský (www.jakpsatweb.cz) Nyní už umíte všechny tagy nezbytné pro práci s textem. V případě zájmu o hlubší pochopení programování v HTML doporučuji navštívit tyto internetové stránky: www.jakpsatweb.cz, www.jaknaweb.com, www.supersvet.cz

8

PUBLIKUJEME POMOCÍ REDAKČNÍHO SYSTÉMU V následujícím příkladu si vyzkoušíme jednoduché publikování pomocí reakčního systému WordPress. WordPress je redakční systém zaměřený převážně na tvorbu osobních stránek a blogů. V roce 2009 získal první cenu v hlavní kategorii soutěže Open Source CMS Awards. Mezi jeho hlavní přednosti patří snadné ovládání a správa, výtečná rozšiřitelnost, kvalita výstupu a jako open source ho můžete získat zdarma. České stránky o systému WordPress naleznete zde: http://www.cWordPress.cz/ Českou podporu pro WordPress naleznete zde: http://cs.WordPress.org/ Pro představu co WordPress umí, můžete projít následující odkazy: 1) http://objevit.cz/ 2) http://www.hradectivodaci.cz/

Vytváříme blog na WordPress.com Pro náš příklad použijeme stránky http://WordPress.com. Na doméně WordPress.com se můžete zdarma zaregistrovat a vytvořit si blog pomocí redakčního systému WordPress bez toho abyste ho museli instalovat a nastavovat. Registrací získáte zdarma doménu 3. řádu („něco“.WordPress.com). Na WordPress.com pracují stejní lidé jako na otevřeném blogovacím software. Z počátku ho využívala jen hrstka lidi ale díky velice úspěšnému WordPress, který nemá ve své kategorii konkurenci se stal hojně využívaným hlavně mezi uživateli s menší počítačovou gramotností. Další významným krokem v historii WordPress byl rok 2010 kdy, došlo k navázání spolupráce s firmou Microsof a pod křídla WordPressu spadly všechny blogy, které firma Microsof s problémy provozovala v podobě služby Win Live Spaces, která končí svoji činnost.

9

1) Registrace na Wordpress a) Přejděte na: http://WordPress.com/ b) Stiskněte tlačítko: Create Website c) Vyplňte název webu: napište své jméno a příjmení bez rozdělující tečky

Stiskněte tlačítko Create Your Site and Continue d) Vyplňte váš školní email Username - ponechejte stejný, jako název webu Password - heslo stejné, jako do školní sítě

Stiskněte tlačítko Next Step e) Přihlaste se na svůj WinLive účet a aktivujte registraci na WordPressu (stiskněte Activate Account). 10

f) Přihlaste se do svého WordPress účtu.

g) Nastavte si jazyk

h) Projděte si možnosti nastavení svého účtu:

11

Aktuální nové příspěvky na homepage

Přidávání nových statických stránek

Vzhled grafického nastavení vašich stránek

12

2) Publikování nových příspěvků na WordPress z programu MS Word 2010 MS Word můžete použít jako jednoduchý nástroj pro tvorbu nových příspěvků do WordPressu. a) V programu MS Word vytvořte libovolný textový a grafický obsah (libovolný textový dokument), který byste chtěli rychle publikovat na svém WordPress účtu jako nový příspěvek na svém blogu. b) V možnostech si přidejte pás karet Příspěvek na blog

c)

Přidejte účet WordPress

13

d)

Jako poskytovatele blogu vyberte WordPress a pak tlačítko Další:

e) Zadejte adresu a přihlašovací údaje na svůj WordPress účet:

f) Na blog příspěvek odešlete přes tlačítko Publikovat jako příspěvek blog

14

g) Zadejte název příspěvku a vyzkoušejte možnosti formátování:

h) Pokud chcete příspěvek na blog zařadit do nějaké kategorie (aby ho druzí snadněji našli), klikněte na Příspěvek na blog > Vložit kategorii. i) Pokud chcete publikovat koncept příspěvku na blog (který budete moct číst jenom vy), klikněte na Příspěvek na blog > Publikovat> Publikovat jako koncept. j) Pokud chcete publikovat příspěvek na blog (který budou moct číst další lidé), klikněte na Příspěvek na blog > Publikovat. k) Když budete chtít později příspěvek na blog upravit, klikněte na Příspěvek na blog > Otevřít existující. l) Na blog příspěvek odešlete přes tlačítko Publikovat. Tlačítkem Domovská stránka se podíváte na aktuální podobu příspěvku na svém blogu.

15

VYTVÁŘÍME VLASTNÍ JEDNODUCHÉ INTERNETOVÉ STRÁNKY  Rada první - v případě, že se v budoucnu rozhodnete vytvořit kvalitní internetovou prezentaci třeba pro svou firmu a tvorba www stránek není vaším koníčkem – svěřte tento úkol do rukou profesionálů – ušetříte si spoustu drahocenného času a probdělých nocí…(-: Z minulé kapitoly víte, že Internetová stránka je soubor s příponou HTM nebo HTML HTML soubor můžete vytvořit dvěma základními způsoby: a) stránku můžeme napsat rovnou v HTML jazyce (viz kap.2; je to pracnější a vyžaduje to hlubší znalosti HTML jazyka, v současné době se tento způsob již prakticky nepoužívá) b) můžeme použít nějaký HTML editor (dobrý způsob pro začátečníky, pomocí pokročilých editorů můžete vytvořit velmi kvalitní internetové stránky) HTML editory Jsou programy speciálně určené pro tvorbu stránek. Pro začátečníky jsou vhodné zejména tzv. WYSIWYG editory (what you see is what you get – „co vidíš, to se zobrazí na www stránce“) které zobrazují stránku už při psaní tak, jak bude vypadat v prohlížeči. HTML kód generuje automaticky, žádná znalost programování HTML jazyka není potřeba. Nejznámější editory jsou : Microsoft FrontPage a nebo NVU (vyslovuje se "N-view", tedy jako "nový pohled"). Projekt NVU najdete na stránkách www.czilla.cz/produkty/nvu nebo www.nvu.com. Oblíbeným profesionálním editorem je i XStandard (www.xstandard.com). Pro naše studijní účely použijeme jako wysiwyg editor textový editor Microsoft Word. Pro začátečníky je to nejjednodušší způsob jak vytvořit vlastní jednoduchou internetovou stránku, nečekejte však žádné zázraky a připravte se na spoustu „funkčních“ omezení. Dokument MS Word uložíte v HTML formátu a provedete upload souborů na server. CV 3: Otevřete si nový dokument MS Word. Napište jakýkoli text, do textu vložte libovolný obrázek a vyberte nějaké barevné pozadí. Ve složce Dokumenty si vytvořte složku Moje WWW a uložte do ní tento soubor jako moje stranka.html. Soubor moje stranka.html otevřete v internetovém prohlížeči. Porovnejte složitost zdrojového kódu s příklady v 1. kapitole (-: CV 4: Vložení hypertextového odkazu na stránku moje stranka.html Otevřete si nový dokumet MS Word a uložte jej do složky Dokumenty/Moje www jako uvodni stranka.html. Napište do dokumentu text „TOHLE JE MOJE ÚVODNÍ STRÁNKA“ a „MOJE FOTO ZDE“. Označte celý text MOJE FOTO ZDE a z nabídky Vložit vyberte Hypertextový odkaz. V dialogovém okně označte dokument moje stranka.html a 16

stiskněte OK. V internetovém prohlížeči otevřete dokument uvodni stranka.html a vyzkoušejte funkčnost hypertextového odkazu 

1) PRAVIDLA PRO TVORBU STRÁNEK V PROGRAMU MS WORD -

-

-

v názvech všech souborů které ukládáte do html nepoužívejte velká písmena, speciální znaky (pomlčky, vykřičníky...) a českou diakritiku !!! jestli budete do textu vkládat nějaké obrázky nebo jiné grafické prvky, tak v jejich názvech taktéž nepoužívejte velká písmena, speciální znaky (pomlčky, vykřičníky..) a českou diakritiku !!! pro formátování obsahu internetové stránky se snažte co nejvíce využívat TABULEK (volně vložené obrázky – mimo tabulku – změní po převodu do HTML své zarovnání) při zakládání nového projektu na Vaše internetové stránky ukládejte všechny zdrojové soubory do jedné SLOŽKY!!! úvodní stránka (homepage) Vašeho webu se musí jmenovat jako index.htm nebo index.html (záleží na podmínkách Vašeho webhostingového serveru)!!!

Nejjednodušší způsob jak vytvořit internetové stránky jste zvládli. Co potřebujeme vědět dál???

17

2) INTERNETOVÉ DOMÉNY

„SPRÁVNÁ DOMÉNA = ZÁKLAD ÚSPĚCHU NA INTERNETU“ „DOMÉNA JE ZÁKLADNÍ ADRESNÍ JEDNOTKA NA INTERNETU“ Doména reprezentuje konkrétní unikátní IP adresu počítače (serveru). Překlad IP adresy na doménové jméno je zajištěna pomoc překladové služby DNS serveru (DOMAIN NAME SERVER). DNS má uloženou databázi jmen a ke každému z nich má přiřazenou IP adresu. Ve chvíli, kdy do prohlížeče (browseru) napíšete www.vasefirma.cz a potvrdíte, Váš počítač se zeptá DNS serveru na IP adresu, který odpoví, že jde o adresu 81.95.96.75 a připojíte se. Adresu internetové stránky tvoří několik domén oddělených tečkami, název složky kde je dokument uložen a název samotného dokumentu.

http://prace.seznam.cz/divadlo/program na zari.html Doména 3. řádu HTML dokument

Doména 2. řádu Název složky

Doména 1. řádu

 Domény 1. řádu (generické domény): Vyjadřují příslušnost k zemi, národu nebo státu unie (např. cz, sk, uk, de, ny, ca) nebo všeobecné zaměření (com, gov, edu, net, info, biz, name) V českém prostředí se nejčastěji používá generická doména cz, čímž se její majitel jaksi hlásí k Česku. Není na to ale žádný zákon nebo pravidlo, pokud chcete mít generickou doménu jinou existující, můžete. Slovenská doména je sk. Každá generická doména má svého správce – „úřad pro správu domény 1. řádu. Doména CZ má za správce sdružení NIC, www.nic.cz.

 Domény 2.řádu (nejdůležitější část internetové adresy): „Název je jedna z nejdůležitějších věcí, podle které si lidé zapamatují a najdou váš WEB“ 18

Vlastníkem domény 2. řádu se můžete stát po registraci u některého z akreditovaných registrátorů (firmy které obchodují s doménami a většinou poskytují i hosting pro váš web). Doménu 2. řádu si vždy registrujete pod Vámi zvolenou doménou 1. řádu (CZ, COM…) Seznam akr. registrátorů pro doménu CZ (a nejen ji) naleznete na www.nic.cz A kolik mě to bude stát? „Ve chvíli kdy budete kupovat/registrovat doménu, objednejte si zároveň i hosting pro vaše stránky“- doména bez hostingu Vám nebude fungovat  Ceny domén 2.řádu jsou do značné míry ovlivňovány zvolenou doménou 1.řádu. V současné době se ceny v doméně CZ pohybují kolem 250,- Kč za 1 rok (je jednou z dražších). Domény COM, NET…stojí cca kolem 200,- Kč za 1 rok. Tento poplatek musíte samozřejmě odvádět každý rok nebo si můžete doménu „předplatit“ až na 10 let dopředu.

Chcete zjistit jestli je doménové jméno pro Vaše stránky volné? Většina registrátorů nabízí na svých stránkách možnost ověřit jestli Vámi vybraná doména druhého řádu volná. Můžete vyzkoušet třeba www.domena.cz POZN: V názvu domén nesmějí být mezery, nemůže se používat diakritika (háčky a čárky) a taky jsou zakázané znaky jako . : ? ! @ a další jiné. Zajímají Vás nejpravděpodobnější překlepy při zadávání Vaší domény do vyhledávače? Vyzkoušejte generátor doménových „překlepů“: http://www.webmaster-toolkit.com/domain-typo-generator.shtml Problém doménových překlepů se nazývá: Typosquatting

 Domény 3.řádu (subdomény): Nejčastěji se jako text u domény 3.řádu používá „WWW“. Je to spíše pozůstatek z historie kdy ještě služba WWW nebyla na Internetu dominantní. V rámci registrace domény 2.řádu Vám někteří registrátoři umožní si zřídit i vlastní doménu 3.řádu: http://kontakt.kostkaskola.cz místo http://www.kostkaskola.cz

Co je to SERVER HOUSING?

19

3) SEO OPTIMALIZACE - NECHTE SE NAJÍT Při správném výběru domény, by jste měli mít na paměti její optimalizaci. Tzv. SEO – SEARCH ENGINE OPTIMALIZATION – je optimalizace pro fulltextové vyhledávače a zajišťuje Vám přední pozice ve vyhledávačích dle klíčových (vyhledávaných slov) Příklad: pro slovo „pneumatiky“ je vhodná doména www.prima-pneumatiky.cz SEO má samozřejmě spoustu dalších aspektů, ale volba vhodné domény je jedním z klíčových. Cv 5:Vyzkoušejte si na www.seznam.cz najít klíčové slovo pneumatiky a podívejte se jaké domény jsou vypsané na první stránce. Schválně je tam i naše www.prima-pneumatiky.cz Podrobnější informace najdete na Wikipedi: http://cs.wikipedia.org/wiki/Search_Engine_Optimization

20

4) WEBHOSTING Webhosting je umístění webových stránek a dalších služeb (e-maily, FTP, statistiky, atd.) na určitém serveru a jejich zpřístupnění všem uživatelům internetu. -

-

-

-

Na toto místo je pak pomocí tzv. DNS serverů (jmenných serverů) přesměrována příslušná doména. Zákazník vystavuje své www stránky nebo provozuje www aplikace na serveru provozovatele webhostingu, za což platí NÁJEM (dle nabízených služeb cca 20 - 350 Kč/měsíčně) Dále má plný přístup ke svým www stránkám, které jsou umístěny na diskovém prostoru dané velikosti (řádově desítky či stovky MB). Aktualizace stránek je možná pomocí FTP (File Transfer Protocol) nebo další služby (FrontPage Server Extensions) a to 24 hodin denně. Zákazník může ve svých www prezentacích či aplikacích používat nejrůznější technologie, které se odvíjí od použitého operačního systému serveru. K nejrozšířenějším operačním systémům patří Microsoft Windows a Linux. Výše zmíněné technologie používané při www prezentacích a aplikacích zvyšují uživatelský komfort pro návštěvníky www prezentace a umožňují jim poskytovat nové typy služeb. Danému typu pronájmu www prostoru s danými parametry (použitými technologiemi) se říká webhostingový program.

WEBHOSTING ZDARMA - FREEWEBY -

 Poskytují zdarma omezený diskový prostor pro vaši internetovou prezentaci.  Představují jednoduchou a levnou variantu pro Vaše první publikování na internetu  Velmi jednoduchá registrace

-

 Většinou musíte počítat s otravnou reklamou na vašem webu  Někdy mohou být problémy s menší spolehlivostí těchto freewebů

Po registraci na freewebu si veškeré registrační údaje zapište a pečlivě si přečtěte registrační podmínky (většinou budete muset odsouhlasit nějakou reklamu nebo se dozvíte, že když budou vaše stránky 2 měsíce neaktivní tak vám budou smazány a jiné…) Na freewebu dostanete většinou přidělenu adresu ve tvaru domény 3. řádu:

http://vašejméno.freeweb.cz Freeweby nabízejí většinou dva zásadně odlišné způsoby aktualizace (publikování) stránek: - aktualizace pomocí FTP (File Transfer Protocol) „je lepší“ - aktualizace pomocí grafického webového rozhraní („složitější“ při správě většího množství stránek) České freeweby: 21

- www.webzdarma.cz - www.ic.cz ( až 250 MB!!!) - www.webpark.cz - www.misto.cz - www.mujweb.cz Kompletní seznam možností kam umístit svůj WEB naleznete na stránkách: www.hostingy.cz

REGISTRACE NA WEBZDARMA.CZ 1) 2) 3)

4)

v prohlížeči zadejte adresu 5) www.webzdarma.cz pozorně si přečtěte sekci INFO (reklama, 50MB 6) prostoru, 16 domén 2.řádu) zaregistrujte se v sekci REGISTRACE - pozorně si prostudujte PODMÍNKY !!! 7) - zvolte si doménu: vase prijmeni-kostka.wz.cz - kategorie: Ostatní - zadejte Pokračovat překontrolujte si údaje z předchozího kroku a opište autorizační kód (pouze velká písmena!!!) 8) - zadejte Pokračovat

vložte svou e-mailovou adresu zadejte Pokračovat Vyzvedněte si ze své poštovní schránky registrační údaje a pokračujte na zadané adrese Zadejte heslo – stejné jako pro přístup do školní sítě!!! - Nechcete zařadit do katalogu stránek - Titulek stránky: zvolte vlastní Odmítněte E-mailovou schránku (děkuji nechci) zadejte Pokračovat Překontrolujte si Vaše nastavení. Údaje si někam zapište nebo vytiskněte!!!!

5) UMISŤUJEME STRÁNKY NA WEBZDARMA.CZ Velmi podrobný návod naleznete na stránkách www.webzdarma.cz - pozorně si prostudujete sekci PODPORA na www.webzdarma.cz (index.html….).

Nastavení přístupu přes FTP v programu Total Commander: Program Total Commander si můžete stáhnout zde: www.totalcommander.cz Nainstalujte program na počítač. a)

V panelech nástrojů vyberte L/M tlačítko FTP – připojit se…

b)

V dialogovém okně vyberte L/M tlačítko Nové připojení

22

c)

Do polí Relace, Hostitel a Jméno uživatele napište celou svou adresu. Do pole Heslo zadejte heslo které jste si zvolili při registraci na www.webzdarma.cz. Pak L/M OK.

d)

V následujícím panelu vyberte L/M Vámi nastavenou relaci a potvrďte tlačítko Připojit.

23

e)

Zkopírujte obsah složky s vašimi internetovými stránkami na FTP server. Překontrolujte si soubor: index.html

Nastaveni přístupu přes FTP v průzkumníkovi MS Windows: 1)

Do adresního řádku zadejte: ftp.“vasedomena“.wz.cz

2)

Zadejte uživatelské jméno ve formátu: „vasedomena“.wz.cz Zapište Heslo, které jste si určili při registraci. L/M stiskněte tlačítko: Přihlásit se

24

3)

Zkopírujte obsah složky s vašimi internetovými stránkami na FTP server. Překontrolujte si soubor: index.html

FTP klient ve FIREFOXU: V případě, že používáte Mozilla FIREFOX tak můžete zdarma nainstalovat (nemusíte mít administrátorská práva k počítači) doplněk FireFTP (http://fireftp.mozdev.org). Jedná se o velmi rychlého a jednoduchého FTP klienta.

6) Jak zviditelnit svou stránku a dostat na ni návštěvníky a) Zaregistrovat stránky do katalogu vyhledávačů Zaregistrováním do katalogu Vás můžou uživatele jednoduše najít podle kategorie Tedy např. školy – střední školy – odborné střední školy – Kostka škola Nelezení takovéhoto odkazu je na uživateli a na jeho schopnosti logicky procházet strukturu katalogu (nehledat tedy školu pod kategorii sport atd.)

25

b) SEO optimalizace O té jsme již mluvili ve vazbě na volbu vhodné domény. SEO zajistí, že přes vyhledané konkrétní klíčové slovo např. pneumatiky nalezne stránku prodávající pneumatiky SEO se většinou zabývají specializované firmy, ale i běžný uživatel může základní SEO optimalizaci pomocí jednoduchého návodu zvládnout. Přečtěte si třeba články na servrech www.interval.cz a www.h1.cz

c) Placená reklama Tento způsob již vždy vyžaduje finanční prostředky a někdy nemalé. Můžete mít tzv. placený výpis. Při zadaném klíčovém slovu vyjede Váš výpis nad všema ostatníma viz. příklad výše cena je cca 20 000 Kč / měsíc

26

Dále můžete koupit konkrétní reklamní banner (pole) na některém z často navštěvovaných serverů a tím lákat lidi k sobě. Cena je pak závislá na oblibě serveru, kde máte reklamu zobrazenu nebo na počtu shlédnutí této stránky. (kolik lidí přijde na stránky, kde máte reklamní banner)

Při reklamě na české nejnavštěvovanější stránce se pro příklad platí 100 tis za den. Tento reklamní banner se pak zobrazuje například co 5x načtení stránky

d) Poslední volbou je reklama slovní (AdWords, Sklik, Etarget) U této možnosti, se vaše slovní reklama zobrazí dle vyhledávaného výrazu napravo ve sloupci a pokud si na něj někdo klikne a přejde na Vaše stránky platíte.

27

Výhoda je, že tedy platíte pouze za lidi, které k vám reklama skutečně dovedla a také můžete navrhnout svou vlastní cenu, kterou jste ochotni zaplatit od 0,20 Kč až po 100 Kč za jedno „prokliknutí“. V nabídce se zobrazí pouze omezený počet firem, které za proklik nabídli nejvíce.

V publikaci byly použity tyto hlavní informační zdroje: www.jakpsatweb.cz www.jaknaweb.com www.supersvet.cz

PUBLIKACE JE SOUČÁSTÍ KURZU POŘÁDANÉHO SŠ KOSKTA S.R.O. SPOLUFINANCOVANÝM EVROPSKÝM SOCIÁLNÍM FONDEM A STÁTNÍM ROZPOČTEM ČR. JEJÍ KOPÍROVÁNÍ A ŠÍŘENÍ NEPODLÉHÁ AUTORSKÉMU ZÁKONU. PUBLIKACE JE NEPRODEJNÁ.

TENTO PROJEKT JE SPOLUFINANCOVÁN EVROPSKÝM SOCIÁLNÍM FONDEM A STÁTNÍM ROZPOČTEM ČR

28