<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>MXStudio &#187; Deividy_Ramires</title>
	<atom:link href="http://www.mxstudio.com.br/author/deividy_ramires/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mxstudio.com.br</link>
	<description>Macromedia e Adobe - Artigos, colunas, tutorias e muito mais...</description>
	<lastBuildDate>Sun, 29 Jan 2012 11:31:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>Menu com Layers</title>
		<link>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/menu_com_layers/</link>
		<comments>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/menu_com_layers/#comments</comments>
		<pubDate>Wed, 01 Dec 2004 00:00:00 +0000</pubDate>
		<dc:creator>Deividy_Ramires</dc:creator>
				<category><![CDATA[Dreamweaver]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Vamos mostrar como construir um menu com layer &#233; bem simples e pr&#225;tico.]]></description>
			<content:encoded><![CDATA[<table class="texto" border="0" cellspacing="0" cellpadding="0" width="580">
<tbody>
<tr>
<td align="center">
<p class="titulo_colunas">Menu usando Layer</p>
</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Como vai pessoal espero que bem!</td>
</tr>
<tr>
<td>Bom, aqui estamos mais uma vez, hoje vou mostrar como construir um menu<br />
com layer é bem simples e prático.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Bom eu não vou me aprofundar com layout tipo fazer um menu no<br />
FW pra mostrar como seria, tudo bem vou mostrar o menu de uma maneira pratica<br />
e rápida.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><span class="numerodacoluna">1 =</span> Cria uma tabela e depois coloque 4 imagens ex: HOME, EMPRESA, PRODUTOS<br />
e CONTATOS, pode ser mais do que 4 isso é só um exemplo e<br />
também não precisa ser imagem e sim um link.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Ex. de código:</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td class="textodiferente">&lt;table width=&#8221;400&#8243; border=&#8221;0&#8243; cellspacing=&#8221;0&#8243; cellpadding=&#8221;0&#8243;&gt;</p>
<p>&lt;tr&gt;</p>
<p>&lt;td&gt;&lt;a href=&#8221;#&#8221;&gt;Link1&lt;/a&gt;&lt;/td&gt;<span class="texto_azul">&lt;!&#8211;<br />
aqui esta um link neutro que pode ser usado nesse exemplo aqui &#8211;&gt; </span></p>
<p>&lt;td&gt;&lt;img src=&#8221;" alt=&#8221;imagen1&#8243; name=&#8221;imagem1&#8243; width=&#8221;120&#8243; height=&#8221;20&#8243; id=&#8221;imagem1&#8243;&gt;&lt;/td&gt;<span class="texto_azul">&lt;!&#8211;<br />
e nesse caso seria a imagem &#8211;&gt; </span></p>
<p>&lt;td&gt; &lt;/td&gt;</p>
<p>&lt;td&gt; &lt;/td&gt;</p>
<p>&lt;/tr&gt;</p>
<p>&lt;/table&gt;</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Obs: Os dois casos são iguais não importando o qual você irá usar<br />
nesse tutorial vou estar usando imagem.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Voltando faça uma tabela assim:</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td class="textodiferente">&lt;table width=&#8221;448&#8243; border=&#8221;1&#8243; cellpadding=&#8221;0&#8243; cellspacing=&#8221;0&#8243; bordercolor=&#8221;#0000FF&#8221;&gt;</p>
<p>&lt;tr&gt;</p>
<p>&lt;td width=&#8221;110&#8243;&gt;&lt;a href=&#8221;#&#8221;&gt;&lt;img<br />
src=&#8221;" alt=&#8221;imagem 1&#8243; width=&#8221;110&#8243; height=&#8221;32&#8243; border=&#8221;0&#8243; style=&#8221;background-color:<br />
#FF0000&#8243;)&#8221;&gt;&lt;/a&gt;&lt;/td&gt;</p>
<p>&lt;td width=&#8221;110&#8243;&gt;&lt;a href=&#8221;#&#8221;&gt;&lt;img<br />
src=&#8221;" alt=&#8221;imagem 2&#8243; width=&#8221;110&#8243; height=&#8221;32&#8243; border=&#8221;0&#8243; style=&#8221;background-color:<br />
#FF0000&#8243;&gt;&lt;/a&gt;&lt;/td&gt;</p>
<p>&lt;td width=&#8221;110&#8243;&gt;&lt;a href=&#8221;#&#8221;&gt;&lt;img<br />
src=&#8221;" alt=&#8221;imagem 3&#8243; width=&#8221;110&#8243; height=&#8221;32&#8243; border=&#8221;0&#8243; style=&#8221;background-color:<br />
#FF0000&#8243;&gt;&lt;/a&gt;&lt;/td&gt;</p>
<p>&lt;td width=&#8221;128&#8243;&gt;&lt;a href=&#8221;#&#8221;&gt;&lt;img<br />
src=&#8221;" alt=&#8221;imagem 4&#8243; width=&#8221;110&#8243; height=&#8221;32&#8243; border=&#8221;0&#8243; style=&#8221;background-color:<br />
#FF0000&#8243;&gt;&lt;/a&gt;&lt;/td&gt;</p>
<p>&lt;/tr&gt;</p>
<p>&lt;/table&gt;</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><img src="http://www.mxstudio.com.br/imagens_artigos/http://www.mxstudio.com.br/tutorial/deividi3/1.gif" alt="" width="472" height="&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;span class=" />2 = Crie um layer rente ao a imagem1 como mostra essa imagem e coloque<br />
uma imagem dentro do layer como o meu vai ser simbólico mais poderia<br />
ser um menu.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><img src="http://www.mxstudio.com.br/imagens_artigos/http://www.mxstudio.com.br/tutorial/deividi3/2.gif" alt="" width="481" height="&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;span class=" />3 = Na barra de propriedades de um nome a ela nesse caso de menu1 tudo<br />
minúsculo, no campo VIS selecione HIDDEN pra desaparecer o layer<br />
afinal ele é um menu e só irá aparecer quando eu clicar<br />
no link imagem1.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><img src="http://www.mxstudio.com.br/imagens_artigos/http://www.mxstudio.com.br/tutorial/deividi3/3.gif" alt="" width="576" height="&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;span class=" />4 = Agora clique na imagem1 vá a behaviors (SHIFT + F3) clique<br />
no botão com o sinal de mais, selecione SHOW-HIDE LAYERS.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><img src="http://www.mxstudio.com.br/imagens_artigos/http://www.mxstudio.com.br/tutorial/deividi3/4.gif" alt="" width="372" height="&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; Agora você terá essa imagem aqui: &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;img src=" />5 = Ai irá aparecer no Events uma função e o Actions<br />
dizendo o que ele esta fazendo, no Events ele tem que esta ONMOUSEOVER<br />
caso isso não esteja acontecendo selecione a setinha que aparece<br />
do lado e procure por ONMOUSEOVER.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><img src="http://www.mxstudio.com.br/imagens_artigos/http://www.mxstudio.com.br/tutorial/deividi3/6.gif" alt="" width="213" height="&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;span class=" />6 = Depois de ter feito esse procedimento repita o 4 e o 5 só que<br />
ao invés de colocar ONMOUSEOVER coloque ONMOUSEOUT</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Esta pronto mais ai você irá testar e vai se perguntar<br />
mais ele chama o menu e quando tiro o mouse ele sai, certo mais não<br />
vai consegui ficar com o mouse em cima do sub menu então vamos arrumar<br />
essa parte também.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><span class="numerodacoluna">7 = </span>Bom clique na imagem dentro do layer e repita o procedimento 4 e<br />
5 com essa imagem, não esquecendo que essa parte é feita<br />
dentro do layer.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Mais ai você vai se pergunta mais minha imagem que esta dentro<br />
do layer não aparece porque eu coloque ela em hidden (invisível)<br />
no procedimento 3, na se desespere bom clique em window e depois escolha<br />
layer e pronto aparecerá um painel que lhe proporciona ver todos<br />
os layer na tela você também pode apertar o F2 que funciona<br />
perfeitamente.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Agora você já pode testar e ter um menu com layer.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>O ex. que montei <a class="titulo_colunas" href="http://www.mxstudio.com.br/tutorial/deividi3/ex.htm">aqui</a> ficará assim!</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><span class="numerodacoluna">Dica1:</span> Caso tenha problema em posicionar<br />
o layer digo aparece uma imagem assim (<img src="http://www.mxstudio.com.br/imagens_artigos/http://www.mxstudio.com.br/tutorial/deividi3/l.gif" alt="" width="24" height="&gt;)&lt;br /&gt;       em cima da tabela você pode acertar colocando&lt;br /&gt;       mais para cima o layer mais isso sempre implica em ficar vendo no browser&lt;br /&gt;       para ver se deu a distancia correta, o certo seria colocar esse elemento&lt;br /&gt;       que aparece em invisível assim não complicando na hora de&lt;br /&gt;       fazer o menu, como fazer isso? É assim esta vendo esse desenho?(&lt;img src=" />Dica2: Bom sendo um menu com layer, o mesmo trabalha com proporção<br />
da tela então sempre que for fazer um menu assim tenha em mente<br />
de colocar o menu sempre à esquerda de quem vê o monitor e<br />
não centralizado, porque ele trabalha com proporção.<br />
Já estou escrevendo como se pode fazer isso num outro tutorial mais<br />
envolve CSS para que ele possa ficar onde você quer, espero que compreendam.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>
<p class="numerodacoluna">Matéria criada por: Deividy Ramires<br />
Duvidas, Sugestões e Criticas podem me escrever que responderei<br />
com a maior atenção, Obrigado a todos que acompanham minhas<br />
matérias.<br />
Email: deividyr@pop.com.br</p>
</td>
</tr>
<tr>
<td></td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/menu_com_layers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vídeos na Web sem Streaming</title>
		<link>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/videos_na_web_sem_streaming/</link>
		<comments>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/videos_na_web_sem_streaming/#comments</comments>
		<pubDate>Sat, 06 Nov 2004 00:00:00 +0000</pubDate>
		<dc:creator>Deividy_Ramires</dc:creator>
				<category><![CDATA[Dreamweaver]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Aprenda a usar a extens&#227;o Flash Video Extension for Dreamweaver MX 2004.]]></description>
			<content:encoded><![CDATA[<table class="texto" border="0" cellspacing="0" cellpadding="0" width="580">
<tbody>
<tr>
<td class="titulo_colunas" align="center">Vídeos na Web sem Streaming</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Eu postei faz algum tempo uma nova extensão lançada pela<br />
Macromedia chamada</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td align="center"><strong class="textodiferente">Flash Video Extension for Dreamweaver MX 2004</strong></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Agora estou de volta para mostrar como se faz isso de maneira bem simples.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Bom para começar é preciso ter um programa chamado ?SORENSON<br />
SQUEEZE? é ele que irá colocar nosso vídeo no formato<br />
que a extensão usa para que possa ser mostrado na Web.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Essa é uma imagem do programa.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td align="center"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlU82A14_i_imagens/1.gif" alt="" width="560" height="&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Vou explicar o essencial para nosso uso. Nesse momento essa ferramenta é muito&lt;br /&gt;     grande e não vou entrar em grandes detalhes. &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Acompanhem comigo os números. &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class=" /><span class="numerodacoluna">1 = </span>Importe um filme do seu computador para o programa que no meu ex.<br />
estou usando um .mpg.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td class="textodiferente"><span class="numerodacoluna">2 = </span>Você terá o filme, ou melhor, uma previa dele.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td align="center"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlU82A14_i_imagens/2.gif" alt="" width="430" height="&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class=" /><span class="numerodacoluna">3 =</span> Agora aqui você clicará no sinal do mais e verá uma<br />
porção de Saída para o filme bom nesse ex. eu só estou<br />
usando um que é 112K_Strem. Os outros vou deixar que vocês<br />
mesmo vejam e testem da melhor maneira possível. Clique no primeiro<br />
depois em apply, pronto ele já esta no filme.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td align="center"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlU82A14_i_imagens/3.gif" alt="" width="246" height="&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class=" /><span class="numerodacoluna">4 =</span> Clique em Squeeze it! Ele vai começar a colocar o filme no<br />
formato apropriado para que se poder ver o filme na Web. Outro detalhe<br />
ele colocará o<br />
filme na mesma janela onde esta o filme original.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td align="center"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlU82A14_i_imagens/4.gif" alt="" width="425" height="&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;p&gt;Agora com o arquivo no formato .FLV esta pronto para ser usado. &lt;/p&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Com a extensão &lt;b&gt;Flash Video Extension for Dreamweaver MX&lt;br /&gt;         2004 &lt;/b&gt;já instalada no DreamWeaverMX2004 (instalada através&lt;br /&gt;     do Extension Manager). &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Agora vamos publicar o filme. &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Você encontra a extensão de duas formas assim; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td align=" /><img class="numerodacoluna" src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlU82A14_i_imagens/5.gif" alt="" width="409" height="&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td align=" />Ou</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td align="center"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlU82A14_i_imagens/6.gif" alt="" width="377" height="&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Esse é o aplicativo agora. Como mostra a imagem seguinte. &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td align=" /><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlU82A14_i_imagens/7.gif" alt="" width="530" height="&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class=" /><span class="numerodacoluna">1 =</span> Vídeo Type: É como o vídeo<br />
vai aparecer na Web. Bom pessoal só usem o primeiro é o mais<br />
recomendado se quiserem mais informações a respeitos dos<br />
outros perguntem no fórum.</td>
</tr>
<tr>
<td class="textodiferente"></td>
</tr>
<tr>
<td class="textodiferente"><span class="numerodacoluna">2 = </span>Selecione o arquivo que você fez o .FLV<br />
que estará no mesmo<br />
diretório do seu filme original onde assim que você selecionar<br />
ele vai lhe perguntar se quer gravar em outro local você diz que<br />
sim e pronto.</td>
</tr>
<tr>
<td class="textodiferente"></td>
</tr>
<tr>
<td class="textodiferente"><span class="numerodacoluna">3 =</span> Aqui são os modelos que e no 4 e uma<br />
amostra de como eles ficarão<br />
na Web.</td>
</tr>
<tr>
<td class="textodiferente"></td>
</tr>
<tr>
<td class="textodiferente"><span class="numerodacoluna">5 =</span> O tamanho<br />
que o filme vai aparecer na Web.</td>
</tr>
<tr>
<td class="textodiferente"></td>
</tr>
<tr>
<td class="textodiferente"><span class="numerodacoluna">6 = </span>Aqui esta aparecendo uma mensagem de exclamação,<br />
o que significa um erro. A mensagem diz ? ?Para ver um prévio no<br />
browser, terá que desabilitar o prévio temporário<br />
em preferências.?.<br />
Ai ele te dá a oportunidade de desabilitar ele.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Clicando no link que aparece ai ele vai para a tela de preferências<br />
ai é só seguir a imagem.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td align="center"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlU82A14_i_imagens/8.gif" alt="" width="550" height="&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Agora é só descelecionar.&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Retornando ele já não aparecerá mais. &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Pronto seguindo todos os passos até aqui eu concluo e coloco o&lt;br /&gt;     meu filem na net sem maiores problemas. &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td align=" /><!-- Begin Flash Video for Progressive download --><br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="240" height="164" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="salign" value="lt" /><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="FlashVars" value="&amp;skinName=http://www.mxstudio.com.br/Conteudos/Juliano/tutod/clearSkin_3&amp;streamName=http://www.mxstudio.com.br/Conteudos/Juliano/tutod/SHREK.Dublado.Brasil.DVDRip.DivX.27SET.KonKer112K_Stream001&amp;autoPlay=false&amp;autoRewind=false" /><param name="src" value="http://www.mxstudio.com.br/Conteudos/Juliano/tutod/FLVPlayer_Progressive.swf" /><embed type="application/x-shockwave-flash" width="240" height="164" src="http://www.mxstudio.com.br/Conteudos/Juliano/tutod/FLVPlayer_Progressive.swf" flashvars="&amp;skinName=http://www.mxstudio.com.br/Conteudos/Juliano/tutod/clearSkin_3&amp;streamName=http://www.mxstudio.com.br/Conteudos/Juliano/tutod/SHREK.Dublado.Brasil.DVDRip.DivX.27SET.KonKer112K_Stream001&amp;autoPlay=false&amp;autoRewind=false" scale="noscale" quality="high" salign="lt"></embed></object></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Clicando no Filme ainda no DreamweaverMX2004 tem lá na parte de<br />
baixo as propriedades.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlU82A14_i_imagens/9.gif" alt="" width="580" height="&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Eu não mencionei antes mais tem Auto play que significa começar&lt;br /&gt;     ao automático o filme. &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Ainda nas propriedades podemos mudar o estilo que irá aparecer&lt;br /&gt;     na web como também o tamanho. &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Obs: Só ficar de olho com tamanho do arquivo em se tratando de vídeo&lt;br /&gt;       sempre se tem um resultado bem grande. &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Matéria realizada por: &lt;span class=" />Deividy Ramires.</td>
</tr>
<tr>
<td>Mande suas sugestões e reclamações para mim<a class="titulo_colunas" href="mailto:deividyr@pop.com.br"> clicando<br />
aqu</a>i.</td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/videos_na_web_sem_streaming/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Adicionando Flash Vídeo no seu site pelo DreamweaverMX2004</title>
		<link>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/adicionando_flash_video_no_seu_site_pelo_dreamweavermx2004/</link>
		<comments>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/adicionando_flash_video_no_seu_site_pelo_dreamweavermx2004/#comments</comments>
		<pubDate>Thu, 23 Sep 2004 00:00:00 +0000</pubDate>
		<dc:creator>Deividy_Ramires</dc:creator>
				<category><![CDATA[Dreamweaver]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[A Macromedia trouxe essa novidade pra facilitar a integra&#231;&#227;o com Flash V&#237;deo.]]></description>
			<content:encoded><![CDATA[<p>&lt;!&#8211; @import url(&#8220;http://www.mxstudio.com.br/_colunistas/css_coluna.css&#8221;); &#8211;&gt;</p>
<table border="0" cellspacing="0" cellpadding="0" width="580">
<tbody>
<tr>
<td>
<p class="texto" align="center"><span class="titulo_colunas">Adicionando<br />
Flash Vídeo no seu site pelo DreamweaverMX2004</span></p>
<p class="texto_azul">Receba Grátis o seu kit de Flash Vídeo<br />
( equivalente a $99 USD) registrando on-line seu Studio MX 2004 com Flash<br />
Professional antes de 30 de setembro 2004.</p>
<p class="texto_azul">Link pra você ver termos de uso e condições</p>
<p class="texto_azul"><a class="textodiferente" href="http://www.macromedia.com/software/studio/flashvideokit/term_conditions/br.html" target="_blank">http://www.macromedia.com/software/studio/flashvideokit/term_conditions/br.html</a></p>
<p class="texto_azul">Eu vou tentar resumir pra vocês que esta escrita<br />
aqui nesse link que esta em inglês</p>
<p class="texto_azul"><a class="textodiferente" href="http://www.macromedia.com/software/studio/flashvideokit/?promoid=homepage_fma_br_fvk_20040901" target="_blank">http://www.macromedia.com/software/studio/flashvideokit/?promoid=homepage_fma_br_fvk_20040901</a></p>
<div class="titulo_colunas">Flash Video Extension for Dreamweaver<br />
MX 2004</div>
<p class="texto_azul">A Macromedia trouxe essa novidade pra facilitar a<br />
integração com Flash Vídeo.É uma extensão<br />
que insere um componente de Flash Vídeo onde nele mesmo você<br />
pode controlar e configurar coisas como controle de playback e skins.</p>
</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlO32O18_art_imagens/extension_progressive_sm.gif" alt="" width="220" height="&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;p class=" />O Flash Video Extension for Dreamweaver suporta<br />
alguns métodos de entrada Flash Vídeo:</p>
<p><strong><em><span class="textodiferente">Download progressivo do Video</span></em></strong><span class="texto_azul">,<br />
o Flash Vídeo tem uma extensão de arquivo. FLV e com isso<br />
ele tem uma facilidade para que na hora que um visitante entrar na página<br />
ele pode já estar rodando sem precisar que o site entre por inteiro<br />
ou que ele precisa carregar.</span></p>
<p><span class="textodiferente"><em><strong>Streaming video</strong></em></span><span class="texto_azul">,<br />
bom o vídeo começa imediatamente ao entrar na página<br />
o usuário só precisa ter o plugin do flash pra que ele possa<br />
estar rodando de maneira correta.</span></p>
<p class="texto_azul">Vou passa o link pra quem tiver interesse em baixar<br />
essa extensão.</p>
<p class="texto_azul"><a class="textodiferente" href="http://www.vitalstream.com/fvsslite/" target="_blank">http://www.vitalstream.com/fvsslite/</a></p>
<p class="texto_azul">Lembrado que é por 15 dias e também<br />
só funciona na versão 2004.</p>
<p class="texto_azul">Agora vou falar do produto que coloca o vídeo<br />
nessa extensão (.FLV)</p>
<p class="titulo_colunas" align="center">Sorenson Squeeze 4.0 Lite para<br />
Flash MX</p>
<p><span class="texto_azul">Sorenson Squeeze 4.0 Lite for Flash MX foi<br />
desenvolvida pela Sorenson Squeeze produzido especialmente para Flash<br />
Vídeo Kit. É um conversor (encodes) de vídeo para<br />
o fomato (.FLV)</span></p>
<p class="texto_azul">Ele pode ser usado com o Flash MX em diante.</p>
</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlO32O18_art_imagens/sorenson.gif" alt="" width="580" height="&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;p class=" />Link para o site do fabricante.</p>
<p><span class="texto_azul"><a class="textodiferente" href="http://www.sorenson.com/" target="_blank">http://www.sorenson.com/</a></span></p>
<p class="texto_azul">Para quem quer aprender mais aqui esta o link para<br />
ver um Guia do Flash Vídeo esta em inglês.</p>
<p class="texto_azul"><a class="textodiferente" href="http://www.macromedia.com/devnet/mx/flash/articles/video_primer.html" target="_blank">http://www.macromedia.com/devnet/mx/flash/articles/video_primer.html</a></p>
<p class="texto_azul">Matéria escrito por:<br />
Deividy Ramires<br />
Colunista e moderador da área de Dreamweaver mande email clicando<br />
<a class="textodiferente" href="mailto:deividyr@pop.com.br">aqui </a></p>
</td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/adicionando_flash_video_no_seu_site_pelo_dreamweavermx2004/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Imagens randômicas com extensão</title>
		<link>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/imagens_randomicas_com_extensao/</link>
		<comments>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/imagens_randomicas_com_extensao/#comments</comments>
		<pubDate>Thu, 23 Sep 2004 00:00:00 +0000</pubDate>
		<dc:creator>Deividy_Ramires</dc:creator>
				<category><![CDATA[Dreamweaver]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Aprenda a utilizar esta extens&#227;o para imagens rand&#244;micas]]></description>
			<content:encoded><![CDATA[<p>&lt;!&#8211; @import url(&#8220;http://www.mxstudio.com.br/_colunistas/css_coluna.css&#8221;); &#8211;&gt;</p>
<table border="0" cellspacing="0" cellpadding="0" width="580">
<tbody>
<tr>
<td class="titulo_colunas" align="center"><span style="font-size: small;">Imagens randômicas<br />
com extensão.</span></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><span class="texto_azul">Bom vou mostrar uma extensão hoje, que<br />
tem o nome de “ADVENCED RANDOM IMAGES” que por sua vez serve<br />
para colocar imagens nos nossos trabalhos randomicamente que significa mostrar-nos<br />
aleatoriamente as imagens definidas ou em seqüência. </span></p>
<p class="texto_azul">A extensão se chama “ADVENCED RANDOM<br />
IMAGES” <a href="http://www.mxstudio.com.br/views.download.php?act=file&amp;opt=view&amp;cid=1&amp;fid=96">clique aqui</a> pra baixar.</p>
<p class="texto_azul">Pra instalar esta extensão você terá<br />
que ter instalado Macromedia Extension Manager que vem juntamente com<br />
o cd de instalação da MXStudio.</p>
<p class="texto_azul">Depois de instalado abra o DW. Agora vá em<br />
Commands / Kaosweaver.com / Advenced Randon Images&#8230; , e logo aparecerá<br />
uma tela assim.</p>
</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td align="center"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/tela_imagens/tela.gif" alt="" width="401" height="&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;span class=" />Vamos as explicações:</p>
<p class="texto_azul">No select que aparece você tem 4 opções,<br />
são elas;</p>
<p class="texto_azul">1 &#8211; <span class="textodiferente"><strong>Random Images</strong></span><br />
– Uma lista de imagens que aparecem sem ordem definida quando se<br />
atualiza a página.</p>
<p class="texto_azul">2 -<span class="textodiferente"> <strong>Daily Image</strong></span><br />
– Uma lista de imagens que só irá aparecer uma por<br />
dia.</p>
<p class="texto_azul">3 &#8211; <span class="textodiferente"><strong>Random Slideshow</strong></span><br />
– Imagens randômica sem precisar atualizar a página.</p>
<p class="texto_azul">4 &#8211; <strong><span class="textodiferente">Sequential<br />
Slideshow</span></strong> – As imagens na seqüência que<br />
você coloco sem precisar atualizar a página.</p>
<p class="texto_azul"><span class="textodiferente"><strong>Slideshow Timer</strong></span><br />
– Quando essa opção estiver disponível você<br />
poderá colocar o tempo pra que a imagem em Slideshow se altere.</p>
<p class="texto_azul">Onde aparece o sinal de + serve para colocar a imagens.</p>
<p class="texto_azul">No sinal de – serve pra tirar as imagens.</p>
<p class="texto_azul">Na pastinha você pode colocar uma pasta inteira<br />
de imagens ex. você faz uma seqüência de imagens ai ao<br />
invés de selecionar uma por uma você clica aqui seleciona<br />
a pasta e pronto todas as imagens entra.</p>
<p class="texto_azul">Existe alguns atributos que só funcionarão<br />
com <span class="textodiferente"><strong>Random Image</strong></span><br />
e <span class="textodiferente"><strong>Daily Image</strong></span> são;</p>
<p class="textodiferente"><strong><em>* Width<br />
* Height<br />
* Alt text<br />
* Link<br />
* Target<br />
* Border</em></strong></p>
<p class="texto_azul">Só tome cuidado com uma coisa se você for colocar mais de<br />
um com esse esquema ele se subscreve, ai eu aconselho você a colocar<br />
ele como include em forma de js ou pelo código.<br />
Alguns exemplos de como utiliza-lo.</p>
<p><span class="texto_azul">Primeiro o</span><strong><span class="textodiferente"><br />
Random Images</span></strong> <a href="http://www.mxstudio.com.br/Conteudos/Juliano/advenced/1.htm">clique aqui</a> <span class="texto_azul">para<br />
poder ver. </span></p>
<p class="texto_azul">O código vai ficar assim;</p>
<p><span class="texto">&lt;script language=&#8221;JavaScript&#8221;&gt;<br />
// Advanced Random Images Start<br />
// Copyright 2001-2002 All rights reserved, by Paul Davis &#8211; www.kaosweaver.com<br />
var j,d=&#8221;",l=&#8221;",m=&#8221;",p=&#8221;",q=&#8221;",z=&#8221;",KW_ARI=<br />
new Array()<br />
KW_ARI[KW_ARI.length]=&#8217;../advenced/1.gif?&amp;width=180&amp;height=50&amp;link=http%3A//www.mxstudio.com.br&amp;target=_blank&#8217;;<br />
KW_ARI[KW_ARI.length]=&#8217;../advenced/2.gif?&amp;width=180&amp;height=50&amp;link=http%3A//www.mxstudio.com.br&amp;target=_blank&#8217;;<br />
KW_ARI[KW_ARI.length]=&#8217;../advenced/3.gif?&amp;width=55&amp;height=70&amp;link=http%3A//www.mxstudio.com.br&amp;target=_blank&#8217;;<br />
j=parseInt(Math.random()*KW_ARI.length);<br />
j=(isNaN(j))?0:j;<br />
if (KW_ARI[j].indexOf(&#8216;?&#8217;)==-1) {<br />
document.write(&#8220;&lt;img src=&#8217;&#8221;+KW_ARI[j]+&#8221;&#8216;&gt;&#8221;);<br />
}<br />
else {<br />
nvp=KW_ARI[j].substring(KW_ARI[j].indexOf(&#8216;?&#8217;)+2).split(&#8216;&amp;&#8217;);<br />
for(var i=0;i&lt;nvp.length;i++) {<br />
sub=nvp[i].split(&#8216;=&#8217;);<br />
switch(sub[0]) {<br />
case &#8216;link&#8217;:<br />
l=&#8221;&lt;a href=&#8217;&#8221;+unescape(sub[1])+&#8221;&#8216;&gt;&#8221;;<br />
p=&#8221;&lt;/a&gt;&#8221;;<br />
break;<br />
case &#8216;target&#8217;:<br />
q=&#8221; target=&#8217;&#8221;+unescape(sub[1])+&#8221;&#8216;&#8221;;<br />
break;<br />
default:<br />
m+=&#8221; &#8220;+sub[0]+&#8221;=&#8217;&#8221;+unescape(sub[1])+&#8221;&#8216;&#8221;;<br />
break;<br />
}<br />
}<br />
z=(l!=&#8221;")?((q!=&#8221;")?l.substring(0,l.length-1)+q+&#8221;&gt;&#8221;:l):&#8221;";<br />
z+=&#8221;&lt;img src=&#8217;&#8221;+KW_ARI[j].substring(0,KW_ARI[j].indexOf(&#8216;?&#8217;))+&#8221;&#8216;&#8221;+m+&#8221;&gt;&#8221;+p;<br />
document.write(z);<br />
}</span></p>
<p class="texto">// Advanced Random Images End<br />
&lt;/script&gt;</p>
<p class="textodiferente"><em><strong>* Esse código tem que ficar<br />
exatamente onde você quer que apareça a imagem.</strong></em></p>
<p><span class="texto_azul">Segundo </span><strong><span class="textodiferente">Daily<br />
Image</span></strong> <a href="http://www.mxstudio.com.br/Conteudos/Juliano/advenced/2.htm">clique aqui</a> <span class="texto_azul">para<br />
poder ver.</span></p>
<p class="texto_azul">O código vai ficar assim;</p>
<p><span class="texto">&lt;script language=&#8221;JavaScript&#8221;&gt;<br />
// Advanced Random Images Start<br />
// Copyright 2001-2002 All rights reserved, by Paul Davis &#8211; www.kaosweaver.com<br />
var j,d=&#8221;",l=&#8221;",m=&#8221;",p=&#8221;",q=&#8221;",z=&#8221;",KW_ARI=<br />
new Array()<br />
var oneDay=60*60*24*1000, d=new Date();<br />
KW_ARI[KW_ARI.length]=&#8217;../advenced/1.gif?&amp;border=0&amp;link=http%3A//www.mxstudio.com.br&amp;target=_blank&#8217;;<br />
KW_ARI[KW_ARI.length]=&#8217;../advenced/2.gif?&amp;border=0&amp;link=http%3A//www.mxstudio.com.br&amp;target=_blank&#8217;;<br />
KW_ARI[KW_ARI.length]=&#8217;../advenced/tela.gif?&amp;border=0&amp;link=http%3A//www.mxstudio.com.br&amp;target=_blank&#8217;;<br />
j=(parseInt(d.getTime()/oneDay))%KW_ARI.length;<br />
j=(isNaN(j))?0:j;<br />
if (KW_ARI[j].indexOf(&#8216;?&#8217;)==-1) {<br />
document.write(&#8220;&lt;img src=&#8217;&#8221;+KW_ARI[j]+&#8221;&#8216;&gt;&#8221;);<br />
}<br />
else {<br />
nvp=KW_ARI[j].substring(KW_ARI[j].indexOf(&#8216;?&#8217;)+2).split(&#8216;&amp;&#8217;);<br />
for(var i=0;i&lt;nvp.length;i++) {<br />
sub=nvp[i].split(&#8216;=&#8217;);<br />
switch(sub[0]) {<br />
case &#8216;link&#8217;:<br />
l=&#8221;&lt;a href=&#8217;&#8221;+unescape(sub[1])+&#8221;&#8216;&gt;&#8221;;<br />
p=&#8221;&lt;/a&gt;&#8221;;<br />
break;<br />
case &#8216;target&#8217;:<br />
q=&#8221; target=&#8217;&#8221;+unescape(sub[1])+&#8221;&#8216;&#8221;;<br />
break;<br />
default:<br />
m+=&#8221; &#8220;+sub[0]+&#8221;=&#8217;&#8221;+unescape(sub[1])+&#8221;&#8216;&#8221;;<br />
break;<br />
}<br />
}<br />
z=(l!=&#8221;")?((q!=&#8221;")?l.substring(0,l.length-1)+q+&#8221;&gt;&#8221;:l):&#8221;";<br />
z+=&#8221;&lt;img src=&#8217;&#8221;+KW_ARI[j].substring(0,KW_ARI[j].indexOf(&#8216;?&#8217;))+&#8221;&#8216;&#8221;+m+&#8221;&gt;&#8221;+p;<br />
document.write(z);<br />
}</span></p>
<p class="texto">// Advanced Random Images End<br />
&lt;/script&gt;<br />
&lt;!&#8211; KW ARI Image &#8211;&gt;</p>
<p class="textodiferente"><strong><em>* Esse código tem que ficar<br />
exatamente onde você quer que apareça a imagem.</em></strong></p>
<p><span class="texto_azul">Terceiro </span><strong><span class="textodiferente">Random<br />
Slideshow<a href="http://www.mxstudio.com.br/mx_novo/wp-admin/3.gif"> </a></span></strong><a href="http://www.mxstudio.com.br/Conteudos/Juliano/advenced/3.gif">clique aqui</a><span class="texto_azul"><br />
para ver.</span></p>
<p class="texto_azul">O código vai ficar assim;</p>
<p class="texto_azul"><span class="texto">&lt;script language=&#8221;JavaScript&#8221;&gt;<br />
// Advanced Random Images Start<br />
// Copyright 2001-2002 All rights reserved, by Paul Davis &#8211; www.kaosweaver.com<br />
var j,d=&#8221;",l=&#8221;",m=&#8221;",p=&#8221;",q=&#8221;",z=&#8221;",KW_ARI=<br />
new Array()<br />
// KW_rs[5000]<br />
KW_ARI[KW_ARI.length]=&#8217;../advenced/1.gif&#8217;;<br />
KW_ARI[KW_ARI.length]=&#8217;../advenced/2.gif&#8217;;<br />
KW_ARI[KW_ARI.length]=&#8217;../advenced/3.gif&#8217;;<br />
j=parseInt(Math.random()*KW_ARI.length);<br />
j=(isNaN(j))?0:j;<br />
document.write(&#8220;&lt;img name=&#8217;randomSlideShow&#8217; src=&#8217;&#8221;+KW_ARI[j]+&#8221;&#8216;&gt;&#8221;);<br />
function rndSlideShow(t,l) { // Random Slideshow by Kaosweaver<br />
x=document.randomSlideShow; j=l; while (l==j) {<br />
j=parseInt(Math.random()*KW_ARI.length); j=(isNaN(j))?0:j; }<br />
x.src=KW_ARI[j]; setTimeout(&#8220;rndSlideShow(&#8220;+t+&#8221;,&#8221;+j+&#8221;)&#8221;,t);<br />
}<br />
rndSlideShow(5000,0)</span></p>
<p class="texto">// Advanced Random Images End<br />
&lt;/script&gt;<br />
&lt;!&#8211; KW ARI Image &#8211;&gt;</p>
<p class="texto_azul"><em><strong><span class="textodiferente">* Esse código<br />
tem que ficar exatamente onde você quer que apareça a imagem.</span></strong></em></p>
<p><span class="texto_azul">Quarto</span> <strong><span class="textodiferente">Sequential<br />
Slideshow</span></strong> <a href="http://www.mxstudio.com.br/Conteudos/Juliano/advenced/4.htm">clique aqui</a> <span class="texto_azul">para<br />
ver.</span></p>
<p class="texto_azul">O código vai ficar assim;</p>
<p class="texto">&lt;script language=&#8221;JavaScript&#8221;&gt;<br />
// Advanced Random Images Start<br />
// Copyright 2001-2002 All rights reserved, by Paul Davis &#8211; www.kaosweaver.com<br />
var j,d=&#8221;",l=&#8221;",m=&#8221;",p=&#8221;",q=&#8221;",z=&#8221;",KW_ARI=<br />
new Array()<br />
// KW_ss[5000]<br />
KW_ARI[KW_ARI.length]=&#8217;../advenced/1.gif&#8217;;<br />
KW_ARI[KW_ARI.length]=&#8217;../advenced/2.gif&#8217;;<br />
KW_ARI[KW_ARI.length]=&#8217;../advenced/3.gif&#8217;;<br />
j=parseInt(Math.random()*KW_ARI.length);<br />
j=(isNaN(j))?0:j;<br />
document.write(&#8220;&lt;img name=&#8217;seqSlideShow&#8217; src=&#8217;&#8221;+KW_ARI[j]+&#8221;&#8216;&gt;&#8221;);<br />
function seqSlideShow(t,l) { // Sequential Slideshow by Kaosweaver<br />
x=document.seqSlideShow; j=l; j++; if (j==KW_ARI.length) j=0;<br />
x.src=KW_ARI[j]; setTimeout(&#8220;seqSlideShow(&#8220;+t+&#8221;,&#8221;+j+&#8221;)&#8221;,t);<br />
}<br />
seqSlideShow(5000,0)<br />
// Advanced Random Images End<br />
&lt;/script&gt;<br />
&lt;!&#8211; KW ARI Image &#8211;&gt;</p>
<p class="textodiferente"><em><strong>* Esse código tem que ficar<br />
exatamente onde você quer que apareça a imagem.</strong></em></p>
<p><em><strong><span class="textodiferente">Obs:</span></strong></em><br />
<strong><em><span class="titulo_colunas">1. Não funciona com SWF.<br />
2. Foi testado somente no DreamWeaver MX<br />
3. Browser utilizado somente foi testado no IE (Internet Explorer)<br />
4. Caso não consiga visualizar no browser as imagens de uma olhada<br />
no código a imagem pode esta assim, “/imagem.gif” onde<br />
o certo seria “../imagem.gif” preste atenção<br />
nisso para obter um bom funcionamento. </span></em></strong></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><strong><span class="textodiferente">Deividy Ramires mande sua pergunta,<br />
sugestão e reclamação<br />
e dicas de matérias que gostariam de ver email</span></strong><span style="color: #ff0000;"><br />
<a href="mailto:deividyr@pop.com.br">clique aqui</a></span></td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/imagens_randomicas_com_extensao/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Como usar CSS &#8211; Parte 3</title>
		<link>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/como_usar_css___parte_3/</link>
		<comments>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/como_usar_css___parte_3/#comments</comments>
		<pubDate>Tue, 22 Jun 2004 00:00:00 +0000</pubDate>
		<dc:creator>Deividy_Ramires</dc:creator>
				<category><![CDATA[Dreamweaver]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Aprendendo como configurar um texto em css pelo DreamweaverMX.]]></description>
			<content:encoded><![CDATA[<table border="0" cellspacing="0" cellpadding="0" width="480">
<tbody>
<tr>
<td class="textodiferente">Como usar CSS &#8211; Parte 3</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Vamos dar continuação pra quem não acompanhar recomendo       que olhem as matérias anteriores obrigado.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Bom vamos mostrar como funciona cada quadro o primeiro é o de texto.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Clique no botão com sinal + depois escolha as opções<br />
Make Custom Style (class) e This Document Only<br />
caso não entenda <a href="../../views.tutorial.php?act=view&amp;aid=228">clique       aqui </a>para ver a materia anterior.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Aparecera esse quadro:</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><img src="../../tutorial/htmlI5E53_index_imagens/1.gif" alt="" width="429" height="360" /></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><strong>1 = <span class="textodiferente">Font</span></strong></td>
</tr>
<tr>
<td><em>R = Nesse local você irá selecionar uma fonte para o       texto.</em></td>
</tr>
<tr>
<td><strong>2 = <span class="textodiferente">Size</span> </strong></td>
</tr>
<tr>
<td><em>R = Aqui você seleciona um tamanho</em></td>
</tr>
<tr>
<td><strong>3 = <span class="textodiferente">Style</span></strong></td>
</tr>
<tr>
<td><em>R = Isso referisse ao Italico e oblico</em></td>
</tr>
<tr>
<td><strong>4 = <span class="textodiferente">Line Height</span></strong></td>
</tr>
<tr>
<td><em>R = Você aumenta o espaço na vertical</em></td>
</tr>
<tr>
<td><strong>5 = <span class="textodiferente">Weight</span></strong></td>
</tr>
<tr>
<td><em>R = bold (negrito), bolder (negrito forte), lighter (negrito fraco) e normal. Alem desses valores, também é possível definir um valor numérico, e quanto mais baixo esse valor, mais clara é a fonte.</em></td>
</tr>
<tr>
<td><strong>6 = <span class="textodiferente">Varient</span></strong></td>
</tr>
<tr>
<td><em>R = É como se você tive-se usando o Caps Lock ligado       o tempo todo</em></td>
</tr>
<tr>
<td><strong>7 = <span class="textodiferente">Case</span></strong></td>
</tr>
<tr>
<td><em>R = Tem 3 opções, a Capitalize, UpperCase e LowerCase nesse caso o capitalize é para manter a primeira letra em maiúsculo só a primeira, o UpperCase serve para colocar todo o texto em maiúsculo e o LowerCase serve pra deixar tudo minúsculo.</em></td>
</tr>
<tr>
<td><strong>8 = <span class="textodiferente">Color</span></strong></td>
</tr>
<tr>
<td><em>R = Não preciso falar muito, o que é isso certo, é       pra colocar cor na letra</em></td>
</tr>
<tr>
<td><strong>9 = <span class="textodiferente">Decoration</span></strong></td>
</tr>
<tr>
<td><em>R = Tem 5 tipo ele são o<br />
underline, colocar o traço na parte de baixo<br />
overline, coloca o traço na parte de cima<br />
line-through, coloca o traço no meio<br />
blink, serve para fazer o texto piscando<br />
name, tira o traço de onde estiver</em></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Mande suas sugestões e reclamações para: <a href="https://mail.google.com/mail?view=cm&amp;tf=0&amp;to=deividy@mxstudio.com.br" target="_blank">deividy@mxstudio.com.br</a></td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/como_usar_css___parte_3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Como usar CSS &#8211; Parte 4</title>
		<link>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/como_usar_css___parte_4/</link>
		<comments>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/como_usar_css___parte_4/#comments</comments>
		<pubDate>Tue, 22 Jun 2004 00:00:00 +0000</pubDate>
		<dc:creator>Deividy_Ramires</dc:creator>
				<category><![CDATA[Dreamweaver]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Vamos aprender a configurar o background em css usando o Dreamweaver MX]]></description>
			<content:encoded><![CDATA[<table border="0" cellspacing="0" cellpadding="0" width="480">
<tbody>
<tr>
<td class="textodiferente">Como usar CSS &#8211; Parte 4</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Vamos dar continuação pra quem não acompanhar recomendo       que olhem as matérias anteriores obrigado.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Bom vamos mostrar como funciona o quadro background</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Clique no botão com sinal + depois escolha as opções       Make Custom Style (class) e This Document Only caso não entenda <a href="../../views.tutorial.php?act=view&amp;aid=228">clique       aqui </a>para ver a matéria anterior.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td align="center"><img src="../../tutorial/htmlI83O02_index_imagens/1.gif" alt="" width="429" height="360" /></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><strong>1 = <span class="textodiferente">Background Color</span></strong></td>
</tr>
<tr>
<td><em>R = Uma cor que você pode colocar de fundo</em></td>
</tr>
<tr>
<td><strong>2 = <span class="textodiferente">Background Image</span></strong></td>
</tr>
<tr>
<td><em>R = Uma imagem que você pode colocar de fundo</em></td>
</tr>
<tr>
<td><strong>3 = <span class="textodiferente">Repeat</span></strong></td>
</tr>
<tr>
<td><em>R = Tem 4 opções<br />
no-repeat, não permite a duplicar<br />
repeat, permite a repetição<br />
repeat-x, repete na horizontal<br />
repeat-y, repete na vertical</em></td>
</tr>
<tr>
<td><strong>4 = <span class="textodiferente">Attachment</span></strong></td>
</tr>
<tr>
<td><em>R = Tem 2 opções<br />
fixed, fixa a imagem no fundo scroll, permite a imagem deslizar junto com       o fundo</em></td>
</tr>
<tr>
<td><strong>5 = <span class="textodiferente">Horizontal Position</span></strong></td>
</tr>
<tr>
<td><em>R = É a posição que ele ficara na horizontal</em></td>
</tr>
<tr>
<td><strong>6 = <span class="textodiferente">Vertical Position</span></strong></td>
</tr>
<tr>
<td><em>R = É a posição que ele ficara na vertical</em></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Mande sua dúvida para <a href="https://mail.google.com/mail?view=cm&amp;tf=0&amp;to=deividy@mxstudio.com.br" target="_blank">deividy@mxstudio.com.br</a></td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/como_usar_css___parte_4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Iframe, Sem mistério</title>
		<link>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/iframe__sem_misterio/</link>
		<comments>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/iframe__sem_misterio/#comments</comments>
		<pubDate>Thu, 22 Apr 2004 00:00:00 +0000</pubDate>
		<dc:creator>Deividy_Ramires</dc:creator>
				<category><![CDATA[Dreamweaver]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Vou mostrar exatamente onde ele est&#225;, sem mist&#233;rio.]]></description>
			<content:encoded><![CDATA[<table border="0" cellspacing="0" cellpadding="0" width="480">
<tbody>
<tr>
<td width="467">Iframe, Sem mistério</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Já vi muitos terem problema com isso, e não só problema<br />
mais onde será que ele fica no DW.<br />
Bom eu vou responder pra que não tenham mais dúvidas de onde<br />
ele fica.</td>
</tr>
<tr>
<td>É verdade que ele não fica nos lugares mais visíveis<br />
mais em fim:</td>
</tr>
<tr>
<td>Bom ele pode ser acessado por “ botão insert depois tag ou<br />
se preferir CTRL + E ou nessa imagem <img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlO84U99_1_imagens/1.gif" alt="" width="18" height="&gt;.&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Clicando aparecerá esse quadro.&lt;/p&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td align=" /><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlO84U99_1_imagens/2.gif" alt="" width="451" height="&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;p&gt;      Clique em cima de Tag Html e procure por iframe, logo em seguida aparecerá&lt;br /&gt;       pra você como usa-lo, como mostra nessa figura.&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Em seguida você coloca pra Insert, ai aparecera nova tela.&lt;/p&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td align=" /><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlO84U99_1_imagens/3.gif" alt="" width="450" height="&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;b&gt;&lt;span class=" />1 = Souce: <em>Você<br />
procura a página que irá aparecer no iframe.</em></td>
</tr>
<tr>
<td><strong><span class="textodiferente">2 = Name:</span></strong> <em>O nome<br />
do iframe campo, mas que obrigatório caso queira fazer algum link<br />
abrir dentro dele.</em></td>
</tr>
<tr>
<td><strong><span class="textodiferente">3 = Whidth:</span></strong> <em>É<br />
a horizontal você define o tamanho que ele aparecerá.</em></td>
</tr>
<tr>
<td><strong><span class="textodiferente">4 = Height:</span></strong> <em>É<br />
a vertical você define o tamanho.</em></td>
</tr>
<tr>
<td><strong><span class="textodiferente">5 = Margin Whidth:</span></strong><br />
<em>É a largura da margem na horizontal.</em></td>
</tr>
<tr>
<td><strong><span class="textodiferente">6 = Margin Height:</span></strong><br />
<em>É a largura da margem na vertical.</em></td>
</tr>
<tr>
<td><strong><span class="textodiferente">7 = Alignment:</span></strong> <em>É<br />
o alinhamento que o iframe vai ter.</em></td>
</tr>
<tr>
<td><strong><span class="textodiferente">8 = Scrolling:</span></strong> <em>Escolha<br />
a opção que a barra de rolagem vai assumir. </em></td>
</tr>
<tr>
<td><strong><span class="textodiferente">9 = Show Borders:</span></strong><br />
<em>Se vai possuir bordas ou não.</em></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Existe outra especificação como as que aparecem ai do lado.</td>
</tr>
<tr>
<td>Vou explicar:</td>
</tr>
<tr>
<td class="textodiferente">Browser Specifc:</td>
</tr>
<tr>
<td align="center"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlO84U99_1_imagens/4.gif" alt="" width="450" height="&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;b&gt;&lt;span class=" />1 = Horizontal Space:<br />
<em>É o espaço que o iframe dá para a margem na horizontal<br />
e o símbolo do lado esta simbolizando que ele aceita desde o Explore<br />
3 ou superior.</em></td>
</tr>
<tr>
<td><strong><span class="textodiferente">2 = Vertical Space:</span></strong><br />
<em>É o espaço que o iframe dá pra margem vertical.</em></td>
</tr>
<tr>
<td><strong><span class="textodiferente">3 = Allow Transparency:</span></strong><br />
<em>É o iframe transparente, a mágica que muitos pergunta<br />
como se faz.</em></td>
</tr>
<tr>
<td><strong><span class="textodiferente">4 = Frame Contains Application:</span></strong><br />
<em>Isso é um pouco complicado mais resumindo é uma aplicação<br />
de segurança falando que o conteúdo e um HTML (HTA) é<br />
seguro não precisa ser usado.</em></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><span class="textodiferente">Style Sheet/Accessibility</span></td>
</tr>
<tr>
<td align="center"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlO84U99_1_imagens/5.gif" alt="" width="450" height="&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;b&gt;&lt;span class=" />1 = Class: <em>Aqui<br />
você aplica o CSS que ele usaria.</em></td>
</tr>
<tr>
<td><strong><span class="textodiferente">2 = ID:</span></strong> <em>é<br />
uma referencia que se dá ao código.</em></td>
</tr>
<tr>
<td><span class="textodiferente"><strong>3 = Style:</strong></span> <em>Aplica<br />
um estilo diferente pro Iframe.</em></td>
</tr>
<tr>
<td><strong><span class="textodiferente">4 = Title:</span></strong> <em>Titulo<br />
normalmente é o mesmo que o ID.</em></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td class="textodiferente">Alternate Coment</td>
</tr>
<tr>
<td>Como o próprio nome diz e um campo pra se colocar um comentário.<br />
Não vou mostrar ele aqui.</td>
</tr>
<tr>
<td>Todo o tampo da criação você pode usar palavra TAG<br />
INFO pra saber a respeito do Iframe.</td>
</tr>
<tr>
<td>Existem muitas outras coisas pra se fazer com iframe isto é só<br />
um exemplo de como se pode criar um iframe. Estudem bastante isso é<br />
muito legal e interessante.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td class="textodiferente" height="39">&lt;iframe src=&#8221;pagina.htm&#8221; scrolling=&#8221;auto&#8221;<br />
width=&#8221;100&#8243; height=&#8221;200&#8243; class=&#8221;pagina&#8221; frameborder=&#8221;0&#8243;<br />
name=&#8221;pagina&#8221; &gt; &lt;/iframe&gt;</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Até a próxima.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td class="textodiferente">Deividy Ramires</td>
</tr>
<tr>
<td>Sugestões ou Criticar manda para <a href="http://mce_host/mx_novo/wp-admin/maito:deividy@mxstudio.com.br">deividy@mxstudio.com.br</a></td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/iframe__sem_misterio/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Como usar CSS &#8211; Parte 2</title>
		<link>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/como_usar_css___parte_2/</link>
		<comments>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/como_usar_css___parte_2/#comments</comments>
		<pubDate>Mon, 05 Apr 2004 00:00:00 +0000</pubDate>
		<dc:creator>Deividy_Ramires</dc:creator>
				<category><![CDATA[Dreamweaver]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Vamos dar continuidade em como contruir um bom arquivo em CSS s&#243; usando a ferramente Dreamweaver MX]]></description>
			<content:encoded><![CDATA[<table border="0" cellspacing="0" cellpadding="0" width="480">
<tbody>
<tr>
<td>Como usar CSS pelo DreamweaverMX. Parte 2.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Olá pessoal, vamos primeiramente explicar como tudo funciona todos<br />
os quadro, então não perca as matérias, ok.</td>
</tr>
<tr>
<td>Vamos algumas formas de se fazer isso.</td>
</tr>
<tr>
<td>Primeiro abra o DWMX e em seguida vá à paleta CSS clique<br />
no botão com o sinal de + aparecera essa tela.</td>
</tr>
<tr>
<td><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlO49U81_3_imagens/1.gif" alt="" width="349" height="&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Vamos explicar: &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;img src=" /> 1 = TYPE : Make Custom Style (class)</td>
</tr>
<tr>
<td>R = Serve pra você criar uma class, utilizando um ( . ) ponto no<br />
inicio depois é só colocar o nome que você quer em sua<br />
classe. EX.teste</td>
</tr>
<tr>
<td class="textodiferente">2 = TYPE: Redefine HTML tag ( define a tag no proprio<br />
html)</td>
</tr>
<tr>
<td>R = Como o próprio nome já diz se você clicar nele<br />
e ir no campo 6 você terá todas as tags do HTML pra você<br />
poder utilizar como bem entender, dessa forma você pode fazer com<br />
que uma tabela fique sempre de uma determinada forma e toda vez que você<br />
for colocar uma tabela ela ficará dessa forma.</td>
</tr>
<tr>
<td class="textodiferente">3 = TYPE: User CSS Seletor</td>
</tr>
<tr>
<td>R = Essa você configura as tags do link (passar o mouse em cima,<br />
o mouse ativado, o link)</td>
</tr>
<tr>
<td class="textodiferente">4 = Define In: New Style Sheet File</td>
</tr>
<tr>
<td>R = Define onde seu CSS vai ficar guardado essa primeira opção<br />
você irá criar um documento externo que você dera que<br />
dar um nome ficando assim EX: <strong class="textodiferente">teste .css</strong></td>
</tr>
<tr>
<td class="textodiferente">5 = Define In: This Document Only</td>
</tr>
<tr>
<td>R = Esse cria no próprio documento, assim tudo que você criar<br />
como CSS irá pra dentro dá mesma tela.</td>
</tr>
<tr>
<td class="textodiferente">6 = É só o local onde você<br />
define o nome do seu CSS, pra cada opção escolhida aqui sempre<br />
muda.</td>
</tr>
<tr>
<td class="textodiferente"></td>
</tr>
<tr>
<td class="textodiferente">Para fazer sugestões ou criticas escreva<br />
para <a href="mailto:deividy@mxstudio.com.br">deividy@mxstudio.com.br</a></td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/como_usar_css___parte_2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Como usar CSS &#8211; Parte 1</title>
		<link>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/como_usar_css___parte_1/</link>
		<comments>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/como_usar_css___parte_1/#comments</comments>
		<pubDate>Wed, 17 Mar 2004 00:00:00 +0000</pubDate>
		<dc:creator>Deividy_Ramires</dc:creator>
				<category><![CDATA[Dreamweaver]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Primeiro passo pra se usar o CSS pelo DreamweaverMX.]]></description>
			<content:encoded><![CDATA[<table border="0" cellspacing="0" cellpadding="0" width="480">
<tbody>
<tr>
<td>Como usar CSS pelo DreamweaverMX. Parte 1.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Como vai pessoal.</td>
</tr>
<tr>
<td>Vou seguir o raciocínio da minha ultima coluna e vou falar de <strong>CSS.<br />
</strong></td>
</tr>
<tr>
<td><strong>CSS = Cascading Style Sheets significa: <span class="textodiferente">Folha de estilos</span><br />
</strong></td>
</tr>
<tr>
<td>Muitas pessoas talvez não saiba usar o <strong>CSS</strong> pelo DreamweaverMX,       e aqueles que sabe espero estar passando coisas novas.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>1 = Abra o DW.</td>
</tr>
<tr>
<td>2 = Essa parte normalmete começa ativa.</td>
</tr>
<tr>
<td><img src="../../tutorial/htmlU01E44_2_imagens/1.gif" alt="" width="478" height="65" /></td>
</tr>
<tr>
<td>caso não este já, vá em windows e procure CSS Styles       ou clique SHIFT + F11.</td>
</tr>
<tr>
<td><img src="../../tutorial/htmlU01E44_2_imagens/2.gif" alt="" width="150" height="240" /></td>
</tr>
<tr>
<td>3 = <span class="textodiferente">Apply Styles:</span> é utilizado       pra mostras as classes de CSS pronta pra ser aplicadas.</td>
</tr>
<tr>
<td>4 = <span class="textodiferente">Edit Styles:</span> é utilizado       pra editar uma classe.</td>
</tr>
<tr>
<td><img src="../../tutorial/htmlU01E44_2_imagens/8.gif" alt="" width="150" height="262" /></td>
</tr>
<tr>
<td>Obs. Reparem que as duas são diferentes.</td>
</tr>
<tr>
<td>Clicando em cima da classe que aparece você tera as opções       de edit e delete ativados.</td>
</tr>
<tr>
<td>5 = <span class="textodiferente">Attach Style Sheet</span><img src="../../tutorial/htmlU01E44_2_imagens/3.gif" alt="" width="30" height="20" />:       é utilizado pra importar um arquivo de CSS.</td>
</tr>
<tr>
<td>6 = <span class="textodiferente">New CSS Style</span><img src="../../tutorial/htmlU01E44_2_imagens/4.gif" alt="" width="28" height="20" />:       usado pra criar uma nova classe.</td>
</tr>
<tr>
<td>7 = <span class="textodiferente">Edit Style Sheet</span><img src="../../tutorial/htmlU01E44_2_imagens/6.gif" alt="" width="19" height="18" />:       usado pra editar uma classe.</td>
</tr>
<tr>
<td>8 = <span class="textodiferente">Delete CSS Style</span><img src="../../tutorial/htmlU01E44_2_imagens/7.gif" alt="" width="15" height="14" />:       é pra excluir a classe.</td>
</tr>
<tr>
<td>9 = <span class="textodiferente">No CSS Style</span><img src="../../tutorial/htmlU01E44_2_imagens/5.gif" alt="" width="85" height="17" />:       indica que não tem classe.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Esta é é a primeira parte.</td>
</tr>
<tr>
<td>Duvidas podem ser tiradas no<a href="http://forum.mxstudio.com.br/index.php?act=idx" target="_blank"> Forum</a>, ou pelo e-mail, <a href="https://mail.google.com/mail?view=cm&amp;tf=0&amp;to=deividy_ramires@hotmail.com" target="_blank">clique       aqui.</a></td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/como_usar_css___parte_1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Trabalhando com CSS no Dreamweaver</title>
		<link>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/trabalhando_com_css_no_dreamweaver/</link>
		<comments>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/trabalhando_com_css_no_dreamweaver/#comments</comments>
		<pubDate>Wed, 10 Mar 2004 00:00:00 +0000</pubDate>
		<dc:creator>Deividy_Ramires</dc:creator>
				<category><![CDATA[Dreamweaver]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Neste tutorial, ensinaremos a trabalhar com CSS no Dreamweaver.]]></description>
			<content:encoded><![CDATA[<table border="0" cellspacing="0" cellpadding="0" width="580">
<tbody>
<tr>
<td>Bom eu agradeço o convite e fico muito feliz em poder ajudar as pessoas, minha primeira matéria espero que gostem é muito útil conhecer as facilidades dessa ferramenta.</td>
</tr>
<tr>
<td>Espero poder ajudar muito com minhas matérias.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Vamos começar.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Primeiramente vou mostrar uma coisa que é pra facilitar o uso de       CSS no Dreamweaver MX.</td>
</tr>
<tr>
<td>Na barra de propriedades vocês verão a letra A:<br />
Ex:</td>
</tr>
<tr>
<td><img src="../../tutorial/htmlI09O22_1.1_imagens/1.gif" alt="" width="424" height="92" /></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Dê um clique em cima dele.<br />
obs: Isso serve só para testo.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Outra coisa que pode ajudar muito também, vá até o painel de preferências (CTRL + U) escolha &#8221; Painel &#8221; irá aparecer Ex.</td>
</tr>
<tr>
<td><img src="../../tutorial/htmlI09O22_1.1_imagens/2.gif" alt="" width="410" height="360" /></td>
</tr>
<tr>
<td>Depois marque essa opção e clique em OK e veja o resultado.</td>
</tr>
<tr>
<td>Coso queira modifica-lo é só clicar no botão de + e escolher as opções que lá aparece ou clicando no botão de &#8211; para tirar.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Bom é isso de começo espero que seja útil e que eu       possa ajudar muita gente.</td>
</tr>
<tr>
<td>Até a proxima.</td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/desenvolvimento/dreamweaver/trabalhando_com_css_no_dreamweaver/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

