Curso de HTML - Como criar sites

Como criar sites - Curso HTML Progressivo

Primeiramente, a equipe do Curso HTML Progressivo gostaria de parabenizar os estudantes que estão aqui por vontade e interesse próprio.
Nosso objetivo é ofertar um curso de HTML completo, online, grátis e onde não é necessário sequer cadastro. Basta acessar e começar a estudar.

Nesse curso, um iniciante total em criação de sites poderá começar a aprender HTML, desde os seus conceitos mais básicos e simples, sempre com exemplos comentados de códigos. Desde as primeiras aulas nós ensinamos a criar diversos sites e efeitos em HTML.

Nosso curso oferta um diferencial: nós mostramos como fazer, desde o início.
Diferente de outros cursos, não vamos apenas 'jogar' na cara dos leitores os códigos, pois acreditamos que isso mais desmotiva do que ajuda.

Aqui você encontrará aulas, artigos, exercícios, códigos HTML, as melhores aulas em vídeo do Youtube, espaço para tirarmos suas dúvidas.
Se desejar aprender mais sobre esse belo mundo do desenvolvimento, indicamos uma visita ao nosso site base, o Programação Progressiva.


Curso de HTML e CSS com certificado
Obter meu certificado!


Caso seja total iniciante, indicamos a seguinte ordem para seu estudo e caminho para se tornar Webmaster:


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

2 comentários:

Unknown disse...

Otimo parabens aii

27 de outubro de 2016 às 18:34
Unknown disse...

O domínio do site expirou!
Não consigo acessar o conteúdo dos links.

9 de junho de 2017 às 12:34

Postar um comentário

Assinar: Postagens (Atom)

Veja também:

Ported to Blogger by Prayag Verma