Este é um curso focado nas principais técnicas necessárias para o desenvolvimento de um website simples.

O objetivo deste curso é trazer uma didática simples e prática para que você aprenda com eficiência o que é mais importante em cada tema. As lições foram planejadas com uma ordem natural de aprendizado em mente, assim você irá passo a passo adquirindo o conhecimento necessário e, ao mesmo tempo, praticando-o para fixação.

Ao final deste curso, você saberá como trabalhar com as principais funções das linguagens HTML e CSS, além de ter construído um website completo com quatro páginas.

Você irá aprender

• Os fundamentos das linguagens HTML e CSS, já utilizando algumas técnicas com HTML5;
• Como trabalhar com texto, imagens, formulários e tabelas;
• Fundamentos de layout com float e position CSS;
• O passo a passo da construção de um website completo com 4 páginas.

Veja o site que você irá construir ao longo do curso:

Este curso é para você?

Este curso foi feito para quem tem pouca ou nenhuma experiência no desenvolvimento de sites com HTML e CSS. Não vamos falar de design, apenas de código! O layout do site de exemplo já está pronto e irei acompanhar você no passo a passo da sua montagem. Além disso, irei explicar os conceitos principais das linguagens HTML e CSS, planejamento e organização de arquivos, Web Standards, acessibilidade, usabilidade, compatibilidade entre navegadores, entre outros assuntos. Veja a Visão Geral do Curso, abaixo, para mais informações.

Software

Para fazer o curso você precisará apenas de um navegador (como Mozilla Firefox ou Google Chrome) e um editor de texto de sua preferência (como Notepad++ ou Sublime Text). Recomendo também a instalação do complemento Firebug, pois facilita bastante a verificação do código das páginas.

Visão Geral

Lições com podem ser feitas gratuitamente.

1. 1. Introdução

   1. Boas-vindas
   2. Introdução à HTML
   3. Uma Página HTML Básica
   4. Introdução às CSS
   5. Inserindo CSS na Página
   6. Montando a Base do Website

2. 2. Conhecendo Melhor as CSS

   1. Sintaxe e Seletores CSS
   2. Margens, Bordas e Box Model
   3. Elementos Bloco e Em Linha
   4. Criando a Estrutura do Website

3. 3. Trabalhando com Texto

   1. Texto e Entidades HTML
   2. Principais Propriedades de Texto CSS
   3. Inserindo o Texto do Website
   4. Estilizando o Texto do Website
   5. Construindo a Seção Empresa do Website

4. 4. Trabalhando com Imagens

   1. A Tag img
   2. A Propriedade background
   3. Inserindo as Imagens do Website

5. 5. Trabalhando com Layout

   1. A Propriedade position
   2. A Propriedade float
   3. Montando o Layout do Website - Parte 1
   4. Montando o Layout do Website - Parte 2

6. 6. Trabalhando com Tabelas

   1. Tabelas HTML
   2. Tabelas e CSS
   3. Construindo a Seção Serviços do Website

7. 7. Trabalhando com Formulários

   1. Formulários e Seus Elementos
   2. Construindo a Seção Contato do Website - Parte 1
   3. Construindo a Seção Contato do Website - Parte 2

8. 8. Ajustes Finais

   1. HTML5 e CSS3
   2. Adicionando Flexibilidade ao Website
   3. Publicando o Website
   4. Continuando Seus Estudos