Com o tutorial Publicando Trabalho do Flash, você aprendeu a conseguir o HTML do Flash para postar em páginas da internet. Agora, você vai aprender a editar este HTML.
O HTML de uma página em Flash é esse:
<!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” lang=”en”
xml:lang=”en”>
<head>
<title>teste</title>
<meta http-equiv=”Content-Type” content=”text/html;
charset=utf-8″ />
<style type=”text/css” media=”screen”>
html, body { height:100%; background-color: #ffffff;}
body { margin:0; padding:0; overflow:hidden; }
#flashContent { width:100%; height:100%; }
</style>
</head>
<body>
<div id=”flashContent”><object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″
width=”550″ height=”400″ id=”teste” align=”middle”>
<param name=”movie” value=”teste.swf” />
<param name=”quality” value=”high” />
<param name=”bgcolor” value=”#ffffff” />
<param name=”play” value=”true” />
<param name=”loop” value=”true” />
<param name=”wmode” value=”window” />
<param name=”scale” value=”showall” />
<param name=”menu” value=”true” /><param name=”devicefont” value=”false” />
<param name=”salign” value=”" />
<param name=”allowScriptAccess” value=”sameDomain” />
<!–[if !IE]>–>
<object type=”application/x-shockwave-flash” data=”teste.swf”
width=”550″ height=”400″>
<param name=”movie” value=”teste.swf” />
<param name=”quality” value=”high” />
<param name=”bgcolor” value=”#ffffff” />
<param name=”play” value=”true” /><param name=”loop” value=”true” />
<param name=”wmode” value=”window” />
<param name=”scale” value=”showall” />
<param name=”menu” value=”true” />
<param name=”devicefont” value=”false” />
<param name=”salign” value=”" />
<param name=”allowScriptAccess” value=”sameDomain” />
<!–<![endif]–>
<a href=”http://www.adobe.com/go/getflash”><img
src=”http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif”
alt=”Get Adobe Flash player” />
</a>
<!–[if !IE]>–>
</object>
<!–<![endif]–>
</object>
</div>
</body>
</html>
Para centralizar a animação:
<!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” lang=”en”
xml:lang=”en”>
<head>
<title>teste</title>
<meta http-equiv=”Content-Type” content=”text/html;
charset=utf-8″ />
<style type=”text/css” media=”screen”>
html, body { height:100%; background-color: #ffffff;}
body { margin:0; padding:0; overflow:hidden; }
#flashContent { width:100%; height:100%; }
</style>
</head>
<body>
<center>
<div id=”flashContent”><object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″
width=”550″ height=”400″ id=”teste” align=”middle”>
<param name=”movie” value=”teste.swf” />
<param name=”quality” value=”high” />
<param name=”bgcolor” value=”#ffffff” />
<param name=”play” value=”true” />
<param name=”loop” value=”true” />
<param name=”wmode” value=”window” />
<param name=”scale” value=”showall” />
<param name=”menu” value=”true” /><param name=”devicefont” value=”false” />
<param name=”salign” value=”" />
<param name=”allowScriptAccess” value=”sameDomain” />
<!–[if !IE]>–>
<object type=”application/x-shockwave-flash” data=”teste.swf”
width=”550″ height=”400″>
<param name=”movie” value=”teste.swf” />
<param name=”quality” value=”high” />
<param name=”bgcolor” value=”#ffffff” />
<param name=”play” value=”true” /><param name=”loop” value=”true” />
<param name=”wmode” value=”window” />
<param name=”scale” value=”showall” />
<param name=”menu” value=”true” />
<param name=”devicefont” value=”false” />
<param name=”salign” value=”" />
<param name=”allowScriptAccess” value=”sameDomain” />
<!–<![endif]–>
<a href=”http://www.adobe.com/go/getflash”><img
src=”http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif”
alt=”Get Adobe Flash player” />
</a>
<!–[if !IE]>–>
</object>
<!–<![endif]–>
</object>
</div>
</center>
</body>
</html>
Para ter um espaço entre o topo da página e a animação:
<!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” lang=”en”
xml:lang=”en”>
<head>
<title>teste</title>
<meta http-equiv=”Content-Type” content=”text/html;
charset=utf-8″ />
<style type=”text/css” media=”screen”>
html, body { height:100%; background-color: #ffffff;}
body { margin:0; padding:0; overflow:hidden; }
#flashContent { width:100%; height:100%; }
</style>
</head>
<body><br> <br>
<div id=”flashContent”>
<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″
width=”550″ height=”400″ id=”teste” align=”middle”>
<param name=”movie” value=”teste.swf” />
<param name=”quality” value=”high” />
<param name=”bgcolor” value=”#ffffff” />
<param name=”play” value=”true” />
<param name=”loop” value=”true” />
<param name=”wmode” value=”window” />
<param name=”scale” value=”showall” />
<param name=”menu” value=”true” /><param name=”devicefont” value=”false” />
<param name=”salign” value=”" />
<param name=”allowScriptAccess” value=”sameDomain” />
<!–[if !IE]>–>
<object type=”application/x-shockwave-flash” data=”teste.swf”
width=”550″ height=”400″>
<param name=”movie” value=”teste.swf” />
<param name=”quality” value=”high” />
<param name=”bgcolor” value=”#ffffff” />
<param name=”play” value=”true” /><param name=”loop” value=”true” />
<param name=”wmode” value=”window” />
<param name=”scale” value=”showall” />
<param name=”menu” value=”true” />
<param name=”devicefont” value=”false” />
<param name=”salign” value=”" />
<param name=”allowScriptAccess” value=”sameDomain” />
<!–<![endif]–>
<a href=”http://www.adobe.com/go/getflash”><img
src=”http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif”
alt=”Get Adobe Flash player” />
</a>
<!–[if !IE]>–>
</object>
<!–<![endif]–>
</object>
</div>
</body>
</html>
Você pode colocar quantos <br> achar necessário.
Para colocar alguma imagem embaixo da animação:
<!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” lang=”en”
xml:lang=”en”>
<head>
<title>teste</title>
<meta http-equiv=”Content-Type” content=”text/html;
charset=utf-8″ />
<style type=”text/css” media=”screen”>
html, body { height:100%; background-color: #ffffff;}
body { margin:0; padding:0; overflow:hidden; }
#flashContent { width:100%; height:100%; }
</style>
</head>
<body><div id=”flashContent”>
<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″
width=”550″ height=”400″ id=”teste” align=”middle”>
<param name=”movie” value=”teste.swf” />
<param name=”quality” value=”high” />
<param name=”bgcolor” value=”#ffffff” />
<param name=”play” value=”true” />
<param name=”loop” value=”true” />
<param name=”wmode” value=”window” />
<param name=”scale” value=”showall” />
<param name=”menu” value=”true” /><param name=”devicefont” value=”false” />
<param name=”salign” value=”" />
<param name=”allowScriptAccess” value=”sameDomain” />
<!–[if !IE]>–>
<object type=”application/x-shockwave-flash” data=”teste.swf”
width=”550″ height=”400″>
<param name=”movie” value=”teste.swf” />
<param name=”quality” value=”high” />
<param name=”bgcolor” value=”#ffffff” />
<param name=”play” value=”true” /><param name=”loop” value=”true” />
<param name=”wmode” value=”window” />
<param name=”scale” value=”showall” />
<param name=”menu” value=”true” />
<param name=”devicefont” value=”false” />
<param name=”salign” value=”" />
<param name=”allowScriptAccess” value=”sameDomain” />
<!–<![endif]–>
<a href=”http://www.adobe.com/go/getflash”><img
src=”http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif”
alt=”Get Adobe Flash player” />
</a>
<!–[if !IE]>–>
</object>
<!–<![endif]–>
</object>
</div><br> <br>
<center><img src="imagem.jpg"></center>
<br> <br>
</body>
</html>
Para colocar imagem encima da animação:
<!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” lang=”en”
xml:lang=”en”>
<head>
<title>teste</title>
<meta http-equiv=”Content-Type” content=”text/html;
charset=utf-8″ />
<style type=”text/css” media=”screen”>
html, body { height:100%; background-color: #ffffff;}
body { margin:0; padding:0; overflow:hidden; }
#flashContent { width:100%; height:100%; }
</style>
</head>
<body><br> <br>
<center><img src="imagem.jpg"></center>
<br> <br>
<div id=”flashContent”>
<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″
width=”550″ height=”400″ id=”teste” align=”middle”>
<param name=”movie” value=”teste.swf” />
<param name=”quality” value=”high” />
<param name=”bgcolor” value=”#ffffff” />
<param name=”play” value=”true” />
<param name=”loop” value=”true” />
<param name=”wmode” value=”window” />
<param name=”scale” value=”showall” />
<param name=”menu” value=”true” /><param name=”devicefont” value=”false” />
<param name=”salign” value=”" />
<param name=”allowScriptAccess” value=”sameDomain” />
<!–[if !IE]>–>
<object type=”application/x-shockwave-flash” data=”teste.swf”
width=”550″ height=”400″>
<param name=”movie” value=”teste.swf” />
<param name=”quality” value=”high” />
<param name=”bgcolor” value=”#ffffff” />
<param name=”play” value=”true” /><param name=”loop” value=”true” />
<param name=”wmode” value=”window” />
<param name=”scale” value=”showall” />
<param name=”menu” value=”true” />
<param name=”devicefont” value=”false” />
<param name=”salign” value=”" />
<param name=”allowScriptAccess” value=”sameDomain” />
<!–<![endif]–>
<a href=”http://www.adobe.com/go/getflash”><img
src=”http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif”
alt=”Get Adobe Flash player” />
</a>
<!–[if !IE]>–>
</object>
<!–<![endif]–>
</object>
</div>
</body>
</html>
Para mudar a cor do fundo da página:
<!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” lang=”en”
xml:lang=”en”>
<head>
<title>teste</title>
<meta http-equiv=”Content-Type” content=”text/html;
charset=utf-8″ />
<style type=”text/css” media=”screen”>
html, body { height:100%; background-color: #ffffff;}
body { margin:0; padding:0; overflow:hidden; }
#flashContent { width:100%; height:100%; }
</style>
</head>
<body><div id=”flashContent”>
<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″
width=”550″ height=”400″ id=”teste” align=”middle”>
<param name=”movie” value=”teste.swf” />
<param name=”quality” value=”high” />
<param name=”bgcolor” value=”#ffffff” />
<param name=”play” value=”true” />
<param name=”loop” value=”true” />
<param name=”wmode” value=”window” />
<param name=”scale” value=”showall” />
<param name=”menu” value=”true” /><param name=”devicefont” value=”false” />
<param name=”salign” value=”" />
<param name=”allowScriptAccess” value=”sameDomain” />
<!–[if !IE]>–>
<object type=”application/x-shockwave-flash” data=”teste.swf”
width=”550″ height=”400″>
<param name=”movie” value=”teste.swf” />
<param name=”quality” value=”high” />
<param name=”bgcolor” value=”#ffffff” />
<param name=”play” value=”true” /><param name=”loop” value=”true” />
<param name=”wmode” value=”window” />
<param name=”scale” value=”showall” />
<param name=”menu” value=”true” />
<param name=”devicefont” value=”false” />
<param name=”salign” value=”" />
<param name=”allowScriptAccess” value=”sameDomain” />
<!–<![endif]–>
<a href=”http://www.adobe.com/go/getflash”><img
src=”http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif”
alt=”Get Adobe Flash player” />
</a>
<!–[if !IE]>–>
</object>
<!–<![endif]–>
</object>
</div>
</body>
</html>
Para mudar o título da página:
<!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” lang=”en”
xml:lang=”en”>
<head>
<title>teste</title>
<meta http-equiv=”Content-Type” content=”text/html;
charset=utf-8″ />
<style type=”text/css” media=”screen”>
html, body { height:100%; background-color: #ffffff;}
body { margin:0; padding:0; overflow:hidden; }
#flashContent { width:100%; height:100%; }
</style>
</head>
<body><div id=”flashContent”>
<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″
width=”550″ height=”400″ id=”teste” align=”middle”>
<param name=”movie” value=”teste.swf” />
<param name=”quality” value=”high” />
<param name=”bgcolor” value=”#ffffff” />
<param name=”play” value=”true” />
<param name=”loop” value=”true” />
<param name=”wmode” value=”window” />
<param name=”scale” value=”showall” />
<param name=”menu” value=”true” /><param name=”devicefont” value=”false” />
<param name=”salign” value=”" />
<param name=”allowScriptAccess” value=”sameDomain” />
<!–[if !IE]>–>
<object type=”application/x-shockwave-flash” data=”teste.swf”
width=”550″ height=”400″>
<param name=”movie” value=”teste.swf” />
<param name=”quality” value=”high” />
<param name=”bgcolor” value=”#ffffff” />
<param name=”play” value=”true” /><param name=”loop” value=”true” />
<param name=”wmode” value=”window” />
<param name=”scale” value=”showall” />
<param name=”menu” value=”true” />
<param name=”devicefont” value=”false” />
<param name=”salign” value=”" />
<param name=”allowScriptAccess” value=”sameDomain” />
<!–<![endif]–>
<a href=”http://www.adobe.com/go/getflash”><img
src=”http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif”
alt=”Get Adobe Flash player” />
</a>
<!–[if !IE]>–>
</object>
<!–<![endif]–>
</object>
</div>
</body>
</html>