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

Máme po Vánocích a tak se budeme chvíli věnovat teorii. Ale nebojte, něco praktického se také dozvíte a naši cvičnou stránku opět o něco vylepšíme.

     Dnes bude řeč o zobrazování a o tom, co dělat, aby se nám vždy vše zobrazovalo tak, jak chceme. Platí tu několik zásad, jak se vyvarovat toho, aby vám prohlížeč uživatele udělal na stránce pravopisné chyby typu, že tečka nebo vykřičník za větou nebude na konci řádku, kde věta končí, ale na začátku následujícího řádku. Ukažme si to na příkladu:

     Snažíme se neformátovat text, protože prohlížeč si ho umí rozdělit sám
!Chce to pouze umět a správně napsat.

      Čím je tato chyba způsobena a jak se jí vyhnout? Mezi slovem "sám" a vykřičníkem, jste udělali mezeru, což je nesprávné. Naopak za vykřičníkem jste mezeru zapomněli udělat.

     Pamatujte si, že nikdy neděláme mezeru před znakem, kterým nechceme, aby nám začínal řádek, tedy před tečkou, čárkou, středníkem, vykřičníkem otazníkem, dvojtečkou a uvozovkami, které ukončují přímou řeč. Naopak, za nimi vždy uděláme mezeru.

     Napíšete-li soupis věcí, oddělených čárkami, ale neuděláte-li za čárkami mezery, prohlížeč nemůže řádek zalomit a tento dlouhý řádek rozhodí grafiku vaší stránky. Vždy tedy píšeme: "Michal, Pavel, Karel, Franta, …" a nikdy ne "Michal,Pavel,Karel,Franta, …". Kdyby jmen bylo dvacet, tak by nám rozhodila grafiku stránky. Můžete si to vyzkoušet. Stránka se rozšíří a dole se objeví posuvník, kterým se po ní budete moct posouvat. Tento posuvník stránku znepřehledňuje.

     Mezeru neděláme nikdy za zahajovací závorkou a zahajovacími uvozovkami. Vždy píšeme "Přišli včas (všichni)" a nikdy ne " Přišli včas ( všichni ) ". Důvodem je to, že prohlížeč nám může rozdělit řádku takto:

    " Přišli včas ( všichni
) ".

    Řádek začínající zakončující závorkou vypadá poněkud podivně. Je třeba si uvědomit, že prohlížeč pro zalomení řádku hledá na jeho konci první mezeru.

     Jak to udělat, pokud nechceme určitá slova oddělit? Například, máme-li v textu telefonní číslo, které chceme mít pro přehlednost oddělené mezerami (123 456 789), ale nechceme, aby bylo rozdělené? Pak použijeme tvrdé mezery. Podobně můžeme dát tvrdou mezeru mezi předložku a slovo, chceme-li, aby byly na stejné řádce.

     Dost ale teorie a pojďme dělat opět něco praktického na naší cvičné stránce. Už jsme se naučili jednoduchý hypertextový odkaz. Dnes se mu ještě budeme chvíli věnovat a naučíme se další jeho varianty. Minule, když jsme probírali obrázky, jsme se naučili dělat hypertextový odkaz z obrázku. Náhledový obrázek byl odkazem na ten samý, ale velký obrázek. Obrázek ale může být také odkazem na další html stránku.

     Otevřeme si stránku martin.htm a klikněte pravým tlačítkem myši na obrázku vchodu do domu, kde je internetstudio. Do "Umístění" napište index.htm a potvrďte OK.

     Nyní, po nahrátí na Internet, se kliknutím na tento obrázek, vrátíme na úvodní stránku index.htm. Vytvořili jsme si hypertextový odkaz z obrázku. Možná si vzpomenete, že sjem to už dělali z Martinovy fotografie, která je hyperetxtovým odkazem na stránku http://martas.zde.cz.

     Nyní v horním menu dáme "Vložit" a dále "Hyperetxtový odkaz". Do URL napíšeme obr/martas.gif, což je název obrázku i s cestou do adresáře obr, kde je uložen.

     Poslední, co nám zbývá, se naučit s hypertextovými odkazy, je jejich editace, v případě chyby. Pokud bychom chtěli odkaz Martin editovat, postavíme na něj kurzor.

     Klikneme v hlavním menu na "Úpravy" a dále v rozvinutém menu na "Vlastnosti hypertextového odkazu" a otevře se nám okno, s kterým si již poradíte sami.

     V tomtéž rozvinutém menu pod "Úpravy" najdete i volbu pro zrušení hypertextového odkazu. Pomocí této funkce nám zůstane slovo, z kterého je vytvořen hypertextový odkaz, ale zruší se pouze odkaz. Zkusíte-li v menu "Úpravy" podmenu "Hypertextový odkaz", zjistíte, že získáte stejnou tabulku, jako pod odkazem "Vlastnosti hypertextového odkazu", který jsme si předvedli.

     Opět jsme naši stránku o kousek vylepšili a příště se budeme zabývat různými vylepšeními a ozdobami, které můžeme na stránku použít. Dnešní lekci najdete na adrese http://www.html8.ekamarad.cz. Ani vy si nezapomeňte svůj vylepšený výtvor nahrát na Internet.