﻿<?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/"
xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd"
><channel><title>Guanabara.info &#187; HTML</title> <atom:link href="http://www.guanabara.info/category/lp/html/feed/" rel="self" type="application/rss+xml" /><link>http://www.guanabara.info</link> <description>Podcast, vídeo aulas, PHP, HTML, SEO, Humor e Notícias todo dia</description> <lastBuildDate>Fri, 10 Feb 2012 15:41:25 +0000</lastBuildDate> <generator>http://wordpress.org/?v=2.9.2</generator> <language>pt-br</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" /><itunes:summary>Podcast, vídeo aulas, PHP, HTML, SEO, Humor e Notícias todo dia</itunes:summary> <itunes:author>Gustavo Guanabara</itunes:author> <itunes:explicit>no</itunes:explicit> <itunes:image href="http://www.guanabara.info/podcast/images/guanacast-logo.jpg" /> <itunes:owner> <itunes:name>Gustavo Guanabara</itunes:name> <itunes:email>contato@guanabara.info</itunes:email> </itunes:owner> <managingEditor>contato@guanabara.info (Gustavo Guanabara)</managingEditor> <copyright>2006-2007</copyright> <itunes:subtitle>GuanaCast o Melhor Podcast de Tecnologia</itunes:subtitle> <itunes:keywords>podcast, tecnologia, seo, hardware, como funciona</itunes:keywords> <image><title>Guanabara.info &#187; HTML</title> <url>http://www.guanabara.info/podcast/images/PodTunesPeq.jpg</url><link>http://www.guanabara.info/category/lp/html/</link> </image> <itunes:category text="Technology"> <itunes:category text="Podcasting" /> <itunes:category text="Software How-To" /> </itunes:category> <item><title>[CURSO HTML] Aula 14 &#8211; Imagens Mapeadas (Parte 2)</title><link>http://www.guanabara.info/2010/10/curso-html-imagens-mapeadas-2/</link> <comments>http://www.guanabara.info/2010/10/curso-html-imagens-mapeadas-2/#comments</comments> <pubDate>Mon, 11 Oct 2010 17:48:49 +0000</pubDate> <dc:creator>Gustavo Guanabara</dc:creator> <category><![CDATA[HTML]]></category> <category><![CDATA[Vitrine [Privado]]]></category> <category><![CDATA[Aula]]></category> <category><![CDATA[Curso]]></category> <category><![CDATA[Grátis]]></category> <category><![CDATA[Imagem]]></category> <category><![CDATA[Mapa]]></category> <category><![CDATA[mapeada]]></category> <category><![CDATA[Video]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=21858</guid> <description><![CDATA[O Curso de HTML está de volta com mais uma aula que fala sobre o Mapeamento de Imagens utilizando polígonos irregulares. Veja como usar os estilos rect, circ e poly para criar áreas mapeadas personalizadas com links diferentes.Essa é a segunda parte da aula. A primeira parte, que ensina a trabalhar com retângulos e círculos está disponível na Aula 13 do Curso de HTML.
 
]]></description> <content:encoded><![CDATA[<p
style="text-align: justify;">O Curso de HTML está de volta com mais uma aula que fala sobre o Mapeamento de Imagens utilizando polígonos irregulares. Veja como usar os estilos rect, circ e poly para criar áreas mapeadas personalizadas com links diferentes.</p><p
style="text-align: center;"><object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="385" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowFullScreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="src" value="http://www.youtube.com/v/l7svmvKpHc0?fs=1&amp;hl=pt_BR" /><param
name="allowfullscreen" value="true" /><embed
type="application/x-shockwave-flash" width="640" height="385" src="http://www.youtube.com/v/l7svmvKpHc0?fs=1&amp;hl=pt_BR" allowfullscreen="true" allowscriptaccess="always"></embed></object></p><p
style="text-align: justify;">Essa é a segunda parte da aula. A primeira parte, que ensina a trabalhar com retângulos e círculos está disponível na <a
href="http://www.guanabara.info/2009/10/curso-html-aula-13-imagens-mapeadas-i/" target="_self">Aula 13 do Curso de HTML</a>.</p><p
style="text-align: justify;"> </p> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2010/10/curso-html-imagens-mapeadas-2/feed/</wfw:commentRss> <slash:comments>103</slash:comments> </item> <item><title>HTML5 só pra quem tem Safari</title><link>http://www.guanabara.info/2010/06/html-5-safari/</link> <comments>http://www.guanabara.info/2010/06/html-5-safari/#comments</comments> <pubDate>Fri, 04 Jun 2010 12:22:04 +0000</pubDate> <dc:creator>Gustavo Guanabara</dc:creator> <category><![CDATA[Apple]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[Inovações]]></category> <category><![CDATA[Web 2.0]]></category> <category><![CDATA[Demo]]></category> <category><![CDATA[Demonstração]]></category> <category><![CDATA[exemplos]]></category> <category><![CDATA[HTML5]]></category> <category><![CDATA[Safari]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=19520</guid> <description><![CDATA[A Apple lançou um belo site com demonstrações da tecnologia HTML5 e todo o seu potencial. São peças completamente feitas com a nova versão da linguagem de marcação que vão deixar todos de boca aberta&#8230; O QUASE todos!O maior problema é que a Apple fez que a visualização do site acontecesse apenas no navegador Safari, que por uma grande coincidência é desenvolvido por ela
Provavelmente, todos os navegadores atualizados como o Firefox, Chrome, Opera e IEca seriam capazes de mostrar o conteúdo dinâmico, mas parece que a Apple quis dar mais um showzinho particular!
Quem tenta abrir o site em outro navegador, recebe essa amigável mensagem:Se você quiser ver alguns exemplos sem ter que instalar o Safari no seu computador, recomendo o ChromeExperiments e o Mozilla Hacks, que vão funcionar em todos os navegadores.
Inteligência? Oportunismo? Safadeza? Você decide&#8230;
Via Webord]]></description> <content:encoded><![CDATA[<p
style="text-align: justify;">A Apple lançou um belo site com <a
rel="nofollow" href="http://www.apple.com/html5/" target="_blank">demonstrações da tecnologia HTML5</a> e todo o seu potencial. São peças completamente feitas com a nova versão da linguagem de marcação que vão deixar todos de boca aberta&#8230; O QUASE todos!</p><p
style="text-align: center;"><a
rel="nofollow" href="http://www.apple.com/html5/" target="_blank"><img
class="size-full wp-image-19521 aligncenter" title="Safari com HTML 5: ou seria &quot;Safado&quot;?" src="http://www.guanabara.info/wp-content/uploads/2010/06/html-5-safari.jpg" alt="Safari rodando HTML 5" width="629" height="290" /></a></p><p
style="text-align: justify;">O maior problema é que a <strong>Apple</strong> fez que a visualização do site acontecesse apenas no navegador Safari, que por uma grande coincidência é desenvolvido por ela <img
src='http://www.guanabara.info/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /></p><p
style="text-align: justify;">Provavelmente, todos os navegadores atualizados como o <em>Firefox</em>, <em>Chrome</em>, <em>Opera</em> e <em>IE</em><span
style="text-decoration: line-through;">ca</span> seriam capazes de mostrar o conteúdo dinâmico, mas parece que a Apple quis dar mais um showzinho particular!</p><p
style="text-align: justify;">Quem tenta abrir o site em outro navegador, recebe essa amigável mensagem:</p><p
style="text-align: center;"><img
class="alignnone size-full wp-image-19522" title="HTML5 fora da Apple" src="http://www.guanabara.info/wp-content/uploads/2010/06/HTML5-Safari-Firefox.jpg" alt="HTML5 fora da Apple" width="500" height="325" /></p><p
style="text-align: justify;">Se você quiser ver alguns exemplos sem ter que instalar o Safari no seu computador, recomendo o <a
rel="nofollow" href="http://www.chromeexperiments.com/" target="_blank">ChromeExperiments</a> e o <a
rel="nofollow" href="http://hacks.mozilla.org/" target="_blank">Mozilla Hacks</a>, que vão funcionar em todos os navegadores.</p><p
style="text-align: justify;">Inteligência? Oportunismo? Safadeza? Você decide&#8230;</p><p
style="text-align: right;"><em>Via <a
href="http://webord.net" target="_blank">Webord</a></em></p><p
style="text-align: justify;"> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2010/06/html-5-safari/feed/</wfw:commentRss> <slash:comments>25</slash:comments> </item> <item><title>Quake II em HTML 5</title><link>http://www.guanabara.info/2010/04/quake-ii-em-html-5/</link> <comments>http://www.guanabara.info/2010/04/quake-ii-em-html-5/#comments</comments> <pubDate>Sat, 03 Apr 2010 11:00:02 +0000</pubDate> <dc:creator>Gustavo Guanabara</dc:creator> <category><![CDATA[HTML]]></category> <category><![CDATA[Inovações]]></category> <category><![CDATA[Web 2.0]]></category> <category><![CDATA[interAÇÃO]]></category> <category><![CDATA[Code]]></category> <category><![CDATA[Google]]></category> <category><![CDATA[HTML 5]]></category> <category><![CDATA[JavaScript]]></category> <category><![CDATA[Navegador]]></category> <category><![CDATA[Quake]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=17837</guid> <description><![CDATA[Quem está acompanhando o surgimento do HTML 5 está descobrindo o seu enorme potencial para a criação de aplicações baseadas na Web. Mas o que poucos percebem é que a nova versão da linguagem, agragada a outras tecnologias, podem criar façanhas inimagináveis. Uma delas é essa: Quake II em JavaScript e HTML 5!Portes do game Quake II já não são novidades. Eu mesmo tenho uma pro iPhone e outra pro Nintendo DS. Mas o que os loucos programadores fizeram foi criar uma versão baseada em JavaScript e que usa como base o Jake 2, antigo porte feito em Java. Vejam o vídeo abaixo e comprovem o potencial dessa tecnologia, que consegue trazer esse jogo clássico para seu navegador.Se você se interessou e quer experimetar, confira as instruções e até baixe o código diretamente do Google Code.
Fonte: [Google Web Toolkit]
]]></description> <content:encoded><![CDATA[<p
style="text-align: justify;">Quem está acompanhando o surgimento do HTML 5 está descobrindo o seu enorme potencial para a criação de aplicações baseadas na Web. Mas o que poucos percebem é que a nova versão da linguagem, agragada a outras tecnologias, podem criar façanhas inimagináveis. Uma delas é essa: Quake II em JavaScript e HTML 5!</p><p
style="text-align: center;"><img
class="size-full wp-image-17838 aligncenter" title="Quake II em HTML 5" src="http://www.guanabara.info/wp-content/uploads/2010/04/Quake-HTML-5.jpg" alt="Quake II em HTML 5" /></p><p
style="text-align: justify;">Portes do game Quake II já não são novidades. Eu mesmo tenho uma pro iPhone e outra pro Nintendo DS. Mas o que os <span
style="text-decoration: line-through;">loucos</span> programadores fizeram foi criar uma versão baseada em JavaScript e que usa como base o Jake 2, antigo porte feito em Java. Vejam o vídeo abaixo e comprovem o potencial dessa tecnologia, que consegue trazer esse jogo clássico para seu navegador.</p><p
style="text-align: center;"><object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="490" height="270" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowFullScreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="src" value="http://www.youtube.com/v/XhMN0wlITLk&amp;hl=pt_BR&amp;fs=1&amp;rel=0" /><param
name="allowfullscreen" value="true" /><embed
type="application/x-shockwave-flash" width="490" height="270" src="http://www.youtube.com/v/XhMN0wlITLk&amp;hl=pt_BR&amp;fs=1&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p><p
style="text-align: justify;">Se você se interessou e quer experimetar, confira as instruções e até baixe o código diretamente do <a
href="http://code.google.com/p/quake2-gwt-port/" target="_blank"><strong>Google Code</strong></a>.</p><p
style="text-align: right;"><em>Fonte: [<a
rel="nofollow" href="http://googlewebtoolkit.blogspot.com/2010/04/look-ma-no-plugin.html" target="_blank">Google Web Toolkit</a>]</em></p> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2010/04/quake-ii-em-html-5/feed/</wfw:commentRss> <slash:comments>16</slash:comments> </item> <item><title>Um editor de imagens com HTML 5</title><link>http://www.guanabara.info/2010/02/um-editor-de-imagens-com-html-5/</link> <comments>http://www.guanabara.info/2010/02/um-editor-de-imagens-com-html-5/#comments</comments> <pubDate>Thu, 18 Feb 2010 06:00:11 +0000</pubDate> <dc:creator>Gustavo Guanabara</dc:creator> <category><![CDATA[HTML]]></category> <category><![CDATA[Web 2.0]]></category> <category><![CDATA[interAÇÃO]]></category> <category><![CDATA[Editor]]></category> <category><![CDATA[HTML 5]]></category> <category><![CDATA[Sketchpad]]></category> <category><![CDATA[Webware]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=17156</guid> <description><![CDATA[Em sala de aula, muita gente me pergunta sobre as vantagens e inovações do novo padrão HTML 5. Um dos exemplos que eu dou de adoção do novo modelo é o novo recurso do YouTube em HTML 5, mas agora descobri o Sketchpad.O Sketchpad não é o editor de imagens mais evoluído do mercado, mas ganhou minha simpatia por ter sido feito totalmente em HTML5, que possui um sistema de camadas dinâmicas muito bem organizado.
Se você tem o seu navegador devidamente atualizado, clique na imagem acima e experimente o Sketchpad.
Fonte: [LifeHacker]
]]></description> <content:encoded><![CDATA[<p
style="text-align: justify;">Em sala de aula, muita gente me pergunta sobre as vantagens e inovações do novo padrão HTML 5. Um dos exemplos que eu dou de adoção do novo modelo é o novo recurso do <a
href="http://www.guanabara.info/2010/01/youtube-inicia-o-suporte-a-html-5/" target="_blank"><strong>YouTube em HTML 5</strong></a>, mas agora descobri o <a
rel="nofollow" href="http://mugtug.com/sketchpad/" target="_blank"><strong>Sketchpad</strong></a>.</p><p
style="text-align: center;"><a
rel="nofollow" href="http://mugtug.com/sketchpad/" target="_blank"><img
class="size-full wp-image-17157 aligncenter" title="Sketchpad em HTML 5" src="http://www.guanabara.info/wp-content/uploads/2010/02/Sketchpad-html5.jpg" alt="Sketchpad em HTML 5" /></a></p><p
style="text-align: justify;">O Sketchpad não é o editor de imagens mais evoluído do mercado, mas ganhou minha simpatia por ter sido feito totalmente em HTML5, que possui um sistema de camadas dinâmicas muito bem organizado.</p><p
style="text-align: justify;">Se você tem o seu navegador devidamente atualizado, clique na imagem acima e <a
rel="nofollow" href="http://mugtug.com/sketchpad/" target="_blank"><strong>experimente o Sketchpad</strong></a>.</p><p
style="text-align: right;"><em>Fonte: [<a
rel="nofollow" href="http://lifehacker.com/5467493/sketchpad-is-a-no+flash+required-html5-painting-app" target="_blank">LifeHacker</a>]</em></p> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2010/02/um-editor-de-imagens-com-html-5/feed/</wfw:commentRss> <slash:comments>14</slash:comments> </item> <item><title>[CURSO HTML] Aula 13 &#8211; Imagens Mapeadas I</title><link>http://www.guanabara.info/2009/10/curso-html-aula-13-imagens-mapeadas-i/</link> <comments>http://www.guanabara.info/2009/10/curso-html-aula-13-imagens-mapeadas-i/#comments</comments> <pubDate>Mon, 12 Oct 2009 01:03:45 +0000</pubDate> <dc:creator>Gustavo Guanabara</dc:creator> <category><![CDATA[Aprenda]]></category> <category><![CDATA[Aulas]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[Curso]]></category> <category><![CDATA[Curso HTML]]></category> <category><![CDATA[Grátis]]></category> <category><![CDATA[Gustavo Guanabara]]></category> <category><![CDATA[Imagens]]></category> <category><![CDATA[Mapeadas]]></category> <category><![CDATA[Mapeamento]]></category> <category><![CDATA[Vídeo-aula]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=14872</guid> <description><![CDATA[
Ficou lento? Veja também no YouTube!
Curso de HTML &#8211; Aula 12
Na décima terceira aula de HTML, vamos entender como funcionam as imagens mapeadas. Aprenda a utilizar as tags &#60;map&#62;  e &#60;area&#62; para criar regiões sensíveis em suas imagens.
]]></description> <content:encoded><![CDATA[<p
style="text-align: center;"><img
class="aligncenter" title="Curso de HTML em vídeo aulas" src="http://www.guanabara.info/wp-content/uploads/2009/04/novobannerhtml.jpg" alt="" width="480" /><object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="295" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowFullScreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="src" value="http://www.youtube.com/v/GpMunc0VTtc&amp;hl=pt-br&amp;fs=1&amp;rel=0" /><param
name="allowfullscreen" value="true" /><embed
type="application/x-shockwave-flash" width="480" height="295" src="http://www.youtube.com/v/GpMunc0VTtc&amp;hl=pt-br&amp;fs=1&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p><p
style="text-align: center;">Ficou lento? <a
href="http://www.youtube.com/watch?v=GpMunc0VTtc" target="_blank"><strong>Veja também no YouTube</strong></a>!</p><p
style="display:none"><a
href="http://www.videolog.tv/video.php?id=451678">Curso de HTML &#8211; Aula 12</a></p><p
style="text-align: justify;">Na décima terceira aula de HTML, vamos entender como funcionam as imagens mapeadas. Aprenda a utilizar as tags &lt;map&gt;  e &lt;area&gt; para criar regiões sensíveis em suas imagens.</p> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2009/10/curso-html-aula-13-imagens-mapeadas-i/feed/</wfw:commentRss> <slash:comments>254</slash:comments> </item> <item><title>Teste seu site em várias resoluções</title><link>http://www.guanabara.info/2009/07/teste-seu-site-em-varias-resolucoes/</link> <comments>http://www.guanabara.info/2009/07/teste-seu-site-em-varias-resolucoes/#comments</comments> <pubDate>Sun, 26 Jul 2009 08:00:08 +0000</pubDate> <dc:creator>Gustavo Guanabara</dc:creator> <category><![CDATA[Desenvolvimento]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[Propaganda & Design]]></category> <category><![CDATA[Web 2.0]]></category> <category><![CDATA[CSS]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[Resolução]]></category> <category><![CDATA[Web Design]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=13394</guid> <description><![CDATA[
Se você desenvolve sites, deve ter um bom trabalho para testar como se comporta a sua estrutura em várias resoluções. Para isso existe o serviço ViewLikeUs, que permite carregar seu site em uma janela e mudar a sua resolução dinamicamente e ver se o seu site continua arrumado ou se a interface começa a se quebrar completamente.
Experimente o ViewLikeUs e veja se o seu site se dá bem em todo tipo de tela!
]]></description> <content:encoded><![CDATA[<p
style="text-align: center;"><a
href="http://viewlike.us/" target="_blank"><img
class="size-full wp-image-13395 aligncenter" title="ViewLikeUs" src="http://www.guanabara.info/wp-content/uploads/2009/07/viewlile-us.jpg" alt="ViewLikeUs" /></a></p><p
style="text-align: justify;">Se você desenvolve sites, deve ter um bom trabalho para testar como se comporta a sua estrutura em várias resoluções. Para isso existe o serviço <a
href="http://viewlike.us/" target="_blank"><strong>ViewLikeUs</strong></a>, que permite carregar seu site em uma janela e mudar a sua resolução dinamicamente e ver se o seu site continua arrumado ou se a interface começa a se quebrar completamente.</p><p
style="text-align: justify;">Experimente o <a
href="http://viewlike.us/" target="_blank"><strong>ViewLikeUs</strong></a> e veja se o seu site se dá bem em todo tipo de tela!</p> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2009/07/teste-seu-site-em-varias-resolucoes/feed/</wfw:commentRss> <slash:comments>21</slash:comments> </item> <item><title>Padrões W3C para acessibilidade</title><link>http://www.guanabara.info/2009/07/padroes-w3c-para-acessibilidade/</link> <comments>http://www.guanabara.info/2009/07/padroes-w3c-para-acessibilidade/#comments</comments> <pubDate>Wed, 08 Jul 2009 08:00:26 +0000</pubDate> <dc:creator>Ricardo Pinheiro</dc:creator> <category><![CDATA[Desenvolvimento]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[Notícias]]></category> <category><![CDATA[Web 2.0]]></category> <category><![CDATA[Acessibilidade]]></category> <category><![CDATA[Acesso]]></category> <category><![CDATA[Fácil]]></category> <category><![CDATA[Internet]]></category> <category><![CDATA[padrões]]></category> <category><![CDATA[w3c]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=12917</guid> <description><![CDATA[
Muita gente desenvolve sites hoje em dia, mas a maioria não leva em conta o acesso por parte de usuários com necessidades especiais. Existem usuários com limitações visuais, motoras, auditivas, etc., que querem acessar a Internet tanto quanto qualquer um dito &#8220;normal&#8221;.
Existem algumas iniciativas, como o Acessibilidade Brasil e o Portal de Acessibilidade, por exemplo. E o W3C apresentou um conjunto de definições e padrões, o WCAG (Web Content Accessibility Guidelines), com o objetivo de implementar a acessibilidade em sites. Por exemplo, legendas para vídeos, alternativas em texto para imagens, funções para contraste de cores ou opções para outros gadgets de entrada de dados, além de teclados. A nova versão do padrão também tenta padronizar as diretrizes tanto para sites convencionais como para suas versões móveis.
Vale a olhada para os webdesigners de plantão.
]]></description> <content:encoded><![CDATA[<p><img
class="alignright" title="Acessibilidade na Web" src="http://deficientenobanheiro.files.wordpress.com/2008/02/acessibilidade-mil-assentos.jpg" alt="Acessibilidade na Web" width="250" height="235" /></p><p
style="text-align: justify;">Muita gente desenvolve sites hoje em dia, mas a maioria não leva em conta o acesso por parte de usuários com necessidades especiais. Existem usuários com limitações visuais, motoras, auditivas, etc., que querem acessar a Internet tanto quanto qualquer um dito &#8220;normal&#8221;.</p><p
style="text-align: justify;">Existem algumas iniciativas, como o <a
href="http://www.acessobrasil.org.br">Acessibilidade Brasil</a> e o <a
href="http://www.acessibilidade.org.br">Portal de Acessibilidade</a>, por exemplo. E o <a
href="http://www.w3c.org" target="_blank">W3C</a> apresentou um conjunto de definições e padrões, o WCAG (<a
href="http://www.w3.org/TR/2008/REC-WCAG20-20081211/" target="_blank">Web Content Accessibility Guidelines</a>), com o objetivo de implementar a acessibilidade em sites. Por exemplo, legendas para vídeos, alternativas em texto para imagens, funções para contraste de cores ou opções para outros gadgets de entrada de dados, além de teclados. A nova versão do padrão também tenta padronizar as diretrizes tanto para sites convencionais como para suas versões móveis.</p><p
style="text-align: justify;">Vale a olhada para os webdesigners de plantão.</p> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2009/07/padroes-w3c-para-acessibilidade/feed/</wfw:commentRss> <slash:comments>12</slash:comments> </item> <item><title>[CURSO HTML] Aula 12 &#8211; Tabelas II</title><link>http://www.guanabara.info/2009/06/curso-html-aula-12-tabelas-ii/</link> <comments>http://www.guanabara.info/2009/06/curso-html-aula-12-tabelas-ii/#comments</comments> <pubDate>Thu, 25 Jun 2009 12:15:44 +0000</pubDate> <dc:creator>Gustavo Guanabara</dc:creator> <category><![CDATA[Aprenda]]></category> <category><![CDATA[Aulas]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[Colspan]]></category> <category><![CDATA[Curso]]></category> <category><![CDATA[Curso HTML]]></category> <category><![CDATA[Grátis]]></category> <category><![CDATA[Rowspan]]></category> <category><![CDATA[Tabelas]]></category> <category><![CDATA[Vídeo-aulas]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=12766</guid> <description><![CDATA[
Ficou lento? Veja também no YouTube!
Curso de HTML &#8211; Aula 12
Estamos chegando com mais uma aula de HTML, e dessa vez vamos aprender como fazer expansões de células em linhas e colunas, o que permite a criação de tabelas cada vez mais complexas utilizando os parâmetros COLSPAN e ROWSPAN.
Aproveite e baixe também o [download#19], que vai te ajudar bastante durante a criação de tabelas, já que os pares de tags são identificados e marcados visualmente.
Se você ainda não conhecia essa seção do Guanabara.info, não deixe de conferir as aulas anteriores do Curso de HTML.
]]></description> <content:encoded><![CDATA[<p
style="text-align: center;"><img
class="aligncenter" title="Curso de HTML em vídeo aulas" src="http://www.guanabara.info/wp-content/uploads/2009/04/novobannerhtml.jpg" alt="" width="500" /><object
width="495" height="281" data="http://www.videolog.tv/ajax/codigoPlayer.php?id_video=451678&amp;relacionados=N&amp;default=S&amp;cor_fundo=ndefined&amp;swf=1&amp;width=500&amp;height=281" type="application/x-shockwave-flash"><param
name="src" value="http://www.videolog.tv/ajax/codigoPlayer.php?id_video=451678&amp;relacionados=N&amp;default=S&amp;cor_fundo=ndefined&amp;swf=1&amp;width=500&amp;height=281" /><param
name="allowfullscreen" value="true" /></object></p><p
style="text-align: center;">Ficou lento? <a
href="http://www.youtube.com/watch?v=dk_zsKlP0nc" target="_blank"><strong>Veja também no YouTube</strong></a>!</p><p
style="display:none"><a
href="http://www.videolog.tv/video.php?id=451678">Curso de HTML &#8211; Aula 12</a></p><p
style="text-align: justify;">Estamos chegando com mais uma aula de <strong>HTML</strong>, e dessa vez vamos aprender como fazer expansões de células em linhas e colunas, o que permite a criação de tabelas cada vez mais complexas utilizando os parâmetros COLSPAN e ROWSPAN.</p><p
style="text-align: justify;">Aproveite e baixe também o [download#19], que vai te ajudar bastante durante a criação de tabelas, já que os pares de tags são identificados e marcados visualmente.</p><p
style="text-align: justify;">Se você ainda não conhecia essa seção do <strong>Guanabara.info</strong>, não deixe de conferir as <a
href="http://www.guanabara.info/category/lp/html/" target="_blank"><strong>aulas anteriores do Curso de HTML</strong></a>.</p> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2009/06/curso-html-aula-12-tabelas-ii/feed/</wfw:commentRss> <slash:comments>74</slash:comments> </item> <item><title>[CURSO HTML] Aula 11 &#8211; Tabelas I</title><link>http://www.guanabara.info/2009/05/curso-html-aula-11-tabelas-i/</link> <comments>http://www.guanabara.info/2009/05/curso-html-aula-11-tabelas-i/#comments</comments> <pubDate>Thu, 07 May 2009 08:54:49 +0000</pubDate> <dc:creator>Gustavo Guanabara</dc:creator> <category><![CDATA[Aprenda]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[VideoCast]]></category> <category><![CDATA[Aula]]></category> <category><![CDATA[Curso]]></category> <category><![CDATA[Curso HTML]]></category> <category><![CDATA[Grátis]]></category> <category><![CDATA[Gustavo Guanabara]]></category> <category><![CDATA[Tabelas]]></category> <category><![CDATA[Video]]></category> <category><![CDATA[Vídeo-aula]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=11033</guid> <description><![CDATA[
Aqui estamos nós novamente com o curso de HTML, dessa vez para falar sobre Tabelas, esse recurso tão utilizado nos sites atualmente.
Entenda para que servem as tags &#60;TABLE&#62; &#60;TR&#62; e &#60;TD&#62;, incluindo uma explicação dos parâmetros cellspacing e cellpadding e muito mais.
Para auxiliar visualmente a nossa criação de sites, a partir de agora vamos utilizar o programa Notepad++ que utiliza o recurso de colorização do código para facilitar a visualização das tags. Baixe o Notepadd++ no link abaixo:
Baixe agora o [download#19]
Se você ainda não conhece o curso de HTML veja aqui todas as aulas.
]]></description> <content:encoded><![CDATA[<p
align="center"><img
title="O Curso de HTML mais completo do mercado" src="http://www.guanabara.info/wp-content/uploads/2009/04/novobannerhtml.jpg" alt="" width="500" height="100" /><object
width="500" height="281" data="http://www.videolog.tv/ajax/codigoPlayer.php?id_video=435156&amp;relacionados=N&amp;default=N&amp;cor_fundo=ndefined&amp;swf=1&amp;width=500&amp;height=281" type="application/x-shockwave-flash"><param
name="src" value="http://www.videolog.tv/ajax/codigoPlayer.php?id_video=435156&amp;relacionados=N&amp;default=N&amp;cor_fundo=ndefined&amp;swf=1&amp;width=500&amp;height=281" /><param
name="allowfullscreen" value="true" /></object></p><p
style="text-align: justify;">Aqui estamos nós novamente com o curso de HTML, dessa vez para falar sobre Tabelas, esse recurso tão utilizado nos sites atualmente.</p><p
style="text-align: justify;">Entenda para que servem as tags &lt;TABLE&gt; &lt;TR&gt; e &lt;TD&gt;, incluindo uma explicação dos parâmetros cellspacing e cellpadding e muito mais.</p><p
style="text-align: justify;">Para auxiliar visualmente a nossa criação de sites, a partir de agora vamos utilizar o programa Notepad++ que utiliza o recurso de colorização do código para facilitar a visualização das tags. Baixe o Notepadd++ no link abaixo:</p><p
style="text-align: justify;">Baixe agora o [download#19]</p><p
style="text-align: justify;">Se você ainda não conhece o curso de HTML <a
href="http://www.guanabara.info/category/lp/html/" target="_blank"><strong>veja aqui todas as aulas</strong></a>.</p> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2009/05/curso-html-aula-11-tabelas-i/feed/</wfw:commentRss> <slash:comments>78</slash:comments> </item> <item><title>[CURSO HTML] Aula 10 &#8211; Links III</title><link>http://www.guanabara.info/2009/04/curso-html-aula-10-links-iii/</link> <comments>http://www.guanabara.info/2009/04/curso-html-aula-10-links-iii/#comments</comments> <pubDate>Thu, 16 Apr 2009 08:55:42 +0000</pubDate> <dc:creator>Gustavo Guanabara</dc:creator> <category><![CDATA[Aprenda]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[VideoCast]]></category> <category><![CDATA[Curso HTML]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=10358</guid> <description><![CDATA[
Disponível também no YouTube
Pois é, galera! O Curso de HTML demorou pra voltar, mas voltou TURBINADO! A partir de agora você pode assistir às aulas mais completas em tela cheia, pois a gravação e postagem foram feitas em Alta Resolução (HD).
Nessa décima aula, veremos como criar Links Internos, que são aqueles que fazem referência a áreas dentro da própria página, fazendo a rolagem do conteúdo automaticamente.
Se você é novo por aqui e não conhecia o curso ou então se perdeu alguma aula, veja aqui o Curso Completo de HTML.
Espero que todos gostem e até a próxima aula!
]]></description> <content:encoded><![CDATA[<p
style="text-align: center;"><img
class="size-full wp-image-10360 aligncenter" title="Novo Curso de HTML - Agora em HD" src="http://www.guanabara.info/wp-content/uploads/2009/04/novobannerhtml.jpg" alt="Novo Curso de HTML - Agora em HD" /><object
width="495" height="280" data="http://www.videolog.tv/ajax/codigoPlayer.php?id_video=428485&amp;relacionados=N&amp;default=S&amp;cor_fundo=ndefined&amp;swf=1&amp;width=495&amp;height=280" type="application/x-shockwave-flash"><param
name="src" value="http://www.videolog.tv/ajax/codigoPlayer.php?id_video=428485&amp;relacionados=N&amp;default=S&amp;cor_fundo=ndefined&amp;swf=1&amp;width=495&amp;height=280" /><param
name="allowfullscreen" value="true" /></object></p><p
style="text-align: center;"><a
href="http://www.youtube.com/watch?v=aIxPdhP-C-4" target="_blank"><strong>Disponível também no YouTube</strong></a></p><p
style="text-align: justify;">Pois é, galera! O <a
href="http://www.guanabara.info/category/lp/html/" target="_blank"><strong>Curso de HTML</strong></a> demorou pra voltar, mas voltou TURBINADO! A partir de agora você pode assistir às aulas mais completas em tela cheia, pois a gravação e postagem foram feitas em Alta Resolução (HD).</p><p
style="text-align: justify;">Nessa décima aula, veremos como criar <em>Links Internos</em>, que são aqueles que fazem referência a áreas dentro da própria página, fazendo a rolagem do conteúdo automaticamente.</p><p
style="text-align: justify;">Se você é novo por aqui e não conhecia o curso ou então se perdeu alguma aula, veja aqui o <a
href="http://www.guanabara.info/category/lp/html/" target="_blank"><strong>Curso Completo de HTML</strong></a>.</p><p
style="text-align: justify;">Espero que todos gostem e até a próxima aula!</p> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2009/04/curso-html-aula-10-links-iii/feed/</wfw:commentRss> <slash:comments>51</slash:comments> </item> <item><title>[CURSO HTML] Aula 9 &#8211; Links II</title><link>http://www.guanabara.info/2008/12/curso-html-aula-9-links-ii/</link> <comments>http://www.guanabara.info/2008/12/curso-html-aula-9-links-ii/#comments</comments> <pubDate>Sat, 27 Dec 2008 15:44:31 +0000</pubDate> <dc:creator>Gustavo Guanabara</dc:creator> <category><![CDATA[Aprenda]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[VideoCast]]></category> <category><![CDATA[Curso HTML]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=6246</guid> <description><![CDATA[Como já avisamos anteriormente, o Curso de HTML virou um videocast. Isso melhora ainda mais a forma de distribuição das aulas, pois você pode realizar o download das aulas e assistir em seu computador, iPod ou iPhone. Se você ainda não baixou as aulas, clique aqui e veja as instruções. Se você já assinou o feed no iTunes, apenas atualize o podcast no programa.
IMPORTANTE: Tivemos problemas com o endereço anterior. Quem assinou o feed anteriormente, por favor exclua o feed antigo e adicione o novo: http://www.guanabara.info/html.xml.Também no YouTube
]]></description> <content:encoded><![CDATA[<p
style="text-align: justify;"><a
href="itpc://www.guanabara.info/html.xml"><img
class="alignright" src="http://www.guanabara.info/cursohtml.jpg" alt="" width="144" height="144" /></a>Como já avisamos anteriormente, o <strong>Curso de HTML</strong> virou um videocast. Isso melhora ainda mais a forma de distribuição das aulas, pois você pode realizar o download das aulas e assistir em seu computador, <strong>iPod </strong>ou <strong>iPhone</strong>. Se você ainda não baixou as aulas, <a
href="http://www.guanabara.info/?p=5651"><strong>clique aqui e veja as instruções</strong></a>. Se você já assinou o feed no <strong>iTunes</strong>, apenas atualize o podcast no programa.</p><p
style="text-align: justify;"><span
style="color: #ff0000;"><strong>IMPORTANTE</strong>: Tivemos problemas com o endereço anterior. Quem assinou o feed anteriormente, por favor exclua o feed antigo e adicione o novo: <strong>http://www.guanabara.info/html.xml</strong>.</span></p><p
style="text-align: center;"><img
src="/images/html/CHtml.jpg" alt="" width="425" /><br
/> <object
width="425" height="344" data="http://www.youtube.com/v/me8Vl2plM8Y&amp;hl=pt-br&amp;fs=1" type="application/x-shockwave-flash"><param
name="allowFullScreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="src" value="http://www.youtube.com/v/me8Vl2plM8Y&amp;hl=pt-br&amp;fs=1" /><param
name="allowfullscreen" value="true" /></object><br
/> <a
href="http://www.guanabara.info/?cat=42"><img
src="/images/html/R1Html.jpg" alt="Veja as outras aulas" width="425" /></a><a
href="http://www.iped.com.br/cursos/guanabara.info/" target="_blank"><img
src="/images/html/R2Html.jpg" alt="Cursos de qualidade" width="425" /></a></p><p
style="text-align: center;"><strong><a
href="http://br.youtube.com/watch?v=me8Vl2plM8Y" target="_blank">Também no YouTube</a></strong></p> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2008/12/curso-html-aula-9-links-ii/feed/</wfw:commentRss> <slash:comments>47</slash:comments> </item> <item><title>[CURSO HTML] Aula 8 &#8211; Links I</title><link>http://www.guanabara.info/2008/12/curso-html-aula-8-links-i/</link> <comments>http://www.guanabara.info/2008/12/curso-html-aula-8-links-i/#comments</comments> <pubDate>Wed, 10 Dec 2008 09:00:20 +0000</pubDate> <dc:creator>Gustavo Guanabara</dc:creator> <category><![CDATA[Aprenda]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[Curso HTML]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=5710</guid> <description><![CDATA[Como já avisamos anteriormente, o Curso de HTML virou um videocast. Isso melhora ainda mais a forma de distribuição das aulas, pois você pode realizar o download das aulas e assistir em seu computador, iPod ou iPhone. Se você ainda não baixou as aulas, clique aqui e veja as instruções. Se você já assinou o feed no iTunes, apenas atualize o podcast no programa.
IMPORTANTE: Tivemos problemas com o endereço anterior. Quem assinou o feed anteriormente, por favor exclua o feed antigo e adicione o novo: http://www.guanabara.info/html.xml.Também no YouTube
]]></description> <content:encoded><![CDATA[<p
style="text-align: justify;"><a
href="itpc://www.guanabara.info/html.xml"><img
class="alignright" src="http://www.guanabara.info/cursohtml.jpg" alt="" width="144" height="144" /></a>Como já avisamos anteriormente, o <strong>Curso de HTML</strong> virou um videocast. Isso melhora ainda mais a forma de distribuição das aulas, pois você pode realizar o download das aulas e assistir em seu computador, <strong>iPod </strong>ou <strong>iPhone</strong>. Se você ainda não baixou as aulas, <a
href="http://www.guanabara.info/?p=5651"><strong>clique aqui e veja as instruções</strong></a>. Se você já assinou o feed no <strong>iTunes</strong>, apenas atualize o podcast no programa.</p><p
style="text-align: justify;"><span
style="color: #ff0000;"><strong>IMPORTANTE</strong>: Tivemos problemas com o endereço anterior. Quem assinou o feed anteriormente, por favor exclua o feed antigo e adicione o novo: <strong>http://www.guanabara.info/html.xml</strong>.</span></p><p
style="text-align: center;"><img
src="/images/html/CHtml.jpg" width="425" alt="" /><br
/> <object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowFullScreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="src" value="http://www.youtube.com/v/CuqqvEMtMAg&amp;hl=pt-br&amp;fs=1" /><embed
type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/CuqqvEMtMAg&amp;hl=pt-br&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object><br
/> <a
href="http://www.guanabara.info/?cat=42"><img
src="/images/html/R1Html.jpg" alt="Veja as outras aulas" width="425" /></a><a
href="http://www.iped.com.br/cursos/guanabara.info/" target="_blank"><img
src="/images/html/R2Html.jpg" alt="Cursos de qualidade" width="425" /></a></p><p
style="text-align: center;"><strong><a
href="http://br.youtube.com/watch?v=CuqqvEMtMAg" target="_blank">Também no YouTube</a></strong></p> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2008/12/curso-html-aula-8-links-i/feed/</wfw:commentRss> <slash:comments>21</slash:comments> </item> <item><title>[EXTRA] Curso de HTML em Videocast</title><link>http://www.guanabara.info/2008/12/extra-curso-de-html-em-videocast/</link> <comments>http://www.guanabara.info/2008/12/extra-curso-de-html-em-videocast/#comments</comments> <pubDate>Sat, 06 Dec 2008 14:00:00 +0000</pubDate> <dc:creator>Gustavo Guanabara</dc:creator> <category><![CDATA[Aprenda]]></category> <category><![CDATA[Aulas]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[VideoCast]]></category> <category><![CDATA[Apple]]></category> <category><![CDATA[Curso HTML]]></category> <category><![CDATA[Cursos]]></category> <category><![CDATA[iTunes]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=5651</guid> <description><![CDATA[
Você sempre quis fazer um Curso de HTML mas não tinha tempo pra ficar lendo aquelas apostilas intermináveis?
Você já acompanha o nosso Curso de HTML, mas gostaria de ter as aulas baixadas para assistir a qualquer hora e em qualquer lugar?
Pois agora você PODE! Chegaram as vídeo-aulas de HTML em Videocast! TUDO DE GRAÇA! Basta assinar o Feed do curso no iTunes e sempre que uma nova aula sair, automaticamente ela será baixada pra você!
Veja as aulas no computador ou trasfira para o seu iPod ou iPhone e assista as aulas em qualquer lugar!
Se você já tem o iTunes instalado e sabe como utilizá-lo, basta clicar na imagem acima e assinar GRATUITAMENTE o nosso Videocast. Se você ainda está meio perdido, clique no link abaixo para saber tudo sobre assinaturas, iTunes e tudo mais!Antes de mais nada, vamos esclarecer o termo ASSINATURA, pois muita gente ainda pensa que ao ASSINAR um podcast ou videocast, esse processo é cobrado. Quero deixar claro que ao realizar qualquer tarefa aqui descrita, você não terá nenhum tipo de cobrança em nenhuma hipótese! Tudo aqui é GRÁTIS!
PASSO 1: Instalando o iTunes
Antes de mais nada, você terá que instalar o iTunes no seu computador. O programa é gratuito que foi criado pela Apple e é compatível com qualquer versão do Windows. Clique na imagem abaixo para ir diretamente para a página de download do iTunes.IMPORTANTE: Não é preciso digitar seu endereço de Email para baixar o iTunes 8. Basta clicar no botão azul &#8220;Download Now&#8221; e aguardar o início do download.O download do arquivo de 65,5MB demora um pouco, mas tudo vai valer a pena no final! Esse procedimento só é necessário uma única vez!   Quando ele terminar, execute o arquivo iTunesSetup.exe que está na sua pasta de downloads. É só clicar duas vezes [...]]]></description> <content:encoded><![CDATA[<p
style="text-align: center;"><a
title="Assine agora! GRÁTIS!" href="itpc://www.guanabara.info/html.xml"><img
class="size-medium wp-image-5652 aligncenter" title="Curso de HTML em Videocast" src="http://www.guanabara.info/wp-content/uploads/2008/12/htmliphone.jpg" alt="" /></a></p><p
style="text-align: justify;">Você sempre quis fazer um <strong>Curso de HTML</strong> mas não tinha tempo pra ficar lendo aquelas apostilas intermináveis?</p><p
style="text-align: justify;">Você já acompanha o nosso <strong>Curso de HTML</strong>, mas gostaria de ter as aulas baixadas para assistir a qualquer hora e em qualquer lugar?</p><p
style="text-align: justify;">Pois agora você PODE! Chegaram as vídeo-aulas de HTML em Videocast! <span
style="color: #ff0000;"><strong>TUDO DE GRAÇA!</strong></span> Basta assinar o <strong>Feed do curso</strong> no <strong>iTunes </strong>e sempre que uma nova aula sair, automaticamente ela será baixada pra você!</p><p
style="text-align: justify;">Veja as aulas no computador ou trasfira para o seu <strong>iPod </strong>ou <strong>iPhone </strong>e assista as aulas em qualquer lugar!</p><p
style="text-align: justify;">Se você já tem o <strong>iTunes </strong>instalado e sabe como utilizá-lo, basta clicar na imagem acima e assinar <span
style="color: #ff0000;"><strong>GRATUITAMENTE </strong></span>o nosso <strong>Videocast</strong>. Se você ainda está meio perdido, clique no link abaixo para saber tudo sobre assinaturas, <strong>iTunes </strong>e tudo mais!</p><p
style="text-align: justify;"><span
id="more-5651"></span></p><p
style="text-align: justify;">Antes de mais nada, vamos esclarecer o termo <strong>ASSINATURA</strong>, pois muita gente ainda pensa que ao <strong>ASSINAR</strong> um podcast ou videocast, esse processo é cobrado. Quero deixar claro que ao realizar qualquer tarefa aqui descrita, você não terá nenhum tipo de cobrança em nenhuma hipótese! Tudo aqui é <span
style="color: #ff0000;"><strong>GRÁTIS</strong></span>!</p><h2 style="text-align: justify;">PASSO 1: Instalando o iTunes</h2><p
style="text-align: justify;">Antes de mais nada, você terá que instalar o <strong>iTunes </strong>no seu computador. O programa é gratuito que foi criado pela <strong>Apple </strong>e é compatível com qualquer versão do <strong>Windows</strong>. Clique na imagem abaixo para ir diretamente para a página de download do <strong>iTunes</strong>.</p><p
style="text-align: center;"><a
href="http://www.apple.com/itunes/download/" target="_blank"><img
class="alignnone size-medium wp-image-5656" title="Baixe o iTunes" src="http://www.guanabara.info/wp-content/uploads/2008/12/itunes01.jpg" alt="" /></a></p><p
style="text-align: justify;"><strong>IMPORTANTE</strong>: Não é preciso digitar seu endereço de Email para baixar o iTunes 8. Basta clicar no botão azul <em><strong>&#8220;Download Now&#8221;</strong></em> e aguardar o início do download.</p><p
style="text-align: center;"><img
class="size-medium wp-image-5657 aligncenter" title="Download do iTunes" src="http://www.guanabara.info/wp-content/uploads/2008/12/itunes02.jpg" alt="" /></p><p
style="text-align: justify;">O download do arquivo de 65,5MB demora um pouco, mas tudo vai valer a pena no final! Esse procedimento só é necessário uma única vez! <img
src='http://www.guanabara.info/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> Quando ele terminar, execute o arquivo <strong>iTunesSetup.exe</strong> que está na sua pasta de downloads. É só clicar duas vezes no item e PRONTO!</p><p
style="text-align: center;"><img
class="size-medium wp-image-5658 aligncenter" title="Arquivo Baixado" src="http://www.guanabara.info/wp-content/uploads/2008/12/itunes03.jpg" alt="" /></p><p
style="text-align: justify;"><strong>OBS</strong>: Se você está utilizando outro navegador como o Internet Explorer, Google Chrome, Opera ou Safari, o processo de download pode ser um pouco diferente, mas no final o arquivo <strong>iTunesSetup.exe </strong>estará gravado no seu computador.</p><p
style="text-align: justify;"><img
class="size-medium wp-image-5659 alignright" title="Ícone do iTunes" src="http://www.guanabara.info/wp-content/uploads/2008/12/itunes04.jpg" alt="" width="112" height="115" />A instalação do <strong>iTunes </strong>é simples, bastando seguir o padrão <em>Avançar&gt;Avançar&gt;Avançar&gt;Concluir</em> de toda instalação que se preze. <img
src='http://www.guanabara.info/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> No final, o ícone do <strong>iTunes</strong> deverá aparecer na sua área de trabalho e também como item do menu Iniciar.</p><p
style="text-align: justify;">Agora que o iTunes está devidamente instalado no seu computador, vamos fazer a assinatura do videocast (<em>lembrando que nada jamais será cobrado</em>).</p><h2 style="text-align: justify;">PASSO 2: Assinando o Videocast</h2><p
style="text-align: justify;"><a
title="Assine agora! GRÁTIS!" href="itpc://www.guanabara.info/html.xml"><img
class="alignleft" src="/cursohtml.jpg" alt="" width="144" height="144" /></a>Para <a
href="itpc://www.guanabara.info/html.xml"><strong>assinar o videocast com o Curso de HTML</strong></a>, basta clicar na imagem ao lado e automaticamente o iTunes abrirá e o episódio mais recente será baixado automaticamente! MAIS SIMPLES IMPOSSÍVEL!</p><p
style="text-align: justify;">Se por acaso você utiliza um outro gerenciador de feeds para videocast, basta assinar o endereço do <em>Feedburner </em><a
href="http://www.guanabara.info/html.xml" target="_blank"><strong>http://www.guanabara.info/html.xml</strong></a> e tudo funcionará perfeitamente.</p><p
style="text-align: justify;">A partir de agora, você pode clicar no item <strong>Podcasts </strong>que fica do lado esquerdo da tela do <strong>iTunes </strong>e ver todos os podcasts que você assina. Aproveite para <a
href="itpc://feeds.feedburner.com/guanacast"><strong>clicar aqui e assinar também o GuanaCast</strong></a>, nosso podcast sobre tecnologia.</p><p
style="text-align: center;"><img
class="size-medium wp-image-5661 aligncenter" title="Diretório de Podcasts" src="http://www.guanabara.info/wp-content/uploads/2008/12/itunes05.jpg" alt="" /></p><p
style="text-align: justify;">Clicando duas vezes no podcast <strong>Curso de HTML &#8211; Guanabara.info</strong>, você verá todos os episódios disponíveis para download.</p><p
style="text-align: center;"><img
class="size-medium wp-image-5662 aligncenter" title="Todos os episódios do Videocast" src="http://www.guanabara.info/wp-content/uploads/2008/12/itunes06.jpg" alt="" /></p><p
style="text-align: justify;">É só escolher a aula e clicar no pequeno botão <strong>OBTER</strong>. Se quiser baixar todas as aulas de uma só vez, clique em <strong>OBTER TUDO</strong> (<em>veja na imagem acima</em>).</p><p
style="text-align: justify;">Agora é só escolher a aula que você quer assistir e clicar duas vezes sobre ela ou selecioná-la e pressionar o botão <strong>Play</strong> na parte superior do <strong>iTunes</strong>. Como o episódio já está baixado, você não precisará carregá-lo novamente toda vez que quiser assistir a aula.</p><p
style="text-align: center;"><img
class="size-medium wp-image-5663 aligncenter" title="Vendo o Videocast no computador" src="http://www.guanabara.info/wp-content/uploads/2008/12/itunes07.jpg" alt="" /></p><p
style="text-align: justify;">A partir de agora, para pegar novas aulas é só abrir o iTunes e o episódio mais recente será baixado automaticamente. <img
src='http://www.guanabara.info/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> Prático e simples!</p><h2 style="text-align: justify;">PASSO 3: Vendo o Videocast no iPod/iPhone</h2><p
style="text-align: justify;">Se você tem um <strong>iPod </strong>que é capaz de reproduzir vídeos ou um <strong>iPhone</strong>, basta autorizar a atualização do aparelho diretamente no <strong>iTunes</strong>. Em primeiro lugar, ligue seu aparelho na porta USB e aguarde o reconhecimento.</p><p
style="text-align: center;"><img
class="size-medium wp-image-5666 aligncenter" title="iPhone reconhecido no iTunes" src="http://www.guanabara.info/wp-content/uploads/2008/12/itunes08.jpg" alt="" /></p><p
style="text-align: justify;">Perceba na imagem acima que existe uma aba Podcasts para o iPhone. Clique nela, e na janela que aparecer, escolha atualizar todos os podcasts automaticamente, ou simplesmente escolha quais podcasts você quer que sejam transferidos para o seu aparelho.</p><p
style="text-align: center;"><img
class="size-medium wp-image-5667 aligncenter" title="Atualizando Podcasts no iPod/iPhone" src="http://www.guanabara.info/wp-content/uploads/2008/12/itunes09.jpg" alt="" /></p><p
style="text-align: justify;">Então é isso, galera! Sejam bem-vindos ao novo videocast do <strong>Guanabara.info</strong> e aprendam HTML a qualquer hora e em qualquer lugar! Um forte abraço a todos!</p><p
style="text-align: justify;"><p
style="text-align: justify;"><p
style="text-align: justify;"> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2008/12/extra-curso-de-html-em-videocast/feed/</wfw:commentRss> <slash:comments>104</slash:comments> </item> <item><title>[CURSO HTML] Aula 7 &#8211; Listas</title><link>http://www.guanabara.info/2008/12/curso-html-listas-em-html/</link> <comments>http://www.guanabara.info/2008/12/curso-html-listas-em-html/#comments</comments> <pubDate>Thu, 04 Dec 2008 09:01:30 +0000</pubDate> <dc:creator>Gustavo Guanabara</dc:creator> <category><![CDATA[Aprenda]]></category> <category><![CDATA[Aulas]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[Curso HTML]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=5600</guid> <description><![CDATA[
Pois é, galera! Depois de muitos pedidos desesperados, estamos de volta com o Curso de HTML do Guanabara.info. Ficamos longos três meses sem aulas novas e aprenderemos nessa semana como criar dois tipos de lista: as ordenadas e as com marcadores.
A partir de agora, os vídeos estão em um formato diferente, para tentar uma melhor performance e qualidade. Se você tiver qualquer problema em visualizar a aula, comente nesse post e tentaremos resolver o mais rápido possível.Não conseguiu ver? &#124; Também no YouTube
]]></description> <content:encoded><![CDATA[<p
style="text-align: center;"><img
class="size-medium wp-image-5412 aligncenter" title="Esta Série Voltou!" src="../wp-content/uploads/2008/11/voltafuturobanner.jpg" alt="" /></p><p
style="text-align: justify;">Pois é, galera! Depois de muitos pedidos desesperados, estamos de volta com o <a
href="http://html.guanabara.info"><strong>Curso de HTML</strong></a> do <strong>Guanabara.info</strong>. Ficamos longos três meses sem aulas novas e aprenderemos nessa semana como criar dois tipos de lista: as ordenadas e as com marcadores.</p><p
style="text-align: justify;">A partir de agora, os vídeos estão em um formato diferente, para tentar uma melhor performance e qualidade. Se você tiver qualquer problema em visualizar a aula, comente nesse post e tentaremos resolver o mais rápido possível.</p><p
style="text-align: justify;"><span
id="more-5600"></span></p><p
style="text-align: center;"><img
src="/images/html/CHtml.jpg" alt="" /><br
/> <object
id="csSWF" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="318" codebase="http://active.macromedia.com/flash7/cabs/ swflash.cab#version=9,0,115,0"><param
name="src" value="http://www.guanabara.info/cursos/html/htmlaula07/htmlaula07.mp4"/><param
name="bgcolor" value="#1a1a1a"/><param
name="quality" value="best"/><param
name="allowScriptAccess" value="always"/><param
name="allowFullScreen" value="true"/><param
name="scale" value="showall"/><param
name="flashVars" value="autostart=false"/><param
name="autostart" value="false"/><embed
name="csSWF" src="http://www.guanabara.info/cursos/html/htmlaula07/htmlaula07.mp4" width="400" height="318" bgcolor="#1a1a1a" quality="best" allowScriptAccess="always" allowFullScreen="true" scale="showall" flashVars="autostart=false&#038;color=0x1A1A1A,0x1A1A1A" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed></object><br
/> <a
href="http://www.guanabara.info/?cat=42"><img
src="/images/html/R1Html.jpg" alt="Veja as outras aulas" /></a><a
href="http://www.iped.com.br/cursos/guanabara.info/" target="_blank"><img
src="/images/html/R2Html.jpg" alt="Cursos de qualidade" /></a></p><p
style="text-align: center;"><a
href="../cursos/html/htmlaula07/htmlaula07.html" target="_blank"><strong>Não conseguiu ver?</strong></a><strong> | </strong><strong><a
href="http://www.youtube.com/watch?v=ER2F3xJnWpg" target="_blank">Também no YouTube</a></strong></p> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2008/12/curso-html-listas-em-html/feed/</wfw:commentRss> <slash:comments>25</slash:comments> </item> <item><title>[CURSO HTML] Aula 6 &#8211; Imagens</title><link>http://www.guanabara.info/2008/09/curso-html-aula-6-imagens/</link> <comments>http://www.guanabara.info/2008/09/curso-html-aula-6-imagens/#comments</comments> <pubDate>Wed, 03 Sep 2008 12:00:59 +0000</pubDate> <dc:creator>Gustavo Guanabara</dc:creator> <category><![CDATA[Aprenda]]></category> <category><![CDATA[Aulas]]></category> <category><![CDATA[Geral]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[Curso HTML]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=4454</guid> <description><![CDATA[Nova Janela &#124; Também no YouTube
]]></description> <content:encoded><![CDATA[<p
style="text-align: center;"><img
src="/images/html/CHtml.jpg" alt="" /><br
/> <object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="318" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="id" value="csSWF" /><param
name="src" value="/cursos/html/HTMLAula06/HTMLAula06.swf" /><param
name="bgcolor" value="#1a1a1a" /><param
name="quality" value="best" /><param
name="allowScriptAccess" value="always" /><param
name="allowFullScreen" value="false" /><param
name="scale" value="noscale" /><param
name="flashVars" value="autostart=false" /><embed
id="csSWF" type="application/x-shockwave-flash" width="400" height="318" src="/cursos/html/HTMLAula06/HTMLAula06.swf" flashvars="autostart=false" scale="noscale" allowfullscreen="false" allowscriptaccess="always" quality="best" bgcolor="#1a1a1a"></embed></object><br
/> <a
href="http://www.guanabara.info/?cat=42"><img
src="/images/html/R1Html.jpg" alt="Veja as outras aulas" /></a><a
href="http://www.iped.com.br/cursos/guanabara.info/" target="_blank"><img
src="/images/html/R2Html.jpg" alt="Cursos de qualidade" /></a></p><p
style="text-align: center;"><a
href="../cursos/html/HTMLAula06/HTMLAula06.htm" target="_blank"><strong><br
/> Nova Janela</strong></a><strong> | </strong><strong><a
href="http://br.youtube.com/watch?v=fNSTQZ62xVg" target="_blank">Também no YouTube</a></strong></p> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2008/09/curso-html-aula-6-imagens/feed/</wfw:commentRss> <slash:comments>45</slash:comments> </item> <item><title>[CURSO HTML] Aula 5 &#8211; Cores (Parte 2)</title><link>http://www.guanabara.info/2008/08/curso-html-aula-5-cores-2/</link> <comments>http://www.guanabara.info/2008/08/curso-html-aula-5-cores-2/#comments</comments> <pubDate>Wed, 13 Aug 2008 13:34:52 +0000</pubDate> <dc:creator>Gustavo Guanabara</dc:creator> <category><![CDATA[Aprenda]]></category> <category><![CDATA[Aulas]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[Curso HTML]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=4195</guid> <description><![CDATA[Nova Janela &#124; Também no YouTube
]]></description> <content:encoded><![CDATA[<p
style="text-align: center;"><img
src="/images/html/CHtml.jpg" alt="" /><br
/> <object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="318" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="id" value="csSWF" /><param
name="src" value="/cursos/html/htmlaula05/htmlaula05.swf" /><param
name="bgcolor" value="#1a1a1a" /><param
name="quality" value="best" /><param
name="allowScriptAccess" value="always" /><param
name="allowFullScreen" value="false" /><param
name="scale" value="noscale" /><param
name="flashVars" value="autostart=false" /><embed
id="csSWF" type="application/x-shockwave-flash" width="400" height="318" src="/cursos/html/htmlaula05/htmlaula05.swf" flashvars="autostart=false" scale="noscale" allowfullscreen="false" allowscriptaccess="always" quality="best" bgcolor="#1a1a1a"></embed></object><br
/> <a
href="http://www.guanabara.info/?cat=42"><img
src="/images/html/R1Html.jpg" alt="Veja as outras aulas" /></a><a
href="http://www.iped.com.br/cursos/guanabara.info/" target="_blank"><img
src="/images/html/R2Html.jpg" alt="Cursos de qualidade" /></a></p><p
style="text-align: center;"><a
href="../cursos/html/htmlaula05/htmlaula05.htm" target="_blank"><strong><br
/> Nova Janela</strong></a><strong> | </strong><strong><a
href="http://br.youtube.com/watch?v=N0rfpKse_Zg" target="_blank">Também no YouTube</a></strong></p> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2008/08/curso-html-aula-5-cores-2/feed/</wfw:commentRss> <slash:comments>20</slash:comments> </item> <item><title>[CURSO HTML] Aula 4 &#8211; Cores (Parte I)</title><link>http://www.guanabara.info/2008/08/curso-html-aula-4-cores-parte-i/</link> <comments>http://www.guanabara.info/2008/08/curso-html-aula-4-cores-parte-i/#comments</comments> <pubDate>Wed, 06 Aug 2008 12:00:42 +0000</pubDate> <dc:creator>Gustavo Guanabara</dc:creator> <category><![CDATA[Aprenda]]></category> <category><![CDATA[Aulas]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[Curso HTML]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=4100</guid> <description><![CDATA[Faça o Download do CPik
Nova Janela &#124; Também no YouTube
]]></description> <content:encoded><![CDATA[<p
style="text-align: center;"><img
src="/images/html/CHtml.jpg" alt="" /><br
/> <object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="318" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="id" value="csSWF" /><param
name="src" value="/cursos/html/htmlaula04/htmlaula04.swf" /><param
name="bgcolor" value="#1a1a1a" /><param
name="quality" value="best" /><param
name="allowScriptAccess" value="always" /><param
name="allowFullScreen" value="false" /><param
name="scale" value="noscale" /><param
name="flashVars" value="autostart=false" /><embed
id="csSWF" type="application/x-shockwave-flash" width="400" height="318" src="/cursos/html/htmlaula04/htmlaula04.swf" flashvars="autostart=false" scale="noscale" allowfullscreen="false" allowscriptaccess="always" quality="best" bgcolor="#1a1a1a"></embed></object><br
/> <a
href="http://www.guanabara.info/?cat=42"><img
src="/images/html/R1Html.jpg" alt="Veja as outras aulas" /></a><a
href="http://www.iped.com.br/cursos/guanabara.info/" target="_blank"><img
src="/images/html/R2Html.jpg" alt="Cursos de qualidade" /></a></p><p
style="text-align: center;"><a
href="http://www.guanabara.info/?p=4101" target="_blank"><strong>Faça o Download do CPik</strong></a><a
href="../cursos/html/htmlaula04/htmlaula04.htm" target="_blank"><strong><br
/> Nova Janela</strong></a><strong> | </strong><strong><a
href="http://br.youtube.com/watch?v=Qq4uWhWm31o" target="_blank">Também no YouTube</a></strong></p> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2008/08/curso-html-aula-4-cores-parte-i/feed/</wfw:commentRss> <slash:comments>42</slash:comments> </item> <item><title>[CPick] Capturador de Cores para HTML</title><link>http://www.guanabara.info/2008/08/cpick-capturador-de-cores-para-html/</link> <comments>http://www.guanabara.info/2008/08/cpick-capturador-de-cores-para-html/#comments</comments> <pubDate>Wed, 06 Aug 2008 11:59:51 +0000</pubDate> <dc:creator>Gustavo Guanabara</dc:creator> <category><![CDATA[Aprenda]]></category> <category><![CDATA[Aulas]]></category> <category><![CDATA[Downloads]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[Programas]]></category> <category><![CDATA[Curso HTML]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=4101</guid> <description><![CDATA[
Na quarta aula de HTML, encontramos uma referência ao programa HTML Color Picker, ou simplesmente CPick, que serve para capturar códigos de cores automaticamente.
Clicando na imagem acima, você conseguirá baixar o programa CPick, que é um freeeware, o que significa que ele pode ser utilizado gratuitamente.
Se você ainda não viu a Aula 4 do nosso Curso de HTML, clique aqui.
]]></description> <content:encoded><![CDATA[<p
style="text-align: center;"><a
href="http://www.guanabara.info/downloads/Cpick.exe"><img
class="alignnone size-medium wp-image-4102 aligncenter" title="Cores em HTML" src="http://www.guanabara.info/wp-content/uploads/2008/08/coreshtml.jpg" alt="" /></a></p><p>Na <a
href="http://www.guanabara.info/?p=4100"><strong>quarta aula de HTML</strong></a>, encontramos uma referência ao programa HTML Color Picker, ou simplesmente <a
href="http://www.guanabara.info/downloads/Cpick.exe"><strong>CPick</strong></a>, que serve para capturar códigos de cores automaticamente.</p><p>Clicando na imagem acima, você conseguirá baixar o programa <a
href="http://www.guanabara.info/downloads/Cpick.exe"><strong>CPick</strong></a>, que é um <em>freeeware</em>, o que significa que ele pode ser utilizado gratuitamente.</p><p>Se você ainda não viu a <a
href="http://www.guanabara.info/?p=4100"><strong>Aula 4</strong></a> do nosso <strong>Curso de HTML</strong>, <a
href="http://www.guanabara.info/?p=4100"><strong>clique aqui</strong></a>.</p> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2008/08/cpick-capturador-de-cores-para-html/feed/</wfw:commentRss> <slash:comments>60</slash:comments> </item> <item><title>[CURSO HTML] Aula EXTRA &#8211; Crie um Favicon</title><link>http://www.guanabara.info/2008/07/curso-html-aula-extra-crie-um-favicon/</link> <comments>http://www.guanabara.info/2008/07/curso-html-aula-extra-crie-um-favicon/#comments</comments> <pubDate>Wed, 30 Jul 2008 13:51:33 +0000</pubDate> <dc:creator>Gustavo Guanabara</dc:creator> <category><![CDATA[Aprenda]]></category> <category><![CDATA[Aulas]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[Curso HTML]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=3995</guid> <description><![CDATA[Eu sei que hoje nós já tivemos uma Aula de HTML, mas nós temos recebido tantos e-mails perguntando como eu criei o novo favicon () do site que eu resolvi fazer uma aula extra, que mostra como colocar o ícone ao lado do endereço no navegador. Aproveitem!Nova Janela &#124; Também no YouTube
]]></description> <content:encoded><![CDATA[<p
style="text-align: justify;">Eu sei que hoje nós já tivemos uma <strong>Aula de HTML</strong>, mas nós temos recebido tantos e-mails perguntando como eu criei o novo <strong>favicon </strong>(<img
src="/animated_favicon1.gif" alt="Favicon" width="16" height="16" />) do site que eu resolvi fazer uma aula extra, que mostra como colocar o ícone ao lado do endereço no navegador. Aproveitem! <img
src='http://www.guanabara.info/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /></p><p
style="text-align: center;"><img
src="/images/html/CHtml.jpg" alt="" /><br
/> <object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="318" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="id" value="csSWF" /><param
name="src" value="/cursos/html/htmlaula03b/htmlaula03b.swf" /><param
name="bgcolor" value="#1a1a1a" /><param
name="quality" value="best" /><param
name="allowScriptAccess" value="always" /><param
name="allowFullScreen" value="false" /><param
name="scale" value="noscale" /><param
name="flashVars" value="autostart=false" /><embed
id="csSWF" type="application/x-shockwave-flash" width="400" height="318" src="/cursos/html/htmlaula03b/htmlaula03b.swf" flashvars="autostart=false" scale="noscale" allowfullscreen="false" allowscriptaccess="always" quality="best" bgcolor="#1a1a1a"></embed></object><br
/> <a
href="http://www.guanabara.info/?cat=42"><img
src="/images/html/R1Html.jpg" alt="Veja as outras aulas" /></a><a
href="http://www.iped.com.br/cursos/guanabara.info/" target="_blank"><img
src="/images/html/R2Html.jpg" alt="Cursos de qualidade" /></a></p><p
style="text-align: center;"><a
href="../cursos/html/htmlaula03b/htmlaula03b.htm" target="_blank"><strong>Nova Janela</strong></a><strong> | </strong><strong><a
href="http://br.youtube.com/watch?v=ghpiF5ZMRmM" target="_blank">Também no YouTube</a></strong></p> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2008/07/curso-html-aula-extra-crie-um-favicon/feed/</wfw:commentRss> <slash:comments>42</slash:comments> </item> <item><title>[CURSO HTML] Aula 3 &#8211; Textos (Parte I)</title><link>http://www.guanabara.info/2008/07/curso-html-aula-3-textos-parte-i/</link> <comments>http://www.guanabara.info/2008/07/curso-html-aula-3-textos-parte-i/#comments</comments> <pubDate>Wed, 30 Jul 2008 12:00:04 +0000</pubDate> <dc:creator>Gustavo Guanabara</dc:creator> <category><![CDATA[Aprenda]]></category> <category><![CDATA[Aulas]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[Curso HTML]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=3877</guid> <description><![CDATA[Nova Janela &#124; Também no YouTube
]]></description> <content:encoded><![CDATA[<p
style="text-align: center;"><img
src="/images/html/CHtml.jpg" alt="" /><br
/> <object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="318" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="id" value="csSWF" /><param
name="src" value="/cursos/html/htmlaula03/htmlaula03.swf" /><param
name="bgcolor" value="#1a1a1a" /><param
name="quality" value="best" /><param
name="allowScriptAccess" value="always" /><param
name="allowFullScreen" value="false" /><param
name="scale" value="noscale" /><param
name="flashVars" value="autostart=false" /><embed
id="csSWF" type="application/x-shockwave-flash" width="400" height="318" src="/cursos/html/htmlaula03/htmlaula03.swf" flashvars="autostart=false" scale="noscale" allowfullscreen="false" allowscriptaccess="always" quality="best" bgcolor="#1a1a1a"></embed></object><br
/> <a
href="http://www.guanabara.info/?cat=42"><img
src="/images/html/R1Html.jpg" alt="Veja as outras aulas" /></a><a
href="http://www.iped.com.br/cursos/guanabara.info/" target="_blank"><img
src="/images/html/R2Html.jpg" alt="Cursos de qualidade" /></a></p><p
style="text-align: center;"><a
href="../cursos/html/htmlaula03/htmlaula03.htm" target="_blank"><strong>Nova Janela</strong></a><strong> | </strong><strong><a
href="http://br.youtube.com/watch?v=r7oWcJ4O8yA" target="_blank">Também no YouTube</a></strong></p> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2008/07/curso-html-aula-3-textos-parte-i/feed/</wfw:commentRss> <slash:comments>25</slash:comments> </item> <item><title>[CURSO HTML] Aula 2 &#8211; Parágrafos</title><link>http://www.guanabara.info/2008/07/curso-html-aula-2-paragrafos/</link> <comments>http://www.guanabara.info/2008/07/curso-html-aula-2-paragrafos/#comments</comments> <pubDate>Wed, 23 Jul 2008 12:00:12 +0000</pubDate> <dc:creator>Gustavo Guanabara</dc:creator> <category><![CDATA[Aprenda]]></category> <category><![CDATA[Aulas]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[Curso HTML]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=3873</guid> <description><![CDATA[
Nova Janela &#124; Também no YouTube
]]></description> <content:encoded><![CDATA[<p
style="text-align: center;"><img
src="/images/html/CHtml.jpg" alt="" /><object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="318" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="id" value="csSWF" /><param
name="src" value="/cursos/html/htmlaula02/htmlaula02.swf" /><param
name="bgcolor" value="#1a1a1a" /><param
name="quality" value="best" /><param
name="allowScriptAccess" value="always" /><param
name="allowFullScreen" value="false" /><param
name="scale" value="noscale" /><param
name="flashVars" value="autostart=false" /><embed
id="csSWF" type="application/x-shockwave-flash" width="400" height="318" src="/cursos/html/htmlaula02/htmlaula02.swf" flashvars="autostart=false" scale="noscale" allowfullscreen="false" allowscriptaccess="always" quality="best" bgcolor="#1a1a1a"></embed></object><a
href="http://www.guanabara.info/?cat=42" target="_blank"><img
src="/images/html/R1Html.jpg" alt="Veja as outras aulas" /></a><a
href="http://www.iped.com.br/cursos/guanabara.info/" target="_blank"><img
src="/images/html/R2Html.jpg" alt="Cursos de qualidade" /></a></p><p
style="text-align: center;"><a
href="../cursos/html/htmlaula02/htmlaula02.htm" target="_blank"><strong>Nova Janela</strong></a><strong> | <a
href="http://br.youtube.com/watch?v=GH2zVkyEj0Y" target="_blank">Também no YouTube</a></strong></p> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2008/07/curso-html-aula-2-paragrafos/feed/</wfw:commentRss> <slash:comments>45</slash:comments> </item> <item><title>[CURSO HTML] Aula 1 &#8211; Olá, Mundo!</title><link>http://www.guanabara.info/2008/07/curso-html-aula-1-ola-mundo/</link> <comments>http://www.guanabara.info/2008/07/curso-html-aula-1-ola-mundo/#comments</comments> <pubDate>Wed, 16 Jul 2008 15:14:21 +0000</pubDate> <dc:creator>Gustavo Guanabara</dc:creator> <category><![CDATA[Aprenda]]></category> <category><![CDATA[Aulas]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[Curso HTML]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=3718</guid> <description><![CDATA[Estamos de volta com o Curso de HTML, criado totalmente pela equipe Guanabara.Info e agora com uma grande surpresa: as aulas são em vídeo!
Toda quarta-feira vamos disponibilizar uma nova aula. Acompanhem o curso, iniciem seus estudos em HTML e tornem-se desenvolvedores web!Nova Janela &#124; Também no YouTube
]]></description> <content:encoded><![CDATA[<p
style="text-align: justify;">Estamos de volta com o <strong>Curso de HTML</strong>, criado totalmente pela equipe <strong>Guanabara.Info</strong> e agora com uma grande surpresa: as aulas são em vídeo!</p><p
style="text-align: justify;">Toda quarta-feira vamos disponibilizar uma nova aula. Acompanhem o curso, iniciem seus estudos em <strong>HTML </strong>e tornem-se desenvolvedores web!</p><p
style="text-align: center;"><img
src="/images/html/CHtml.jpg" alt="" /><object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="318" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="id" value="csSWF" /><param
name="src" value="/cursos/html/htmlaula1/htmlaula1.swf" /><param
name="bgcolor" value="#1a1a1a" /><param
name="quality" value="best" /><param
name="allowScriptAccess" value="always" /><param
name="allowFullScreen" value="false" /><param
name="scale" value="noscale" /><param
name="flashVars" value="autostart=false" /><embed
id="csSWF" type="application/x-shockwave-flash" width="400" height="318" src="/cursos/html/htmlaula1/htmlaula1.swf" flashvars="autostart=false" scale="noscale" allowfullscreen="false" allowscriptaccess="always" quality="best" bgcolor="#1a1a1a"></embed></object><a
href="http://www.guanabara.info/?cat=42" target="_blank"><img
src="/images/html/R1Html.jpg" alt="Veja as outras aulas" /></a><a
href="http://www.iped.com.br/cursos/guanabara.info/" target="_blank"><img
src="/images/html/R2Html.jpg" alt="Cursos de qualidade" /></a></p><p
style="text-align: center;"><a
href="http://www.guanabara.info/cursos/html/htmlaula1/htmlaula1.htm" target="_blank"><strong>Nova Janela</strong></a><strong> | <a
href="http://br.youtube.com/watch?v=RKMCc-64SjA" target="_blank">Também no YouTube</a></strong></p> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2008/07/curso-html-aula-1-ola-mundo/feed/</wfw:commentRss> <slash:comments>52</slash:comments> </item> <item><title>[Curso HTML] Como criar códigos de CORES</title><link>http://www.guanabara.info/2008/04/curso-html-background-e-paint/</link> <comments>http://www.guanabara.info/2008/04/curso-html-background-e-paint/#comments</comments> <pubDate>Sat, 19 Apr 2008 13:43:54 +0000</pubDate> <dc:creator>Gustavo Guanabara</dc:creator> <category><![CDATA[Desenvolvimento]]></category> <category><![CDATA[HTML]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=2382</guid> <description><![CDATA[
Mundo NERD de plantão, hoje aprenderemos que existem milhões de possibilidades de cores que podemos utilizar no fundo de tela, nas nossas páginas HTML. O melhor de tudo é que não precisaremos ficar decorando códigos ou referências, aprenderemos a CONSTRUIR nosso código de cores!
Para começarmos os trabalhos de hoje, abra o Paint e a Calculadora do Windows. Não entendeu nada? Clique em Leia+ e prepare-se para aprender uma coisa nova!Utilizaremos para isso, dentro da estrutura geral, a tag &#60;BODY BGCOLOR=&#8221;#XXXXXX&#8221;&#62;. Por exemplo:
&#60;HTML&#62;
&#60;BODY BGCOLOR=&#8221;#FF0000&#8243;&#62;
&#60;H2&#62; OLÁ, MUNDO &#60;/H2&#62;
&#60;/BODY&#62;
&#60;/HTML&#62;
O que ocorre é o seguinte galera, na estrutura vista acima, nós pudemos observar no artigo referente as primeiras tags da HTML. A diferença é que a tag &#60;BODY BGCOLOR=&#8221;#XXXXXX&#8221;&#62; não define apenas o corpo da página, mas sim sua cor de fundo através da instrução associada BGCOLOR, que significa background color ou cor de fundo. Seguindo a sintaxe obrigatória essa instrução é sucedida de =&#8221;#XXXXXX&#8221;, onde o sinal de igual, as aspas e o simbolo #, são obrigatórios e fixos, o que muda vai ser o valor disposto entre # e o fechamento de aspas.
Esse valor encontrado entre # e fechamento de aspas, é um valor hexadecimal. Os dois primeiros X, representam o valor hexadecimal da cor vermelha (RED) e suas variações. Os dois x do meio, representam o valor hexadecimal da cor verde (GREEN) e suas variações. E os dois últimos x representam o valor hexadecimal da cor azul (BLUE) e suas variações. O grande problema é gravarmos todo o espectro de cores composto por essas três cores básicas. Sem contar o fato de que a unidade de medida hexadecimal não é uma unidade de medida usual e fácil. O que fazer meu caro desenvolvedor NERD, querido&#8230;
Seus problemas acabaram!!!!!!!! Chegou o incrivel e nada moderno, Paint do Windows &#8220;Tabajara&#8221;   [...]]]></description> <content:encoded><![CDATA[<p
style="text-align: center"><img
src="http://www.guanabara.info/wp-content/uploads/2008/04/cursohtml.jpg" alt="Curso HTML: Telmo Braga" title="Curso HTML: Telmo Braga" /></p><p
align="justify"><img
align="right" src="http://www.guanabara.info/wp-content/uploads/2008/04/html00.jpg" alt="Trabalhando com Cores" title="Trabalhando com Cores" />Mundo NERD de plantão, hoje aprenderemos que existem milhões de possibilidades de cores que podemos utilizar no fundo de tela, nas nossas páginas <strong>HTML</strong>. O melhor de tudo é que não precisaremos ficar decorando códigos ou referências, aprenderemos a CONSTRUIR nosso código de cores!</p><p
align="justify">Para começarmos os trabalhos de hoje, abra o <strong>Paint</strong> e a <strong>Calculadora</strong> do <em>Windows</em>. Não entendeu nada? Clique em <strong>Leia+</strong> e prepare-se para aprender uma coisa nova! <img
src='http://www.guanabara.info/wp-includes/images/smilies/icon_biggrin.gif' alt=':-D' class='wp-smiley' /></p><p
align="justify"><span
id="more-2382"></span></p><p
align="justify">Utilizaremos para isso, dentro da estrutura geral, a tag <strong>&lt;BODY BGCOLOR=&#8221;#XXXXXX&#8221;&gt;</strong>. Por exemplo:</p><p
align="justify"><em>&lt;HTML&gt;</em><br
/> <em>&lt;BODY BGCOLOR=&#8221;#FF0000&#8243;&gt;</em><br
/> <em>&lt;H2&gt; OLÁ, MUNDO &lt;/H2&gt;</em><br
/> <em>&lt;/BODY&gt;</em><br
/> <em>&lt;/HTML&gt;</em></p><p
align="justify">O que ocorre é o seguinte galera, na estrutura vista acima, nós pudemos observar no artigo referente as primeiras tags da HTML. A diferença é que a tag <em>&lt;BODY BGCOLOR=&#8221;#XXXXXX&#8221;&gt;</em> não define apenas o corpo da página, mas sim sua cor de fundo através da instrução associada <strong>BGCOLOR</strong>, que significa <em>background color</em> ou cor de fundo. Seguindo a sintaxe obrigatória essa instrução é sucedida de <em>=&#8221;#XXXXXX&#8221;</em>, onde o sinal de igual, as aspas e o simbolo #, são obrigatórios e fixos, o que muda vai ser o valor disposto entre # e o fechamento de aspas.</p><p
align="justify">Esse valor encontrado entre # e fechamento de aspas, é um valor hexadecimal. Os dois primeiros <strong>X</strong>, representam o valor hexadecimal da cor <strong>vermelha (RED)</strong> e suas variações. Os dois x do meio, representam o valor hexadecimal da cor <strong>verde (GREEN)</strong> e suas variações. E os dois últimos x representam o valor hexadecimal da cor <strong>azul (BLUE)</strong> e suas variações. O grande problema é gravarmos todo o espectro de cores composto por essas três cores básicas. Sem contar o fato de que a unidade de medida hexadecimal não é uma unidade de medida usual e fácil. O que fazer meu caro desenvolvedor NERD, querido&#8230;</p><p
align="justify">Seus problemas acabaram!!!!!!!! Chegou o incrivel e nada moderno, <em><strong>Paint do Windows &#8220;Tabajara&#8221;</strong></em> <img
src='http://www.guanabara.info/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> , que abrimos clicando em <strong>Iniciar &gt; Programas &gt; Acessórios &gt; Paint</strong>.</p><p
align="justify">A partir do uso do <strong>Paint</strong> associado a calculadora científica, também do <em>Windows</em>, podemos escolher qualquer código hexadecimal para reproduzirmos um background específico. Vejamos o passo a passo:</p><p
align="justify"><strong>1º Passo:</strong> Após digitar o script descrito acima, abra a calculadora científica do windows e abra também o <strong>Paint</strong>, ambos em acessórios, na barra de programas do <strong>Menu Iniciar</strong>.</p><p
align="justify"><strong>2º Passo:</strong> Na barra de menu do <strong>Paint</strong> selecione a opção &#8220;<em>Cores</em>&#8221; e escolha o item <strong>Editar Cores</strong>. Aparecerá a janela &#8220;<em><strong>Editar cores</strong></em>&#8221; (<em>foto abaixo</em>), nesta, escolha a opção &#8220;<em><strong>Definir cores personalizadas</strong></em>&#8220;; a janela se expandirá para que você, arrastando o mouse no campo de personalização de cores, modele a cor de seu gosto. Poderemos notar que no canto inferior direito da janela existem três campos referentes as cores <strong>Vermelho</strong>, <strong>Verde </strong>e <strong>Azul </strong>na mesma ordem da sintaxe da instrução <em>BGCOLOR=&#8221;#XX(RED)xx(GREEN)xx(BLUE). </em>O único problema é que esses números estão em base decimal.</p><p
align="center"><img
src="http://www.guanabara.info/wp-content/uploads/2008/04/html01.jpg" alt="Paint: Escolhendo Cores" title="Paint: Escolhendo Cores" /></p><p
align="justify"><strong>3º Passo:</strong> Pegue o valor decimal da cor vermelha, encontrada na janela de personalização de cores e jogue na <strong>Calculadora</strong> (<em>Iniciar &gt; Programas &gt; Acessórios &gt; Calculadora</em>) e clique no menu <strong>Exibir &gt; Científica</strong>. Veja na foto abaixo como a calculadora deve aparecer. Clique no botão <strong>Dec</strong>, digite o valor do vermelho e depois clique em <strong>Hex</strong>. Pronto o resultado que já está em Hexadecimal, e é a unidade utilizada na sintaxe da instrução BGCOLOR, pode substituir os dois primeiros X!</p><p
align="center"><img
src="http://www.guanabara.info/wp-content/uploads/2008/04/html02.jpg" alt="Calculadora: Convertendo" title="Calculadora: Convertendo" /></p><p
align="justify"><strong>4º Passo: </strong>Faça o mesmo procedimento para a cor verde e a cor azul, substituindo os resultados hexadecimais respectivamente para verde nos dois X do meio e para azul nos dois X do canto direito.</p><p
align="justify">Pronto está aí, um macete que pode mudar a sua vida, e um recurso muito importante para quem não tem uma ferramenta de edição gráfica a mão, para trabalhar essa questão das cores.</p><p
align="justify">Muita HTML para todos! Até a próxima!</p> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2008/04/curso-html-background-e-paint/feed/</wfw:commentRss> <slash:comments>11</slash:comments> </item> <item><title>[Curso HTML] Primeiras Tags</title><link>http://www.guanabara.info/2008/04/curso-html-primeiras-tags/</link> <comments>http://www.guanabara.info/2008/04/curso-html-primeiras-tags/#comments</comments> <pubDate>Thu, 17 Apr 2008 02:00:37 +0000</pubDate> <dc:creator>Gustavo Guanabara</dc:creator> <category><![CDATA[Desenvolvimento]]></category> <category><![CDATA[HTML]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=2369</guid> <description><![CDATA[
Muito bem, monstros da tecnologia!  Hoje entraremos, efetivamente, no mundo da HTML, que não é uma linguagem de programação, mas sim, uma Linguagem de Marcação, como já citamos anteriormente. Mas antes de começarmos a estudar o usos das tag, ou rótulos de instruções que irão determinar a função ou marcação de cada parte componente do hipertexto de uma página da web, vamos começar com o pé direito e desmistificar a lenda a respeitos do aprendizado dos códigos de linguagens diversas.
Reza a lenda que todo novo empreendimento na área de programação ou desenvolvimento web, se não começar com a saudação &#8220;OLÁ, MUNDO&#8221;, o desenvolvedor ou programador não conseguirá aprender NADA!
Apesar de sermos Homens da Ciência (será?   ), não custa nada cercar e  proteger o &#8220;ouro&#8221;, por todos os lados. É aquela estória&#8230; Se não for melhorar, atrapalhar não vai. Clique em &#8220;Leia +&#8221; e vamos lá!OLÁ, MUNDO!!!!!!!!!!!!Bom, começaremos hoje pelas tags da estrutura básica de uma página HTML, percebendo sua função e importância em qualquer página e de quebra daremos um macete para escolha e inclusão de cores no fundo de página ou Background.
&#8220;SIMBORA NERDS&#8221; RS&#8230;
A HTML define três tags que são usadas para descrever a estrutura geral da página e que oferecem algumas informações simples de &#8220;cabeçalho&#8221;. Essas três tags identificam a sua página para os navegadores ou ferramentas HTML. Elas fornecem ainda, informações simples sobre a página (como Título ou o Autor), antes de carregá-las inteiramente. As tags da estrutura da página não afetam o aspecto visual que ela terá quando for apresentada. Elas tem apenas a função de auxiliar as ferramentas que interpretam ou filtram arquivos em HTML.
Vamos a elas:
&#60;HTML&#62; &#60;/HTML&#62;
É a primeira tag de estrutura de toda página em HTML. &#60;HTML&#62;, que indica que o conteúdo do [...]]]></description> <content:encoded><![CDATA[<p
align="center"><img
src="http://www.guanabara.info/wp-content/uploads/2008/04/cursohtml.jpg" title="Curso HTML: Telmo Braga" alt="Curso HTML: Telmo Braga" /></p><p
align="justify">Muito bem, monstros da tecnologia!  Hoje entraremos, efetivamente, no mundo da HTML, que não é uma linguagem de programação, mas sim, uma <em>Linguagem de Marcação</em>, como já citamos anteriormente. Mas antes de começarmos a estudar o usos das tag, ou rótulos de instruções que irão determinar a função ou marcação de cada parte componente do hipertexto de uma página da web, vamos começar com o pé direito e desmistificar a lenda a respeitos do aprendizado dos códigos de linguagens diversas.</p><p
align="justify">Reza a lenda que todo novo empreendimento na área de programação ou desenvolvimento web, se não começar com a saudação <strong>&#8220;OLÁ, MUNDO&#8221;</strong>, o desenvolvedor ou programador não conseguirá aprender NADA!</p><p
align="justify"> Apesar de sermos <em>Homens da Ciência</em> (<em>será? <img
src='http://www.guanabara.info/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </em>), não custa nada cercar e  proteger o &#8220;ouro&#8221;, por todos os lados. É aquela estória&#8230; Se não for melhorar, atrapalhar não vai. Clique em <strong>&#8220;Leia +&#8221;</strong> e vamos lá!</p><p
align="justify"><span
id="more-2369"></span></p><h2><p
align="center">OLÁ, MUNDO!!!!!!!!!!!!</p></h2><p
align="justify">Bom, começaremos hoje pelas tags da estrutura básica de uma página HTML, percebendo sua função e importância em qualquer página e de quebra daremos um macete para escolha e inclusão de cores no fundo de página ou Background.</p><p
align="justify"> &#8220;SIMBORA NERDS&#8221; RS&#8230;</p><p
align="justify">A HTML define três tags que são usadas para descrever a estrutura geral da página e que oferecem algumas informações simples de &#8220;cabeçalho&#8221;. Essas três tags identificam a sua página para os navegadores ou ferramentas HTML. Elas fornecem ainda, informações simples sobre a página (como Título ou o Autor), antes de carregá-las inteiramente. As tags da estrutura da página não afetam o aspecto visual que ela terá quando for apresentada. Elas tem apenas a função de auxiliar as ferramentas que interpretam ou filtram arquivos em HTML.</p><p
align="justify">Vamos a elas:</p><h2>&lt;HTML&gt; &lt;/HTML&gt;</h2><p
align="justify"> É a primeira tag de estrutura de toda página em HTML. &lt;HTML&gt;, que indica que o conteúdo do arquivo encontra-se codificado em HTML.  Todo o texto e os comandos HTML contidos na sua página em HTML deverão estar delimitados pelas tags de abertura e fechamento &lt;HTML&gt; e &lt;/HTML&gt;, como no seguinte exemplo:</p><p
align="justify"><em>&lt;HTML&gt;</em><br
/> <em>&#8230;a sua página&#8230;</em><br
/> <em>&lt;/HTML&gt; </em></p><h2>&lt;HEAD&gt; &lt;/HEAD&gt;</h2><p
align="justify">A tag &lt;HEAD&gt; especifica que as linhas existentes entre o ponto de abertura&lt;HEAD&gt; e o ponto de fechamento&lt;/HEAD&gt;, são o prólogo (Cabeçalho) do restante do arquivo. Geralmente, há poucas tags na parte &lt;HEAD&gt; da página. Você nunca deve incluir no cabeçalho parte alguma do texto de sua página. Eis um exemplo típico de como você usaria corretamente a tag &lt;HEAD&gt; (você irá aprender mais adiante a tag &lt;TITLE&gt;):</p><p
align="justify"><em>&lt;HTML&gt;</em><br
/> <em>&lt;HEAD&gt;</em><br
/> <em>&lt;TITLE&gt; Este é o título &lt;/TITLE&gt;</em><br
/> <em>&lt;/HEAD&gt;</em><br
/> <em>&#8230; sua página &#8230;</em><br
/> <em>&lt;/HTML&gt; </em></p><h2>&lt;BODY&gt; &lt;/BODY&gt;</h2><p
align="justify">O restante de sua página HTML, inclusive todo o texto e outros elementos (vínculos, ilustrações etc.) é delimitado por uma tag &lt;BODY&gt;.</p><p
align="justify">Em combinação com as tags &lt;HTML&gt; e &lt;HEAD&gt;, esse exemplo ficaria:</p><p
align="justify"><em>&lt;HTML&gt;</em><br
/> <em>&lt;HEAD&gt;</em><br
/> <em>&lt;TITLE&gt; Este é o título, será visto mais tarde &lt;/TITLE&gt; </em><br
/> <em>&lt;/HEAD&gt;</em><br
/> <em>&lt;BODY&gt;</em><br
/> <em>OLÁ, MUNDO!!!!</em><br
/> <em>&lt;/BODY&gt;</em><br
/> <em>&lt;/HTML&gt;</em></p><p
align="justify">Como você pode notar, as tags HTML estão aninhadas, ou seja, as tags &lt;BODY&gt; e &lt;/BODY&gt; estão contidas na tags &lt;HTML&gt; &lt;/HTML&gt;. O mesmo ocorre com as tags &lt;HEAD&gt;. Todas as tags HTML funcionam da mesma maneira, formando seções aninhadas de texto. Você deverá ter cuidado de nunca sobrepor tags; isto é, de não inseri-las, por exemplo da seginte forma:</p><p
align="justify"><em>&lt;HTML&gt;</em><br
/> <em>&lt;HEAD&gt;</em><br
/> <em>&lt;BODY&gt;</em><br
/> <em>&lt;/HEAD&gt;</em><br
/> <em>&lt;/BODY&gt;</em><br
/> <em>&lt;/HTML&gt; </em></p><p
align="justify">Bem amiginhos, acho que por hora ficaremos por aqui, para não nos prolongarmos  muito e o conteúdo se tornar massante.</p><p
align="justify">Abram o bloco de notas e experimentem esses três primeiros códigos, utilizando a tag &lt;TITLE&gt; &lt;/TITLE&gt; para imprimir em tela, pelo menos, um título em sua página WEB inicial. Quando acabar de digitar o código salve o arquivo com a extensão .html e vejam o resultado.</p><p
align="justify"><em><strong>OBS. Aguardem o próximo artigo e aprendam a mudar a cor de  fundo de sua página. Muito Bom!!!!</strong></em></p> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2008/04/curso-html-primeiras-tags/feed/</wfw:commentRss> <slash:comments>20</slash:comments> </item> <item><title>[Curso HTML] O que é a WWW?</title><link>http://www.guanabara.info/2008/04/o-que-e-a-word-wilde-web-www/</link> <comments>http://www.guanabara.info/2008/04/o-que-e-a-word-wilde-web-www/#comments</comments> <pubDate>Thu, 10 Apr 2008 03:12:00 +0000</pubDate> <dc:creator>Gustavo Guanabara</dc:creator> <category><![CDATA[Desenvolvimento]]></category> <category><![CDATA[HTML]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=2219</guid> <description><![CDATA[
Olá, caros aficcionados da tecnologia!
Hoje falaremos da  World Wide Web.
Em seu início, a rede mundial de computadores era formada por um conjunto de informações do tipo texto; produzidas por pessoas interessadas em trocar e acumular conhecimentos sobre, geralmente, assuntos voltados à tecnologia. Essas mesmas pessoas já tinham descoberto que através da comunicação entre seus computadores, utilizando aparelhos que sincronizassem suas máquinas (os modems), através de redes de serviços telefônicos, poderiam ampliar e potencializar essa troca de informações. Estava &#8220;Startada&#8221; a rede mundial de computadores; tanto no processo de desenvolvimento do Hardware, ou sua parte componente física, como na parte de software ou  lógica.
Dentro desse processo de desenvolvimento tecnológico a www ou simplesmente WEB, tomou proporções incríveis, pois conforme seus desenvolvedores foram ampliando o alcance e os limites físicos da rede, imensa quantidade de informações foram se avolumando em diversos terminais de serviço web ou servidores, e diversas pessoas e empresas foram se tornando usuários dessas informações, e a medida que isso foi acontecendo, foram surgindo pessoas capacitadas tecnicamente a produzir mais informações, inicialmente em texto, devido a tecnologia empregada então. Essas informações em formato texto ficaram conhecidas como HIPERTEXTOS.
O mais bacana galera, que está por trás da idéia de hipertexto, é a de que, em vez de ler um texto dentro de uma estrutura linear, como um livro, pode-se passar de um ponto ao outro do total do texto, obter mais informações, passar para outros tópicos ou simplesmente percorrer o corpo do texto com base nos seus interesses do momento.
O hipertexto pode ser comparado com um sistema de ajuda on-line, ou conhecido também como pilhas de informação. A lógica do &#8220;negócio&#8221; é a seguinte: ter um texto que está vinculado, ainda vamos falar muito nessa palavra, a outro texto através de [...]]]></description> <content:encoded><![CDATA[<p
align="center"><img
src="http://www.guanabara.info/wp-content/uploads/2008/04/cursohtml.jpg" title="Curso HTML: Telmo Braga" alt="Curso HTML: Telmo Braga" /></p><p
align="justify"><img
src="http://www.guanabara.info/wp-content/uploads/2008/04/www1.jpg" title="World Wide Web" alt="World Wide Web" align="right" />Olá, caros aficcionados da tecnologia!</p><p
align="justify"><strong> Hoje falaremos da  World Wide Web.</strong></p><p
align="justify"> Em seu início, a rede mundial de computadores era formada por um conjunto de informações do tipo texto; produzidas por pessoas interessadas em trocar e acumular conhecimentos sobre, geralmente, assuntos voltados à tecnologia. Essas mesmas pessoas já tinham descoberto que através da comunicação entre seus computadores, utilizando aparelhos que sincronizassem suas máquinas (os <strong><em>modems</em></strong>), através de redes de serviços telefônicos, poderiam ampliar e potencializar essa troca de informações. Estava &#8220;Startada&#8221; a rede mundial de computadores; tanto no processo de desenvolvimento do Hardware, ou sua parte componente física, como na parte de software ou  lógica.</p><p
align="justify">Dentro desse processo de desenvolvimento tecnológico a <em>www</em> ou simplesmente WEB, tomou proporções incríveis, pois conforme seus desenvolvedores foram ampliando o alcance e os limites físicos da rede, imensa quantidade de informações foram se avolumando em diversos<em> terminais de serviço web ou servidores</em>, e diversas pessoas e empresas foram se tornando usuários dessas informações, e a medida que isso foi acontecendo, foram surgindo pessoas capacitadas tecnicamente a produzir mais informações, inicialmente em texto, devido a tecnologia empregada então. Essas informações em formato texto ficaram conhecidas como HIPERTEXTOS.</p><p
align="justify"><img
src="http://www.guanabara.info/wp-content/uploads/2008/04/http.jpg" title="O Hipertexto" alt="O Hipertexto" align="left" />O mais bacana galera, que está por trás da idéia de hipertexto, é a de que, em vez de ler um texto dentro de uma estrutura linear, como um livro, pode-se passar de um ponto ao outro do total do texto, obter mais informações, passar para outros tópicos ou simplesmente percorrer o corpo do texto com base nos seus interesses do momento.</p><p
align="justify">O hipertexto pode ser comparado com um sistema de ajuda on-line, ou conhecido também como pilhas de informação. A lógica do &#8220;negócio&#8221; é a seguinte: ter um texto que está <strong>vinculado, </strong>ainda vamos falar muito nessa palavra, a outro texto através de um tópico interno do primeiro; esse possivelmente vinculado a um arquivo de imagem ou mesmo a a um serviço on-line de atualização de informações; o serviço on-line ligado a outros serviços de informação da web e logo quando percebemos temos uma rede de informações, com uma quantidade de conhecimentos que levariam muito tempo para serem formulados e construídos por uma única pessoa.</p><p
align="justify"><img
src="http://www.guanabara.info/wp-content/uploads/2008/04/mundo.jpg" title="Mundo Conectado" alt="Mundo Conectado" align="right" />Assim podemos definir a WORLD WIDE WEB, ou www, ou simplesmente web, como conjunto de informações que nós jamais poderíamos apreender em uma vida toda, vinculadas de várias maneiras, no Universo da Internet, disponível para que naveguemos  sempre que desejarmos, sem ocupar espaços de memória física absurdos em nossas máquinas, com um &#8220;corpo&#8221; de hardware ou equipamentos eletrônicos responsáveis por sua armazenagem, manipulação, transporte e distribuição.</p><p
align="justify">FICOU COM GOSTINHO DE QUERO MAIS? RS&#8230;</p><p
align="justify">AMANHÃ CONTINUA A NOSSA SAGA!!!</p><p
align="justify"><a
href="http://podcast.guanabara.info"><img
src="http://www.guanabara.info/wp-content/uploads/2008/04/podcastlogo.jpg" title="O Melhor Podcast de Tecnologia" alt="O Melhor Podcast de Tecnologia" align="right" /></a>Até lá, ouça uns podcasts que tem a ver com o assunto e enriqueça seus conhecimentos:</p><ul><li><a
href="http://www.guanabara.info/?p=1319"><strong>Podcast 15 &#8211; Conheça TUDO sobre a Google</strong></a></li><li><a
href="http://www.guanabara.info/?p=1529"><strong>Podcast 17 &#8211; Como Funciona a Internet?</strong></a></li><li><a
href="http://www.guanabara.info/?p=1796"><strong>Podcast 18 &#8211; Banda Larga</strong></a></li><li><a
href="http://www.guanabara.info/?p=2075"><strong>Podcast 20 &#8211; Web 2.0</strong></a></li></ul><p
align="justify"><em><strong>ARRIBA MUCHACHOS!!!!</strong></em></p> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2008/04/o-que-e-a-word-wilde-web-www/feed/</wfw:commentRss> <slash:comments>11</slash:comments> </item> <item><title>[Curso HTML] Considerações Iniciais</title><link>http://www.guanabara.info/2008/04/html-consideracoes-iniciais/</link> <comments>http://www.guanabara.info/2008/04/html-consideracoes-iniciais/#comments</comments> <pubDate>Tue, 08 Apr 2008 22:20:58 +0000</pubDate> <dc:creator>Gustavo Guanabara</dc:creator> <category><![CDATA[Desenvolvimento]]></category> <category><![CDATA[HTML]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=2160</guid> <description><![CDATA[
Caros amigos,
Estamos dando o pontapé inicial no nosso curso; procuraremos ser mais sérios apartir de agora (se é que isso é possível. huahuahua !!!!). Enfim, tentaremos&#8230;
Toda grande caminhada necessita do primeiro passo. Todo grande empreendimento, para ser vitorioso, necessita antes angariar um corpo de conhecimentos que justifiquem a empreitada, ou seja, antes de efetivamente começar-mos a &#8220;programar&#8221;, criar códigos fonte ou scripts é necessário entender, como essa linguagem ou código surgiu e se desenvolveu na Web.
Assim, estaremos mais preparados, pois descobriremos mais a frente que HTML está intimamente ligada com  evolução tecnológica de um ambiente virtual que, a princípio passou a existir para compartilhar e divulgar informações  eletrônicas em formato de texto, e hoje esse ambiente virtual, que todos conhecem como WEB, é na verdade um ambiente em formato multimídia, ou seja, texto, audio e vídeo, e  a HTML  tem estado e acompanhado todo esse processo evolutivo tecnológico.
Então, um &#8220;BOM&#8221; Programador ou Desenvolvedor Web, para aplicar bem, o código HTML, deve primeiro colocar-se a frente das seguintes perguntas:O que é a Word Wide Web (www) e por que ela é útil?
O que são Navegadores para Web?
O que é um Servidor Web e pra que precisa dele?
O que são URLs?Enfim, se você quer deixar de ser um simples &#8220;consumidor&#8221; de informações e quer passar também a divulgá-las na Web, você precisa entender os conceitos básicos das partes que a constituem.
Na próxima postagem, falaremos dessas partes componentes para que possamos ampliar nossos horizontes.
PS: Isso ocorrerá em no máximo 24 horas galera. Aguardem!&#160;
UM GRANDE E EFUSIVO ABRAÇO
]]></description> <content:encoded><![CDATA[<p
align="center"><img
src="http://www.guanabara.info/wp-content/uploads/2008/04/cursohtml.jpg" title="Curso HTML: Telmo Braga" alt="Curso HTML: Telmo Braga" /></p><p
align="justify"> Caros amigos,</p><p
align="justify"> Estamos dando o pontapé inicial no nosso curso; procuraremos ser mais sérios apartir de agora (<em>se é que isso é possível. huahuahua !!!!</em>). Enfim, tentaremos&#8230;</p><p
align="justify"> Toda grande caminhada necessita do primeiro passo. Todo grande empreendimento, para ser vitorioso, necessita antes angariar um corpo de conhecimentos que justifiquem a empreitada, ou seja, antes de efetivamente começar-mos a &#8220;programar&#8221;, criar códigos fonte ou scripts é necessário entender, como essa linguagem ou código surgiu e se desenvolveu na <em>Web</em>.</p><p
align="justify"> Assim, estaremos mais preparados, pois descobriremos mais a frente que <strong>HTML </strong>está intimamente ligada com  evolução tecnológica de um ambiente virtual que, a princípio passou a existir para compartilhar e divulgar informações  eletrônicas em formato de texto, e hoje esse ambiente virtual, que todos conhecem como <em>WEB</em>, é na verdade um ambiente em formato multimídia, ou seja, texto, audio e vídeo, e  a <strong>HTML </strong>tem estado e acompanhado todo esse processo evolutivo tecnológico.</p><p
align="justify"> Então, um <strong>&#8220;BOM&#8221; Programador</strong> ou <strong>Desenvolvedor </strong>Web, para aplicar bem, o código <strong>HTML</strong>, deve primeiro colocar-se a frente das seguintes perguntas:</p><ol><li><strong>O que é a Word Wide Web (www) e por que ela é útil?</strong></li><li><strong>O que são Navegadores para Web?</strong></li><li><strong>O que é um Servidor Web e pra que precisa dele?</strong></li><li><strong>O que são URLs?</strong></li></ol><p
align="justify"> Enfim, se você quer deixar de ser um simples &#8220;<em>consumidor</em>&#8221; de informações e quer passar também a divulgá-las na <em>Web</em>, você precisa entender os conceitos básicos das partes que a constituem.</p><p
align="justify"> Na próxima postagem, falaremos dessas partes componentes para que possamos ampliar nossos horizontes.</p><p
align="justify"><em><strong>PS: Isso ocorrerá em no máximo 24 horas galera. Aguardem! <img
src='http://www.guanabara.info/wp-includes/images/smilies/icon_biggrin.gif' alt=':-D' class='wp-smiley' /><br
/> </strong></em></p><p
align="justify">&nbsp;</p><p
align="right"><strong>UM GRANDE E EFUSIVO ABRAÇO</strong></p> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2008/04/html-consideracoes-iniciais/feed/</wfw:commentRss> <slash:comments>9</slash:comments> </item> <item><title>SAUDAÇÕES E MUITA HTML PARA TODOS!!!!!!!!</title><link>http://www.guanabara.info/2008/04/saudacoes-e-muita-html-para-todos/</link> <comments>http://www.guanabara.info/2008/04/saudacoes-e-muita-html-para-todos/#comments</comments> <pubDate>Fri, 04 Apr 2008 18:41:44 +0000</pubDate> <dc:creator>Gustavo Guanabara</dc:creator> <category><![CDATA[Desenvolvimento]]></category> <category><![CDATA[HTML]]></category><guid
isPermaLink="false">http://www.guanabara.info/?p=2007</guid> <description><![CDATA[
Saudações a família Guanabara.Info e a todos os alunos, visitantes, internautas, tecnomaníacos, doidos de plantão e outros bichos!!
É com muita alegria e satisfação que estou me unindo a vocês a partir de hoje, por afinidades é claro, uma vez que de repente se eu não me enquadrar em nenhuma das categorias descritas acima, talvez ainda me reste  a de &#8220;outros bichos&#8221;.
Como sou aficcionado por tecnologia e adoro a área de programação, estarei junto a vocês nesta caminhada, com uma área para curso de HTML, na área de Desenvolvimento Web.
Espero poder contribuir com nossos amigos internautas, iniciantes e avançados, que se interessam pelo assunto e desejam aprender e se aprofundar nesta, que é a linguagem-base da web!!
ABRAÇOS EFUSIVOS DO TELMO JOSÉ
]]></description> <content:encoded><![CDATA[<p
align="center"><img
src="http://www.guanabara.info/wp-content/uploads/2008/04/cursohtml.jpg" title="Curso HTML: Telmo Braga" alt="Curso HTML: Telmo Braga" /></p><p
align="justify">Saudações a família <strong>Guanabara.Info</strong> e a todos os alunos, visitantes, internautas, tecnomaníacos, doidos de plantão e outros bichos!!</p><p
align="justify">É com muita alegria e satisfação que estou me unindo a vocês a partir de hoje, por afinidades é claro, uma vez que de repente se eu não me enquadrar em nenhuma das categorias descritas acima, talvez ainda me reste  a de <em>&#8220;outros bichos&#8221;</em>.</p><p
align="justify">Como sou aficcionado por tecnologia e adoro a área de programação, estarei junto a vocês nesta caminhada, com uma área para curso de <strong>HTML</strong>, na área de <em>Desenvolvimento Web</em>.</p><p
align="justify">Espero poder contribuir com nossos amigos internautas, iniciantes e avançados, que se interessam pelo assunto e desejam aprender e se aprofundar nesta, que é a linguagem-base da web!!</p><p
align="justify"><em>ABRAÇOS EFUSIVOS DO TELMO JOSÉ</em></p> ]]></content:encoded> <wfw:commentRss>http://www.guanabara.info/2008/04/saudacoes-e-muita-html-para-todos/feed/</wfw:commentRss> <slash:comments>15</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enhanced)

Served from: www.guanabara.info @ 2012-02-12 07:51:39 -->
