Neben dem responsive Webdesign ist das Erstellen von „echten“ mobilen Websites eine weitere Möglichkeit Inhalte für mobile Nutzer aufzubereiten.
Beim Responsive Design wird eine Website bei unterschiedlichen Größen dem Medium angepasst, aber immer der selben Inhalte darstellt. Anders wird bei „echten“ mobilen Websites eine eigene mobile Version erstellt, die in Inhalt und Layout für das mobile Erlebnis ausgelegt sind.
Zum Erstellen einer solchen mobilen Websites gibt es mittlerweile eine Menge unterschiedliche Frameworks. Eines der bekanntesten ist jQuery Mobile. Gerade in Zusammenarbeit mit Dreamweaver bietet sich dieses Framework ideal an, da Dreamweaver viele Funktionen zum Erstellen und zur Bearbeitung bereitstellt.
In meinem mehrteiligen Videotutorial zeige ich, wie von Grund auf eine mobile Website auf Basis von jQuery Mobile erstellt und mittels Themeroller designed wird. Dabei wird in diesem Training ein komplettes kleines Webprojekt umgesetzt.
Der erste Teil zeigt, die Erstellung einer neuen mobilen Website, wie die einzelnen Elemente hinzugefügt werden und wie der Content für das Projekt eingebaut wird.
Der zweite Teil widmet sich vor allem dem Design, hier wird mittels Themeroller durch einfaches zusammenklicken ein individuelles Design für unser Projekt erstellt.
Ich wünsche euch viel Spass und Erfolg mit diesen Video Tutorials.
Videos auf Youtube:
Mein Video Tutorial Kanal:
