PUBLIKOVÁNÍ NA INTERNETU

Obsah:

1

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

Důležité pojmy a) 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. b) Hyperlink: 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. c) 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). d) TCP/IP: protokol umožňující komunikaci mezi počítači, který je využíván v rámci internetu e) HTTP: ”Hypertext Transfer Protocol” - přenosový protokol, používaný v hypertextových systémech f) HTTPS: HTTPS je šifrovanou variantou internetového protokolu HTTP pro přenos webových stránek. Zkratka HTTPS pochází z anglických slov HyperText Transfer Protocol Secure. g) HTML: (Hyper Text Markup Language) Jazyk popisující strukturu www stránky

2

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…. V současné době jsou velmi populární různé typy sociálních sítí (Facebook, Twitter..) a WEBLOGY - Weblog (stažením anglického web log - zhruba: webový záznam*ní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. Velmi podobnou službu nabízení 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) a nebo Webnode (www.webnode.cz) b) Pomocí vlastních internetových stránek

3

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 (Start/Všechny programy/Příslušenství/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 (((-: Poz.: 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 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 , 4

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.)
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) 5

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

6

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 www.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 aby jste 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.

1) Registrace na Wordpress a) Přejděte na: http://cs.wordpress.com/ b) Stiskněte tlačítko: ZAREGISTROVAT SE NYNÍ (pokračujte na další stránce)

7

c) Podle obrázku vyplňte registrační formulář: Zde napište své příjmení a jméno bez rozdělující tečky (ve stejném formátu, který používáte pro přihlášení do školní sítě)

Ponechte stejné jako adresu blogu

Stejné jako do školní sítě

Použijte e-mail na Váš WinLive účet

d) V dalším kroku si překontrolujte, jestli jste zadali správně e-mail. Přihlaste se na svůj WinLive účet a aktivujte registraci na wordpressu. e) Přihlaste se do svého wordpress účtu.

8

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

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

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

grafického nastavení vašich stránek

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ý by jste chtěli rychle publikovat na svém wordpress účtu jako nový příspěvek na svém blogu. b) Na blog příspěvek odešlete přes tlačítko Publikovat jako příspěvek blog

9

c) V dalším kroku zaregistrujte do Wordu svůj wordpress účet:

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) Zadejte název příspěvku a vyzkoušejte možnosti formátování:

10

g) Tlačítkem publikovat odešlete příspěvek na svůj wordpress blog. Tlačítkem domovská stránka se podíváte na aktuální podobu příspěvku na svém blogu.

11

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) 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 stiskněte OK. V internetovém prohlížeči otevřete dokument uvodni stranka.html a vyzkoušejte funkčnost hypertextového odkazu 

12

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

13

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

Doména 1. řádu

Název složky

 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“ 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 14

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

15

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?

16

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

17

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: - www.webzdarma.cz - www.webpark.cz

- www.ic.cz ( až 250 MB!!!)

18

- www.misto.cz - www.mujweb.cz Kompletní seznam možností kam umístit svůj WEB naleznete na stránkách: www.hostingy.cz

19

REGISTRACE NA WEBZDARMA.CZ 1) 2) 3)

4)

5)

v prohlížeči zadejte adresu www.webzdarma.cz pozorně si přečtěte sekci INFO (reklama, 50MB prostoru, 16 domén 2.řádu) zaregistrujte se v sekci REGISTRACE - pozorně si prostudujte PODMÍNKY !!! - 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!!!) - zadejte Pokračovat

5) 6)

7)

8)

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

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í

20

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.

e)

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

21

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

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

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

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

23

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

24

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

25

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

26