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

Odběr fotomagazínu

Fotografický magazín "iZIN IDIF" každý týden ve Vašem e-mailu.
Co nového ve světě fotografie!

 

Zadejte Vaši e-mailovou adresu:

Kamarád fotí rád?

Přihlas ho k odběru fotomagazínu!

 

Zadejte e-mailovou adresu kamaráda:

Poptávka práce


Design

Vyšperkujte svoje webovské stránky III.

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.

y Přechod
0 obdelníkový zoom in
1 obdelníkový zoom out
2 kruhový zoom in
3 kruhový zoom out
4 zdola
5 shora
6 zleva
7 zprava
8 žaluzie zleva
9 žaluzie shora
10 šachovnicové žaluzie zleva
11 šachovnicové žaluzie shora
y Přechod
12 rozpustit
13 od krajů horizontálně
14 ze středu horizontálně
15 od krajů vertikálně
16 ze středu vertikálně
17 zprava shora
18 zprava zdola
19 zleva shora
20 zleva zdola
21 jemné žaluzie horizontální
22 jemné žaluzie vertikální
   

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)

Tématické zařazení:

 » Rubriky  » Webdesign  

 » Rubriky  » Poradna  

 » Rubriky  » Design  

Poslat článek

Nyní máte možnost poslat odkaz článku svým přátelům:

Váš e-mail:

(Není povinný)

E-mail adresáta:

Odkaz článku:

Vzkaz:

Kontrola:

Do spodního pole opište z obrázku 5 znaků:

Kód pro ověření

 

 

 

 

 

Přihlášení k mému účtu

Uživatelské jméno:

Heslo: