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:
-
5. září 2024
Matrixmedia - Obsluha a tisk na velkoformátových digitálních tiskárnách
-
30. září 2024
-
4. října 2024
-
14. listopadu 2024
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.
|
|
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)
Diskuse k článku
-
14. května 2014
Jak vkládat snímky do galerií a soutěží? Stručný obrazový průvodce
-
23. dubna 2014
Konica Minolta přenesla výhody velkých zařízení do kompaktních modelů
-
12. června 2012
-
9. dubna 2014
-
29. listopadu 2013
-
6. září 2004
OKI snižuje ceny barevných laserových tiskáren C3100 a C5200n
-
13. května 2004
-
19. ledna 2004
QuarkXPress Passport 6: předvedení nové verze na konferenci Apple Forum 27.1.2004
-
6. února 2001
-
30. listopadu 2014
Nový fotoaparát α7 II: první plnoformát s pětiosou optickou stabilizací obrazu na světě
-
8. září 2024
-
14. října 2024
-
22. října 2024
-
5. listopadu 2024
-
14. listopadu 2024