Nå har det lenge vært diskusjoner og spørsmål rundt nedlasting til mobil på diskusjonsforumet. Mange spør om WAP-tags, og hvordan de skal brukes. Her i denne guiden håper vi du kan finne litt hjelp, slik at også du kan lage en enkel WAP-side hvor du kan ha ringetoner og grafikk. Vær oppmerksomme på at denne guiden er skrevet med utgangspunkt i at man kan lite om WAP fra før.

Header tag

Filformatet du bruker når du lager en WAP-side er wml. Dette er ikke et helt eget format, men en "forkortet versjon" av det såkalte xml-formatet. For å følge noen av de basiske xml reglene, MÅ alle WAP-sider starte med et par linjer med xml-språk, som vist i blått i eksempelet under.

Du bruker såkalte "cards", eller "kort" som layout på siden. Disse kortene har også en veldig kjekk effekt på siden, men det kommer vi tilbake til. Eksempelet under er et godt eksempel på en tom side som venter på at du skal skrive inn tekst. Har du jobbet med html før, vil du se at wml er egentlig bare en veldig enkel versjon av html, men med et krav om at alt skrives inne i de såkalte "kortene".

Eksempel 1

<?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="card1" title="overskrift"> <p> her settes teksten din inn </p> </card> </wml>

Bruken av "kort" eller "cards"

Når du klikker på en link i en vanlig webside, så lastes vanligvis en ny webside. Siden WAP-telefoner laster ned sider veldig sakte, mye på grunn av at kun selve oppkoblingen til WAP-siden vanligvis tar halve båndbredden, så gjør wml det mulig å laste ned flere WAP-sider på en gang.

Hver side er lagret på telefonen som et "kort" og mellom disse kan man hoppe frem og tilbake, akkurat som en WAP-side, bortsett fra at de er lagret på telefonen og da kommer de mye kjappere frem. Du lager en "card" ved å bruke <card id="" title""> taggen som er vist ovenfor, og navigerer mellom dem ved å bruke linker, men med en # før navnet. Så for å hoppe til en "card" som er kalt "card2" må linken referere til "#card2".

Eksempel 2

<?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="card1" title="Første side"> <p align="center"> Hei, dette er førstesiden i en multicard wml-side <br/> <a href="#card2">Gå til side to</a> </p> </card> <card id="card2" title="Andre side"> <p align="center"> Dette er den andre siden. <br/> <a href="#card3">Gå til side tre</a> </p> </card> <card id="card3" title="Tredje side"> <p align="center"> Her er tredjesiden i en multicard wml-side </p> </card> </wml>

Paragrafer <p>

På en WAP-telefon må alt som blir skrevet, bilder eller til og med tabeller, komme frem i en paragraf. Dette er, som sikkert mange oppdager, helt det samme som med en ordinær nettside. Men der en nettleser elegant overser disse småfeilene på en nettside, vil du merke det godt på en WAP-telefon i form av feilmeldinger. Så du må bruke paragrafer.

Paragrafer blir laget med taggen "<p>". I den kan du også angi hvordan paragrafen skal sentreres. Venstre (left), høyre (right), eller i midten (center). Når du stenger en paragraf med "</p>" så avslutter du også "align", så skal du ha enda en paragraf som skal stå for eksempel på høyresiden, så må du angi også dette i neste paragraf. Standard-posisjoneringen for en paragraf, hvis ikke noe annet er angitt, er venstre, eller "left".

Eksempel 3

<?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="card1" title="første card"> <p align="center"> Dette er en enkel, midtstilt paragraf </p> <p> Dette er en standard paragraf. Alt dukker opp på venstre side </p> <p align="right"> Denne paragrafen er høyrestilt </p> </card> </wml>

 

Linjebrudd - Line break <br/>

Akkurat som på en vanlig nettside, må linjene avgrenses og avsnitt må lages. Og den letteste måten å gjøre dette på, er å sette inn linjebrudd. På denne måten er du garantert at skriften ikke går ut av skjermen, men istedenfor fortsetter på linja nedenfor. Denne taggen brukes også for å skape avsnitt.

Du kan godt stenge en paragraf, noe som skaper to avsnitt. Men da blir du nødt til å åpne en ny paragraf, så det er da lurere å heller bruke to linjebrudd. Taggen for linjebrudd er <br/> og ulikt andre tagger, så kan den ikke åpnes og stenges, den er bare der hvor et linjebrudd trengs. Et avsnitt, eller en tom linje, skapes ved å sette to linjebrudd etter hverandre, som vist under.

Eksempel 4

<?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="card1" title="første card"> <p> Dette er en <br/> tekst med avsnitt <br/> <br/> her ser du den etter to avsnitt </p> </card> </wml>

Sette inn linker <a href="">

Det finnes flere måter å sette inn linker på, men den enkleste er å bruke vanlige linker, og siden dette er en nybegynnerguide, så blir det den eneste metoden vi beskriver i denne guiden. Dette er en helt vanlig måte å referere til andre adresser på, og har du drevet noe med html, så kjenner du helt sikkert igjen denne også. Taggen vi bruker er <a href="filnavn.xxx">. Skal du linke til et kort, så kan du se litt lenger tilbake i teksten, men husk at da skal man ikke ha med filslutten.

Eksempel 5

<?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="card1" title="ringetoner"> <p align="center"> Dette er teksten <br/><br/> <a href="page2.wml">Gå til side to</a> </p> </card> </wml>

Det er på denne måten man setter inn linker til ringetoner, bilder og andre filer du vil ha inn på mobilen. I eksempelet under, har vi gått ut ifra at man har en undermappe på hjemmesidekontoen hvor man har de aktuelle ringetonene. Si at du har en konto hos home.no, som heter olanormann, hvor den aktuelle undermappen heter "ringetoner" og lydfila du skal kunne laste ned heter "ringetone.mid". Da blir adressene som beskrevet under.

Hjemmesiden: Undermappe: Lydfil:

http://home.no/olanormann http://home.no/olanormann/ringetoner http://home.no/olanormann/ringetoner/ringetone.mid

Eksempel 6

<?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="card1" title="ringetoner"> <p align="center"> Dette er teksten <br/><br/> <a href="ringetoner/ringetone.mid">Velg denne for å laste ned ringetonen</a> </p> </card> </wml>

Bilder

Bilder er et komplisert kapittel, så det vil vi ikke si så mye om. Dette er mye arbeid i forhold til resultatet. Siden WAP enda er på et såpass enkelt stadium, så er det nemlig bare svart/hvitt bilder i wbmp-formatet som kan vises. Da må du ha et svart/hvitt bmp-bilde og bruke en plug-in til for eksempel Photoshop, for å konvertere dette til wbmp. Ellers er det den samme taggen som i html, nemlig <img src="">

Husk å skriv en ryddig kildekode. Når man skriver WAP-sider, er det veldig viktig å ikke ha to tagger etter hverandre, da det skaper total kaos for noen mobiltelefoner. Telefonen får en feilmelding og nekter rett og slett å laste siden. Under kan du se to eksempler. Det første eksempelet er feil, og vil ikke virke, mens det andre er riktig og vil fungere. Vi går ut i fra at dette er et forsøk på å lage en samling med ringetoner. En tommelfingerregel du kan bruke, er å alltid begynne på ny linje hver gang du skifter tag.

Eksempel 7 - vil ikke virke pga tagger etter hverandre

<?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <a href="ringetoner/1.mid">Ringetone 1</a><br/> <a href="ringetoner/2.mid">Ringetone 2</a><br/> </wml>

Eksempel 8 - vil virke

<?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <a href="ringetoner/1.mid">Ringetone1</a> <br/> <a href="ringetoner/2.mid">Ringetone 2</a> <br/> </wml>

Litt om programvare

Det finnes mange xml/wml-redigerere rundt omkring, men vi anbefaler ikke å bruke disse. Vi syntes de gir litt for dårlig overblikk og valgfrihet. Dessuten er det lettere å få siden til å bli akkurat slik som du vil ha den dersom du bruker en tekstbasert editor. Programvaren undertegnede bruker og anbefaler, er 1st Page 2000. Dette er en 100% gratis tekstbasert redigeringsprogram som vi synes er helt topp å bruke. Det er egentlig en html-editor, men den virker like bra til både xml og wml.

http://www.evrsoft.com - 1st Page 2000
http://www.wappy.to - Gratis redirecting og flere nyttige verktøy (bl.a. WAP-emulatorer)