WML v malíčku – obrázky

20. září 2002

•

Bez obrázků by byl celý internet o něco chudší. A tak je na každé stránce spousta obrázků a život je hned veselejší. Ale pozor! Děláme stránky pro mobilní telefony, s malou rychlostí a malým displejem. Málokdy na wapu narazíme na stránku s více, jak jedním obrázkem.

Účel obrázku na wapu je přeci jen trochu jiný, než na webu. Na webu děláme pomocí obrázků pěkný design, dolaďujeme detaily, a to je právě ten rozdíl. Na displeji mobilního telefonu žádný design nevytváříme. Wapové stránky jsou vlastně jen dokumenty obohacené o navigaci a podle toho by také měly vypadat.

Má rada zní: Jeden obrázek na začátek každé stránky. Nic víc!

Tato rada je podložena praxí. Relativně často surfuji se svým mobilem na wapu a stránky s více jak jedním obrázkem se většinou načítají tak dlouho, že je ihned opouštím – čas jsou peníze. Toť vše z pohledu uživatele, a teď něco o tom, jak se vlastně obrázky vkládají. Obrázek vložíte na stránku pomocí zkráceného tvaru elementu <img> (wml totiž vyhovuje xml a v xml se musí všechny elementy ukončovat). Podívejte se na příklad p09.wml:

<?xml version=“1.0″?>
<!DOCTYPE wml PUBLIC „-//WAPFORUM//DTD WML 1.1//EN“ „http://www.wapforum.org/DTD/wml_1.1.xml“>
<wml>
<card id=“karta1″ title=“Prvni karta“>
<p>
<img src=“obrazek.wbmp“ alt=“Toto je obrazek“ width=“50″ height=“30″ /> vložení obrázku
</p>
</card>
</wml>

Jednotlivé atributy mají stejný význam jako v HTML:

src	adresa obrázku
alt	alternativní text
width	šířka obrázku v pixelech
height	výška obrázku v pixelech

Obrázky ve WML dokumentech musí mít speciální formát označovaný wbmp (wireless bitmap). Obrázek do tohoto formátu můžete převést pomocí speciálního editoru/konvertoru. Tady je seznam několika takových editorů: