Ένα σημαντικό θέμα το οποίο έχει προβληματίσει και απασχολεί τους web designers παγκοσμίως είναι η μη έγκυρη (not valid) ενσωμάτωση των Flash Objects (swf) με το κώδικα του Dreamweaver. Δυστυχώς ο κώδικας που δημιουργείται από το συγκεκριμένο πρόγραμμα σχεδίασης και κατασκευής ιστοσελίδων δεν είναι έγκυρος σύμφωνα με το W3C.

Το άρθρο θα σας εξηγήσει ένα καλό και εύχρηστο τρόπο να χρησιμοποιείτε Flash Objects (swf) με έγκυρο κώδικα XHMTL. Αναλυτικότερα:

<– ΚΩΔΙΚΑΣ ΠΟΥ ΔΗΜΙΟΥΡΓΕΙΤΑΙ ΑΠΟ ΤΟ DREAMWEAVER –>

<object classid=”clssid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0″ width=”100″ height=”100″>
<param name=”movie” value=”name_of_flash.swf” />
<param name=”quality” value=”high” />
<embed src=”name_of_flash.swf” quality=”high” pluginspage=”http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash” type=”application/x-shockwave-flash” width=”100″ height=”100″></embed>
</object>

<– ΕΓΚΥΡΟΣ ΚΩΔΙΚΑΣ (VALID CODE) ΜΕ XHTML (transitional) –>

<object type=”application/x-shockwave-flash” codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0″
data=”name_of_flash.swf”
width=”100″ height=”100″>
<param name=”movie” value=”name_of_flash.swf” />
<param name=”quality” value=”high”/>
</object>

ΟΔΗΓΙΕΣ:

1. Αφαιρούμε το embed -tag, το οποίο δεν χρειάζεται και δεν είναι έγκυρο (valid) σύμφωνα με το W3C.
2. Αντικαθιστούμε το classid που ενημερώνει τον Internet Explorer πιο player να ενεργοποιήσει με το type=”application/x-shockwave-flash”, το οποίο ουσιαστικά κάνει την ίδια δουλειά.
3. To codebase attribute είναι προαιρετικό.
4. Προσθέτουμε το: data-element, το οποίο οδηγεί τον Mozilla και τον Opera στο αρχείο που βρίσκεται στον διακομιστή μας (para-element δεν λειτουργεί για τον Mozilla και Opera).

Ολοκληρώνοντας την διαδικασία το Flash (swf) είναι πλέον έγκυρο (valid) και η ιστοσελίδα μας πληρεί τις προϋποθέσεις για το W3C.

Πηγή πληροφορίας είναι το άρθρο του Drew McLellan.

Εάν δεν σας ικανοποιεί ο παραπάνω τρόπος, μπορείτε να χρησιμοποιήσετε την εναλλακτική λύση του SWFObject 2.0 που είναι valid με Strict Doctype αλλά είναι πιο χρονοβόρα και χρησιμοποιεί JavaScript.

Σχετικά άρθρα

• Τι είναι το DOCTYPE και γιατί το χρησιμοποιούμε. (0)
• Σημαντικές πληροφορίες για το Flash και το Seo. (2)
• Πώς να κάνετε import ένα psd αρχείο στο Flash CS3 (0)
• Ποιοί είναι οι διάφοροι τύποι DOCTYPES και ποιά είναι η σωστή χρήση τους. (0)
• Όμορφα flash websites που αξίζει να δείτε. (1)