Gestalten einer Website

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.