8. 8. 2004 v sekci webdesign:

Image replacement

Techniky image replacement souvisí s oddělováním obsahu webu od designu. Používá se všude, kde potřebujete mít text pro textové prohlížeče, roboty (a další), ale obrázek pro vizuální prohlížeče.

Základní verze – FIR

Obrázek se umístí jako pozadí a text se zakryje pomocí CSS – všechny strany jsou spokojeny. No, SKORO všechny – pokud surfujete s vypnutými obrázky, tak máte problém, protože se Vám většinou nezobrazí ani obrázek, ani text.. :-/ Pro ilustraci je výborná sbírka image replacementů od Dejva S. na mezzoblue.com. Nevýhodou je, že pro každý text potřebujete nový obrázek, výhodou je použití jen CSS.

IFR

Další možnost oddělení obsahu od designu spočívá v tvz. IFRu. Tato technika nahradí pomocí ActionScriptu a JavaScriptu jakýkoliv text (třeba nadpisy) vašim vlastním fontem. Pokud je Flash vypnutý, nestane se nic. Více o IFRu na shauninman.com. Pokročilejší verzi této techniky najdete na webech Roba CameronaToma Wernera (obě části jsou potřeba). Její výhoda spočívá hlavně v možnosti změnit velikost textu.

Dynamic text replacement

Poslední technika je tvz. Dynamic text replacement, který umožňuje nahrazovat text obrázky ve velkém pomocí PHP a Javascriptu. Už se těším, až ji budu moct využít (s Flashem si totiž zatím moc nerozumíme). Nevýhodou je pomalejší zpracování při delších blocích textu, ale pro nadpisy je to OK.

Komentáře

1. Fred
18. 08. 04, 16.08