Modul 5 Reklamní sada
Kapitola 2
Tvorba webových stránek
Jürgen Undeutsch, B.A.
OBSAH
Autorky: Jürgen Undeutsch, B.A.
A. Úvod ................................................... Fehler! Textmarke nicht definiert. B. Podklady a vysvětlení pojmů ......................... Fehler! Textmarke nicht definiert. C. Příprava ................................................ Fehler! Textmarke nicht definiert. D. Tvorba webových stránek ............................ Fehler! Textmarke nicht definiert. Začátečníci ................................................ Fehler! Textmarke nicht definiert. Pokročilí .................................................. Fehler! Textmarke nicht definiert. Zadání zakázky třetí osobě ............................... Fehler! Textmarke nicht definiert.
____________________________________________ IMPRESUM Za obsah odpovídá: Austrian Marketing University of Applied Sciences, Campus Wieselburg der FH Wiener Neustadt, Austria, 3250 Wieselburg, Zeiselgraben 4. © 2010 Austrian Marketing University of Applied Sciences Všechna práva vyhrazena. Reprodukce, distribuce či překlad v jakékoli formě jsou přísně zakázány. Tel: 0043-(0)-7416-53000-0 E-mail:
[email protected] Web: www.amu.at Zástupce: Dr. Astin Malschinger Tento výukový program mohl být uskutečněn díky podpoře Evropské unie, konkrétně díky programu celoživotního učení.
A. Úvod
Webová stránka je virtuální prostor na celosvětové počítačové síti webových stránek tvořených z dokumentů a jiných zdrojů. Dokumenty umístěné na této síti obvykle sdílí jednotnou navigační strukturu a jsou vzájemně propojeny. Nabídka na webu představuje pro spotřebitele významný zdroj informací o produktech a společnostech nebo lidech, kteří je vyrobili. Provozovatelé webových stránek mají v zásadě povinnost uvést na daných stránkách určité údaje o sobě. Stále více zemědělských podniků je na internetu zastoupeno nejméně jednou vlastní webovovou stránkou. Kvalita nabízených webových stránek se však výrazně liší.
Cíl této lekce Cílem této lekce je dosáhnout toho, abyste byli schopni sami vytvořit webové
stránky
pro
své
vlastní
potřeby.
Seznámíte
se
přitom
s nejdůležitějšími praktickými radami o navrhování webových stránek a můžete se inspirovat předem připravenými šablonami návrhů. Naučíte se, jak zveřejnit vytvořené stránky na celosvětové síti, nebo případně můžete přenechat programování stránek na třetím poskytovateli služeb.
B. Podklady a vysvětlení pojmů
Vytvořit kvalitní webové stránky není snadné. Pokud chcete být ve svém úsilí úspěšní, musíte mít znalosti z nejrůznějších oblastí, například znalost barevného
spektra,
grafického
designu,
internetového
marketingu
a optimalizace vyhledávačů. Tyto pokyny by vám měly usnadnit práci v počáteční fázi tvorby webových stránek. Získáte navíc cenné informace o tom, jak vytvářet profesionální webové prezentace nebo jak připravit potřebné podklady pro další poskytovatele služeb.
Nejprve bychom vás chtěli upozornit na běžně používané pojmy a jejich uplatnění:
Odkazy Pojem „hypertextový odkaz“ (nebo krátce „odkaz“) označuje zpravidla křížový odkaz, jehož úkolem je přesměrovat návštěvníka dané webové stránky na jiné místo stejného hypertextu nebo na jinou webovou stránku.
TIP!
Postarejte se o to, aby návštěvníci vaší webové stránky tyto odkazy bezpečně poznali. Dosáhnate toho například podtržením daného odkazu nebo barevným kontrastem. Praktické řešení nabízí také tzv. mouse over efekt, kdy se po najetí kurzoru myši na určitý objekt změní obsah příslušné webové stránky. Zpravidla platí, že byste neměli používat všeobecně platné označení, jako například „klikněte sem“. Pokud uvedený odkaz neslouží k přesměrování na webovou stránku, ale na soubor v jiném formátu (jako je například dokument ve formátu pdf), měli byste na tuto skutečnost v ideálním případě upozornit tím, že k odkazu doplníte údaje o velikosti daného souboru a době potřebné k jeho stažení. Vyhnete se tak zklamání účastníků v důsledku pomalého internetového připojení. Navigace Navigační plán stanovuje způsob navigace návštěvníků webových stránek mezi
jednotlivými
webovými
stránkami.
Navigační
struktura
tedy
vyjadřuje způsob propojení jednotlivých webových stránek. Navigační plán je zpravidla realizován prostřednictvím organizačního schématu. Rozlišuje
se
přitom
informační
navigace
(úvodní
stránka,
kontaktní
údaje
a impresum) a hlavní navigace (navigace mezi výrobky nebo uvedenými informacemi). TIP!
Doporučuje se umístit hlavní navigační pole vlevo od hlavní oblasti (obsahu), tedy na místo, které vyhovuje evropskému způsobu čtení. (Oko začíná číst text vlevo nahoře a snímá text zleva doprava, řádek po řádku.) Obecně platí, že jednotlivé body nabídky s podobným obsahem by měly být řazeny k sobě, což usnadňuje orientaci návštěvníka na webových stránkách. Zaměření na uživatele Uživatelská přívětivost určitých webových stránek vyjadřuje, jak snadné je příslušné
stránky
internetové jednoduchou
používat
stránky.
a jaká
Uživatelsky
strukturu
a vyznačují
je
interakce
přívětivé se
návštěvníků
webové
snadnou
stránky
orientací
dané mají
uživatelů
a snadným ovládáním.
TIP!
Aby byl návrh stránky úspěšný, je třeba věnovat velkou pozornost volbě druhu a velikosti písma a barevné úpravě. Informace je třeba uspořádat tak, aby byly nejprve uvedeny důležité informace a aby návštěvníci webových stránek nemuseli mít žádné předchozí znalosti. Používejte jazyk, který je blízký návštěvníkům vašich webových stránek a vyvarujte se velkého množství odborných výrazů. Pokud se jedná o dlouhý text, rozčleňte
jej
pomocí
průběžných
nadpisů,
a pro
lepší
přehlednost
oddělujte informace odrážkami (výčty informací). Zohledněte také zájmy cílové skupiny, stanovte hlavní témata tak, aby odpovídala daným zálibám, a volte vhodné formulace (např. uvádějte odkazy na region nebo biovýrobu). Dbejte na to, aby byly důležité informace dobře viditelné. Návštěvníkům webových stránek by se měly všechny hlavní informace zobrazit na jedné stránce, aby je nemuseli hledat pomocí myši. Vyhledávání Funkce vyhledávání umožňuje lepší a rychlejší orientaci návštěvníků na webových stránkách, aniž by bylo třeba několikrát zdlouhavě klepat na odkazy.
TIP!
Pole pro vyhledávání by mělo být vázáno přímo na dané webové stránky, nikoli na odkazy na jiných stránkách. Dejte pozor, aby vaše webové stránky odkazovaly na veškerý vlastní text, nikoli však na ostatní obsah celosvětové
(počítačové)
sítě,
protože
takové
odkazy
by
mohly
návštěvníky přesměrovat jinam a ti by se již nemuseli na vaše webové stránky vrátit. Doporučuje se umístit pole pro vyhledávání vpravo nahoře.
Grafika a obrázky Celosvětová (počítačová) síť je v současnosti již neodmyslitelně spjata s grafikou a obrázky. Webové stránky jsou díky nim zajímavější a živější. Všechny grafické prvky však nejsou vhodné k použití na internetu. Grafické prvky vhodné k umístění na web se rychle načítají, lze je zobrazit v prohlížeči a při případném zvětšení nebo zmenšení si zachovávají co nejlepší kvalitu. Standardními formáty grafických prvků používaných na internetu jsou GIF, JPEG a PNG. Tyto standardní formáty jsou kompatibilní se stávajícími prohlížeči, aniž by bylo třeba použít jiné pomocné prostředky.
TIP!
Pokud je to možné, volte výhradně grafiku s výmluvným obsahem. Fotografie musí být v dobré kvalitě (72 dpi) a je třeba sjednotit jejich velikost. Velikost obrazového souboru může činit maximálně 1 MB, aby se nestahoval příliš dlouho. Větší rozlišení (více než 72 dpi) nemá vliv na zvýšení kvality grafických prvků. Fotografie určené k tisku musí být v rozlišení 300 dpi, aby byl tisk kvalitní. Impresum a kontaktní údaje Impresum je právně ustálená forma údajů uváděných v publikacích o tvůrcích odpovědných za obsah daných materiálů. Právně požadovaná forma těchto údajů se liší v závislosti na příslušné zemi a typu publikace. Je nezbytné, aby bylo možné tyto údaje snadno nalézt a rozpoznat.
TIP!
Informujte se o potřebných údajích, které je třeba uvést v impresu, a svědomitě je doplňte na stránky. Umožněte návštěvníkům, aby vás mohli snadno kontaktovat, a uveďte své jméno, adresu, telefonní a faxové číslo a e-mailovou adresu. Doporučujeme, abyste navíc na stránkách vyhradili část ke zveřejňování tiskových zpráv a přiložili fotografie z farmy a případně logo ke stažení.
C. Příprava
Webové stránky můžete vytvořit několika způsoby. Volba vhodného způsobu
závisí
na
vašich
osobních
znalostech
a preferencích.
Čím
profesionálněji mají webové stránky vypadat, tím více času a peněz je třeba investovat. Předem se rozhodněte pro způsob, který bude nejlépe odpovídat vašim požadavkům a možnostem:
Začátečníci:
velice výhodná cena nebo zcela bezplatně;
časová nenáročnost (několik hodin);
okamžité výsledky;
bez předchozích znalostí.
Pokročilí:
ceny od cca 70,00 Eur/rok;
střední časová náročnost (několik dní);
zřízení domény do cca 24 hodin;
znalosti práce s formátem HTML jsou vítány.
Zadání zakázky třetí osobě:
ceny od cca 70,00 Eur/rok;
pořizovací náklady od cca 500,00 Eur;
střední časová náročnost (několik dní);
vytvoření stránek může trvat až několik týdnů.
D. Tvorba webových stránek
Začátečníci Nejrychlejším a cenově nejvýhodnějším způsobem je vytvořit webové stránky
pomocí
bezplatného
řešení
k vytváření
webových
stránek.
Vyhledejte na internetu pojem „Bezplatná tvorba webových stránek“. Zobrazí se několik odkazů na poskytovatele požadovaných služeb. Jako příklad uvádíme poskytovatele nPage (www.nPage.de), který nabízí své služby v několika jazycích. U tohoto poskytovatele získáte bezplatnou doménu s příponou „npage.de“.
Sprachauswa hl
Star t
Nejprve je třeba stránky navrhnout. Začněte klepnutím na možnost „Jetzt kostenlose Homepage erstellen“ (Vytvořit bezplatné webové stránky) ve středu obrazovky. Na následující obrazovce zadejte své osobní údaje a klepněte na možnost „Jetzt kostenlos anmelden“ (Bezplatné přihlášení).
TIP!
Zvolte si výmluvné uživatelské jméno, které se později stane součástí vaší domény. Uvádíme příklad ze dvora „Lechner-Müller“. Jako uživatelské jméno jsme uvedli „hof-lechnermueller“, aby bylo později možné vyhledat pod daným jménem webové stránky na adrese http://hoflechnermueller.npage.de.
Po úspěšném přihlášení vám bude zaslán z adresy
[email protected] e-mail s aktivačním kódem. Přihlášení potvrdíte klepnutím na aktivační odkaz uvedený v e-mailu.
Na stránkách s potvrzením zadejte vpravo nahoře své přihlašovací údaje (uživatelské jméno a heslo) a klepněte na možnost „Jetzt einloggen“ (Přihlásit se). Zobrazí se úvodní obrazovka daného softwaru. Od tohoto okamžiku bude příslušná webová stránka k dispozici, přestože musíte ještě vytvořit obsah.
Schritt für SchrittAnleitung Menüleis te
TIPP!
Abyste dosáhli prvních výsledků rychleji, využijte nabízený návod v části „Schritt für Schritt – Anleitung“ (Návod krok za krokem). Pokračujte klepnutím na možnost „Design“ v levé části lišty s nabídkou a poté klepněte na možnost „Mein Design“ (Můj design). V části „Anderes Design auswählen“ (Vybrat jiný design) můžete volit mezi několika návrhy.
Designwa hl
Nejjednodušší možností je použít již hotovou šablonu návrhu. Pokračujte klepnutím na možnost „Weiter“ (Pokračovat).
Rubriken
Name der Vorlage Beschreibu ng und Infos V následující nabídce naleznete několik položek s různými šablonami návrhů a odpovídajícími popisy.
V části
„Natur“
(Příroda)
vyberte
šablonu „Plus 028“, zaškrtněte pole výběru a potvrďte klepnutím na tlačítko „Dieses Design wählen“ (Vybrat návrh) na konci stránky. V závislosti na vybraném návrhu se bude lišit předem definovaný způsob navigace na stránkách, který můžete samozřejmě kdykoli upravit.
TIPP!
Vyzkoušejte několik návrhů, abyste se mohli rozhodnout, který nejlépe odpovídá vašim potřebám.
Po výběru požadovaného návrhu můžete upravit název webových stránek tak, aby odpovídal vašim potřebám. Na liště s nabídkou vyberte možnost „Einstellungen“
(Nastavení),
„Homepage-Einstellungen“
(Nastavení
webových stránek) a do pole „Homepagetitel“ (Název webových stránek) zadejte požadovaný název. Poté můžete doplnit nový navigační bod „Produkte“ (Produkty). Na liště s nabídkou klepněte na možnost „Seite“ (Stránka), „Neue Textseite“ (Nová stránka s textem) a zadejte požadovaná data.
Klepnutím na možnost „Seiten“ (Stránky), „Textseiten“ (Stránky s textem) a výběrem možnosti „Los“ (Provést změny) změníte obsah.
V závislosti na vybraném editoru se zobrazí pole k zadání požadovaných údajů. Standardní editor připomíná zpracovaný textový dokument a lze jej
používat podobným způsobem. Můžete vkládat obrázky a podle potřeby upravovat formát textu.
Jakmile provedené změny uložíte, webová stránka bude vždy automaticky dostupná.
Jakmile
provedete
všechny
požadované
úpravy,
máte
k dispozici vlastní webové stránky. V případě problémů nebo dotazů můžete využít část FAQ (Časté dotazy) nebo stránku s nápovědou zahrnující možné problémy a jejich řešení. Tyto služby nabízejí téměř všichni poskytovatelé na internetu.
Pokročilí Až získáte více zkušeností s vytvářením webových stránek a budete chtít investovat více času a peněz do tvorby vlastních webových stránek, můžete využít několika možností vytvoření nebo sestavení webové prezentace.
Příslušné
webové
stránky
můžete
navrhnout
pomocí
grafického programu a poté je naprogramovat, nebo můžete pracovat se systémem pro správu obsahu (CMS – Content Management System). Tento
systém
umožňuje
jednotné
vytváření
a zpracovávání
obsahu
tvořeného textem a podobnými daty a jeho správu. V obou případech vám doporučujeme využít služby profesionálního hostitele (tzv. hoster). Hostitel vám nabídne prostor na internetu (úložiště pro vaše data) a umožní vám tzv. hosting dalších webových stránek na jednom webovém serveru poskytovatele internetových služeb (ISP).
Poskytovatel hostingu nabízí zpravidla následující služby:
vlastní doménu (adresu, jako např. www.hof-lechnermueller.com);
prostor na webu o velikosti nejméně 100 MB;
možnost FairUse-Traffic nebo Unlimited Traffic (přiměřený počet povolených
zobrazení
příslušných
webových
stránek
bez
dodatečných nákladů);
databázi MySQL (konkrétně při použití systému pro správu obsahu CMS).
Měsíční náklady za celý balíček služeb činí v Evropě přibližně 5–10 eur (stav z roku 2010).
TIP!
Informujte se o poskytovatelích příslušných služeb dostupných v jiných zemích a vyberte jednoho, který bude nejlépe odpovídat vašim potřebám. Kontakt s poskytovateli probíhá přes internet, můžete tedy bez obav využít služby poskytovatele z jiné země. Mnoho poskytovatelů nabízí tzv. balíček služeb v oblasti tvorby webových stránek. Jedná se o hotové návrhy stránek, které se upraví podle vašich potřeb, podobně jako je tomu v předchozím oddíle věnovaném vytváření stránek pro začátečníky. Nabídky často zahrnují automatickou instalaci systému pro správu obsahu (CMS), jako je například systém Joomla! nebo Typo3. Více informací o nabízených službách a jejich využití naleznete na příslušných stránkách vybraného hostitele.
Zadání zakázky třetí osobě Chcete-li dosáhnout dlouhodobého úspěchu, doporučuje se přenechat realizaci
webových
stránek
odborníkům,
kteří
se
specializují
na
celosvětovou síť a poskytují rozsáhlé související poradenské služby. Abychom
vám
usnadnili
rozhovor
s agenturami,
zahrnuli
jsme
do
posledního oddílu této kapitoly přehled nejdůležitějších bodů, které lze využít při daném rozhovoru, klíčových otázek, a nákladů, které můžete očekávat. Před úvodním rozhovorem s agenturou byste měli znát odpovědi na následující otázky:
Jaký je název vaší firmy a jak jej chcete prezentovat na webových stránkách a v názvu domény? (Název nesmí obsahovat diakritická znaménka ani jiné zvláštní znaky.)
Jaké nabízené výrobky nebo služby chcete prezentovat na svých webových stránkách?
Požadujete vytvoření internetového obchodu, kde budou nabízeny vaše výrobky? Pokud ano, co od příslušného obchodu očekáváte?
Máte k dispozici nějaký návrh? (Může se například jednat o již vytvořené reklamní materiály, jako jsou letáky nebo vizitky.)
Vyznačuje se vaše firma ucelenou identitou? (Může se například jednat o logo, druh písma nebo jednotnou barvu.)
Jak
byste
charakterizovali
svou
farmu?
(Uveďte
nejméně
tři charakteristické znaky.)
Jak byste dokončili následující větu: „Moji zákazníci očekávají od mých webových stránek ...“
Jaké máte konkrétní představy o struktuře, rozvržení a obsahu webových stránek?
Doporučujeme také, abyste předem vyhledali na internetu několik webových stránek, které se vám líbí, a zmínili je během úvodního rozhovoru s agenturou. Zpravidla postačí, pokud vytisknete náhled na danou stránku, nebo přinesete k rozhovoru adresu dané webové stránky. Náklady se liší podle toho, kdo dané služby nabízí (živnostník, malá nebo velká agentura), a podle typu zakázky (webové stránky firmy, webový portál, internetový obchod aj.). Orientační cena se pohybuje kolem 500 eur za jednoduché webové vizitky, 1 500–3 000 eur za standardní řešení
a 10 000 eur a více za náročné webové aplikace. Aktuálně platné orientační ceny naleznete v přehledu na webových platformách, např. na adrese http://www.webkalkulator.com. Doufáme, že jsme vám poskytli základní přehled o tvorbě webových stránek, a přejeme vám hodně zábavy při realizaci vlastních představ.
