Colorscheme

Videotutorial – Wie mache ich meine Website für mobile Endgeräte fit


Videotutorial – Website für mobile Endgeräte optimieren (3 Minuten)

Also, ich habe mich mal an einem Videotutorial versucht und festgestellt das ich noch viel lernen muss, vorallem was die Größe der Datei angeht. Werde in dieser Richtung mal weiterforschen, solange könnt ihr euch mit diesem ca. 17 MB großen Video vergnügen:

Im Video habe ich noch eine Kleinigkeit vergessen, damit das Stylesheet von mobilen Browsern erkannt wird, müsst ihr noch folgende Zeile in den Header-Bereich eurer Website einfügen, bei mir muss diese Änderung in der header.php vorgenommen werden:

<link rel="stylesheet" href="dies-ist-der-pfad-zum-stylesheet/handheld.css" type="text/css" media="handheld" />

Dann wünsch ich viel Erfolg mit dem Videotutorial, sollte der Webdesignblog nicht mehr zu erreichen sein, dann habe ich wohl mein Traffic-Limit überschritten ;) ich hoffe aber nicht das das passieren wird…


Verwandte Artikel
  1. Wie mache ich meine Website bekannt – den Knoten platzen lassen
  2. Website-Analyse 9 – mobile Websites
  3. Wie produktiv ist meine Website
  4. 26 Schritte zu einer erfolgreichen Website
  5. Wie binde ich jemanden an meine Website – 6 Wege seine Besucher nicht zu frustrieren

am Mai 21, 2006 um 16:43 Uhr | in Webdesign | 8 Kommentare


8 Kommentare
  1. bluehilltec, Mai 21, 2006:

    Ich kann das Video nicht sehen! Ist Realtime oder? Ich habe extra den Link kopiert und mit RealPlayer geöffnet. Bekomme nur Datensalat. Kann es sein das es am Mime-Type (heißt das so) liegt der im Apache eingestellt ist?
    Oder stelle ich mich als MacUser nur zu blöd an?

    Kleiner Tipp: Unbedngt die Farbe de Googleanzeige ändern. den Link zum Video habe ich erst nach knapp 40 Sekunden gefunden weil der Link die gleich Farbe hat wie die Googleanzeige.

    Ich mägel ganz schön viel rum …wa?
    Tut mir leid. Ich mache es in meinem Blog auch nicht viel besser aber das ist halt komplett privat für Freunde und Familie.

  2. Christian Strang, Mai 21, 2006:

    Hi,
    habe das Video mal nach oben geschoben, konnte man wirklich schlecht sehen!

    Ist nicht für den Real-Player, ich kann es im Windows Media Player oder im VLC media Player abspielen.

    Ist für mich Neuland, wenn ihr Verbesserungen bzw. Tipps zur Größenoptimierung, format oder dergleichen habt, ich bin für alles offen.

  3. erich, Mai 21, 2006:

    bluehilltec hat recht, ich habe auch etwas nach dem download link gesucht.

    ansonst ist es ganz gut geworden. zur größe: viel kleiner wirdst es wohl nicht bekommen. das ist wohl das los wenn man videocasts anbietet. rar-en ist da auch nicht sinnvoll, hat in deinem fall gerade mal 1MB gebracht! ausserdem macht das entpacken usw. den ganzen vorgang komplizierter.

  4. Christian Strang, Mai 21, 2006:

    Das stimmt wohl, aber das muss doch möglich sein die 3 Minuten kleiner zu kriegen? Ich hab es vorher mal mit DivX versucht, aber das scheint nicht für die Komprimierung von Schrift ausgelegt zu sein, wurde zu pixelig.

    Meine zweite Alternative war, das vorher 60 MB große File bei youtube hochzuladen, doch das Ergebnis war magelhaft, ein matschiger Brei den man nicht entziffern konnte. Der dritte Versuch, das ganze bei Google-Videos hochzuladen ergab das selbe miserable Ergebnis.

    Da ich nicht weiß wie begehrt dieses Video sein wird, dachte ich mir ein MB kleiner ist immerhin besser als nichts, du hast aber recht, es erschwert den Vorgang.

    Sollte der Traffic zu hoch werden, werde ich das ganze wohl bei freien Upload-Diensten ablegen, aber mal abwarten.

  5. Michael, Mai 21, 2006:

    Sehr gut für Dein erstes Video!
    Welche Software verwendest Du?

    Videos in guter Bild-Qualität bei kleiner Größe bietet filmanleitungen.de an, z.B. das Video XP-Antispy installieren und einrichten hat nur 2,5 MB (!).
    Ich weiss allerdings nicht, welche Software die einsetzen, vermutlich aber Camtasia.

  6. Christian Strang, Mai 21, 2006:

    Vielen dank für das Lob!

    Ich habe Hypercam verwendet. Ich werde mich aber aufjedenfall mal weiter informieren und auch mal “Camtasia” testen, vielen dank für den Tipp.

  7. Benni, Mai 21, 2006:

    Sehr nettes Video, gefällt mir gut,

    Kannst ruhig öfters machen sowas.
    Davon abgesehen, das Du auch ne gute “podcast” Stimme hast. Sehr angenehm.

    Noch ne andere Frage, die Webdeveloper Extension ist ja echt fein, aber was mach ich, wenn ich wieder das ursprüngliche (also das normale) CSS sehen will. Hab keinen Menüpunkt dafür gefunden. Ergo Restart von FF.

  8. Christian Strang, Mai 21, 2006:

    Hi Benni,
    vielen dank für das Lob, kommt gerade rechtzeitig, denn ab morgen kann man meine Stimme tatsächlich in einem Podcast hören, den Link und die Quelle werde ich dann noch nennen.

    Wenn du wieder das normale CSS sehen willst, musst du einfach nur “F5″ drücken, dann erfolgt der Reload und die Website greift wieder auf das Standard-Stylesheet zurück.

Tut mir leid, die Kommentarfunktion für diesen Beitrag ist geschlossen.