Formate: für Handys | für PC-Browser 
12.01.2010 20:59
 QR-Code
kaywa qr-code

internet partnership / Mobihexer

Allersberger Str. 185/O
90461  Nürnberg
Tel.: 0911 3733753
eckard.ritter@googlemail.com

Jetzt die Homepage fürs Handy

Mobihexer-Anleitung

Diese Seiten helfen Ihnen, Ihre `mobile Website` zu bauen - mit großem Erfolgserlebnis und kleinem Zeitaufwand!

...............`Grüß Gott aus Nürnberg!`

Schnell Bescheid wissen: am besten Link [2]

Sie nutzen Mobihexer erstmalig?

Mobihexer ist sehr einfach aufgebaut: es gibt Seiten, Bilder und Links. Screenshot: Ihr Menü beim ersten Einloggen.

Aufbau der Seiten:
+ Titelzeile bzw. Überschrift
+ Slogan (auf jeder Seite angezeigt)
+ Navigations-Linkblock (max. 8 Links)
+ Kurztext
+ 1 Bild
+ Langtext (den Sie jetzt lesen)
+ 1 externes Link

Weiter mit Link [1] zum 60-Sekunden-Rundgang

Tipps für die ALLERERSTE Seite

So geht`s: bei `Mobi-Seiten` Neueintrag wählen, Felder mit Text belegen, fertig!

Unter `Vorschau` (oberste Menü-Zeile) erhalten Sie Ansichten Ihrer Seite in verschiedenen Formaten - und wissen sofort, wie die Seite auf dem Handy oder auf dem PC-Bildschirm aussieht.

WICHTIG: wenn Sie einmal mehrere Seiten angelegt haben, sollten Sie festlegen, welche davon Ihre STARTSEITE sein soll! So geht`s: tragen Sie in die Zeile TITEL als erstes Zeichen ein Sternchen (*) ein.

Also: beim ersten Login gleich eine Startseite anlegen mit dem Titel, z.B. `*Hello World`

Im Rundgang geht`s weiter mit `Der Ablauf auf einen Blick`

Der Ablauf auf einen Blick

Sie wollen eine mobile Homepage und haben Mobihexer eben bei Google gefunden? Nach nur 1 Minute kann Ihre erste Seite online sein. Der Ablauf:

1. Bei http://kostenlos.mobihexer.de anmelden, Login-Link per Email erhalten

2. Zum Bearbeiten einloggen

3. `Mobi-Seiten` anlegen und texten
3a. Ggf. `Mobi-Bilder` hochladen
3b. Ggf. `Mobi-Links` anlegen

4. Links und Bilder in die Seiten einfügen

5. Navigation: Seiten miteinander verlinken

Das war`s schon (fast). Mehr Details bringt Ihnen der 60-Sekunden-Rundgang durch diese Anleitungs-Website: klicken Sie einfach immer Link [1] für den nächsten Schritt!

60-Sekunden-Rundgang

So lernen Sie Mobihexer schnell kennen: einfach immer Link Nr. 1 klicken für den nächsten Schritt im Rundgang

Klicken Sie auf allen Seiten immer nur Link [1] und Sie kommen in nur 1 Minute an die wichtigsten Infos und Praxis-Tipps.

Achtung: die Nummerierung der Links [1] [2] [3] ... sehen Sie nur in der mobilen Ansicht - sie sind jedoch auch in den PC-Ansichten nutzbar und SEHR praktisch. Mehr davon: s. Link: Navigieren per Tastaturkürzel!

Mobi-Seiten anlegen

Texte eingeben - SPEICHERN - fertig

Außer den Textfeldern TITEL, KURZTEXT und LANGTEXT gibt es zwei weitere

SORT: Anzeige-Reihenfolge der Seiten

BILDANZEIGE (falls schon Bilder angelegt):
Wenn das Kästchen angeklickt ist, werden sämtliche Mobi-Bilder, die Sie vorher angelegt haben, zur Auswahl angezeigt. Wenn das Bild für eine Mobi-Seite einmal feststeht, können Sie die Bildanzeige deaktivieren.

Mobi-Bilder anlegen

Einfach Bilder von Ihrer Festplatte auswählen und hochladen. Wichtig: max. Bildgröße 30K.

Bei der Seitenbearbeitung können Sie dann aus den hochgeladenen Bildern auswählen.

BILDTITEL: nicht erforderlich - aber zu empfehlen, auch im Hinblick auf Suchmaschinen- Sichtbarkeit.

BILDNAME: wird automatisch gewählt, meist der Name des Bildes auf der Festplatte. Dieser sollte keine Umlaute und keine Sonderzeichen erhalten.

Bildgröße: max. 30K. Sie können also Bilder von der Digi-Kamera oder vom Handy nicht direkt verwenden, sondern müssen diese erst verkleinern. Empfohlene Bildbreite: 300px. Falls die Bildhöhe kleiner als 212px ist, tragen Sie diese bitte ein.

Mobi-Links anlegen

Ablauf wie mit Bildern: erst anlegen, dann bei Seitenbearbeitung auswählen. Die Bild-Adresse (URL) muss vollständig, beginnend mit http:// angegeben werden.

Sie können in Ihrer mobile Website in jeder Einzelseite ein externes Link (`Mobi-Link`) einfügen. Ein Link-Datensatz besteht aus den Feldern Titel (max 80 Zeichen), URL und Kurztext (max 255) Zeichen.
Der Link-Titel ist der verlinkte Text, der angezeigt wird, er sollte also aussagefähig sein.

Der Kurztext ist optional: er wird VOR dem Link angezeigt; das Link folgt ohne Zeilenumbruch. Wünschen Sie, daß das Link dem Kurztext in neuer Zeile folgt, dann schließen diesen einfach mit einem Zeilenwechsel ab.

Beispiel: der u.a. Link `Bei Mobihexer kostenlos anmelden`

Bilder + Links in Seiten einfügen

Auf `Mobi-Seiten`...`Bearbeiten` fügen Sie ein Bild oder ein Link in die Seite ein.

Wählen Sie einfach unter den verfügbaren Bildern aus.
(Sie können die Anzeige der Bilder abschalten: Kästchen `Bildanzeige`)

Ein Link binden Sie durch Auswahl bei `XLINK` (von `externes Link`) in die Seite ein.

Navi: Seiten der Website verlinken

Wenn alle Einzelseiten Ihrer mobilen Website fertig sind, geht es an die Navigation: einfach im Linkblock die Seiten untereinander verlinken.

Im Bild: der Linkblock eines Hotels.

Sie haben 8 Links zur Verfügung.

Zur Startseite brauchen Sie nicht zu verlinken: jede Seite enthält automatisch ein Link zur Startseite.

Eine Kontaktseite müssen Sie auch nicht eigens anlegen: Sie wird automatisch aus Ihren Adressdaten erzeugt und ist automatisch auf jeder Einzelseite Ihrer mobilen Website verlinkt.

Denken Sie beim Verlinken bitte an den Handy-Benutzer:
ZU VIELE Links sind ungünstig, da jedes Klicken auf dem Handy u.U. zeitaufwändig ist.
ZU WENIGE Links sollte es auch nicht sein: der Interessent sollte auf jeder Seite mehrere sinnvolle (d.h. thematisch passende) Möglichkeiten haben, weiter zu klicken (und nicht gezwungen sein, wieder bei der Startseite anzufangen).

Adressdaten und Einstellungen

Hier geht es um Daten, die für die gesamte Website gültig sind. Besonders interessant: der `Slogan`, der auf allen Seiten eingeblendet wird!

Der Slogan wird auf jeder einzelnen Seite Ihre mobilen Website eingeblendet: zwischen Titel und Navi-Linkblock.

Beispiel: der Slogan dieser Anleitung heißt:
`Jetzt die Homepage fürs Handy`

Im letzten Teil des Rundgangs geht es um die Ausgabe-Formate für Handys und PCs - einfach weiter mit Link [1] ...

Formate und Web-Adressen

Mobile Homepages von Mobihexer werden unter mehreren Adressen angezeigt - mobil und im PC-Internet

Mobiles Format für Handys

Das Haupt-Ausgabeformat Ihrer mobilen Website ist ... das mobile: geeignet für Hunderte von Millionen Internet-Handys der Welt.

Wie Handy-tauglich ist eine mobile Website? Unter ready.mobi kann dies getestet werden (s.u.). Das Bild zeigt den Test für mobihexer.mobi - die mobile Website für diese Anleitung, die Sie gerade lesen. Das Ergebnis: 4.5 von 5 Punkten - `It will probably display very well on a mobile phone.!

PC-Format der mobilen Website

Ausgabe Ihre mobile Homepage für den PC-Bildschirm: Linkblock und Bilder werden typischen Bildschirm- Abmessungen angepasst

Wenn ein Interessent am PC auf Ihre mobile Homepage stößt, dann kann er auf das PC-Format wechseln, das am PC-Bildschirm besser aussieht.

Wenn umgekehrt ein Handy-Nutzer auf das PC-Format Ihrer mobilen Website kommt, wird er automatisch zum mobilen Format weitergeleitet.

Der OnePageView

Die Darstellung aller Seiten der mobilen Website auf eine einzigen PC-Format-Seite.

Dies ist gerade bei größere Sites praktisch für einen schnellen Überblick oder für inhaltliche Korrekturen.

Nicht angezeigt: `isolierte` Seiten. Wenn Sie eine Seite für Notizen benutzen und keine andere Seite linkt zu dieser Seite, dann wird sie im OnePageView unterdrückt.

Links innerhalb der Mobilen Website werden einfach zu lokalen Links auf der Mobilen Web-Page.

Auf den OnePageView-Seiten befindet sich rechts oben ein `Mobile Tag`. Damit kann die mobile URL von einem Schreibtisch-PC aufs Handy `mitgenommen` werden.

Besser noch: von der Druckversion. Die OnePageView-Seiten sind speziell für den Ausdruck aufbereitet, so daß z.B. interne LInks nicht angezeigt werden.

Die OnePageView bietet zusätzlich eine Sprachausgabe: damit kann der gesamte Inhalt einer Mobilen Website bequem vorgelesen werden. Diese Möglichkeit macht auch nur bei einer solchen Einseiten-Darstellung Sinn: da die Einzelseiten einer Mobi-Site oft kurz sind, müßte man beim Wechsel jeweils den Reader neu starten.

Die Profilseite

Zusätzlich zu den 3 Formaten (1x mobil, 2x PC) liefert Mobihexer eine Profilseite, die viele Daten zweckmäßig zusammenfasst

Die Profilseite enthält

1. Die Anschrift des Site-Inhabers (wie in Adressdaten und Einstellungen hinterlegt)

2. Die Adressen der div. Formate (Mobil, PC, OnePageView), jeweils dyn. und statische URL

3. Ein Liste aller Links, die in der mobilen Website verwendet werden. Die Links können mit einer Reihe von Kategorien übersichtlich strukturiert werden.

Die Profil-Seite kann kreativ eingesetzt werden, wie das u.a. Link `PresseNet` zeigt.

Mobihexer-Lexikon

Diese Seiten sind noch im Aufbau - Stand 01.06.2009. Vorerst sei auf den Weblog zu Mobihexer (s. Link unten) verwiesen.

Im Mobihexer-Lexikon werden Sie viele Informationen und Tipps erhalten, nicht nur zu Mobihexer, sondern allgemeiner zum brandaktuellen Thema:

++++++++++++++++++++++++++++
`Jetzt das mobile Internet richtig einsetzen und das eigene Webangebot Millionen von Handy-Surfern zugänglich machen`
++++++++++++++++++++++++++++
.

Navigieren per Tastaturkürzel

Bei einer korrekten mobilen Homepage sollte für die Navigationslinks Tastaturkürzel hinterlegt sein, da dies auf manchen Handys die Bedienung wesentlich vereinfacht.

Die Nummernhinterlegung ist aber auch in den PC-Ansichten praktisch. Ein Beispiel: die vorliegende Anleitung für Mobihexer.

Im `Rundgang` kommen Sie immer durch Klicken von Link [1] auf die nächste Seite.

In den PC-Ansichten sehen Sie die Nummern nicht, aber sie sind hinterlegt: im `PC-Format` immer das oberste Link anwählen, beim `OnePageView` jeweils das erste Link der Zeile.

In beiden Fällen ist es das Link mit dem Tastaturkürzel `1` - und damit über die Tastatur ansteuerbar.

Internet Explorer: bei gedrückter Alt-Taste die `1`, dann loslassen und die Eingabe-Taste

Firefox 2.x: bei gedrückten Tasten Alt und Shift (Umschalt-Taste) die `1`, dann loslassen und die Eingabe-Taste.

Kompliziert? Nur im ersten Augenblick, dann sehr praktisch: Sie gehen durch den Mobihexer-Rundgang, indem Sie einfach immer dieselbe Taste drücken.

Wie wäre es, wenn Sie diese Möglichkeit bei Ihrer eigenen mobilen Homepage nutzen?

SORT: Übersicht spart viel Arbeit!

Im Menü können Sie die Seiten zur besseren Übersicht nummerieren. Die Nummer wird [123] links in der Titelzeile angezeigt.

Einfach im Feld SORT eine Nummer eingeben!

Die Nummerierung ist praktisch: erstens legen Sie damit die Anzeigereihenfolge im Menü fest und die wird bei großen Sites immer wichtiger für die Übersicht.

Zweitens erscheinen im OnePageView die einzelnen Seiten als Abschnitte genau in dieser Reihenfolge.

Wichtig: das Format des Nummernfeldes ist `Zeichenkette`, d.h. wenn Sie die Zahlen 8,9,10,11 als Nummerierung nehmen, wäre die angezeigte Reihenfolge: 10,11,8,9! Wenn Sie also mit Zahlen nummerieren, bitte alle mit führenden Nullen auf die gleiche Länge bringen: 08,09,10,11 - dann wird alles sinngemäß angezeigt.
Vorteil bei dieser Art der Nummerierung: Sie können auch mit sinnvollen Bezeichnern und Zahlen nummerieren, z.b. service_01, service_02 etc., maximale Länge 40 Zeichen.
Tipp: geben Sie der Startseite die Nummer `000` und sortieren Sie zunächst mit 100,200,300 - das gibt Ihnen genug Spielraum für späteres Umsortieren und Einfügen

Immer mehr Deutsche finden per Internet zum passenden Urlaubserlebnis. Über 7% aller Handybesitzer nutzen ihr Handy, um sich zu informieren. Innovative Touristiker aus Deutschland reagieren darauf und stellen Ihr Angebot auf mobihexer.de/urlaub-deutschland vor. Die Website präsentiert attraktive Urlaubsangebote für mobiles Internet und im PC-Browser-Format.
www.mobihexer.de für die mobile Homepageerstellung ist ein Service von internetpartnership.de, Dr. Eckard Ritter, Nürnberg.