ONLINE-WORKSHOPHTML 5 - Website-Optimierung für mobile Geräte

Auf einen Blick

Beginn: 10.09.2013

Ende: 30.09.2013

Veranstaltungsort:

Dauer: 3 Wochen

Zeitaufwand/Woche: ca. 6 - 10 Std.

Voraussetzungen:

Website-Editor

Grundkenntnisse in HTML/XHTML und CSS

(Details)

Leiter:

Teilnehmerbewertung:

(Details)

Preis: 295 Euro / 245 Euro*

(* für Mitglieder von akademie.de)

Alle Preise enthalten 19% MwSt.

10% Frühbucher-Rabatt noch bis 20.08.

Wir akzeptieren Prämiengutscheine!

Jetzt anmelden

Anmeldung über SSL-Server, keine Weitergabe Ihrer Daten. Wir nehmen Datensicherheit ernst.
Eine Stornierung ist vor Beginn des Online-Workshops jederzeit kostenlos möglich.
Die Teilnahmegebühr wird erst zu Beginn des Online-Workshops fällig.

Haben Sie noch Fragen? workshops@akademie.de
+49(0)30-616 55 0

Ihre Workshop-Leiterin: Helma Spona

ist Fachautorin im Bereich Digitalfotografie, Bildbearbeitung, (Website-)Programmierung und Webdesign. Die Fotografie hat Helma Spona schon früh fasziniert und mit Erscheinen der ersten digitalen SLR von Canon, der EOS 10D, ist sie auf die Digitalfotografie umgestiegen. Inzwischen hat Helma Spona verschiedene Sachbücher zum Thema Bildbearbeitung und Digitalfotografie veröffentlicht. Dazu kommen vor allem Fachbücher zu Programmier- und Webdesign-Themen.

Mehr über Ihre Workshop-Leiterin ...

Workshops:

E-Books erstellen, veröffentlichen und vermarkten

Beiträge:

Beiträge der Workshop-Leiterin als Atom-Feed

Diese Themen könnten Sie auch interessieren

Ratgeber:

Workshops:

Das sagen die Teilnehmer

Betreuung durch Workshopleiter:

Qualität der Unterlagen:

Praxisnähe des Workshops:

Teilnehmerstimmen

Dies war mein 1. Online-Seminar bei der Akademie und sicher nicht mein Letztes! Ich habe sehr viel gelernt und festgestellt, dass Javascript doch wichtiger ist, als ich dachte...:-))

Ihre Antworten auf die Wochenaufgaben waren immer sehr hilfreich und auf den Punkt. Auch dass Sie sehr schnell geantwortet haben (selbst am heiligen Oster-Sonntag!) tat gut und wenn was nicht klappte, waren Sie sofort da.

Vielen Dank auch für das ausführliche Informationsmaterial und die weiterführende Literatur- und Linkliste.

Ihnen alles Gute und vielen Dank!

Andrea Thurner, München

"Hallo Frau Spona,
[...] Ich hatte ja bereits erste "Erfahrungen" mit dem Aufbereiten von Inhalten für mobile Endgeräte. Allerdings fehlte mir immer das Basiswissen zu HTML 5 und mit Video- und Audiodateien habe ich bis dato auch noch nichts gemacht. Diese Lücke konnte ich nun mit dem Kurs auffüllen.
Was ich auch als sehr angenehm empfunden habe, war das schnelle Antworten auf Fragen und Feedback zu den Aufgaben. Toll. Was ich mir ein wenig gefehlt hat, war, dass zwischen den Aufgaben ab und an ein paar Initiativfragen von der Workshopleitung in den Raum gestellt wurden ( "Wer hat schon mal ... dieses und jenes " ),um einen regeren Austausch unter den Teilnehmern zu bewirken.
Für mich war es eine neue Erfahrung (habe zum ersten Mal einen Online-Workshop besucht), und würde ihn auf jeden Fall weiterempfehlen."

Martina Kinzl, Innsbruck

Alles in allem möchte ich sagen das ich den Kurs sehr lehrreich fand, insbesondere den 2. Teil (Optimierung für Mobile Geräte). Ich werde vieles daraus beruflich einsetzen können.

Robert Sommerer, Liezen

"[Besonders gefallen hat mir, d]ass man in alles einen Einblick bekommen hat und sich nun selbständig noch weiter mit dem Thema beschäftigen kann."

Sandra Tautenhahn, Chemnitz

Online-Workshop-Newsletter

Sie möchten Ihre Website fit für die Darstellung auf modernen mobilen Geräten wie Smartphones, iPad und anderen Touchscreen-Geräte machen? Dann sind Sie in diesem HTML 5-Online-Workshop genau richtig.

Das neue HTML 5 bietet besonders für die Optimierung für mobile Geräte einiges, das sinnvoll und wichtig ist. In diesem Workshop erfahren Sie z.B., wie Sie mit HTML5 Formulare erstellen, die für mobile Geräte optimiert sind, und wie Sie Video, Audio und Popup-Menüs ohne Flash einbinden.

Außerdem erfahren Sie, worauf Sie ganz allgemein bei der Optimierung Ihrer Website für mobile Geräte achten müssen und wissen am Ende dieses Online-Workshops

wie Sie Auflösung und Display-Größe mobiler Geräte beim Layout berücksichtigen
wie Sie Übertragungsgeschwindigkeit und Datenvolumen Ihrer Website optimieren
und wie Sie Probleme von Touchscreen-Geräten in JavaScript-Skripten vermeiden

Die Übungsaufgaben im Online-Workshop können Sie, sofern Sie dies möchten, an Ihrer eigenen Website umsetzen, so dass Sie am Ende des Workshops eine für mobile Geräte optimierte Website vorliegen haben! Wahlweise stehen Ihnen aber auch vorgefertige Beispieldateien zur Verfügung, die Sie nutzen können.

Kann man HTML5 heute schon sinnvoll einsetzen?

Ja.

HTML 5 ist noch nicht offizieller Webstandard, wird aber bereits von allen aktuellen Browsern unterstützt, auch von Handy-Browsern.

Außerdem ist HTML 5 abwärtskompatibel: HTML 5 Seiten lassen sich problemlos auch auf älteren Browsern darstellen, solange Sie ein paar
grundlegende Tipps beherzigen.

So können Sie Ihren Besuchern alle Vorteile von HTML 5 bieten, ohne die Nutzer mit älteren Browsern auszuschließen. (Und das funktioniert, ohne dass Sie die komplette Website umbauen müssen!)

Themen im Detail

Woche 1: Von HTML 4 zu HTML 5
Thema der ersten Woche ist der Unterschied von HTML 4 zu HTML 5 bzw. XHTML zu XHTML 5. Die wichtigen und praxistauglichen neuen Elemente werden vorgestellt und deren Einsatz in der Praxis gezeigt.
- Was HTML 5 für Webentwickler so interessant macht
- Wichtige Neuerungen und Unterschiede zu HTML 4
- Neuerungen für Formulare
- Neue Elemente abwärtskompatibel einbauen
- Eine HTML 4-Seite in HTML 5 umwandeln
Woche 2: Anforderungen mobiler Geräte berücksichtigen
In der zweiten Woche geht es ganz allgemein um die Optimierung von Webseiten für mobile Geräte und darüber hinaus, wie dies auch mit den Möglichkeiten von HTML 5 machbar ist und wie mit Hilfe der Neuerungen von HTML 5 die Bedienung für mobile Geräte optimiert werden kann.
- Webseiten auf mobilen Geräten testen
- Auflösung und Display-Größe beim Layout berücksichtigen
- CSS-Dateien abhängig von der Displaygröße laden
- CSS-Formatierungen für kleine Auflösungen optimieren
- Übertragungsgeschwindigkeit und Datenvolumen beachten
- Probleme von Touchscreen-Geräten in JavaScript-Skripten berücksichtigen
Woche 3: Multimedia und Action mit und ohne Plug-Ins
Die dritte Woche beschäftigt sich mit der Einbindung von Elementen die bisher üblicherweise mit Flash realisiert wurden, Video- und Audio-Dateien sowie Popup-Menüs. Es werden Alternativen zu Flash vorgestellt und Möglichkeiten auch Flash-Dateien so einzubinden, dass es für Browser ohne Flash-Plugin und HTML5-Unterstützung eine Alternative gibt.
- Probleme von Flash-Filmen auf mobilen Geräten
- Alternativen für Flash zum Abspielen von Audio- und Video-Dateien
- Audio- und Videoplayer-Steuerungen mit JavaScript erstellen
- Plug-Ins mit <embed> oder <object> einbinden
- Popup-Menüs ohne Flash realisieren
- Inhalte für die Offline-Nutzung definieren

Voraussetzungen

Sie sollten über einen Website-Editor verfügen, mit dem Sie Zugriff auf den HTML-Code der Seite haben. Darüber hinaus benötigen Sie Grundkenntnisse in HTML/XHTML und CSS. JavaScript-Kenntnisse sind von Vorteil aber nicht zwingend notwendig. Die Teile des Workshops, die sich intensiv mit JavaScript beschäftigen sind optional. Sie können das Workshop-Lernziel auch erreichen, wenn Sie diese optionalen Inhalte weglassen.