und

) die gleichen Schriftarteinstellungen (fettiert, 18 Pixel hoch, Serifenschrift) und versehen sie mit einem unteren Abstand zu den nachfolgenden Elementen (der dritte margin -Wert steht für den Abstand nach unten). Schließlich überschreiben wir für die Überschrift

lediglich noch die Schriftgröße.
    Als Nächstes widmen wir uns der Definitionsliste, die die Kontaktdaten beinhaltet. Zuerst setzen wir für die Definitionsliste eine andere Schriftart. Sowohl Browser als auch WebKit-Engine stellen Definitionslistenbegriffe gewöhnlich linksbündig und Begriffsdefinitionen eine Zeile darunter eingerückt dar. Das ist zwar übersichtlich, nimmt uns aber im Vergleich zum Bild etwas zu viel Platz ein. Daher lassen wir alle

- und

-Elemente mithilfe float in eine Zeile hintereinanderrutschen und verschieben die einzelnen

-Elemente mit clear dann unter das jeweils letzte

-Element. Auch die Elemente der Definitionsliste setzen wir mit einem unteren Außenabstand etwas voneinander ab:
    dt, dd {
font: 12px "Trebuchet MS", Tahoma, Verdana, sans-serif; float: left;
margin-bottom: 0.3em;
    }
dt {
clear: left;
width: 4em; }
    Zum Schluss holen wir das Bild aus dem unteren Bereich des

-Elements heraus und positionieren es, leicht überlagert, links von den Kontaktinformationen:
    img {
position: absolute;
left: -170px;
    top: 0;
}
    Unsere noch rein aus XHTML und CSS bestehende Datei sollte im gleichen Verzeichnis platziert werden wie die Anwendungsbeschreibungsdatei und nun so aussehen wie in Listing 4.4:
    

    



    

Herwarth Mustermann

Example & Co. Europe HQ

    

Adresse

Hauptstraße 31

    12345 Testlingen

E-Mail

[email protected]

Website

http://www.example.com/

Telefon

+49 (6543) 1200-98

Fax

+49 (6543) 1200-99

    

    Listing 4.4 air-dvk.html mit formatierten Inhalten
    Bevor wir uns diese Datei einmal probeweise von AIR anzeigen lassen, können Sie als zusätzliche Kontrolle diese HTML-Datei in Ihrem Webbrowser ansehen. Das Resultat unserer bisherigen Bemühungen sollte aussehen wie in Abbildung 4.3.
    Abbildung 4.3 Voransicht der HTML-Datei im Browser
4.1.6 Verwenden des Adobe Debug Launcher
    Nun sollten wir uns unser Beispiel einmal in AIR ansehen. Im AIR SDK ist zu diesem Zweck der AIR Debug Launcher enthalten, der eine der fertigen Anwendung entsprechenden Ansicht generieren kann, ohne die Anwendung jedes Mal komplett installieren zu müssen. Nun, Programmierer sind an wiederholtes »Debuggen« ihrer Zwischenergebnisse gewöhnt, sodass sie dies wahrscheinlich lediglich mit einem Achselzucken zur Kenntnis nehmen werden. Die ausführbare Datei von AIR Debug Launcher (ADL) befindet sich im bin-Verzeichnis Ihrer AIR-SDK-Installation, im Falle von Windows z. B. unter

Weitere Kostenlose Bücher

Dolph Heyliger (German Edition) Online Lesen von Washington Irving

DS089 - Der teuflische Tod Online Lesen von Kenneth Robeson

My Story - Streng geheim - Verrueckt nach Mark Online Lesen von Corina Bomann

Leif - Hungrig nach Leben: Ein jugendlicher Liebesroman Online Lesen von Silke Heichel

Schoßgefluester Online Lesen von Hanna Julian

Die Herzogin der Bloomsbury Street Online Lesen von Helene Hanff

0024 - Bestien aus dem Schattenreich Online Lesen von Susanne Wiemer

Kaiserkrieger 4: Der Aufstand Online Lesen von Dirk van Den Boom