Ukázka knihy z internetového knihkupectví

Transkript

1

2 Ukázka knihy z internetového knihkupectví

3 U k á z k a k n i h y z i n t e r n e t o v é h o k n i h k u p e c t v í w w w. k o s m a s. c z, U I D : K O S

4 U k á z k a k n i h y z i n t e r n e t o v é h o k n i h k u p e c t v í w w w. k o s m a s. c z, U I D : K O S

5 Obsah Úvod...11 Používané konvence Seznámení s programem FrontPage Několik poznámek k tvorbě webu Kde budu mít svůj web Vzhled a rozsah prezentace Instalace FrontPage Postup pro instalaci programu Microsoft FrontPage Aktivace produktu Změny v instalaci, oprava nebo přeinstalování produktu Odstranění programu FrontPage Spuštění programu FrontPage Varianty spuštění FrontPage Ovládání FrontPage Pracovní plocha a možnosti zobrazení Pracovní plocha Možnosti zobrazení Tisk Vzhled stránky Náhled před tiskem Tisk Nápověda Tvorba a správa webu Otevření nového webu Otevření nového prázdného webu Otevření podřízeného webu Otevření webu na základě šablony

6 2.1.4 Otevření webu pomocí průvodce Import webu Otevření a zavření rozpracovaného webu Otevření webu Otevření naposledy upravovaného webu Automatické otevření webu po spuštění FrontPage Zavření webu Zabezpečení webu Publikace webu Publikování webu Synchronizace webu Mazání nepotřebných souborů na webu Správa a zrušení webu Přejmenování webu Zrušení webu Tvorba a úpravy webové stránky Tvorba a pojmenování stránek Složky Vytvoření nové webové stránky Otevření webové stránky Uložení webové stránky Okraje webové stránky Odstranění webové stránky Zavření webové stránky Přehled zobrazení webových stránek Vložení textu na webovou stránku a jeho úpravy Psaní textu Označení textu Formátování textu Formátování odstavců Formátování pomocí stylů odstavce...52

7 3.2.6 Úpravy textu a objektů Kontrola správnosti textu Seznamy s odrážkami Číslované seznamy Barevný podklad a ohraničení textu WordArt Několik závěrečných tipů k úpravám textu Tabulky Vytvoření tabulky Vkládání údajů do tabulky Označení buněk tabulky Úpravy tabulky Změna velikosti buněk Ohraničení a stínování tabulky a jednotlivých buněk Zarovnání buněk a umístění tabulky Spojení buněk a jejich rozdělení Vložení a údržba hypertextových odkazů Vložení hypertextového odkazu Vložení odkazu na určité místo na webové stránce Vytvoření nového souboru při definici odkazu Odeslání u pomocí odkazu Vyzkoušení funkčnosti hypertextového odkazu Formátování hypertextových odkazů Úprava a odstranění hypertextového odkazu Automatická údržba hypertextových odkazů Grafika, obrázky, fotografie Vložení grafiky Základní úpravy grafických prvků Galerie fotografií Miniatury Kreslení objektů

8 3.5.6 Grafy Načítání grafiky na webové stránky Videa, animace a zvuk Vložení a nastavení videa Vložení a nastavení zvuku Pozadí stránky Motiv Výběr motivu pro webové stránky Vytvoření vlastního motivu Změna motivu Odstranění motivu Sdílená ohraničení Vytvoření sdíleného ohraničení Struktura webu Provázání webových stránek pomocí navigace Zobrazení navigační struktury webu Propojení stávajících stránek do navigační struktury Vytvoření navigační struktury a následná tvorba webových stránek Vložení panelu odkazů založeného na navigační struktuře Vložení vlastních panelů s odkazy Automatický obsah webu Změny v navigaci Změny v odkazech v panelu odkazů Vyloučení stránek z odkazů respektujících navigační strukturu Změna orientace panelu s odkazy Změna stylu panelu s odkazy Využití odkazů k navigaci mezi stránkami Ruční vytvoření navigace Aktivní body...107

9 Formuláře Vložení jednotlivých typů polí formuláře na webovou stránku Příprava formuláře Vytvoření textového pole Přepínač Zaškrtávací pole Skupinový rámeček Rozevírací seznam s možnostmi Využití tlačítek ve formulářích Nastavení vstupních podmínek a možných hodnot Vstupní podmínky u textového pole Ověření rozevíracího seznamu Zpracování informací získaných z formuláře Uložení výsledků z formuláře do textového souboru Odeslání výsledků z formuláře elektronickou poštou Automatizované vytváření formuláře Vytvoření formuláře pomocí šablony Vytvoření formuláře pomocí průvodce Rámce Vytvoření rámce Vytvoření webové stránky s rámci Rozdělení rámce do více rámců Úpravy rámců Samostatné úpravy stránek v rámci Změna ohraničení mezi rámci Velikost rámce Okraje rámce Odstranění rámce

10 Aktivní a další speciální prvky na webových stránkách Běžící text Čítač přístupů Skripty Vložení skriptu na webovou stránku Příklad JavaScriptu Další aktivní prvky Rejstřík

11 Úvod Úvod Kdybychom vybírali z různých oblastí našeho života tu, která prošla největším vývojem, byl by jedním z horkých kandidátů určitě internet. Celosvětová síť počítačů a na nich takové množství informací, které by zahltilo každého, kdo nezná efektivní způsoby vyhledávání. Stalo se již běžné, že pídíme-li se po nějaké informaci, saháme čím dál tím méně po knize, telefonu či diáři, ale jednoduše tuto informaci najdeme na internetu. Může to být nový jízdní řád, kurzovní lístek, zeměpisné údaje, zájezdy cestovních kanceláří, nabídka výrobků či služeb, zákony či nařízení, prakticky na co si vzpomenete. Navíc víme, že když se vlastník stránek o ně stará, budou informace aktuální, na rozdíl od informace uvedené v knize či diáři. Firma, která neuvádí ve svých kontaktech webové stránky a ovou adresu, již není in a znaky www či elektronickou poštu najdeme i na mnoha soukromých vizitkách. Proto je požadavek na znalost tvorby webových stránek oprávněný nejen u firem zabývajících se jejich tvorbou (web designem) či u počítačových odborníků, ale v zásadě u každého uživatele. S vědomím tohoto požadavku vznikla i tato kniha. Je řada prostředků, které umožňují vytvořit webové stránky. Vezměme třeba takový textový editor Word, i v něm lze stránky vytvořit. Projdete-li internet, narazíte na řadu freewarových programů pro tvorbu webových stránek. Systémů, které však dovedou nejen webovou prezentaci vytvořit, ale také udržovat aktuální, umožnit jednoduchou správu a aktualizaci, získávat zpětnou vazbu, již tolik není. FrontPage je vhodným nástrojem a do této skupiny rozhodně patří. Práce s ním je jednoduchá, takže ji zvládne každý, kdo má základní znalosti práce na počítači. Umožní vytvořit si webovou prezentaci na disku počítače, kde si celý web nejprve připravíte. Pak pomůže provázat jednotlivé stránky pomocí odkazů, publikovat je na internetu a snadno si připravit a publikovat aktualizace. Proto je tento nástroj tak ceněn. Kniha vás tedy provede základními oblastmi, které je nutné znát, aby si každý mohl vytvořit vlastní webovou prezentaci a umístit ji na internet. Cílem není vytvářet složité prezentace, pracovat s kódy či skripty, ale naopak zaměřit se na takové uživatelské rozhraní, které každý uživatel Windows, Offi ce či podobného systému zná. Nechť jste tedy za pomoci této knihy ve svém snažení úspěšní. 11

12 Úvod Používané konvence V knize jsou použity následující typografi cké konvence a grafi cké prvky: Tučně jsou označeny názvy nabídek, příkazů, složek, souborů, tlačítek, dialogových oken a položek. Kurzivou jsou zvýrazněny důležité pojmy a internetové adresy. KAPITÁLKAMI jsou psány názvy kláves a klávesových zkratek. Pro výpisy programového kódu je použito písmo Courier New. Symbolem poznámky je uveden odstavec, který rozšiřuje probíranou problematiku o nějakou zajímavost či výjimečnost. Symbol vykřičníku upozorňuje na úskalí, se kterým se můžete při práci setkat, a je proto dobré zůstat stále ve střehu. Vztyčený palec nabízí zpravidla nějaké usnadnění nebo tip, kterým si oproti standardnímu postupu můžete práci ulehčit. 12

13 Seznámení s programem FrontPage Seznámení s programem FrontPage Několik poznámek k tvorbě webu Jestliže zatím nemáte potuchy o tom, jak vlastně začít, abyste si mohli vytvořit svoji webovou prezentaci a zveřejnit ji všem návštěvníkům internetu, přečtěte si následující odstavce. Nabízejí shrnutí jednotlivých kroků a také několik praktických informací k tvorbě webu Kde budu mít svůj web Svou webovou prezentaci musíte umístit na nějaký internetový server na určitou doménu, respektive adresu, podle které se váš web vyhledá, například remniweb.cz. Nejprve si musíte zaregistrovat doménu, tedy adresu. Pak je třeba se dohodnout o hostingu, tedy o možnosti umístit a provozovat webovou prezentaci na určitém serveru v rámci vyhrazeného diskového prostoru. Máte-li splněny tyto předpoklady, přesunete pomocí programu FrontPage svoji webovou prezentaci na daný server (publikace webu). FrontPage také zajistí, že domovská stránka bude pojmenována tak, aby webová prezentace na serveru fungovala (index viz dále) a splní i další podmínky pro korektní publikaci vašeho webu. V několika následujících odstavcích si tento postup rozvedeme. Doména jako například se nazývá doména druhé úrovně (první úroveň je.cz a běžný uživatel si ji nemůže pořídit) a je nejlepší doménou, kterou si můžete pořídit (vámi zvolený název, což bude vaše jméno nebo název firmy, je nejlépe viditelný a není zamotaný do dalších názvů). Pořízení domény se provádí u speciálních firem (registračních autorit), které mají k registraci domén oprávnění. To je kvůli tomu, aby bylo možné si registrovat pouze takovou doménu, která není obsazená. Nutná je tedy jedinečnost domén dva uživatelé nemohou mít stejnou. Některé firmy poskytují i další domény se složitějším názvem, nicméně levněji, případně i zdarma (například Registrací domény tedy získáte adresu, kterou již nikdo jiný mít nemůže. Za to se, zvláště u nižších, tedy lukrativnějších úrovní domén, samozřejmě platí. Nutno říci, že exponované názvy, jako jsou názvy velkých fi rem, jsou pochopitelně již dávno obsazené. Další krok, který je třeba udělat, je vyhradit si určitou část internetového serveru, na které bude udržován obsah domény, tedy na kterém bude umístěna vaše webová prezentace. To se provádí zpravidla za určitý roční či měsíční poplatek a většinou je spojeno s dalšími službami přesměrování původní domény, ové služby, statistiky o návštěvnosti apod. Opět lze u některých fi rem sehnat prostor bez poplatku, nicméně pravděpodobně bude omezen na několik megabajtů. 13

14 ? Seznámení s programem FrontPage 2003 Na danou doménu je pak třeba umístit vaše webové stránky včetně úvodní stránky, která musí mít název index (s malým i na začátku), jedná se o stránky index.html, index.htm, index.php, index.php3, index.phtml, index.wml atd. Tím bude vaše prezentace na dané doméně k dispozici ostatním uživatelům. Svou doménu si můžete zaregistrovat ve vyhledávačích, třeba i mezinárodních. Také tato akce bývá spojena s určitým poplatkem, nicméně vaše webová prezentace bude snadněji k dispozici uživatelům, kteří vyhledávají podle témat a klíčových slov. Například máte-li truhlářství, bude se váš web objevovat uživatelům, kteří budou hledat na internetu truhlářství, výrobu nábytku a další podobná témata Vzhled a rozsah prezentace Na internetu se setkáte s různými prezentacemi od jednostránkových, kde jsou jen kontaktní údaje a několik základních informací, až po rozsáhlé systémy vzájemně propojených webů. Vaše firemní či soukromé webové prezentace budou mít nejčastěji kolem deseti až dvaceti webových stránek ve dvou nebo třech úrovních. Typická struktura se dá odvodit z následujícího obrázku. Domovská stránka uvádí základní informace a také odkazy na hlavní stránky webu. Ty budou tři nebo čtyři seznam nabízených produktů nebo služeb (případně na samostatné stránce zdůraznění novinek), popis nebo galerie realizovaných zakázek, stránka s podporou klientů servis a stránka s kontakty či seznamem poboček či prodejen nebo prostor pro zaslání dotazů. Obr. 1.1: Typická struktura webu fi remní prezentace 14 Nemáte-li rozmyšleno, jak má vypadat právě váš web, je k dispozici několik šablon (ukázkových webů). FrontPage tak připraví návrh webu a vy si ho dotvoříte do požadovaného tvaru a doplníte konkrétní údaje. O šablonách se více dozvíte v následující kapitole. Také vzhled prezentace je velmi důležitý. Web musí zaujmout, ale rozhodně ne za cenu čím křiklavější barvy či více druhů písma, tím lepší. Opět platí, že vám FrontPage nabídne pomocnou ruku obsahuje tzv. motivy, což jsou předem defi nované vzhledy, z nichž si můžete vybrat ten, který je vám nejvíce sympatický. Aplikací tohoto motivu na web tak zajistíte, že webové stránky budou dobře vypadat a celý web bude jednotný.

15 1.2 Instalace FrontPage Seznámení s programem FrontPage 2003 Při zakoupení programu Microsoft FrontPage získáte instalační CD, na němž jsou všechny počítačové soubory, které program FrontPage tvoří a umožní ho používat. Instalace je proces, při němž dojde k vytvoření příslušné struktury složek, zkopírování všech souborů tvořících program FrontPage a také k takovým úpravám systému Windows, aby bylo možné v něm FrontPage spustit a provozovat. Kromě toho se rozšíří nabídka Start, kde se objeví příkaz pro spuštění FrontPage Postup pro instalaci programu Microsoft FrontPage Instalace proběhne takto: 1. Vložte instalační CD do mechaniky a vyčkejte, až se spustí instalační program. Nespustí-li se automaticky, můžete přejít do ovládacích panelů Windows a zde použít ikonu Přidat nové programy, poklepete-li předtím na Přidat nebo odebrat programy. 2. Postupujte podle pokynů v dialogových oknech. 3. V posledním dialogovém okně stiskněte tlačítko Nainstalovat. Tím se spustí instalace. Bude trvat několik minut. Pokud se objeví nějaké dialogové okno, držte se pokynů v něm uvedených. Proběhne-li instalace úspěšně, budete o výsledku informováni závěrečným dialogovým oknem Aktivace produktu K tomu, abyste mohli program Microsoft FrontPage používat, je třeba aktivace. Bez aktivace budete mít omezený počet spuštění programu a po vyčerpání tohoto počtu dojde k omezení funkcí, takže jej prakticky nelze používat. Aktivace produktu se provádí podle pokynů, které se objeví v dialogovém okně po spuštění, není-li zatím FrontPage aktivován. Probíhá po internetu nebo po telefonu. Aktivaci můžete provést také hned při instalaci Změny v instalaci, oprava nebo přeinstalování produktu Instalační program můžete využít také pro dodatečné instalování nebo odinstalování některých komponent. V případě, že se objeví chyby v běhu programu (například zpráva, že je poškozen některý ze souborů programu FrontPage), můžete provést přeinstalování programu. Tím by se měla chyba související s poškozením souboru odstranit. 1. Stiskněte tlačítko Start. 2. Klepněte myší na Nastavení. 3. Klepněte na Ovládací panely. 15