Produktion interaktiver Medien - S. Bündgen

Layout

Trotz guter Planung und eines Photoshop Entwurfes, habe ich bei der Erstellung der Webseite noch ein paar Änderungen vorgenommen.

In der “section left“ wurden statt einer Auflistung (des Angebotes) eine anderes Layout gewählt.

Weiters wurde die Navigation nicht in die “section right“ integriert, sondern herausgenommen und erstreckt sich über die ganze Breite des Wrappers. Weiters wurde noch ein Menüpunkt hinzugefügt.

Video

Das Video wurde mit dem EasyHtml5Video Konverter in die Formate mp4, m4v, ogg, und webm konvertiert. Dabei habe ich die freie Version des Programmes verwendet – in dieser Version waren zwar nicht mehr viele Einstellungen möglich, dies war jedoch kein Problem, da ich beim Export aus dem Programm iMovie schon dementsprechende Einstellungen vorgenommen habe.

• Video-Codec: H.264, AAC

• Qualität: Mittel

• Video-Größe: 640x360

• Gesamt-Bitrate: 1.544

Dies hat zu einer Größe von 43,2 MB geführt, durch die Konvertierung durch den EasyHtml5Video Konverter habe ich einen guten Trade-off zwischen Dateigröße und Qualität erreicht.

Datengröße:

•  m4v - 14MB
• mp4 - 13,5 MB
• ogg - 13,1 MB
• webm - 21,5 MB

W3C Validator

In seinem Beitrag hat Herr Knienieder auf den W3C Validator hingewiesen und so habe ich auch meine Webseite auf HTML 5 Tauglichkeit überprüft.

Da ich  die Diashow im Header mit dem Easy Rotator erstellt habe und dieser den Code selber schreibt, wurde dieser beanstandet. Sonst wurden keine weiteren  Fehler beanstandet.

Webseite:

Hier geht es zu meiner fertigen Webseite.