Curso de HTML e CSS online grátis


Informações sobre HTML

01. O que é HTML ?
02. Qual a diferença entre HTML e XHTML ?
03. Que programa se usa para criar um site ?
04. Qual editor HTML usar pra se criar um site
     Vídeo aula - Introdução ao estudo do HTML e XHTML
05. HTML e CSS: separando conteúdo da exibição
06. Especificações em HTML e Document Type <!DOCTYPE>


Conceitos básicos sobre criação de websites

01. Como criar o primeiro site em HTML
     Vídeo aula - Como criar o primeiro site "Olá Mundo / Hello World" em XHTML
02. O que são tags em HTML: < > e </ >
03. <HTML> a tag principal de um site em HTML
04. Efeito <marquee>: fazendo um texto deslizar em um site
05. O que são atributos de tags
06. Tags aninhadas e identação de um código HTML
07.<head> - O cabeçalho de informações de uma página em HTML
     7.1. <title> - Como criar um título em seu site
     7.2 <meta> tags description e keywords
     7.3 <meta> tag refresh - Como recarregar ou redirecionar uma página
08. A tag <body> - Definindo o corpo de um site
     8.1 O atributo bgcolor: Como alterar a cor de fundo - A tabela de cores
09. O que são e como criar um Link - A tag <a>
     9.1 Links internos e Páginas em um mesmo diretório

Tutorial sobre Formatação de Texto em HTML

01. A importância da formatação de textos no Webdesign
02. Como produzir quebras de linha e fazer parágrafos - As tags <br /> e <p>
03. Textos em negrito, itálico e sublinhado - As tags <b>, <i> e <u>
04. Hierarquia de um documento - As tags de cabeçalho <H1>, <H2>, <H3>, <H4>, <H5> E <H6>
05. Como criar listas ordenadas e não ordenadas
     5.1 Listas ordenadas alfabeticamente, aninhadas e com outros símbolos marcadores
06. A tag <font> - Como alterar a fonte, tamanho e cores de um texto
07. charset <meta> tag - Como escrever símbolos e acentos ortográficos em HTML




Tutoriais sobre Imagens em HTML

01. Introdução - A importância das figuras, sons e vídeos na Internet e Web 2.0
02. Imagens em HTML - JPEG, JPG, GIF e PNG
03. <img> - Como colocar imagens em um site - O atributo src
04. Atributos height e width - Como alterar altura e largura de uma imagem
05. O atributo align para alinhar elementos - Usando textos e imagens em um site
06. Atributos TITLE e ALT - Informações das imagens
07. Como usar imagens em HTML de maneira correta
Vídeo aula - Imagens em sites HTML




Tutoriais sobre Tabelas em HTML

1. Tabela - O que é, para que serve e como usar para criar sites em HTML
2. Como criar tabelas (<tables>), linhas (<tr>) e colunas (<td>) em HTML
3. Títulos (<caption>), Cabeçalho (<thead>), Corpo (<tbody>) e Cabeçalho de corpo (<th>)
4. Atributos colspan e rowspan para expandir células através de linhas e colunas de uma tabela
5. Tamanho(width), espaçamento(cellspacing e cellpadding) e alinhamento(align) em tabelas
6. Cor e imagens em tabelas - Tabelas dentro de outras tabelas (nested tables)
7. Como criar um site usando tabelas como layout
Vídeo aula - Tabelas




Tutoriais sobre Frames em HTML

1. Frames - O que são, para que servem e onde se usa
2. As tags <frameset> e <frame> - Começando a entender e usar frames
3. Como criar um site com frames em HTML
4. Controlando frames: Os atributos name e target - Bordas (borders) e Barra de rolagem (scroll bar)
5. Frames dentro de frames (nested) - Como criar um site coim cabeçalho, menu e rodapé

Tutoriais sobre Formulários em HTML

01. A tag <form>: O que são formulários, para que servem e onde são usados
02. Campo do tipo Caixa de Texto (type="text") em HTML
03. Campo do tipo Caixa de Senha (type="password")
04. Campos de Seleção: Radio Button e Checkbox
05. Menu Drop Down e Caixa de Lista: As tags <select>, <option> e <optgroup>
06. A tag <textarea>: Grandes Áreas de Texto
07. Como criar botões para Enviar (submit) e Limpar (reset)
08. Nomeando, agrupando e organizando campos de um Formulário: As tags <label>, <legend> e <fieldset>



Curso de CSS (Cascading Style Sheets)

Tutorial Básico de CSS

     Vídeo aula - Introdução ao CSS
     Vídeo aula - Sintaxe e Uso do CSS



Tutorial de CSS: Formatação de Textos



Layout de um site em CSS: Box Model (Modelo de Caixas)

Tutorial de CSS sobre Imagens

Tutorial CSS em Links





Tutorial de HTML5



Tutorial de Imagens em HTML5

Como inserir figuras (<figure>) e Legendas (<figcaption>) em HTML5

Curso de SEO

Entendendo o Google



Técnicas de SEO


Monetização de Sites

Google Adsense

Nenhum comentário:

Postar um comentário