Rubriky

Vyhledávání v článcích
Co hledáte ?



Provozuje:
icok


ikonka partnera
ikonka partnera
Dnes má svátek Michaela je úterý 19.10.2021



Novinky





Magazín eKamarád vás vítá
Přinášíme vám zpravodajství ze světa dětí a mládeže. Chcete se i vy podělit s ostatními o své zkušenosti či nějak pobavit naše dětské čtenáře? Není nic jednoduššího. Přidejte se do naší kamarádské rodiny a napište nám na email redakce8(Z)ekamarad.cz
(Místo (Z) napište @).

Děláme stránky v HTML editoru - 12. část

Dnes náš kurz tvorby jednoduchých stránek v HTML editoru končí. Stránku ještě trochu vylepšíme a dáme si pár rad na závěr.

     Nejdříve si otevřeme ve Front Page Expressu stránku stranka.htm. Možná jste si toho už všimli sami. Text v prostřední buňce začíná těsně u bannerů a končí těsně u ikonek, což nevypadá dobře. Co s tím? Klikneme pravým tlačítkem myši na tabulku a vybereme "Vlastnosti tabulky". Tady změníme "Výplň buňky" na 10.

     Když potvrdíte OK, hned vidíte, že to výrazně pomohlo. Tento problém je vyřešen.

     Jediné, co bychom ještě měli vyřešit, je poslední prázdná buňka. Přidáme do ní tedy ještě jednou navigaci na úvodní stránku index.htm. Nyní je již tato stránka opravdu hotova.

     Stránku stranka.htm uložíme a zavřeme a otevřeme si stránku index.htm. Teď se naučíme, jak vyřešit problém, když nám někdo pošle ve Wordu nějaký zajímavý text, který chceme vložit do naší stránky. Zkusme si napsat ve Wordu tento text: "Zajímavý text ve Wordu potřebujeme převést do naší HTML stránky. Jak to uděláme? Překopírujeme ho?"

     Nyní zkuste tento text dát do bloku a současným stiskem kláves Ctrl a C ho načíst. Teď se vrátíme na naší stránku index.htm. Kurzor dáme za poslední hypertextový odkaz "Nová stránka", dáme Enter, abychom se dostali na nový řádek, a kurzor vycentrujeme doleva. Teď současně stiskneme klávesy Ctrl a V. Text se nám vykopíruje do stránky, ale sami vidíme, že to není to, co jsme chtěli.

     Takže na to musíme jít jinak. Nepovedený text opět vymažeme. Vrátíme se do Wordu k našemu textu a v hlavním menu Wordu dáme "Soubor" a v rozvinutém menu "Uložit jako HTML".

     Najdeme si cestu do našeho adresáře html a potvrdíme "Uložit".

     Potvrdíme, že "Ano", protože v našem případě v textu žádné formátování, které by se nepřevedlo není.

     Potvrdíme přednabídnuté středoevropské kódování kliknutím na OK a text se nám převede do HTML souboru. Nyní je třeba soubor ve Wordu zavřít a otevřeme si jej ve Front Page Expressu.

     S touto stránkou bychom nyní mohli samostatně pracovat a upravovat jí. Protože je na ní ale pouze jedna věta, kterou chceme dostat na stránku index.htm, dáme tuto větu do bloku a zkopírujeme ji na stránku index.htm stejným způsobem, jako jsme se ji pokoušeli zkopírovat z Wordu. Tentokrát se nám to již povede.

     No a teď už snad umíte opravdu všechno, co ve Front Page Expressu jde, nebo určitě to, co v něm umíme my. Takže teď už zbývá jenom pár rad na závěr.

     Důležité je sladění barev. A to teď nemyslíme ani tak esteticky, i když to je taky důležité, jako hlavně, aby stránka byla čitelná. Dáte-li tmavý text na tmavý podklad, nikdo to nepřečte. Stejně tak se velmi špatně čte světlý text na světlém podkladu, třeba žlutá na bílé. Důležité je i barevné nastavení hypertextových odkazů. Všimněte si, že implicitně jsou v Front Page Expressu nastaveny hypertextové odkazy modře. Dáte-li si modré pozadí, musíte toto nastavení změnit, jinak budou neviditelné. A všimněte si, že se zvlášť nastavuje barva u dosud nepoužitého hypertextového odkazu (ten, na který jste dosud neklikli), u již použitého hypertextového odkazu (to je ten, který vede na stránku, kterou jste již viděli) a potom barva aktivního hypertextového odkazu, což je ten, na němž právě jste kurzorem myši.

     Další rada se bude týkat obrázků. Důležitý je formát, protože na něm záleží velikost obrázku v kB. Nepoužívejte typ BMP, protože ty jsou největší. Konverzí z BMP na JPG docílíte zhruba destinásobně menší velikost. Obecně se dá říct, že za mezní velikost můžeme považovat 100 kB s ohledem na uživatele, kteří se připojují přes modem prostřednictvím telefonu. Takovýchto obrázků bychom ale neměli mít na stránce více. Řeší se to tak, že se udělají na stránku malé náhledové obrázky, a kdo chce, tak si je kliknutím zvětší. Jako jste to viděli ve Fotoalbu SKSK ČR a ICOK.

     Minule byla řeč o počítadlech. Dnes se k nim také ještě vrátíme. Počítadlo, které jsme použili počítá jeden přístup z jedné IP adresy za den, což je dosti přísné měřítko. Navíc přísnost těchto počítadel je ještě dána tím, že pokud je server, na kterém počítadlo je, právě přetížený, tak některé přístupy neregistruje. Máme s tím zkušenosti s porovnámím se statistikami eKamaráda. Ty nám prokazatelně vypisují, z kterých IP adres se na něj čtenáři dívali.

     Vezmeme-li přístupy podle TOPlistu, je tu ten samý problém. I TOPlist bývá občas přetížen. Ten je však méně přísný, protože z jedné adresy registruje za den více přístupů. Podíváte-li se např. na stránku ráno a pak se na ní vrátíte v poledne, tak vás započte znova a stejně tak registruje váš přístup, pokud se na stránku vrátíte ještě třeba večer. Nebere však jednotlivé přístupy v rámci jednoho prohlížení stránky. Ty ale registruje zvlášť, protože vám udává unikátní přístupy a všechny přístupy.

     Poslední zmínka bude o cestách k objektům v našich stránkách, přičemž objekty myslíme zejména obrázky, ale třeba i hypertextové odkazy na html stránky. Nikdy je nezadávejte v absolutní cestě, ale vždy pouze v relativní, pokud to není odkaz na Internet začínající písmeny http. Pokud se vám totiž uloží do stránky cesta typu c://programy…., bude se stránka odkazovat na váš disk a daný objekt uvidíte pouze ze svého počítače, ale ostatní návštěvníci stránky jej neuvidí. A vy na to nepřijdete, dokud se na svoji stránku nepodíváte z nějakého jiného počítače než ze svého. Ze svého počítače ten objekt totiž uvidíte, protože se vám bude zobrazovat z disku vašeho počítače.

     Otevíráme-li např. obrázek, který je v adresáři "obrazky", jak jste si všimli, děláme to s relativní cestou obrazky/obrazek.jpg.

     Nyní si vytvoříme v našem adresáři html adresář pokus. To již zvládnete sami, protože jsme již vytvářeli adresáře obr a ikonky. A nyní si založíme novou stránku, což jsme již také dělali. Nazveme ji pokus a uložíme ji do adresáře pokus. Jak již víme, musíme ji hned po založení "Uložit jako".

     Novou stránku nazveme Pokus a nadepíšeme modře Pokusná stránka, což vycentrujeme na střed tučným písmenem o tři zvětšeným. Pod nadpis napíšeme text: "Na této pokusné stránce se učíme, jak se pohybovat relativními cestami mezi jednotlivými adresáři. Budeme potřebovat se vrátit ze stránky Pokus, která je v adresáři Pokus, který je podadresářem HTML na stránku Index, která je v adresáři HTML. A to se právě naučíme." Věděli by jste, jak to udělat? Pokud ne, když na to půjdeme chytře, tak Front Page Express nám to sám napoví. Stránku pokus.htm uložíme a zavřeme.

     Jsme zpátky na stránce index.htm. Zde jako nový řádek napíšeme dolů "Nakonec se naučíme na stránce Pokus, jak se pomocí relativních cest přepínat mezi stránkami v různých podadresářích." a ze slova Pokus si uděláme hypertextový odkaz, který nasměrujeme na stránku pokus.htm takto "pokus/pokus.htm".

     Konečná podoba stránky index.htm tedy vypadá takto:

     Funkčnost odkazu si vyzkoušíme tak, že na něj umístíme kurzor a po té klikneme v hlavním menu na "Nástroje" a "Sledovat hypertextový odkaz". Otevře se vám stránka pokus.htm, která je v adresáři "pokus".

    Nyní oddělíme text vodorovnou čarou, což jsme již také dělali. Klikneme v hlavním menu na "Vložit" a dále "Vodorovná čára", při čemž ale musíme mít kurzor na konci řádku. Kurzor, který máme pod čarou nyní vycentrujeme na střed.

     Zde nyní vytvoříme zpětnou navigaci, pomocí které se budeme vracet na stránku index.htm. Napíšeme "Zpět" a z toho vytvoříme hypertextový odkaz.

    Nyní se přepneme na "Otevřené stránky" a zde vybereme "Cvičná školní stránka".

     Po potvrzení odklikneme následující dotaz "Ano" a odkaz je vytvořený. Front Page Expres nám sám vytvořil cestu k souboru ve tvaru "../index.htm". Ony dvě tečky znamenají návrat do domovského adresáře, kterým je pro nás adresář html, kde je původní domovská stránka index.htm, z které bylo na tuto stránku odkazováno.

     Pokud by byla adresářová struktura např. ve třech úrovních "html" - "pokus" - "moje" a vraceli bychom se ze stránky moje.htm v adresáři "moje", pak by cesta k adresáři pokud.htm vypadala takto: ../pokus/index.htm, protože dvě tečky nás vrací do domovského adresáře, nikoli pouze o jednu adresářovou úroveň.

     A touto poslední radou naše poslední lekce končí. Nezapomeňte si svou stránku nahrát na Internet. Doufáme, že tentokrát vám již nemusíme radit, co vše je třeba nahrát, co bylo změněno. Tuto lekci najdete na adrese http://www.html12.ekamarad.cz.

  • Autor: Fuček Miloslav, Pařízek Mirek
  • Datum publikace: 10.01.2003
  • Článek zařazen do: Internet
  • Počet komentářů ke článku: 0 přidat komentář
  • Článek si přečetlo 2935 čtenářů

    Sdílet na Facebooku

© Stránka vygenerována za 0.0044 sec. | Aktuálně máme v databázi 8131 článků
práva na články náleži jejich autorům, provozovatel magazínu nenese žádnou zodpovědnost za škody způsobené prohlížením těchto stránek.
Magazín provozuje ICOK (administrátor Miloslav Fuček)
http://icok.icok.cz | http://wwww.mfsoft.cz

Bazény na míru | Bennewitzovo kvarteto | Lady XL Fashion | Optika v Praze | Světové brýle.cz | Inspiro ERP systém | Bezpečnostní poradce | Fass-Hasicí technika | Dukla - Atletika | Dukla Praha