Workshop de HTML

Uma série de artigos práticos para aprender a trabalhar com HTML. Oferece pequenos truques de construção para que os mais novatos possam começar a dominar a linguagem.
Capítulos do manual
1.- Contato com navegante
Aprenda os mecanismos que você tem ao seu alcance para se comunicar com o visitante de suas páginas. Desde o correio até livros de visitas...

2.- Avaliar uma web
Vemos um interessante workshop de HTML onde oferecemos ao visitante de nossa web um formulário rápido para avaliar nossa web.

3.- Fundos de imagem em HTML
Explicamos asuntos relativos al uso de fondos de imagen en HTML y ofrecemos algún ejemplo ilustrativo.

4.- Como proteger o código fonte de uma web
Com um simples Script podemos tornar as coisas mais difíceis a todos aqueles que andam baixos de inspiração e pretendem roubar nosso código para fazer suas próprias.

5.- Desabilitar a barra de imagens do Internet Explorer
Neste breve tutorial veremos de que forma podemos desabilitar a barra que aparece no IExlorer 6 ao situar o mouse sobre uma imagem.

6.- Tabela com esquinas arredondadas
Prático artigo de HTML no qual criamos uma tabela com cor de fundo cujas esquinas estão arredondadas.

7.- Tabela com as esquinas arredondadas, tipo 2
Outro exemplo de tabela com as esquinas arredondadas, neste caso com uma borda de um pixel, também arredondada.

8.- Frames sem bordas
Artigo de HTML no qual explicamos como realizar frames sem bordas e nos navegadores mais habituais.

9.- Caixa elegante e simples com HTML
Como fazer com HTML, de maneira simples e prática, uma caixa para destacar parte do conteúdo de uma página web.

10.- Tabela melhorada com imagens para barra de navegação
Uma tabela de links HTML a qual intercalamos imagens para transformá-la um pouco e torná-la mais vistosa. Utilizável em uma barra de navegação.

11.- Barra de navegação HTML simples
Neste artigo de HTML vamos desenvolver uma barra de navegação de uma maneira muito simples, na qual utilizaremos uma imagem para dar um pequeno efeito para fazer uma das bordas da tabela oblíqua.

12.- Barra de navegação HTML
Todos os passos para conseguir implementar uma barra de navegação cujos links têm um estilo similar a uma aba.

13.- Escrever por cima das imagens
Dois exemplos simples para constatar que isto é possível.

14.- Tabela com desenho em sua base
Como dar formato a uma tabela utilizando desenhos. Um efeito HTML para conseguir que a silhueta da tabela não seja vista totalmente quadrada.

15.- Tabela com desenho em sua base II
Continuamos com o capitulo anterior, oferecendo outras distintas maneiras de conseguir efeitos em uma tabela.

16.- Listas HTML feitas com tabelas
Workshop de HTML no qual se realiza uma lista de elementos, porém utilizando tabelas no lugar da estrutura de lista OL ou UL.

17.- Gestão de mapas
Vamos ver um script no qual poderemos administrar este tipo tão especial de imagens.

18.- Teclas rápidas para os links
Utilizando o atributo accesskey se podem definir atalhos de teclado para acessar aos links diretamente com a pulsação de ALT e uma tecla que indicarmos no atributo.

19.- Construir uma página web com tabelas
Explicações práticas sobre a construção de páginas web com HTML usando tabelas.

20.- Recarregar ou endereçar a outra página com HTML
Código HTML em etiquetas META para atualizar uma página ou fazer um re-encaminhamento a outra página automaticamente.

21.- Transparência em formatos gráficos para web GIF e PNG
Como fazer imagens transparentes para a web, com formatos GIF e PNG, para eliminar os incômodos halos.

22.- Colocar vídeo em uma página web através de YouTube
Uma forma muito simples de colocar um vídeo em uma página web é transferi-la a YouTube e logo incrustá-lo na página web por meio de um código HTML que eles proporcionam.

23.- Como fazer uma transparência com GIF sem halos
Como fazer uma imagem com formato GIF que tenha transparência e suavizado, porém sem que pareçam halos.

24.- Contador de visitas com a procedência dos usuários
Apresentamos ClustrMaps, um contador para saber a procedência dos visitantes de sua web.

25.- Animação HTML simples com marquee
Utilizamos a etiqueta marquee para realizar uma animação simples em uma página web. Como animar uma imagem ou fazer texto em movendo só com HTML.

26.- Declaração DOCTYPE em documentos HTML
Estudo da declaração do tipo de documento HTML, que se especifica na declaração DOCTYPE ao princípio do código.

27.- Etiquetas para ressaltar texto em HTML
Algumas etiquetas que podem servir para ressaltar texto em HTML, como sublinhado, riscado, cabeçalhos e formatos de texto de parágrafos, como pedaços de código, etc.

28.- Botões HTML com a etiqueta BUTTON
Como criar botões HTML mais variados utilizando a etiqueta BUTTON, que permite colocar imagens e outros conteúdos no botão.

29.- Transições de página com etiquetas META
As etiquetas META servem também para especificar transições entre páginas, só para Explorer.


Downloads
Archivo de descarga 409.43 KB Workshop de HTML. Uma série de artigos práticos para aprender a trabalhar com HTML. Oferece pequenos truques de construção para que os mais novatos possam começar a dominar a linguagem.


Manual traduzido em espanhol
Está disponível em Desarrolloweb.com:Taller de HTML

Comentarios
Envie seus comentários ou opiniões sobre este manual.
Comentar o manual

Comentários do manual
Foram enviados 2 comentários à manual
2 comentários revisados:
Muito bom, mesmo!
Por: sandrojapones
09/4/10
Meus parabéns pelo excelente trabalho que vocês estão realizando aqui, não só nesse manual, mas, em todos os outros que estão disponíveis nesse site. Um ótimo trabalho!
Parabéns! Ótimo!
Por: vitorlelis
14/5/10
Parabéns aos webmasters criados desse manual e de todos outros do site! Com certeza são os melhores da internet!

Abrass!

Usuários :    login / registro

Neste manual
Baixar manual

Categorias relacionadas:

Manuais relacionados