quarta-feira, 21 de outubro de 2009

Bibliografia

http://www.ufpa.br/dicas/htm/htm-publ.htm

http://www.wikipedia.com

http://images.google.com.br/imghp?hl=pt-BR&tab=wi

Como usar

Um autor de hp usa dois endereços, um de edição e outro de visualização.

No endereço de edição pode-se alterar o conteúdo do "site" pois aí é possível:

- enviar arquivos previamente editados para o provedor e lá copiar ou deletar arquivos.
- criar pastas.

O segundo endereço é o do acesso comum ao "site", ou seja, aquele em que qualquer pessoa poderá visualizar o seu conteúdo na Internet.

Hospedagem gratuita

Se quiser usar um site de hospedagem gratuita, escolha-o. (Veja alguns endereços de provedores gratuitos clicando aqui).

Deve-se escolher um provedor, acessá-lo e preencher uma ficha de cadastro. Então, recebe-se uma senha e uma identificação de conta após, completar o processo de registro. Em geral, também se ganha uma conta de e-mail.

Fica estabelecido que o usuário tem total responsabilidade pelo conteúdo que divulgar e é vedado o uso do serviço, entre outras exigências, para divulgar ou enviar um conteúdo que seja ilegal, vexatório, difamatório, invasivo à privacidade, abusivo, ameaçador, prejudicial, vulgar, obsceno, injurioso, preconceituoso ou de qualquer forma censurável.

Um certo espaço (em MB) é colocado à disposição para alojar todos os arquivos que fazem patre da página.

Publicação de páginas

Depois de feita a "home page" é necessário publicá-la, ou seja colocar todos os arquivos em uma área de um provedor que permitirá su visualização via Internet. Quando se faz isso obtém-se uma URL ou seja, um endereço, que será acessável pelo serviço WWW da Internet.

Assim, as informações, imagens e sons ali colocados serão acessíveis por qualquer computador conectado no planeta e poderão ser copiadas (salvas) no computador local.

Vários provedores oferecem espaço para hospedar homepages, inclusive espaço grátis.

Entretanto, os serviços de hospedaggem gratuitos podem apresentar alguns inconvenientes: propagandas podem gerar algum aborrecimento. Assim, se você usa a Internet em casa e paga um provedor, informe-se junto à empresa, sobre a existência de hospedagem como parte do pacote de acesso.

Mas, se você não pretende ter um site grande, com uso intensivo de imagens ou multimídia, e não prevê muito tráfego, os serviços de hospedagem gratuitos podem ser mais que suficientes.

É importante lembrar que serviços de hospedagem pagos geralmente oferecem maior espaço para armazenamento, um nome de domínio e vários endereços de correio eletrônico. A maioria deles também fornece ferramentas básicas de personalização de páginas e rastreio de tráfego, assim como ajuda para registro de domínio.

Editores HTML

•Adobe Home Site
•Adobe Dreamweaver
•Adobe GoLive
•Arachnophilia
•Amaya
•Bluefish
•CoffeeCup HTML Editor
•CoffeeCup VisualSite Designer
•Edit Plus
•Emacs
•Evrsoft First Page
•HTML 4.0
•Kompozer
•Macromedia Dreamweaver
•Microsoft Expression Web
•Microsoft Frontpage
•Microsoft Office SharePoint Designer
•Mozilla Composer
•Namo Web Editor
•Notepad++
•NVU
•Netscape Editor
•PHP Editor
•PSPad
•Quanta Plus
•Trellian WebPage
•Vim

Corpo

• Dentr

,

,...

: cabeçalhos e títulos no documento em diversos tamanhos. (quanto menor for o número, maior sera o tamanho da letra)
o do corpo podemos encontrar outras várias etiquetas, como por exemplo:
•
: novo parágrafo.
•
: quebra de linha.
•
: cria uma tabela (linhas são criadas com e novas células com
. Já os cabeçalhos de coluna são criados com a etiqueta .)
•
: determina uma divisão na página a qual pode possuir variadas formatações.
• : altera a formatação (fonte, cor e tamanho) de um trecho do texto.
• , , e : negrito, itálico, sublinhado e riscado, respectivamente.
• : imagem.
• : hiper-ligação para um outro local, seja uma página, um e-mail ou outro serviço.
• : caixa de texto (com mais de uma linha); estas caixas de texto são muito usadas em blogs, elas podem ser auto selecionáveis e conter outros códigos a serem distribuídos. <br />• <acronym>: acrônimo (sigla) <br />• <cite>: citação <br />• <address>: endereço <br /> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Postado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02131554565392310778' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02131554565392310778' rel='author' title='author profile'> <span itemprop='name'>Vitor de Albuquerque</span> </a> </span> </span> <span class='post-timestamp'> às <meta content='http://vitordealbuquerque.blogspot.com/2009/10/corpo-dentr.html' itemprop='url'/> <a class='timestamp-link' href='http://vitordealbuquerque.blogspot.com/2009/10/corpo-dentr.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-10-21T15:37:00-07:00'>15:37</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://vitordealbuquerque.blogspot.com/2009/10/corpo-dentr.html#comment-form' onclick=''> Nenhum comentário: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-971486300'> <a href='https://www.blogger.com/post-edit.g?blogID=5574318703960800238&postID=149930146409062905&from=pencil' title='Editar postagem'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='http://www.hannonhill.com/files/images/features/tidy-html.png' itemprop='image_url'/> <meta content='5574318703960800238' itemprop='blogId'/> <meta content='9006527050410791553' itemprop='postId'/> <a name='9006527050410791553'></a> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-9006527050410791553' itemprop='description articleBody'> <a href="http://www.hannonhill.com/files/images/features/tidy-html.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" src="http://www.hannonhill.com/files/images/features/tidy-html.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 300px; height: 300px;" /></a> <br /><span style="font-weight:bold;">Estrutura básica de um documento <br /> <br />A estrutura de um documento HTML apresenta os seguintes componentes: <br /> <html lang="pt"> <br /> <head> <br /> <title>Título do Documento</title> <br /> </head> <br /> <body> <br /> texto, <br /> imagem, <br /> links, <br /> ... <br /> </body> <br /></html> <br />As etiquetas HTML não são sensíveis à caixa, portanto tanto faz escrever <HTML>, <Html>, <html> ou <HtMl>. <br />As etiquetas básicas de HTML, cuja presença é altamente recomendada nas páginas são: <br />• <html>: define o início de um documento HTML e indica ao navegador que todo conteúdo posterior deve ser tratado como uma série de códigos HTML. <br />• <head>: define o cabeçalho de um documento HTML, que traz informações sobre o documento que está sendo aberto. <br />• <body>: define o conteúdo principal, o corpo do documento. Esta é a parte do documento HTML que é exibida no navegador. No corpo podem-se definir propriedades comuns a toda a página, como cor de fundo, margens, e outras formatações. <br /> <br />Cabeçalho <br /> <br />Dentro do cabeçalho podemos encontrar os seguintes comandos: <br />• <title>: define o título da página, que é exibido na barra de título dos navegadores. <br />• <style>: define formatação em CSS. <br />• <script>: define programação de certas funções em página com scripts, podendo adicionar funções de JavaScript. <br />• <link>: define ligações da página com outros arquivos como feeds, CSS, scripts, etc. <br />• <meta>: define propriedades da página, como codificação de caracteres, descrição da página, autor, etc. São meta informações sobre documento. Tais campos são muitos usados por mecanismos de busca(como o Google) para obterem mais informações sobre o documento, a fim de classificá-lo melhor. Por exemplo, pode-se adicionar o código <meta name="description" content="descrição da sua página" /> no documento HTML para indicar ao motor de busca que texto de descrição apresentar junto com a ligação para o documento. Obs: as etiquetas <style> e <script> servem tanto para delimitar o </span> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Postado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02131554565392310778' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02131554565392310778' rel='author' title='author profile'> <span itemprop='name'>Vitor de Albuquerque</span> </a> </span> </span> <span class='post-timestamp'> às <meta content='http://vitordealbuquerque.blogspot.com/2009/10/estrutura-basica-de-um-documento.html' itemprop='url'/> <a class='timestamp-link' href='http://vitordealbuquerque.blogspot.com/2009/10/estrutura-basica-de-um-documento.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-10-21T15:27:00-07:00'>15:27</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://vitordealbuquerque.blogspot.com/2009/10/estrutura-basica-de-um-documento.html#comment-form' onclick=''> Nenhum comentário: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-971486300'> <a href='https://www.blogger.com/post-edit.g?blogID=5574318703960800238&postID=9006527050410791553&from=pencil' title='Editar postagem'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='http://glcom.files.wordpress.com/2009/04/5-sites-html.jpg' itemprop='image_url'/> <meta content='5574318703960800238' itemprop='blogId'/> <meta content='7498654712395855576' itemprop='postId'/> <a name='7498654712395855576'></a> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-7498654712395855576' itemprop='description articleBody'> <a href="http://glcom.files.wordpress.com/2009/04/5-sites-html.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" src="http://glcom.files.wordpress.com/2009/04/5-sites-html.jpg" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 470px; height: 295px;" /></a> <br /><span style="font-weight:bold;"><span style="font-style:italic;">Edição de documentos HTML</span> <br /> <br />Os documentos em HTML são arquivos de texto simples que podem ser criados e editados em qualquer editor de textos comum, como o Bloco de Notas do Windows, ou o TextEdit, do Macintosh. Para facilitar a produção de documentos, porém, o mercado editores HTML específicos, com recursos sofisticados, que facilitam a realização de tarefas repetitivas, inserção de objetos, elaboração de tabelas e outros recursos (Ver lista abaixo). Basicamente dividem-se em dois tipos: <br />• Editores de texto fonte: inserem automaticamente as etiquetas, orientando a inserção de atributos e marcações. <br />• Editores WYSIWYG: oferecem ambiente de edição com um "esboço" resultado final das marcações. <br /> <br /><span style="font-style:italic;">Hiperligações</span> <br /> <br />Uma propriedade importante dos documentos HTML é a possibilidade de fazer hiperligações. Para isso usa-se a etiqueta <a> (do inglês, anchor). Esta tem os atributos: href que define o alvo da hiperligação (que pode ser uma página de Internet, uma parte da mesma página ou um endereço de email) ou name que define um alvo nessa página (a onde se pode fazer uma hiperligação usando a etiqueta a com o atributo href). Exemplos: <br />• <a href="ht¬tp://pt.wikipedia.org/">Clique aqui para aceder à página principal da Wikipédia em português.</a> <br />• <a name="nome">texto</a> <br />Em que nome e texto podem ser substituídos por o que se desejar. Depois usa-se <a href="#nome"> </a> para hiperligar a este "anchor". <br /> <br /><span style="font-style:italic;">Caracteres especiais e símbolos</span> <br /> <br />Os caracteres especiais definem-se usando comandos que começam com & e terminam com um ;. Alguns exemplos incluem á (á), à (à), ã (ã), â (â), ä (ä) e ç (ç). Qualquer outra vogal pode ser substituída pelo a destes exemplos, incluindo maiúsculas.</span> <br /> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Postado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02131554565392310778' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02131554565392310778' rel='author' title='author profile'> <span itemprop='name'>Vitor de Albuquerque</span> </a> </span> </span> <span class='post-timestamp'> às <meta content='http://vitordealbuquerque.blogspot.com/2009/10/edicao-de-documentos-html-os-documentos.html' itemprop='url'/> <a class='timestamp-link' href='http://vitordealbuquerque.blogspot.com/2009/10/edicao-de-documentos-html-os-documentos.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-10-21T15:23:00-07:00'>15:23</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://vitordealbuquerque.blogspot.com/2009/10/edicao-de-documentos-html-os-documentos.html#comment-form' onclick=''> Nenhum comentário: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-971486300'> <a href='https://www.blogger.com/post-edit.g?blogID=5574318703960800238&postID=7498654712395855576&from=pencil' title='Editar postagem'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='http://www.studioware.com/html-text-editor-syntax-highlighting.gif' itemprop='image_url'/> <meta content='5574318703960800238' itemprop='blogId'/> <meta content='7303612185234098743' itemprop='postId'/> <a name='7303612185234098743'></a> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-7303612185234098743' itemprop='description articleBody'> <a href="http://www.studioware.com/html-text-editor-syntax-highlighting.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" src="http://www.studioware.com/html-text-editor-syntax-highlighting.gif" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 640px; height: 480px;" /></a><br />ETIQUETA<br />Todo documento HTML apresenta etiquetas, elementos entre parênteses angulares (sinais de maior e menor) (< e >); esses elementos são os comandos de formatação da linguagem. A maioria das etiquetas tem sua correspondente de fechamento:<br /><etiqueta>...</etiqueta><br />Isso é necessário porque as etiquetas servem para definir a formatação de uma porção do documento, e assim marcamos onde começa e termina o texto com a formatação especificada por ela. Alguns elementos são chamados “vazios”, pois não marcam uma região de texto, apenas inserem algum elemento no documento:<br /><etiqueta><br />Uma etiqueta é formada por comandos, atributos e valores. Os atributos modificam os resultados padrões dos comandos e os valores caracterizam essa mudança. Exemplo:<br /><HR color="red"><br />No qual:<br />• HR = comando que desenha uma barra horizontal <br />• color = atributo que especifica a cor da barra <br />• red = valor do atributo color, que é a cor da barra que será desenhada <br />Cada comando tem seus atributos possíveis e seus valores. Um exemplo, é o atributo size que pode ser usado com o comando FONT, com o HR mas que não pode ser usado com o comando BODY. Isso quer dizer que devemos saber exatamente quais os atributos e valores possíveis para cada comando.<br />De uma maneira geral o HTML é um poderoso recurso, sendo uma linguagem de marcação muito simples e acessível voltada para a produção e compartilhamento de documentos e imagens.<br /><span style="font-weight:bold;"></span> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Postado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02131554565392310778' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02131554565392310778' rel='author' title='author profile'> <span itemprop='name'>Vitor de Albuquerque</span> </a> </span> </span> <span class='post-timestamp'> às <meta content='http://vitordealbuquerque.blogspot.com/2009/10/etiqueta-todo-documento-html-apresenta.html' itemprop='url'/> <a class='timestamp-link' href='http://vitordealbuquerque.blogspot.com/2009/10/etiqueta-todo-documento-html-apresenta.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-10-21T15:19:00-07:00'>15:19</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://vitordealbuquerque.blogspot.com/2009/10/etiqueta-todo-documento-html-apresenta.html#comment-form' onclick=''> Nenhum comentário: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-971486300'> <a href='https://www.blogger.com/post-edit.g?blogID=5574318703960800238&postID=7303612185234098743&from=pencil' title='Editar postagem'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8xN-ba_Ei4rIbEDAJKzbx1lueEWZKqdDpSUJ4tpK4djaRy5J7Gahrb_s4Ch9SKTFXA1QZvH9sxpFaNl2-oLUg4lY7ApFyx3n8FDMos0JGGwQrt6hf1-EI4sCX20UVeRhXKXrNAFoIWAZW/s400/html_286x357.jpg' itemprop='image_url'/> <meta content='5574318703960800238' itemprop='blogId'/> <meta content='632606961809546749' itemprop='postId'/> <a name='632606961809546749'></a> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-632606961809546749' itemprop='description articleBody'> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8xN-ba_Ei4rIbEDAJKzbx1lueEWZKqdDpSUJ4tpK4djaRy5J7Gahrb_s4Ch9SKTFXA1QZvH9sxpFaNl2-oLUg4lY7ApFyx3n8FDMos0JGGwQrt6hf1-EI4sCX20UVeRhXKXrNAFoIWAZW/s400/html_286x357.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8xN-ba_Ei4rIbEDAJKzbx1lueEWZKqdDpSUJ4tpK4djaRy5J7Gahrb_s4Ch9SKTFXA1QZvH9sxpFaNl2-oLUg4lY7ApFyx3n8FDMos0JGGwQrt6hf1-EI4sCX20UVeRhXKXrNAFoIWAZW/s400/html_286x357.jpg" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 286px; height: 357px;" /></a><br /><span style="font-weight:bold;">HISTÓRIA<br /><br />Tim Berners-Lee criou o HTML original (e outros protocolos associados como o HTTP) em uma estação NeXTcube usando o ambiente de desenvolvimento NeXTSTEP. Na época a linguagem não era uma especificação, mas uma coleção de ferramentas para resolver um problema de Tim: a comunicação e disseminação das pesquisas entre ele e seu grupo de colegas. Sua solução, combinada com a então emergente internet pública (que tornaria-se a Internet) ganhou atenção mundial.<br />As primeiras versões do HTML foram definidas com regras sintáticas flexíveis, o que ajudou aqueles sem familiaridade com a publicação na Web. Atualmente a sintaxe do HTML é muito mais rígida, permitindo um código mais preciso. Através do tempo, a utilização de ferramentas para autoria de HTML aumentou, assim como a tendência em tornar a sintaxe cada vez mais rígida. Apesar disso, por questões históricas (retrocompatibilidade), os navegadores ainda hoje conseguem interpretar páginas web que estão longe de ser um código HTML válido.<br />A linguagem foi definida em especificações formais na década de 1990, inspiradas nas propostas originais de Tim Berners-Lee em criar uma linguagem baseada em SGML para a Internet. A primeira publicação foi esboçada por Berners-Lee e Dan Connolly, e publicada em 1993 na IETFcomo uma aplicação formal para o SGML (com uma DTD em SGML definindo a gramática). A IETF criou um grupo de trabalho para o HTML no ano seguinte, e publicou o HTML 2.0 em 1995. Desde 1996, as especificações HTML vêm sendo mantidas, com o auxílio de fabricantes de software, pela World Wide Web Consortium (W3C).[1] Apesar disso, em 2000 a linguagem tornou-se também uma norma internacional (ISO/IEC 15445:2000). A última especificação HTML lançada pela W3C foi a recomendação HTML 4.01, publicada no final de 1999. Uma errata ainda foi lançada em 2001.<br />Desde a publicação do HTML 3.5 no final de 1997, o grupo de trabalho da W3C tem cada vez mais — e de 2002 a 2006, de forma exclusiva — focado no desenvolvimento do XHTML, uma especificação HTML baseada em XML que é considerada pela W3C como um sucessor do HTML.[2][3] O XHTML faz uso de uma sintaxe mais rigorosa e menos ambígua para tornar o HTML mais simples de ser processado e estendido.</span> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Postado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02131554565392310778' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02131554565392310778' rel='author' title='author profile'> <span itemprop='name'>Vitor de Albuquerque</span> </a> </span> </span> <span class='post-timestamp'> às <meta content='http://vitordealbuquerque.blogspot.com/2009/10/historia-tim-berners-lee-criou-o-html.html' itemprop='url'/> <a class='timestamp-link' href='http://vitordealbuquerque.blogspot.com/2009/10/historia-tim-berners-lee-criou-o-html.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-10-21T15:18:00-07:00'>15:18</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://vitordealbuquerque.blogspot.com/2009/10/historia-tim-berners-lee-criou-o-html.html#comment-form' onclick=''> Nenhum comentário: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-971486300'> <a href='https://www.blogger.com/post-edit.g?blogID=5574318703960800238&postID=632606961809546749&from=pencil' title='Editar postagem'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='http://informatizado.files.wordpress.com/2009/07/html.jpg' itemprop='image_url'/> <meta content='5574318703960800238' itemprop='blogId'/> <meta content='6026469688111304951' itemprop='postId'/> <a name='6026469688111304951'></a> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-6026469688111304951' itemprop='description articleBody'> <a href="http://informatizado.files.wordpress.com/2009/07/html.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" src="http://informatizado.files.wordpress.com/2009/07/html.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 315px; height: 380px;" /></a><br />INTRODUÇÃO<br /><br />HTML (acrônimo para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) é uma linguagem de marcação utilizada para produzir páginas na Web. Documentos HTML podem ser interpretados por navegadores. A tecnologia é fruto do "casamento" dos padrões HyTime e SGML.<br />HyTime é um padrão para a representação estruturada de hipermédia e conteúdo baseado em tempo. Um documento é visto como um conjunto de eventos concorrentes dependentes de tempo (como áudio, vídeo, etc.), conectados por hiper-ligações. O padrão é independente de outros padrões de processamento de texto em geral.<br />SGML é um padrão de formatação de textos. Não foi desenvolvido para hipertexto, mas tornou-se conveniente para transformar documentos em hiper-objetos e para descrever as ligações. <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Postado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02131554565392310778' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02131554565392310778' rel='author' title='author profile'> <span itemprop='name'>Vitor de Albuquerque</span> </a> </span> </span> <span class='post-timestamp'> às <meta content='http://vitordealbuquerque.blogspot.com/2009/10/introducao-html-acronimo-para-expressao.html' itemprop='url'/> <a class='timestamp-link' href='http://vitordealbuquerque.blogspot.com/2009/10/introducao-html-acronimo-para-expressao.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-10-21T15:12:00-07:00'>15:12</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://vitordealbuquerque.blogspot.com/2009/10/introducao-html-acronimo-para-expressao.html#comment-form' onclick=''> Nenhum comentário: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-971486300'> <a href='https://www.blogger.com/post-edit.g?blogID=5574318703960800238&postID=6026469688111304951&from=pencil' title='Editar postagem'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='5574318703960800238' itemprop='blogId'/> <meta content='7357424974055504370' itemprop='postId'/> <a name='7357424974055504370'></a> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-7357424974055504370' itemprop='description articleBody'> <meta equiv="Content-Type" content="text/html; charset=utf-8"><meta name="ProgId" content="Word.Document"><meta name="Generator" content="Microsoft Word 12"><meta name="Originator" content="Microsoft Word 12"><link rel="File-List" href="file:///C:%5CUsers%5CVitor%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_filelist.xml"><link rel="themeData" href="file:///C:%5CUsers%5CVitor%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_themedata.thmx"><link rel="colorSchemeMapping" href="file:///C:%5CUsers%5CVitor%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_colorschememapping.xml"><style>  </style> <p class="MsoNormal" style="text-align: center;" align="center"><b style=""><span style="font-size: 16pt;">ÍNDICE<o:p></o:p></span></b></p> <p class="MsoNormal"><o:p> </o:p></p> <p class="MsoNormal"><o:p> </o:p></p> <p class="MsoNormal">1 - Introducção</p> <p class="MsoNormal">2 - História</p> <p class="MsoNormal">3 - Etiqueta</p> <p class="MsoNormal">4 - Edição de Documentos HTML</p> <p class="MsoNormal">5 - Hiperligações</p> <p class="MsoNormal">6 - Caracteres especiais e Símbolos</p> <p class="MsoNormal">7 - Estrutura Básica de um Documento</p> <p class="MsoNormal">8 - Subtópicos</p> <p class="MsoNormal">9 - Editores HTML</p> <p class="MsoNormal">10 - Publicações de Páginas</p> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Postado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02131554565392310778' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02131554565392310778' rel='author' title='author profile'> <span itemprop='name'>Vitor de Albuquerque</span> </a> </span> </span> <span class='post-timestamp'> às <meta content='http://vitordealbuquerque.blogspot.com/2009/10/normal-0-21-false-false-false-pt-br-x.html' itemprop='url'/> <a class='timestamp-link' href='http://vitordealbuquerque.blogspot.com/2009/10/normal-0-21-false-false-false-pt-br-x.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-10-21T15:11:00-07:00'>15:11</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://vitordealbuquerque.blogspot.com/2009/10/normal-0-21-false-false-false-pt-br-x.html#comment-form' onclick=''> Nenhum comentário: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-971486300'> <a href='https://www.blogger.com/post-edit.g?blogID=5574318703960800238&postID=7357424974055504370&from=pencil' title='Editar postagem'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class='date-header'><span>quinta-feira, 10 de setembro de 2009</span></h2> <div class="date-posts"> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='http://dicasdainternet.files.wordpress.com/2008/08/windows-live-messenger-90-m1.png' itemprop='image_url'/> <meta content='5574318703960800238' itemprop='blogId'/> <meta content='1670427929083801179' itemprop='postId'/> <a name='1670427929083801179'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://vitordealbuquerque.blogspot.com/2009/09/lista-de-contatos.html'>Lista de Contatos</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-1670427929083801179' itemprop='description articleBody'> <a href="http://dicasdainternet.files.wordpress.com/2008/08/windows-live-messenger-90-m1.png"><img alt="" border="0" src="http://dicasdainternet.files.wordpress.com/2008/08/windows-live-messenger-90-m1.png" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 377px; CURSOR: hand; HEIGHT: 971px; TEXT-ALIGN: center" /></a><br /><div>Providências a serem tomadas:Incialmente cria-se os contatos individuais no Webmail:</div><br /><div>1 - Clica na opção Catálogo de Endereços;</div><br /><div>2 - Em seguida, no Ícone "Add";</div><br /><div>3 - Efetua o cadastro dos contatos desejados;</div><br /><div>4 - Em seguida, clica no botão "Salvar".</div><br /><div></div><br /><div>Criados todos os contatos desejados, segue para a criação da lista:</div><br /><div>1 - Clica no Ícone "Browser";</div><br /><div>2 - Seleciona os contatos desejados para a lista, marcando a caixa antes dos nomes informados;</div><br /><div>3 - Em seguida, clica na opção "New List" existente na caixa de texto localizada acima dos contatos. Clica no link "Add to" e digita o nome da lista que deseja criar.</div><br /><div>4 - Pronto, para enviar um e-mail para a lista desejada clica no ícone "Catálogo de Endereços" na composição da mensagem, seleciona o nome da lista e em seguida clica no botão "Para". Clica em </div><br /><div></div><br /><div>Ok para retornar a janela de composição. Pode enviar a mensagem.Serão acrescentadas todas as pessoas da lista no campo "Para" da mensagem.</div> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Postado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02131554565392310778' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02131554565392310778' rel='author' title='author profile'> <span itemprop='name'>Vitor de Albuquerque</span> </a> </span> </span> <span class='post-timestamp'> às <meta content='http://vitordealbuquerque.blogspot.com/2009/09/lista-de-contatos.html' itemprop='url'/> <a class='timestamp-link' href='http://vitordealbuquerque.blogspot.com/2009/09/lista-de-contatos.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-09-10T03:48:00-07:00'>03:48</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://vitordealbuquerque.blogspot.com/2009/09/lista-de-contatos.html#comment-form' onclick=''> Nenhum comentário: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-971486300'> <a href='https://www.blogger.com/post-edit.g?blogID=5574318703960800238&postID=1670427929083801179&from=pencil' title='Editar postagem'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='http://www.bravapropaganda.com.br/blog/wp-content/uploads/2009/02/outlook2007_logo_lg.jpg' itemprop='image_url'/> <meta content='5574318703960800238' itemprop='blogId'/> <meta content='2742646521788045976' itemprop='postId'/> <a name='2742646521788045976'></a> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-2742646521788045976' itemprop='description articleBody'> <a href="http://www.bravapropaganda.com.br/blog/wp-content/uploads/2009/02/outlook2007_logo_lg.jpg"><img alt="" border="0" src="http://www.bravapropaganda.com.br/blog/wp-content/uploads/2009/02/outlook2007_logo_lg.jpg" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 292px; CURSOR: hand; HEIGHT: 281px; TEXT-ALIGN: center" /></a><br /><div>Muita gente se pergunta o que diabos quer dizer aquelas abreviações que os clientes de email como Outlook Express e Netscape Messenger trazem quando se quer mandar uma nova mensagem. O que fazer com aquele clipe e o que são aquelas exclamações no começo do cabeçalho, são outras das dúvidas que podem ocorrer se você acabou de descobrir o email. Veja agora o que são e para que servem todos os elementos que compõem uma típica mensagem eletrônica </div><br /><div></div><br /><div>01. To: (Para: )Esse campo é onde será digitado o endereço principal do destinatário do seu e-mail. Ele estará sempre na forma usuario@servidor, por exemplo rodrigo@magnet.com.br. Você pode usar maiúsculas e minúsculas, tanto faz. Se você já tiver preenchido o caderno de endereços, Address Book, do Netscape ou do Outlook, com os dados das pessoas com quem mais se comunica, basta digitar o nome de alguma delas e o programa colocará o endereço automaticamente. Quando quiser mandar para mais de um destinatário, digite ";" depois de cada endereço.<br /></div><br /><div>02. From: (De:)Esse é o remetente de uma mensagem recebida. Dependendo do caso, pode aparecer aqui o nome ou o endereço eletrônico ou os dois de quem mandou. Isso é definido por cada usuário. Tanto no Outlook, quanto no Netscape, se você clicar com o direito neste campo, poderá acrescentar os dados do remetente ao caderno de endereços.<br /></div><br /><div>03. Date: (Data:)Dia, dia da semana, mês, ano e hora. Se o relógio do computador de quem enviou uma mensagem estiver errado, a data da mensagem também estará.<br /></div><br /><div>04. Cc: [Carbon copy, Com cópia]Quando a mensagem deve ser mandada para mais de uma pessoa ao mesmo tempo, o Cc: entra em ação. Todos os endereços inscritos aqui receberão uma cópia do mesmo e-mail e todos também saberão para quem a cópia foi enviada. Se mais de uma pessoa é acrescentada no campo "To: " o "Cc: " torna-se inútil.<br /></div><br /><div>05. Bcc: (Cco: ) [Blind carbon copy, com cópia oculta]Muita gente vê o Bcc: , mas passa batido pois nem imagina para que ele serve. A função dele é a mesma do Cc:, mas com a diferença que os endereços colocados neste campo não poderão ser vistos para as pessoas que receberão a mensagem. (Inicialmente o campo Cco: do Outlook Express fica escondido. Para torná-lo visível, vá em Exibir >> Todos os cabeçalhos)</div> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Postado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02131554565392310778' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02131554565392310778' rel='author' title='author profile'> <span itemprop='name'>Vitor de Albuquerque</span> </a> </span> </span> <span class='post-timestamp'> às <meta content='http://vitordealbuquerque.blogspot.com/2009/09/muita-gente-se-pergunta-o-que-diabos.html' itemprop='url'/> <a class='timestamp-link' href='http://vitordealbuquerque.blogspot.com/2009/09/muita-gente-se-pergunta-o-que-diabos.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-09-10T03:41:00-07:00'>03:41</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://vitordealbuquerque.blogspot.com/2009/09/muita-gente-se-pergunta-o-que-diabos.html#comment-form' onclick=''> Nenhum comentário: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-971486300'> <a href='https://www.blogger.com/post-edit.g?blogID=5574318703960800238&postID=2742646521788045976&from=pencil' title='Editar postagem'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='http://www.prmt.mpf.gov.br/arquivos/imagens/webmail.jpg' itemprop='image_url'/> <meta content='5574318703960800238' itemprop='blogId'/> <meta content='3574529919482695563' itemprop='postId'/> <a name='3574529919482695563'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://vitordealbuquerque.blogspot.com/2009/09/webmail.html'>Webmail</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-3574529919482695563' itemprop='description articleBody'> <a href="http://www.prmt.mpf.gov.br/arquivos/imagens/webmail.jpg"><img alt="" border="0" src="http://www.prmt.mpf.gov.br/arquivos/imagens/webmail.jpg" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 380px; CURSOR: hand; HEIGHT: 380px" /></a><br /><p><span style="font-family:arial;">Webmail é uma interface da World Wide Web que permite ao utilizador ler e escrever e-mail usando um navegador.<br />Com o surgimento do correio eletrônico em 1972, considerado um aplicativo da internet. Começa a necessidade de um mecanismo fácil para comunicação. Em Março de 1972, Ray Tomlinson escreveu o software básico de e-mail para a ARPANET. Em Julho, Roberts expandiu as utilidades do software, colocando utilitários para listar, ler seletivamente, arquivar, encaminhar e responder a mensagens.<br />Killer application é uma expressão que designa uma aplicação fundamental, sendo o correio electrónico uma dessas aplicações.<br />A partir deste momento, o correio eletrônico se tornou a maior aplicação de rede até hoje. Este foi o prenúncio do enorme crescimento de todos os tipos de aplicações e utilitários da internet nos dias de hoje.<br />A maior vantagem do webmail é o facto de não ser necessário possuir um programa específico para a leitura ou envio de mensagens de correio electrónico, qualquer computador ligado à internet com um navegador é suficiente. Isto também significa que ao contrário de outros protocolos de comunicação na web, como o POP3 não é necessário utilizar sempre o mesmo computador.<br />No entanto existe o inconveniente de ter as mensagens de correio electrónico armazenadas no servidor do ISP, o que pode limitar o número de mensagens que podemos armazenar.</span></p><br /><p></p> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Postado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02131554565392310778' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02131554565392310778' rel='author' title='author profile'> <span itemprop='name'>Vitor de Albuquerque</span> </a> </span> </span> <span class='post-timestamp'> às <meta content='http://vitordealbuquerque.blogspot.com/2009/09/webmail.html' itemprop='url'/> <a class='timestamp-link' href='http://vitordealbuquerque.blogspot.com/2009/09/webmail.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-09-10T03:25:00-07:00'>03:25</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://vitordealbuquerque.blogspot.com/2009/09/webmail.html#comment-form' onclick=''> Nenhum comentário: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-971486300'> <a href='https://www.blogger.com/post-edit.g?blogID=5574318703960800238&postID=3574529919482695563&from=pencil' title='Editar postagem'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='5574318703960800238' itemprop='blogId'/> <meta content='7905684730738211305' itemprop='postId'/> <a name='7905684730738211305'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://vitordealbuquerque.blogspot.com/2009/09/legiao-urbana-giz.html'>Legião Urbana - Giz</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-7905684730738211305' itemprop='description articleBody'> <object height="344" width="425"><param name="movie" value="http://www.youtube.com/v/vmusMYcwiM8&hl=pt-br&fs=1&color1=0x402061&color2=0x9461ca"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/vmusMYcwiM8&hl=pt-br&fs=1&color1=0x402061&color2=0x9461ca" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Postado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02131554565392310778' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02131554565392310778' rel='author' title='author profile'> <span itemprop='name'>Vitor de Albuquerque</span> </a> </span> </span> <span class='post-timestamp'> às <meta content='http://vitordealbuquerque.blogspot.com/2009/09/legiao-urbana-giz.html' itemprop='url'/> <a class='timestamp-link' href='http://vitordealbuquerque.blogspot.com/2009/09/legiao-urbana-giz.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-09-10T03:20:00-07:00'>03:20</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://vitordealbuquerque.blogspot.com/2009/09/legiao-urbana-giz.html#comment-form' onclick=''> Nenhum comentário: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-971486300'> <a href='https://www.blogger.com/post-edit.g?blogID=5574318703960800238&postID=7905684730738211305&from=pencil' title='Editar postagem'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> </div></div> </div> <div class='blog-pager' id='blog-pager'> <a class='home-link' href='http://vitordealbuquerque.blogspot.com/'>Página inicial</a> </div> <div class='clear'></div> <div class='blog-feeds'> <div class='feed-links'> Assinar: <a class='feed-link' href='http://vitordealbuquerque.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Postagens (Atom)</a> </div> </div> </div></div> </div> <div id='sidebar-wrapper'> <div class='sidebar section' id='sidebar'><div class='widget HTML' data-version='1' id='HTML2'> <h2 class='title'>Páginas HTML</h2> <div class='widget-content'> <a style="margin: 12px auto 6px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display: block; text-decoration: underline;" href="http://www.scribd.com/doc/23581109/Centro-Federal-de-Educacao-Tecnologica-vitaooo" title="View Centro Federal de Educação Tecnológica vitaooo on Scribd">Centro Federal de Educação Tecnológica vitaooo</a> <object id="doc_524502331278499" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" name="doc_524502331278499" height="500" align="middle"> <param value="http://d1.scribdassets.com/ScribdViewer.swf?document_id=23581109&access_key=key-3yc2iur5wk951z4bzkv&page=1&version=1&viewMode=slideshow" name="movie"/> <param value="high" name="quality"/> <param value="true" name="play"/> <param value="true" name="loop"/> <param value="showall" name="scale"/> <param value="opaque" name="wmode"/> <param value="false" name="devicefont"/> <param value="#ffffff" name="bgcolor"/> <param value="true" name="menu"/> <param value="true" name="allowFullScreen"/> <param value="always" name="allowScriptAccess"/> <param value="" name="salign"/> <param value="slideshow" name="mode"/> <embed bgcolor="#ffffff" quality="high" play="true" allowfullscreen="true" loop="true" width="100%" name="doc_524502331278499_object" align="middle" salign="" allowscriptaccess="always" menu="true" src="http://d1.scribdassets.com/ScribdViewer.swf?document_id=23581109&access_key=key-3yc2iur5wk951z4bzkv&page=1&version=1&viewMode=slideshow" type="application/x-shockwave-flash" wmode="opaque" scale="showall" pluginspage="http://www.macromedia.com/go/getflashplayer" height="500" devicefont="false" mode="slideshow"></embed> </object> </div> <div class='clear'></div> </div><div class='widget Poll' data-version='1' id='Poll1'> <h2 class='title'>Quantos quilos tem a cabeça do Piu - Piu ?</h2> <div class='widget-content'> <iframe allowtransparency='true' frameborder='0' height='260' name='poll-widget-8841282276931414304' style='border:none; width:100%;'></iframe> <div class='clear'></div> </div> </div><div class='widget LinkList' data-version='1' id='LinkList1'> <div class='widget-content'> <ul> <li><a href='http://globo.com/'>Globo.com</a></li> </ul> <div class='clear'></div> </div> </div><div class='widget Followers' data-version='1' id='Followers2'> <h2 class='title'>Seguidores</h2> <div class='widget-content'> <div id='Followers2-wrapper'> <div style='margin-right:2px;'> <div><script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <div id="followers-iframe-container"></div> <script type="text/javascript"> window.followersIframe = null; function followersIframeOpen(url) { gapi.load("gapi.iframes", function() { if (gapi.iframes && gapi.iframes.getContext) { window.followersIframe = gapi.iframes.getContext().openChild({ url: url, where: document.getElementById("followers-iframe-container"), messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER, messageHandlers: { '_ready': function(obj) { window.followersIframe.getIframeEl().height = obj.height; }, 'reset': function() { window.followersIframe.close(); followersIframeOpen("https://www.blogger.com/followers/frame/5574318703960800238?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMzMzU1NjYiByMzMzY2OTkqByMyMTQ1NTIyByMwMDAwMDA6ByMzMzU1NjZCByMzMzY2OTlKByMwMDAwMDBSByMzMzY2OTlaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3dpt-BR\x26origin\x3dhttp://vitordealbuquerque.blogspot.com"); }, 'open': function(url) { window.followersIframe.close(); followersIframeOpen(url); } } }); } }); } followersIframeOpen("https://www.blogger.com/followers/frame/5574318703960800238?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMzMzU1NjYiByMzMzY2OTkqByMyMTQ1NTIyByMwMDAwMDA6ByMzMzU1NjZCByMzMzY2OTlKByMwMDAwMDBSByMzMzY2OTlaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3dpt-BR\x26origin\x3dhttp://vitordealbuquerque.blogspot.com"); </script></div> </div> </div> <div class='clear'></div> </div> </div><div class='widget BlogArchive' data-version='1' id='BlogArchive2'> <h2>Arquivo do blog</h2> <div class='widget-content'> <div id='ArchiveList'> <div id='BlogArchive2_ArchiveList'> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼ </span> </a> <a class='post-count-link' href='http://vitordealbuquerque.blogspot.com/2009/'> 2009 </a> <span class='post-count' dir='ltr'>(16)</span> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼ </span> </a> <a class='post-count-link' href='http://vitordealbuquerque.blogspot.com/2009/10/'> outubro </a> <span class='post-count' dir='ltr'>(12)</span> <ul class='posts'> <li><a href='http://vitordealbuquerque.blogspot.com/2009/10/bibliografia-httpwww.html'>Bibliografiahttp://www.ufpa.br/dicas/htm/htm-publ....</a></li> <li><a href='http://vitordealbuquerque.blogspot.com/2009/10/como-usar-um-autor-de-hp-usa-dois.html'>Como usarUm autor de hp usa dois endereços, um de ...</a></li> <li><a href='http://vitordealbuquerque.blogspot.com/2009/10/hospedagem-gratuita-se-quiser-usar-um.html'> Hospedagem gratuita Se quiser usar um site de ho...</a></li> <li><a href='http://vitordealbuquerque.blogspot.com/2009/10/publicacao-de-paginas-depois-de-feita.html'>Publicação de páginasDepois de feita a "home page"...</a></li> <li><a href='http://vitordealbuquerque.blogspot.com/2009/10/editores-html-adobe-home-site-adobe.html'>Editores HTML•Adobe Home Site•Adobe Dreamweaver•Ad...</a></li> <li><a href='http://vitordealbuquerque.blogspot.com/2009/10/corpo-dentr.html'> Corpo • Dentr, ,... : cabeçalhos e títulos no do...</a></li> <li><a href='http://vitordealbuquerque.blogspot.com/2009/10/estrutura-basica-de-um-documento.html'> Estrutura básica de um documento A estrutura de ...</a></li> <li><a href='http://vitordealbuquerque.blogspot.com/2009/10/edicao-de-documentos-html-os-documentos.html'> Edição de documentos HTML Os documentos em HTML ...</a></li> <li><a href='http://vitordealbuquerque.blogspot.com/2009/10/etiqueta-todo-documento-html-apresenta.html'>ETIQUETATodo documento HTML apresenta etiquetas, e...</a></li> <li><a href='http://vitordealbuquerque.blogspot.com/2009/10/historia-tim-berners-lee-criou-o-html.html'>HISTÓRIATim Berners-Lee criou o HTML original (e o...</a></li> <li><a href='http://vitordealbuquerque.blogspot.com/2009/10/introducao-html-acronimo-para-expressao.html'>INTRODUÇÃOHTML (acrônimo para a expressão inglesa ...</a></li> <li><a href='http://vitordealbuquerque.blogspot.com/2009/10/normal-0-21-false-false-false-pt-br-x.html'> <div class='clear'> </div> </div>  </div></div>  <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/3878540743-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY4bcBxiXxCS2IUBTmAyGfXk06peaQ:1759606343769';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d5574318703960800238','//vitordealbuquerque.blogspot.com/','5574318703960800238'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '5574318703960800238', 'title': 'Vitor de albuquerque', 'url': 'http://vitordealbuquerque.blogspot.com/', 'canonicalUrl': 'http://vitordealbuquerque.blogspot.com/', 'homepageUrl': 'http://vitordealbuquerque.blogspot.com/', 'searchUrl': 'http://vitordealbuquerque.blogspot.com/search', 'canonicalHomepageUrl': 'http://vitordealbuquerque.blogspot.com/', 'blogspotFaviconUrl': 'http://vitordealbuquerque.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'pt-BR', 'localeUnderscoreDelimited': 'pt_br', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Vitor de albuquerque - Atom\x22 href\x3d\x22http://vitordealbuquerque.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Vitor de albuquerque - RSS\x22 href\x3d\x22http://vitordealbuquerque.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Vitor de albuquerque - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/5574318703960800238/posts/default\x22 /\x3e\n', 'meTag': '\x3clink rel\x3d\x22me\x22 href\x3d\x22https://www.blogger.com/profile/02131554565392310778\x22 /\x3e\n', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/00d5921fb137c39b', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Gerar link', 'key': 'link', 'shareMessage': 'Gerar link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Compartilhar no Facebook', 'target': 'facebook'}, {'name': 'Postar no blog!', 'key': 'blogThis', 'shareMessage': 'Postar no blog!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Compartilhar no X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Compartilhar no Pinterest', 'target': 'pinterest'}, {'name': 'E-mail', 'key': 'email', 'shareMessage': 'E-mail', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27pt_BR\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Leia mais', 'pageType': 'index', 'pageName': '', 'pageTitle': 'Vitor de albuquerque'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Editar', 'linkCopiedToClipboard': 'Link copiado para a \xe1rea de transfer\xeancia.', 'ok': 'Ok', 'postLink': 'Link da postagem'}}, {'name': 'template', 'data': {'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Vitor de albuquerque', 'description': '', 'url': 'http://vitordealbuquerque.blogspot.com/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': true, 'isArchive': false, 'isLabelSearch': false}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'main', document.getElementById('HTML3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2388513597-lbx__pt_br.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar', document.getElementById('HTML2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_PollView', new _WidgetInfo('Poll1', 'sidebar', document.getElementById('Poll1'), {'pollid': '-8841282276931414304', 'iframeurl': '/b/poll-results?pollWidget\x3dPoll1\x26txtclr\x3d%23335566\x26lnkclr\x3d%23336699\x26chrtclr\x3d%23336699\x26font\x3dnormal+normal+100%25+Verdana,+Sans-serif\x26hideq\x3dtrue\x26purl\x3dhttp://vitordealbuquerque.blogspot.com/'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'sidebar', document.getElementById('LinkList1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers2', 'sidebar', document.getElementById('Followers2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive2', 'sidebar', document.getElementById('BlogArchive2'), {'languageDirection': 'ltr', 'loadingMessage': 'Carregando\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile2', 'sidebar', document.getElementById('Profile2'), {}, 'displayModeFull')); </script> </body> </html>