Bücher online kostenlos Kostenlos Online Lesen
Adobe Air (wiwobooks.com Release)

Adobe Air (wiwobooks.com Release)

Titel: Adobe Air (wiwobooks.com Release) Kostenlos Bücher Online Lesen
Autoren:
Vom Netzwerk:
bemerkenswert? Nun, weil Sie eine derart ausgewachsene XHTML-Datei genau genommen gar nicht brauchen. Wie Sie im Einführungskapitel lesen konnten, ist einer der wesentlichen Vorteile der Standardkonformität von XHTML, eine einheitliche Darstellung von Inhalten in verschiedenen Browsern auf unterschiedlichen Betriebssystemen zu gewährleisten. Innerhalb einer AIR-Anwendung wird HTML-Inhalt jedoch stets mithilfe der WebKit-Engine dargestellt. Also würde es im Prinzip ausreichen, wenn Sie »altes HTML« statt standardkonformen XHTMLs verwendeten und beispielsweise auf Dokumenttypdeklaration und XML-Namespace verzichteten – und mit einem -Tag ohne Attribute begännen.
    WebKit behandelt genau wie andere Browser HTML tolerant, indem es versucht, unklares oder nach zeitgemäßen Standards fehlerhaftes HTML so darzustellen, dass es einen Sinn ergibt. Diejenigen, die die Verwendung von »altem HTML« befürworten, begründen dies oft damit, dass man so »überflüssige« Zeichen einspare, die wegen der ausschließlichen Darstellung der Seite innerhalb der WebKit-Engine ohnehin nicht sichtbar seien.
    In diesem Buch werden wir bei allen HTML-Inhalten ausschließlich standardkonformes XHTML verwenden, und das aus zwei Gründen: Erstens ist HTML als solches veraltet, und es erscheint mir nicht angemessen, in einem aktuellen Buch veraltete Technologie zu verwenden. Zweitens empfinde ich es als bequemer, wenn ich mir beim Erstellen von (X)HTML-Inhalten nicht immer erst Gedanken machen muss, welche Art von HTML ich denn jetzt brauche, sondern grundsätzlich XHTML-Inhalt erstelle, den ich sowohl innerhalb von AIR als auch im Web verwenden kann. Das erspart mir zusätzlich unter Umständen Ärger, wenn ich Inhalte einer AIR-Anwendung einer dazu passenden Website angleichen möchte. Sie werden sich hierzu sicher im Laufe der Zeit Ihre eigene Meinung bilden und es so handhaben, wie es für Sie am besten passt – ob Sie nun Verfechter/-in standardkonformen Codes oder möglichst wenig zu schreibender Buchstaben sind.
4.1.4 Strukturierte Inhalte
    Fügen Sie jetzt ein
-Element in das -Tag ein, und geben Sie darin die gewünschten Kontaktdaten ein. Für strukturierte Daten wie Kontaktdaten bieten sich Tabellen oder Definitionslisten an. Wenn Sie die Daten eingegeben haben, sollte Ihre HTML-Datei in etwa so aussehen (die Daten des Beispiels sind frei aus der Luft gegriffen):
    

    
Herwarth Mustermann — Digitale Visitenkarte / AIR mit HTML
    

    

Herwarth Mustermann


Example & Co. Europe HQ



    
Adresse:

Hauptstraße 31

    12345 Testlingen

E-Mail

[email protected]

Telefon

+49 (6543) 1200-98

Fax

+49 (6543) 1200-99

    

sieht so Herwarth<br />Mustermann aus?
    



Listing 4.3 HTML-Struktur der digitalen Visitenkarte
    Fügen wir nun das Bild hinzu. Da ich Herrn Herwarth Mustermann nicht kenne, werde ich der Einfachheit halber ein leicht modifiziertes Foto von mir selbst nehmen.
Wir fügen das Bild mithilfe eines -Tags innerhalb des
-Elements am Ende ein. Wenn Sie diese Datei in Ihrem normalen Webbrowser aufrufen, sollte sie etwa so aussehen wie in Abbildung 4.2.
    Abbildung 4.2 Die XHTML-Struktur im Webbrowser
    Das sieht noch nicht wirklich spektakulär aus. Kein Wunder: XHTML dient ja auch lediglich dazu, den Inhalt zu strukturieren, für die Gestaltung werden wir jetzt ein paar einfache CSS-Regeln einfügen.
4.1.5 Gestaltung mit CSS-Regeln
    Beginnen wir damit, dass wir in den Seitenkopf ( -Tag) ein Stylesheet einfügen. Da wir nur eine einzige XHTML-Seite für unsere digitale Visitenkarte verwenden, verzichten wir auf die Auslagerung der CSS-Regeln in eine externe Stylesheet-Datei. Geben Sie also unterhalb des -Tags unserer XHTMLSeite ein <style >-Tag ein, und versehen Sie es mit dem Wert text/css für das Attribut type :<br />    <style type="text/css"></style><br />    Ihnen ist vielleicht aufgefallen, dass in der XHTML-Datei gar keine Klassen- oder ID-Attribute vorkommen. Das liegt daran, dass wir alle Elemente anhand der Hierarchiestruktur des Dokuments eindeutig lokalisieren können.<br />    Beginnen wir damit, das <div> -Element anzupassen. Da es das einzige seiner Art in unserem Dokument ist, </div> <div> <ul class="pgn" role="navigation"> <li> <a href="/kostenlose-adobe-air-wiwobookscom-release/lesen/41" rel="prev" aria-label="« Vorherige">«</a> </li> <li><a href="/kostenlose-adobe-air-wiwobookscom-release">1</a></li> <li><a href="/kostenlose-adobe-air-wiwobookscom-release/lesen/2">2</a></li> <li class="dis" aria-disabled="true"><span>...</span></li> <li><a href="/kostenlose-adobe-air-wiwobookscom-release/lesen/39">39</a></li> <li><a href="/kostenlose-adobe-air-wiwobookscom-release/lesen/40">40</a></li> <li><a href="/kostenlose-adobe-air-wiwobookscom-release/lesen/41">41</a></li> <li class="act" aria-current="page"><span>42</span></li> <li><a href="/kostenlose-adobe-air-wiwobookscom-release/lesen/43">43</a></li> <li><a href="/kostenlose-adobe-air-wiwobookscom-release/lesen/44">44</a></li> <li><a href="/kostenlose-adobe-air-wiwobookscom-release/lesen/45">45</a></li> <li class="dis" aria-disabled="true"><span>...</span></li> <li><a href="/kostenlose-adobe-air-wiwobookscom-release/lesen/142">142</a></li> <li><a href="/kostenlose-adobe-air-wiwobookscom-release/lesen/143">143</a></li> <li> <a href="/kostenlose-adobe-air-wiwobookscom-release/lesen/43" rel="next" aria-label="Nächster »">»</a> </li> </ul> </div> <div class="otr"> <h2>Weitere Kostenlose Bücher</h2> <div class="itm itma"> <a href="/kostenlose-fatal-series-00-fatal-destiny" title="Fatal Series 00 - Fatal Destiny"> <img class="lz" data-src="/covers/61/71/cover.jpg" alt="Fatal Series 00 - Fatal Destiny" /> </a> <div class="itm-info"> <a href="/kostenlose-fatal-series-00-fatal-destiny" title="Fatal Series 00 - Fatal Destiny"> Fatal Series 00 - Fatal Destiny Online Lesen </a> von <a href="/autor-marie-force-online-lesen-downloaden-kostenlos" title="Marie Force">Marie Force</a> <div class="rkl-b"> <a href="/kostenlose-fatal-series-00-fatal-destiny" title="Fatal Series 00 - Fatal Destiny"> <img src="/i/de/rlesen.png" /> </a> </div> </div> </div> <div class="itm itma"> <a href="/kostenlose-b00c105kqg-ebok" title="B00C105KQG EBOK"> <img class="lz" data-src="/covers/02/40/92/cover.jpg" alt="B00C105KQG EBOK" /> </a> <div class="itm-info"> <a href="/kostenlose-b00c105kqg-ebok" title="B00C105KQG EBOK"> B00C105KQG EBOK Online Lesen </a> von <a href="/autor-munich-sunny-online-lesen-downloaden-kostenlos" title="Sunny Munich">Sunny Munich</a> <div class="rkl-b"> <a href="/kostenlose-b00c105kqg-ebok" title="B00C105KQG EBOK"> <img src="/i/de/rlesen.png" /> </a> </div> </div> </div> <div class="itm itma"> <a href="/kostenlose-winter-der-zaertlichkeit" title="Winter der Zärtlichkeit"> <img class="lz" data-src="/covers/02/79/61/cover.jpg" alt="Winter der Zärtlichkeit" /> </a> <div class="itm-info"> <a href="/kostenlose-winter-der-zaertlichkeit" title="Winter der Zärtlichkeit"> Winter der Zärtlichkeit Online Lesen </a> von <a href="/autor-linda-miller-online-lesen-downloaden-kostenlos" title="Linda Miller">Linda Miller</a> <div class="rkl-b"> <a href="/kostenlose-winter-der-zaertlichkeit" title="Winter der Zärtlichkeit"> <img src="/i/de/rlesen.png" /> </a> </div> </div> </div> <div class="itm itma"> <a href="/kostenlose-diese-sehnsucht-in-meinem-herzen" title="Diese Sehnsucht in meinem Herzen"> <img class="lz" data-src="/covers/03/79/84/cover.jpg" alt="Diese Sehnsucht in meinem Herzen" /> </a> <div class="itm-info"> <a href="/kostenlose-diese-sehnsucht-in-meinem-herzen" title="Diese Sehnsucht in meinem Herzen"> Diese Sehnsucht in meinem Herzen Online Lesen </a> von <a href="/autor-jen-safrey-online-lesen-downloaden-kostenlos" title="Jen Safrey">Jen Safrey</a> <div class="rkl-b"> <a href="/kostenlose-diese-sehnsucht-in-meinem-herzen" title="Diese Sehnsucht in meinem Herzen"> <img src="/i/de/rlesen.png" /> </a> </div> </div> </div> <div class="itm itma"> <a href="/kostenlose-der-tod-heilt-alle-wunden-kriminalroman-german-edition" title="Der Tod heilt alle Wunden: Kriminalroman (German Edition)"> <img class="lz" data-src="/covers/03/00/13/cover.jpg" alt="Der Tod heilt alle Wunden: Kriminalroman (German Edition)" /> </a> <div class="itm-info"> <a href="/kostenlose-der-tod-heilt-alle-wunden-kriminalroman-german-edition" title="Der Tod heilt alle Wunden: Kriminalroman (German Edition)"> Der Tod heilt alle Wunden: Kriminalroman (German Edition) Online Lesen </a> von <a href="/autor-hill-reginald-online-lesen-downloaden-kostenlos" title="Reginald Hill">Reginald Hill</a> <div class="rkl-b"> <a href="/kostenlose-der-tod-heilt-alle-wunden-kriminalroman-german-edition" title="Der Tod heilt alle Wunden: Kriminalroman (German Edition)"> <img src="/i/de/rlesen.png" /> </a> </div> </div> </div> <div class="itm itma"> <a href="/kostenlose-der-tod-soll-auf-euch-kommen" title="Der Tod soll auf euch kommen"> <img class="lz" data-src="/covers/04/67/79/cover.jpg" alt="Der Tod soll auf euch kommen" /> </a> <div class="itm-info"> <a href="/kostenlose-der-tod-soll-auf-euch-kommen" title="Der Tod soll auf euch kommen"> Der Tod soll auf euch kommen Online Lesen </a> von <a href="/autor-aufbau-online-lesen-downloaden-kostenlos" title="Aufbau">Aufbau</a> <div class="rkl-b"> <a href="/kostenlose-der-tod-soll-auf-euch-kommen" title="Der Tod soll auf euch kommen"> <img src="/i/de/rlesen.png" /> </a> </div> </div> </div> <div class="itm itma"> <a href="/kostenlose-commissario-tron-5-requiem-am-rialto-1" title="Commissario Tron 5: Requiem am Rialto"> <img class="lz" data-src="/covers/03/08/30/cover.jpg" alt="Commissario Tron 5: Requiem am Rialto" /> </a> <div class="itm-info"> <a href="/kostenlose-commissario-tron-5-requiem-am-rialto-1" title="Commissario Tron 5: Requiem am Rialto"> Commissario Tron 5: Requiem am Rialto Online Lesen </a> von <a href="/autor-remin-nicolas-online-lesen-downloaden-kostenlos" title="Nicolas Remin">Nicolas Remin</a> <div class="rkl-b"> <a href="/kostenlose-commissario-tron-5-requiem-am-rialto-1" title="Commissario Tron 5: Requiem am Rialto"> <img src="/i/de/rlesen.png" /> </a> </div> </div> </div> <div class="itm itma"> <a href="/kostenlose-die-henkerstochter" title="Die Henkerstochter"> <img class="lz" data-src="/i/de/debookcover.png" alt="Die Henkerstochter" /> </a> <div class="itm-info"> <a href="/kostenlose-die-henkerstochter" title="Die Henkerstochter"> Die Henkerstochter Online Lesen </a> von <a href="/autor-ptzsch-oliver-online-lesen-downloaden-kostenlos" title="Oliver P�tzsch">Oliver P�tzsch</a> <div class="rkl-b"> <a href="/kostenlose-die-henkerstochter" title="Die Henkerstochter"> <img src="/i/de/rlesen.png" /> </a> </div> </div> </div> </div> </div> <footer> <div class="inn"> <div class="lf"> © Kostenlos Online Lesen 2024 support@kostenlosonlinelesen.net </div> <div class="rg"> <!-- Begin Web-Stat code v 6.3 --> <span id="wts1866490"> </span><script> var wts=document.createElement('script');wts.type='text/javascript'; wts.async=true;wts.src='https://wts.one/3/1866490/log6_2.js'; document.getElementById('wts1866490').appendChild(wts); </script><noscript><a href="https://www.web-stat.com"> <img src="https://wts.one/6/3/1866490.gif" alt="Web-Stat traffic analytics"></a></noscript> <!-- End Web-Stat code v 6.3 --> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(53412301, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/53412301" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> </div> </div> </footer> <script src="/js/de/detail.js?1570711139"></script> </body> </html>