Através do menu "Insert", localizado ao topo do Dreamweaver, podemos inserir diversos elementos em nossa página (imagens, campos de formulário, arquivos flash ".swf", tabelas e etc...)
Para inserir uma imagem em sua página vá em Insert > Image ou clique sobre o atalho para inserção de imagens, veja na imagem abaixo:
Após inserir uma imagem em sua página o Dreamweaver irá automaticamente criar a tag html necessárias para efetuar a inserção da imagem em seu código. Você poderá alterar propriedades da imagem inserida alterando a sua tag <img> ou através da janela de propriedades do Dreamweaver:
Como você pode ver na imagem acima, selecionando uma imagem e indo na janela properties, você poderá alterar diversas propriedades da mesma: Seu tamanho (W, H), a imagem (Src), adicionar um link a imagem (Link, Target), informar uma classe css para a imagem (Class), definir a grossura de sua borda (Border), definir o espaçamento vertical e horizontal da imagem para o conteúdo que a envolve (V Space, H Space) e outros...
Para inserir em sua página arquivos .swf feitos no flash vá em Insert > Media > Flash, após a inserção do arquivo swf na pagina você terá o seguinte código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="DWConfiguration/ActiveContent/IncludeFiles/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
AC_FL_RunContent( 'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0', 'width', '640', 'height', '480', 'src', 'meuswf' , 'quality', 'high', 'pluginspage', 'http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','meuswf' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="640" height="480">
<param name="movie" value="meuswf.swf" />
<param name="quality" value="high" />
<embed src="meuswf.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="640" height="480"></embed>
</object></noscript>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="DWConfiguration/ActiveContent/IncludeFiles/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
AC_FL_RunContent( 'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0', 'width', '640', 'height', '480', 'src', 'meuswf' , 'quality', 'high', 'pluginspage', 'http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','meuswf' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="640" height="480">
<param name="movie" value="meuswf.swf" />
<param name="quality" value="high" />
<embed src="meuswf.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="640" height="480"></embed>
</object></noscript>
</body>
</html>
Perceba que agora um arquivo "AC_RunActiveContent.js" foi incluido em sua página para realizar a inclusão do arquivo .swf na mesma.
Para inserir tabelas em sua página vá em Insert > Table ou utilize o ícone de tabela do Dreanweaver. Para saber como manipular uma tabela via interface do Dreanweaver consulte o capítulo "Tabelas".
Note que assim que você pedir para inserir uma tabela em sua página uma nova janela será exibida, nela você poderá informar algumas propriedades de sua tabela, como seu tamanho, quantidade de linhas e etc...
0 comentários:
Postar um comentário