PC-politika.cz - Novinky: WAP: Verze 2.0 - nové možnosti PC-politika

WAP: Verze 2.0 - nové možnosti

Verze WAP 2.0 pro mobilní telefony (pracuje s kódem XHTML), která je prosazována od roku 2003, přináší řadu výhod. Ve srovnání s WAP 1 (WML) dokáže pracovat s textem pomocí Kaskádových stylů (CSS). Umožňuje to programování pomocí XHTML-MP. Článek ukazuje, jak lze pomoci CSS formátovat text a využít také element "blockquote" i "address".

Verze WAP 2.0 pro mobilní telefony (pracuje s kódem XHTML), která je prosazována od roku 2003, přináší řadu výhod. Ve srovnání s WAP 1 (WML) dokáže pracovat s textem pomocí Kaskádových stylů (CSS). Umožňuje to programování pomocí XHTML-MP. Článek ukazuje, jak lze pomoci CSS formátovat text a využít také element "blockquote" i "address".

WML neumí všechno

Základní textové informace, které jsou zveřejněny na klasické internetové stránce (prezentace e-komerce, zpravodajství, přístup k bankovnímu účtu, nákupům a podobně), musí webdesigner napsat tak, aby se co nejlépe vešly na displej mobilu. Problém je ovšem v tom, že většina tvůrců ještě píše WAP (Wireless Application Protocol) stránky v jazyce WML (Wireless Markup Language), který nedává více možností pro formátování textu. Je to vidět na mnohých wapových stránkách, kde je písmo zbytečně veliké, také formátování odstavců by mohlo být pestřejší. Například na WAP stránce Kovo dům Chloupek. Rovněž prezentace WAP stránek AG Shop by mohla mít větší výběr menšího písma. Jak by WAP stránky měly vypadat, ukazuje například wapová stránka Agentura N-59.cz. Řešením je přejít v publikování ve WAP, který dlouhou dobu využíval značkovací jazyk WML, k mnohem zdatnějšímu a výkonnějšímu pokračovateli.

XHTML je důslednější

Výrazně výhodnější je využívat při tvorbě stránek pro mobily technologii WAP 2.0 postavenou na značkovacím jazyce XHTML, přesněji XHTML-MP (XHTML - Mobile Profile). Oproti WML je totiž důslednější a přesnější obdobou jazyka internetových stránek. WAP 2.0 podporují všechny nejnovější mobilní telefony. Podstatně ubylo mobilních telefonů používajících starou verzi WAP 1.1, modely od roku 2001 mají už verzi 1.2 a nabízí využití kaskádových stylů CSS (Cascade Style Sheets). Ty zajišťují vedle dokonalé správy barev i výtečné formátování WAP stránek a dokáží se přizpůsobit rozdílné velikosti a rozlišení displejů mobilních telefonů. V prvním příkladu si ukážeme, jak změnit pomoci CSS velikost písma. Pro toho, kdo pracuje při tvorbě klasických internetových stránek s klasickým CSS, to bude velmi jednoduché.

Velikost titulků, tedy elementu h2, je určena ve stylopisu dokumentu, a to selektorem h2, který nám zajistí potřebnou velikost písma.
O změnu velikosti běžného textu se postará třída .pismov, která je uložena rovněž ve stylopisu dokumentu.
Zarovnání dalšího textu v odstavci je provedeno takzvaným přímým stylem u stylovaného elementu, a to prostřednictvím atributu style s hodnotou deklarace stylu text-align:right.

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
      "http://www.wapforum.org/DTD/xhtml-mobile10.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
   <head>
      <title>Pouziti CSS</title>
      <style type="text/css">
      h2 { color:blue; text-align:left; font-size:0.6em;}
         .pismov {font-size:1.0em; color:red;}
      </style>
   </head>
   <body>
      <p>
      Ukazka zmeny pisma
      <span class="pismov"> na vetsi velikost</span>
      a zde puvodni velikosti
      </p>
<hr />
      <h2>Zmensene pismo...</h2>
<div style="text-align:right; color:red;">
         <p>Text zarovnán v pravo...</p>
      </div>
      <hr />
            <h2>Zmensene pismo...</h2>
<div style="text-align:left; color:red;">
         <p>Text zarovnan vlevo...</p>
      </div>
   </body>
</html>

Ukázka formátování textu v emulátoru Nokia

Formátování textu pomocí CSS v emulátoru Nokia.

Blockquote, address

XHTML nám umožňuje, na rozdíl od WML, používat blokový sémantický element blockquote, za nímž se automaticky zalamuje řádka. Slouží k uzavírání citací. Lze tak jednoduše vytvářet oddíl textu a odstavce, což může být na displeji mobilu působivé, aniž použijeme ke stejnému efektu CSS styl. V poslední době jej webdesignéři používají k vyznačování jmen osob, organizací a podobně. Element blockquote je výhodný jako speciální odstavec s větším levým a pravým odsazením (volným místem od okraje).

Současná specifikace WAPforum Technical WAP 2.0 doporučuje raději použití normálního odstavce p nebo oddílu div s deklarací stylu margin nebo margin-left, podobně jako v XHTML, element blockquote však nezavrhuje. Totéž platí o dalším blokovém elementu address, který můžeme ve WAP 2.0 klidně používat. Vytvoří blok s písmeny zobrazenými v kurzívě - o zalomení řádků se však musíme postarat pomocí elementu <br />.

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
      "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
   <head>
      <title>Zarovnani do bloku</title>
   </head<
   <body>
      <p>Nadpis:</p>
      <blockquote>
         <p>Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text...Text... Text... Text... Text... Text...</p>
      </blockquote>
<hr/>
<p>Kontakt:</p>
      <address>
         Adresa
         Ulice
         Mesto
         PSC
      </address>
      </body> </html>