XHTML/CSS und Flash: Die Denker® - Atelier für Werbung, Kommunikationsdesign & Multimedia - Webdesign, Corporate Design, Imagedesign, TV und Multimedia, Stuttgart

Die Denker® - Atelier für Werbung, Kommunikationsdesign & Multimedia - Stuttgart

www.diedenker.com | Version 3.2

Startseite / Techniken / Flash und XML


Begeisterung und Technik: das passt einfach zusammen



Wir müssen was bewegen: Programmierung auf ActionScript (AS)

Flash findet heutzutage auf vielen Webseiten Gebrauch, sei es als Werbebanner, als Teil einer Website z.B. als Steuerungsmenü oder in Form kompletter Flash-Seiten oder Online- und Screen-Spielen. ActionScript (AS) ist eine Programmiersprache auf Basis des ECMAScript-Standards (ECMA-262) und dient zur Erstellung von Script-Anwendungen. Während Flash selbst anfangs zur Darstellung von Medieninhalten, wie Animationen und Filmen diente, kam mit ActionScript die Möglichkeit interaktiver Anwendungen und Daten- verarbeitung hinzu. Entwicklungsseitig ist die Sprache Teil der integrierten Entwicklungsumgebung (IDE) Adobe Flash, die sowohl Scriptentwicklung als auch deren Debuggen unterstützt. Anwendungsseitig wird sie vom Flash-Player, eigenständig oder als Browser-Plugin, beim Abspielen eines Flash-Scripts interpretiert. Laut einer Statistik von Macromedia verfügen über 97% aller Browser über ein Flash-Player-Plugin: www.adobe.com



Das diedenker-FlipBook 1.0™ auf ActionScript (AS 2/XML/JS)

ALLSERVICE DIENSTLEISTUNGEN GmbH: Image-Broschüre als FlipBook in Flash und PaperVision 3D





ESSKULTOUR 2009: Magazin als FlipBook in Flash und PaperVision 3D





Das diedenker-FlipBook 1.0™ ist das visuell und technisch perfekte Zusammenspiel aus Flash ActionScript, JavaScript, PaperVision 3D als 3D Engine und XML-Steuerungsdaten für die Pflege und Koordination der einzelnen Daten und eignet sich hervorragend für die Online-Darstellung von Magazinen, Broschüren und Katalogen. Hierbei sind sowohl JPG-, PNG24-, GIF- als auch SWF- und FLV-Video-Files möglich. Das diedenker-FlipBook 1.0™ kann sowohl als statisches Element, aber auch als CMS ( Content Management System) verwendet werden. Das diedenker-FlipBook 1.0™ in der Praxis: www.fm-stuttgart.de Weitere Infos, FlipBooks und Referenzen auch unter: www.dieflashprofis.com



Ordnung muss sein: Daten-Inhaltssteuerung mittels XML und CSS

Die Extensible Markup Language (erweiterbare Auszeichnungssprache), abgekürzt XML, ist eine Auszeichnungssprache zur Darstellung hierarchisch strukturierter Daten in Form von Textdateien. XML wird bevorzugt für den Austausch von Daten zwischen unterschiedlichen IT-Systemen eingesetzt, speziell über das Internet. Die vom World Wide Web Consortium (W3C) herausgegebene XML-Spezifikation (Recommendation, erste Ausgabe vom 10. Februar 1998) definiert eine Metasprache, auf deren Basis durch strukturelle und inhaltliche Einschränkungen anwendungsspezifische Sprachen definiert werden. Der Einsatz von XML-Dateien kann sowohl webbasiert in Content Management Systemen, in Flash-Websites oder einfachen XHTML-Seiten verwendet werden, als auch als lokales Austauschformat für CD-Rom-Games oder Netzwerkschnittstellen. Im Laufe der Jahre ist HTML um Elemente erweitert worden, die sich mit der Gestaltung des Dokuments befassen, was der ursprünglichen Idee der Systemunabhängigkeit entgegen lief. Eine Rückbesinnung auf die Trennung von Inhalt (Struktur) und Layout wurde durch die Definition von Cascading Style Sheets (CSS) vorgenommen. So soll das Aussehen des Dokuments in einer separaten Datei, dem so genannten Stylesheet, festgelegt werden. Dies verbessert die Anpassungsfähigkeit des Layouts an das jeweilige Ausgabegerät und an spezielle Bedürfnisse der Benutzer, z.B. von Sehbehinderten. Das Cascading Style Sheet ist eine deklarative Stylesheet-Sprache für strukturierte Dokumente. Sie wird vor allem zusammen mit HTML und XML (zum Beispiel bei SVG = XHTML) eingesetzt. CSS legt dabei fest, wie ein besonders ausgezeichneter Inhalt oder Bereich dargestellt werden soll. Dazu ist es wichtig, das HTML oder XML so zu gestalten, dass die Abschnitte, deren Aussehen gleich sein soll, auch als derselben Klasse angehörend erkannt werden können. Man zeichnet im HTML-Dokument also nur die Bedeutung einzelner Abschnitte aus, während das Aussehen dieser ausgezeichneten Abschnitte im CSS festgelegt wird. Mit anderen Worten, man trennt den eigentlichen Inhalt von der optischen Gestaltung. Mit CSS ist es möglich, für verschiedene Ausgabemedien (zum Beispiel Papier, Projektion, Sprache usw.) eine unterschiedliche Darstellung anzugeben. Das ist nützlich, um zum Beispiel Hyperlinks beim Drucken extra aufzuführen oder für Geräte mit geringerer Auflösung (zum Beispiel PDA oder Mobiltelefon) die Anzeige zu optimieren (geringere Seitenbreite und -höhe). Neben diversen Angaben zu Farben und Schriften bietet CSS die Möglichkeit, Elemente frei zu positionieren oder Hintergrundbilder festzulegen. CSS gilt heutzutage als die Standard-Stylesheetsprache für Webseiten.



Flash-Games mittels ActionScript 1 und 2

HEWLETT-PACKARD Deutschland: CD-Rom- und Online-Game HP Pairs in Flash AS 1





ALLSERVICE DIENSTLEISTUNGEN Stuttgart & Mutterstadt: Online-Game in Flash AS 1





Flash-Menüs auf ActionScript 1 und 2 und XML

MAF OUTSOURCING AG - Zürich: Fullscreen-Flash-Menü als Startseite eines Joomla!-CMS





BRAINCOURT GmbH - Managementberatung & Informationssysteme: Flash-Menü mittels XML in TYPO3





Flash-Header auf ActionScript 1 und 2

BRAINCOURT - Managementberatung & Informationssysteme: Animierte Flash-Header in TYPO3





Auszüge unserer Flash-Website-Projekte auf AS und XML

RED VELVET - DANCE . EVENT . AGENCY Deutschland & Österreich: Website in Flash AS 1 und XML





CIRCO ROMERO: Website in Flash AS 1 und XML





BURAQUE CORPORATION AG - Zürich: Intro und Website in Flash AS 2 und XML





S2 MEDIA \| AGENTUR FÜR WERBUNG & KOMMUNIKATION Stuttgart: Intro in Flash AS 1 und XML





S2 MEDIA \| AGENTUR FÜR WERBUNG & KOMMUNIKATION Stuttgart: Website auf Flash AS 2 und XML





BUDDHA LOUNGE Stuttgart: Website in Flash AS 1 und XML





BLOOKONZEPT Stuttgart: Website in Flash AS 2 und XML





KOP-SOLUTIONS HANDELSVERTRIEB: Website in Flash AS 1 und XML





ALLSERVICE DIENSTLEISTUNGEN Stuttgart & Mutterstadt: Website in XHTML und Flash AS 1





NULL7ELF.NET: Website in XHTML, XML und Flash AS 2





Auszüge unserer eMarketing-Projekte auf Flash

COACH - Bar Lounge: Online-Banner in Flash für diverse Portale (XXL Banner / ScryScraper)





BUDDHA LOUNGE - Red Mandarin: Screen-Movie in Flash für diverse Städtemedien

kurz und bündig

Techniken /

Druckvorstufe

XHTML/CSS und Flash

CMS und Shop-Systeme

SEO und eMarketing