Valide Flash-Inhalte
zur Galerie
zum Tutorial
zu den Webdesign-Büchern
motorradteile.de und Portfolio Web
Wallpaper mit 3D-Motiven gibt es hier
ADOBE© FLASH
Valide Flash-Inhalte für XHTML 1.0-Doku- mente
WEBDESIGN-BÜCHER
Einige (sehr) interes- sante Bücher rund um das Thema Webdesign
 


Valide Flash-Inhalte für XHTML 1.0-Dokumente
  26. Juni 2010  / von Stefan Plagge

WYSIWYG-Editoren Link wie z.B. Dreamweaver produzieren bei der Einbindung von Flash-Inhalten keinen validen Code. Ich habe den Code so angepasst (XHTML 1.0, alle Browser) dass keine Fehlermeldungen erzeugt werden.

Dreamweaver CS3 (hier als stellvertretendes Beispiel) verhält sich beim Einfügen einer Flash-Animation alles andere als W3C-konform Link. Der hierbei generierte Code wird von HTML Tidy Link gleich mit acht(!) Fehlern bemängelt.

Nachfolgend nun der angepasste Code. Zusätzlich habe ich die Tags für Flash-Inhalte mit transparentem Hintergrund (“wmode”) eingefügt (“bgcolor” ist dann nicht mehr relevant).
Dieser Code erzeugt keine Fehler und keine Warnungen.

Das Markup:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Valide Flash-Inhalte</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div>
	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" style="width: (Breite)px; height: (Höhe)px">
		<param name="movie" value="(Dateiname).swf" />
		<param name="quality" value="high" />
		<param name="wmode" value="transparent" />
		<param name="bgcolor" value="#ffffff" />
		<!--[if !IE]> <-->
		<object data="(Dateiname).swf" style="width: (Breite)px; height: (Höhe)px" type="application/x-shockwave-flash">
			<param name="quality" value="high" />
			<param name="wmode" value="transparent" />
			<param name="bgcolor" value="#ffffff" />
			<param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />
			Fehler (Ihr Browser sollte an dieser Stelle einen Flash-Film anzeigen und abspielen).
		</object>
		<!--> <![endif]-->
	</object>
</div>
</body>
</html>
					


Das “div”-Tag darf nicht weggelassen werden - es sei denn, man ersetzt es (bspw.) durch ein “p”-Tag.
Das Weglassen des Tags erzeugt eine Fehlermeldung, womit die Seite nicht mehr valide sein kann!

Tipp: Die “Fehlermeldung” (unterer Teil des Codes) durch Einfügen eines Screenshots / Standbild (entsprechend dem Flash-Film) ersetzen, welches eine Momentaufnahme des Flash-Inhalts darstellt.


Fazit:
Verwenden Sie für Ihre Projekte grundsätzlich XHTML und achten Sie auf Validität.
Falls Sie einen WYSIWYG-Editor verwenden, fügen Sie Flash-Filme “handish” ein um Fehlermeldungen zu ver- meiden.