Quicktipp: Skalierbare Veröffentlichung erzeugen

Im heu­ti­gen Blog­ar­ti­kel möch­te ich Ihnen die Opti­on Ska­lier­ba­rer HTML-Inhalt vor­stel­len. Beson­ders im Bereich M-Learning eine sehr nütz­li­che Funk­ti­on, da Ihre ver­öf­fent­lich­ten Pro­jek­te so immer auto­ma­ti­sch an den zur Ver­fü­gung ste­hen­den Platz des End­ge­rä­tes ange­passt wer­den.


Zu die­sem Arti­kel

Pro­gramm: Ado­be Captivate 6
Schwie­rig­keits­grad: Fort­ge­schrit­te­ne
Benö­tig­te Zeit: ca. 10 Minu­ten
Ziel: Sie erfah­ren, wie Sie Ihre Pro­jek­te mit­tels der Opti­on Ska­lier­ba­rer HTML-Inhalt in der jewei­li­gen Auf­lö­sung des End­ge­rä­tes anzei­gen las­sen kön­nen.

Die Veröffentlichungsoption "Skalierbarer HTML-Inhalt"
Die Ver­öf­fent­li­chungs­op­ti­on „Ska­lier­ba­rer HTML-Inhalt“

Über die Opti­on Ska­lier­ba­rer HTML-Inhalt kön­nen Sie Ihr ver­öf­fent­lich­tes Pro­jekt dyna­mi­sch an die zur Ver­fü­gung ste­hen­de Auf­lö­sung des Abspiel­ge­rä­tes anpas­sen las­sen. Wenn Sie z. B. ein Pro­jekt in der Auf­lö­sung 960 x 540 bereit­stel­len und der Benut­zer ein Dis­play mit einer höhe­ren Auf­lö­sung ver­wen­det, wird das Pro­jekt pro­por­tio­nal ver­grö­ßert.

Projekt in Originalgröße (960 x 540)
Pro­jekt in Ori­gi­nal­grö­ße (960 x 540)
Projekt bildschirmfüllend (1280 x 800)
Pro­jekt bild­schirm­fül­lend (1280 x 800)

Ein Bei­spiel: Stel­len Sie sich vor, Sie möch­ten ein Pro­jekt sowohl auf dem Desk­top-PC (als SWF) sowie als mobi­le Ver­si­on auf einem Tablet (als HTML5), z. B. dem iPad, bereit­stel­len. Sie erstel­len das Pro­jekt in einer Auf­lö­sung von 1280 x 800 px für die Aus­ga­be auf einem Desk­top-PC. Der zur Ver­fü­gung ste­hen­de Raum auf mobi­len End­ge­rä­ten ist meist klei­ner, z. B. für das iPad 1 und 2 1024 x 768. In die­sem Fall bie­tet sich die Opti­on Ska­lier­ba­rer HTML-Inhalt an.

So aktivieren Sie die Option Skalierbarer HTML-Inhalt

  1. Wäh­len Sie Datei > Ver­öf­fent­li­chen.
    Das Fens­ter Ver­öf­fent­li­chen öff­net sich.
  2. Wäh­len Sie im Bereich SWF/HTML5 unter Aus­ga­be­for­mat­op­tio­nen die Option(en) SWF und/oder HTML5.

    Ausgabeformat
    Aus­ga­be­for­mat
  3. Akti­vie­ren Sie im rech­ten Bereich unter Erwei­ter­te Optio­nen die Opti­on Ska­lier­ba­rer HTML-Inhalt.

    Die Option "Skalierbarer HTML-Inhalt"
    Die Opti­on „Ska­lier­ba­rer HTML-Inhalt“
  4. Kli­cken Sie auf Ver­öf­fent­li­chen.
  5. Öff­nen Sie das ver­öf­fent­lich­te Pro­jekt in einem Brow­ser.
  6. Ver­grö­ßern / Ver­klei­nern Sie das Brow­ser­fens­ter.
    Sie sehen, dass der Inhalt nun auto­ma­ti­sch an den zur Ver­fü­gung ste­hen­den Raum ange­passt wird.

Tipp: Sie kön­nen Ihre Inhal­te auch auf Smart­pho­nes, wie z. B. dem iPho­ne, aus­ge­ben las­sen. Hier­bei soll­ten Sie aller­dings berück­sich­ti­gen, dass eini­ge Elemente/Objekte auf Grund der doch rela­tiv gerin­gen Dis­play­grö­ße ggf. nicht mehr opti­mal zu bedie­nen sind (z. B. zu klei­ne Schalt­flä­chen). Sie soll­ten daher bereits bei der Pla­nung Ihrer Pro­jek­te über­le­gen, für wel­che End­ge­rä­te Sie die­se bereit­stel­len möch­ten und Ihre Pro­jek­te dem­entspre­chend anle­gen, um ein opti­ma­les Ergeb­nis zu erzie­len.

Projekt auf dem iPhone 5
Pro­jekt auf dem iPho­ne 5

Übri­gens: Wenn Sie gern mehr über die Pla­nung von E-Learning-Pro­jek­ten erfah­ren möch­ten, emp­feh­le ich Ihnen unse­re Schu­lung Screen­casts und E-Learning-Ein­hei­ten kon­zi­pie­ren.

Ähnliche Themen:

Captivate 6: HTML5
Quick­tipp: Ein­stel­len der HTML-Hin­ter­grund­far­be bei SWF-Ver­öf­fent­li­chun­gen

Schreiben Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht.