Partnerprogramm.org » Mobile Websites Tipps&Tricks http://partnerprogramm.org Partnerprogramme und Affiliate Marketing Portal Tue, 04 Oct 2011 06:28:42 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 Mobile Internet Websites selbst erstellen http://partnerprogramm.org/mobile-websites-erstellen/ http://partnerprogramm.org/mobile-websites-erstellen/#comments Wed, 28 May 2008 06:00:29 +0000 Redaktion http://www.partnerprogramm.org/?p=128 Mobile Websites zu erstellen ist kein Hexenwerk. Wer bereits einmal selbst in HTML programmiert hat, ohne notwendigerweise nur einen HTML WYSWYG-Editor zu benutzen, der wird schnell feststellen, dass sich der Quellcode für mobile Websites nicht wesentlich von HTML-Code unterscheidet.

Da man am Besten am praktischen Beispiel lernt, habe ich hier einmal zwei mögliche Quellcodes für eine mobile Webseite aufgeführt, einmal in XHTML (Extended Hypertext Markup Language) und einmal in WML (Wireless Markup Language). Ich persönlich bevorzuge mittlerweile die XHTML-Variante.

 XHTML mobile Website:

<?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”>

  <head>

    <title>Mobile Site – Mobile Verzeichnis</title>

    <meta http-equiv=“Cache-Control” content=“max-age=60″ />

[...]

</head>

  <body>

<div class=“header“>

      <img src=“logo.gif” width=“112″ height=“50″ alt=„website.mobi” />

      <br />  <small>Startseite</small>

    </div> 

<div class=“content“>

 

        <a href=“http://www2.belboon.de/tracking/000065547/0.html” target=“_blank”>

        <img src=“http://www2.belboon.de/tracking/000065547.img” border=“0″ alt=“” /> </a>

 

        [<span class="accesskey">1</span>] <a href=“mobileshops.xhtml” accesskey=“1″>Mobile-Shops</a><br />

        Liste von Online-Shops mit einer mobile Version.<br />       

        [<span class="accesskey">2</span>] <a href=“contact.xhtml” accesskey=“2″>Impressum</a><br />

        Kontaktinformationen zum Websitebetreiber.<br />     

   </div>

</body>

</html>

 Anm.: accesskey=”x” im a href-TAG ist übrigens die Anweisung zum Aufruf des Links per (Handy-)Tastatur (Ziffernblock)

WML mobile Website: 

<?xml version=“1.0″ encoding=“ISO-8859-1″?>

<!DOCTYPE wml PUBLIC “-//WAPFORUM//DTD WML 1.1//EN” “http://www.wapforum.org/DTD/wml_1.1.xml”>

 <wml>

<card id=“start“>

   <p>

      <b>Hauptmenu</b> <br/>

      <br/>

      Bitte waehlen:<br/>

      <a href=“shops.html”>Online-Shops</a> <br/>

      <a href=“portale.html”>Wap-Portale</a> <br/>

      <br/>

      <a href=“index.html”>Hauptmenu</a> <br/>

      <br />

      <a href=“http://www2.belboon.de/tracking/000065547/0.html” target=“_blank”>

      <img src=“http://www2.belboon.de/tracking/000065547.img” border=“0″ alt=“” /> </a>

      <br/>

      <a href=“http://www2.belboon.de/tracking/000064335/0.html” target=“_blank”>

      <img src=“http://www2.belboon.de/tracking/000064335.img” border=“0″ alt=“” /> </a>

   </p>

</card>

</wml>

 

Nachdem man die mobile Website ganz normal auf seinen Webserver oder Webspace hochgeladen hat (genauso wie normale Websites) ist man beinahe fertig. Die WML-Variante kann man sich i.d.R. einfach im Webbrowser ansehen. Für die XHTML-Variante benötigt man einen Mobile Emulator oder direkt ein Handy oder PDA.

readydotmobiresults1 Mobile Internet Websites selbst erstellenEinen Mobile Emulator zum testen von Mobile Webseites findet man unter:
http://mtld.mobi/emulator.php

Besser aber noch ist der Emulator auf http://ready.mobi, denn hier kann man seine mobile Website direkt testen und erhält wertvolle Hinweise zur Fehlerbehebung.

Viele Hinweise zu den Code-Standards, die zu beachten sind und und viel Hintergrund-Wissen kann sich der geneigte Leser durch einfache Webrechere aneignen. Eine gute Ausgangsbasis ist hierfür die Website http://dev.mobi.

Und noch ein Hinweis zum Schluss:

Auf www.boxedart.com, einer Website für Templates ähnlich templatemonster.com sind vor wenigen Tagen erste grafische Mobile Templates erschienen. Aber auch auf dev.mobi findet man ein XHTML Mobile Template (kostenfrei), dass sich sehr gut als Ausgangsbasis für die ersten Schritte im mobilen Internet eignet.

Copyright © 2007
Dieser Feed ist nur für den persönlichen, nicht gewerblichen Gebrauch bestimmt.
Eine Verwendung dieses Feeds auf anderen Webseiten verstößt gegen das Urheberrecht. Wenn Sie diesen Inhalt nicht in Ihrem News-Reader lesen, so macht sich die Seite, die Sie betrachten, der Urheberrechtsverletzung schuldig. (digitalfingerprint: )]]> http://partnerprogramm.org/mobile-websites-erstellen/feed/ 3 Was sind 6:1 MobileAds? http://partnerprogramm.org/was-sind-mobileads/ http://partnerprogramm.org/was-sind-mobileads/#comments Mon, 26 May 2008 22:11:10 +0000 Redaktion http://www.partnerprogramm.org/?p=125 MobileAds Was sind 6:1 MobileAds?MobileAds im 6:1 Displayformat
bestehen aus 4 unterschiedlichen, darstellungs-optimierten Bannergrößen. Das heißt ein 6:1 MobileAd besteht aus vier Grafiken, i.d.R. im *.gif oder *.jpg-Dateiformat.

Die genauen Größen gem. den Mobile Advertising Guidlines for Europe, Middle East and Africa (EMEA) der mobile marketing association orientieren sich am Seitenverhältnis der MobileAds für mobile Endgeräte-Displays (Handy/PDA).

 

 

Die Formate für ein 6:1 MobileAd sind:

  • 300 x 50 Pixel
  • 216 x 36 Pixel
  • 168 x 28 Pixel
  • 112 x 20 Pixel

Offensichtlich müssen innerhalb der jeweiligen Formate Informationen wie Texte und Bilder unterschiedlich dargestellt werden. Je kleiner das Format, um so weniger Details und Texte können untergebracht werden.

Zu berücksichtigen ist auch, dass bei kleiner werdendem Format, Schrift größer dargestellt werden muss. Genau erschließt sich dies durch den Hintergund der vier Formate eines MobileAds. Aufgrund der unterschiedlich großen Displays von mobilen Endgeräten (Handys, Smartphones oder PDAs) wählen Endgeräte-erkennende MobileAdServer vereinfacht gesagt das Format eines MobileAds aus, dass für die jeweilige Displaygröße am geeignetsten erscheint.

So wird das kleinste Format z.B. bei sehr kleinen Displays häufig bevorzugt. Logisch, dass auf einem kleinen Display weniger Information (Werbemittel-Inhalte), aber mit größerer Schrift dargestellt werden muß, als bei sehr großen Displays.

sport1 Was sind 6:1 MobileAds?Vernünftige MobileAdServer berücksichtigen darüber hinaus übrigens nicht nur das jeweils beste Format für ein Display, sondern rechnen die entsprechende Werbemittelgrafik auch qualitativ optimal auf eine feste Display-Breite (z.B. 98% oder 100%) um, bevor das Werbemittel ausgeliefert wird. Hinzu kommt, dass es selbst auf ein und dem selben Handy-Typ zu unterschiedlichen Grafik-Darstellungen kommen kann, je nach dem, ob der User mit Vodfone, E-Plus, T-Mobile, O2 oder einem anderen Mobilfunkanbieter im mobile Internet surft. Auch dies berücksichtigen gute MobileAdServer bei der Grafik-Neuberechnung, bevor sie diese ausliefern.

 

Weiterführende Informationen finden sich hier:

 

Copyright © 2007
Dieser Feed ist nur für den persönlichen, nicht gewerblichen Gebrauch bestimmt.
Eine Verwendung dieses Feeds auf anderen Webseiten verstößt gegen das Urheberrecht. Wenn Sie diesen Inhalt nicht in Ihrem News-Reader lesen, so macht sich die Seite, die Sie betrachten, der Urheberrechtsverletzung schuldig. (digitalfingerprint: )]]> http://partnerprogramm.org/was-sind-mobileads/feed/ 0