Vyšperkujte svoje webovské stránky III. - Grafika.cz - vše o počítačové grafice

23. března 2000, 00.00 | Další díl zlepšováků, tipů a fíglů, jak vylepšit Vaše webovské stránky. DNES: animované načtení stránky, automatické přesměrování a další...

V minulém díle našeho seriálu jsme zařídili necachování našich stránek, vylepšili jsme si odkaz na e-mail a vytvořili popisky k různým objektům. Dnes tu máme jeden skript pro nastavení domovské stránky jedním klikem (v MSIE 5), efekty při načítání stránek a klasický a poměrně univerzální způsob automatického přesměrování na jinou stránku.

8) Nastavte si nás jako domovskou stránku...

V prvním díle seriálu jsme ukazovali, jak pomocí odkazu na stránce vyvolat dialogové okno nabízející uložení do Oblíbených s již předdefinovanými parametry. Můžeme být ještě aktivnější a nabídnout návštěvníkovi stránek (opět jednoduchým kliknutím) nastavení našich stránek jako domovské (výchozí) stránky pro Internet Explorer. 
Pozn.: Níže uvedený postup funguje bohužel zatím jen pod MS IE 5.0. 

Zdrojový kód je následující:

<!--[if IE]>
<a HREF onClick="this.style.behavior='url(#default#homepage)';
this.setHomePage('https://www.grafika.cz');">
Nastavte si Grafiku jako domovskou stránku</a>
<![endif]-->

Vyzkoušet funkci můžete kliknutím na modrý text (nenechte se zmást, že nad textem se Vám kurzor nezmění na klasickou "ručičku"). Pozn.: Prohlížeč se před skutečným nastavením ještě zeptá, zdali tak chcete vskutku učinit.

9) Opona se zvedá aneb Váš efektní vstup

S divadlem nemá tento tip mnoho společného. Přesněji řečeno o jakousi vizuální podobu zvedání opony se zde doopravdy jedná, ale tím, co je za oponou je právě Vaše stránka. Nevíte, o čem mluvím? Nechám tedy přirovnání přirovnáním. 
Běžně kliknete na odkaz a požadovaná stránka se Vám prostě najednou objeví. Možná by se Vám zamlouvalo více, kdyby se daná stránka "narolovala" zleva, zprava, shora, zdola či zcela jiným efektem ne nepodobným známým přechodovým efektům z programů pro vytváření prezentací jako je PowerPoint či Presentations. Pro každou stránku můžete nadefinovat vlastní efekt i rychlost jeho provádění. Uživatel, který navštěvuje Vaše stránky přitom nemusí mít žádný plug-in (zásuvný modul) do svého prohlížeče, efekt se totiž provádí pomocí META tagu obsaženého v hlavičce html dokumentu.  

Obecný zápis je:

<meta http-equiv="Page-Enter"
content="RevealTrans (Duration=x, Transition=y)">

Kde x je rychlost provádění efektu (nejmenší číslo - nejrychlejší) a y druh efektu.
Typy přechodů můžete vidět v tabulce níže.

Výsledný zápis může tedy vypadat třeba následovně:

<meta http-equiv="Page-Enter"
content="RevealTrans (Duration=5, Transition=3)">

10) Automatické přesměrování na jinou stránku

Již z předcházejícího tipu je patrné, že META tagy nemusí být jen pasivní informací o dokumentu, ale mohou ovlivnit chování stránky. Další možnost, jak využít zase META tag je automatické přesměrování na jinou stránku po uplynutí určité doby. Možností využití je mnoho. Můžete chtít zobrazit např. po dobu 3 sekund stránku s textem "Momentík , prosím.", za kterou bude již následovat samotná (objemově větší) stránka. Pokud byste k tomu měli důvod nebyl by problém vytvořit cosi jako prezentaci slide-show, kde by se jednotlivé stránky po určité době měnily. V tomto případě byste mohli zkombinovat tip 9 a 10. Reálné uplatnění takové vytvořené slide-show prezentace je jen pokud stránky pro slide show budou v nějaké místní síti, na lokálním disku či cd-romu, neboť rychlost přenosu dat po internetu je jen velmi těžko ovlivnitelná.

META tag Refresh může vypadat následovně:

<meta http-equiv="Refresh" content="5; URL=kam.htm">

Content udává dobu (v sekundách), po které dojde k načtení stránky definované pomocí URL. Cesta definovaná pomocí URL může být relativní (např. kam.htm) nebo absolutní (např https://www.grafika.cz).

Předcházející díly seriálu:
1. díl (tipy 1-4), 2. díl (tipy 5-7)