Artkabis

Salut !!!
Si vous êtes membre du forum, vous pouvez vous connecter.
Au cas contraire vous avez la possibilité de créer gratuitement un compte...

Forum d'entraide en graphisme et webdesign. Formation pour Flash, Photoshop et les langages: as2, as3, html, php, javascript, etc.


    Mise en place de swf sur un site

    Partagez

    artkabis
    Fondateur
    Fondateur

    Messages : : 4545
    Age : : 32
    Logiciels : Logiciels : : Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
    Date d'inscription : 11/09/2008

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Mise en place de swf sur un site

    Message par artkabis le Ven 5 Déc - 15:24

    Salut les loulous, aujourd'hui j'ai décidé de faire un petit tutoriel sur la mise en place de SWF sur un site web. Nous verrons comment intégrer une page contenant uniquement l'animation, mais aussi comment intégrer un SWF dans une page html ayant un autre contenue que SWF.

    Comme je l'ai précisé dans le tuto, vous pouvez télécharger un petit utilitaire (swfObject) pour générer une page html avec tous les paramètres de publication offerts par flash sans même ouvrir votre logiciel. Le petit plus de cet utilitaire, c'est de proposer l'installation du player aux internautes qui n'en seraient pas encore équipé:

    Page de l'utilitaire swfObject: http://code.google.com/p/swfobject/

    Pour intégrer un SWF dans une page html, voici le code à insérer dans votre page qui devra accueillir le SWF, pour centrer ou placer le SWF à un endroit bien précis de la page, j'ai utilisé un fichier CSS externe, alors voici le code de la page html et celui du fichier CSS :

    La balise object à intégrer:
    Code:

    <html>
    <head>
    <title>Template blue alfa</title>
    <LINK rel="stylesheet" type="text/css" href="centre.css">
    </head>

    <body bgcolor="#333333">
    <div id=centr>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#3,0,0,0" width="800" height="600" id="template blue_alfa" align="middle">
    <param name="SRC" value="blue_alfa.swf">
    <param name="QUALITY" value="high">
    <param name="BGCOLOR" value="#333333">
    <param name="align" value="middle">
    <param name=wmode value=transparent>
    <embed src="blue_alfa.swf" pluginspage="http://www.macromedia.com/shockwave/download/" type="application/x-shockwave-flash" width="800" height="600" align="middle" quality="high" wmode="transparent" bgcolor="#333333">
    </embed>
    </object>
    </div>
    </body>
    </html>

    Le fichier css:
    Code:

    body {
    margin: 0;
    text-align: center
    }
    #centr{
    position:absolute;
    left: 50%; top: 50%;
    width: 720px; height: 460px;
    margin-top: -200px;
    margin-left: -350px;
    }

    Le tutoriel:

      La date/heure actuelle est Dim 11 Déc - 8:02