Aprenda HTML

• Tutorial-HTML

• Introdução
  Uma breve introdução ao tutorial e o que você aprenderá.
• Lição 1: Vamos iniciar
  As ferramentas que você precisa para desenvolver seu próprio website.
• Lição 2: O que é HTML?
  Entendendo o que é o que significa HTML.
• Lição 3: O que são tags HTML?
  O que são e para que servem as tags HTML.
• Lição 4: Criando seu primeiro website
  Aprenda a criar seu primeiro documento HTML - o template básico para páginas.
• Lição 5: O que você já aprendeu?
  Recapitulando o que você já aprendeu e antevendo o que aprenderá nas próximas lições.
• Lição 6: Mais tags HTML
  Conhecendo as sete tags HTML mais usadas.
• Lição 7: Atributos
  Aprenda como adicionar informações extras às tags e a projetar comandos de um modo explícito.
• Lição 8: Links
  Como criar links para suas próprias páginas e para a Internet.
• Lição 9: Imagens
  Descubra como é simples e fácil inserir imagens em uma página web.
• Lição 10: Tabelas
  Construindo tabelas HTML para apresentar dados tabulares.
• Lição 11: Mais tabelas
  Criando tabelas avançadas.
• Lição 12: Layout (CSS)
  Entendendo como Cascading Style Sheets (CSS) pode ser usada para construir fantásticos layouts para suas páginas
• Lição 13: Uploading páginas
  Como publicar páginas na Internet para serem vesualizadas por todos.
• Lição 14: Web standards e validação
  Conheça as normas para HTML e como verificação a correção do código.
• Lição 15: Dicas finais
  Algumas dicas adicionais para seus projetos web.

Validar a CSS do seu site ou blog.

Vamos validar as css?Mais como?Simples quando vamos editar o html de nosso site vemos que antes de mais nada vemos essas tags.
preste atenção nas sigla ( W3C ) veja que esse é o canal que válida nosso CSS e também disponibiliza uma ferramenta importante que é o Validator CSS.

Não só para validação do CSS eles também disponibilizão ferramentas MarkUp Validator
e MarkUp Validator.

Então vamos fazer lição de casa, eu estou fazendo a minha e você?

Apostila: CSS: Cascating Style Sheets

CSS: Cascating Style Sheets ou Folhas de Estilo Encadeadas, uma linguagem muito simples e útil, baseada em regras, com CSS você pode com poucas linhas definir o design de um site inteiro, seus recursos são muitos, o menu ao lado por exemplo, tem seus padrões baseados em CSS.
Apostila muito completa abordando tudo o que um bom Webmaster ou Webdesigner precisa saber, principalmente HTML e CSS, ideal para iniciantes na área.

• Descrição detalhada: Veja os tópicos:

• Introdução ao HTML
• O que é o HTML
• O que são tags HTML
• Iniciando com HTML
• Mais tags HTML
• Atributos
• Links
• Imagens
• Tabelas
• Mais tabelas
• Uploading do seu site
• Introdução as CSS
• Como funciona as CSS
• Cores e fundos
• FONTES
• Textos
• Links
• Identificando e agrupando elementos (classes e id)
• Agrupando elementos (span e div)
• Box Model
• Margin e padding
• Bordas
• Altura e largura
• Flutuando elementos (floats)
• Posicionando elementos
• Usando z-index (Layers)
• Introdução ao XHTML
• Escrevendo um XHTML válido

• Download da Apostila AQUI

Join 4Shared Now!

CSE LITE EVITE ERROS DE HTML E XHTML

"Crie Documentos em HTML e XHTML livres de Erros."

CSE HTML Validator Lite é uma ferramenta configurável e poderosa para HTML, XHTML, CSS, links, checagem da grafia e acessibilidade. Ele auxilia na eliminação de problemas que podem levar os visitantes a abandonarem seu site, aumentando a produtividade e economizando tempo e dinheiro.

Milhares de usuários já usam este programa, incluindo profissionais da Web, webmasters, corporações, agências governamentais, indivíduos, professores, estudantes e organizações sem fins lucrativos. Diferente dos outros validadores, CSE HTML Validator Lite possui um poder personalizável de sintaxe, especial para checar HTML, XHTML e CSS.

Essa é uma ferramenta gratuita que não perdera suas funções em tempo algum.

• Download do programa AQUI

HTML Compressor Lite Edition

HTML Compressor Lite Edition é a primeira ferramenta open source que faz suas páginas carregarem mais rapido e protege seu código do ctrl+c
Com o codigo comprimido removendo espaços desnecessários, retorna, feeds linha, comentários etc
O tamanho da página e reduz a página carrega muito mais rápido, enquanto, ao mesmo tempo, o scrambled código torna-se uma linha de texto que é muito difícil de ler e difícil de reutilização por copia.

Aqui estão algumas características-chave do "no1 HTML Compressor Lite Edition":

Drag-n-gota
Arquivo de entrada
Entrada de texto
Vários arquivos de entrada
Diversos tipos de arquivos aceito simultaneamente.


Requisitos:

Windows. NET 2.0 Windows XP

Download HTML Compressor

Dreamweaver

Faça o Download logo no fim da postagem

O Dreamweaver é não só outra ferramenta de visual de HTML. Ele faz o que
todos os melhores editores fazem: cria tabelas, edita quadros e alterna
facilmente da visualização de páginas para visualização HTML.
Mas o Dreamweaver vai além dos outros editores para permitir criar animações
e páginas dinâmicas (DHTML). O Dreamweaver suporta completamente as
folhas de estilo em cascata (CSS), bem como camadas e comportamento de
JavaScript. Ele também inclui sua própria ferramenta de animação DHTML. E
um cliente FTP repleto de recursos, que incluem mapas visuais do site, está
embutido dentro dele.
Entre as principais novidades da versão CS3, está a nova aba SPRY, que é um
framework para utilização de tecnologia AJAX
(http://pt.wikipedia.org/wiki/AJAX_(programação).
Outra grande novidade é pelo fato de parti-la dessa versão o Dreamweaver
fazer parte da Adobe, então o dreamweaver possui uma integração muito boa
com o Photoshop.
Integração com o Adobe Device Central, que possibilita você visualizar seu site
em um aparelho de celular.
Quando iniciar o Dreamweaver pela primeira vez, você verá uma janela
principal, que permite a você criar documentos estáticos (HTML) e dinâmicos
como Coldfusion, PHP, ASP, ASP. NET e arquivos CSS.

Nessa tela, você tem na esquerda os documentos abertos recentemente ou
abrir um arquivo existente. Na tela central, podemos definir os tipos de arquivos
a serem criados. Na tela da direita ele apresenta alguns templates. Na opção
Extend, existe o link Dreamweaver Exchange, que permite você acesse o setor
do site da Adobe onde poderá ter acesso a extensões dos programas Adobe.
Embora não seja um pré-requisito para utilizar o Dreamweaver, é de
extrema importância que ao criar um site você tenha uma base da linguagem
HTML. Pois mesmo para o entendimento do que será apresentado durante
essa apostila, para muitas coisas ele será necessário.

Download Dreamweaver Parte 1

Download Dreamweaver Parte 2

Download Dreamweaver Parte 3

Para descompactar o arquivo a senha é cbkste