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.
Neste curso, um iniciante total em criação de sites poderá 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 você a criar diversos sites e efeitos em HTML.
Nosso grande diferencial: nós mostramos como fazer desde o início. Diferente de outros cursos, não vamos apenas "jogar" os códigos na tela, pois acreditamos que isso mais desmotiva do que ajuda. Aqui você encontrará aulas, artigos, exercícios práticos e suporte para tirar suas dúvidas.
Se deseja se aprofundar ainda mais no mundo do desenvolvimento, indicamos uma visita ao nosso portal base, o Programação Progressiva.
Módulo 1: Introdução e Informações sobre o HTML
- 01O que é HTML? Como Criar Sites
- 02A Evolução da Web: De HTML para XHTML e HTML5
- 03Melhores Editores HTML: Qual Programa Usar para Criar Sites?
- 04Qual Editor HTML Usar para Aprender a Criar Sites de Verdade?
- 05Como Funciona o HTML e CSS? Entenda a Diferença na Criação de Sites
- 06O que é DOCTYPE no HTML? Entenda as Especificações (W3C e WHATWG)
Quer turbinar seu Currículo com um Certificado Oficial?
Estude com suporte a dúvidas exclusivo, plataforma de membros avançada e conquiste o seu Certificado de Conclusão válido em todo o Brasil para turbinar sua carreira de Webmaster.
Obter Meu Certificado Oficial →
Módulo 2: Conceitos Básicos sobre Criação de Websites
- 01Como criar o primeiro site em HTML
- 02O que são tags em HTML: < > e </ >
- 03<HTML>: a tag principal de um site em HTML
- 04Efeito <marquee>: fazendo um texto deslizar em um site
- 05O que são atributos de tags
- 06Tags aninhadas e indentaçã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
- 08A tag <body> - Definindo o corpo de um site
- 8.1O atributo bgcolor: Como alterar a cor de fundo - A tabela de cores
- 09O que são e como criar um Link - A tag <a>
- 9.1Links internos e Páginas em um mesmo diretório
Módulo 3: Formatação de Texto em HTML
- 01A importância da formatação de textos no Webdesign
- 02Como produzir quebras de linha e fazer parágrafos - As tags <br /> e <p>
- 03Textos em negrito, itálico e sublinhado - As tags <b>, <i> e <u>
- 04Hierarquia de um documento - As tags de cabeçalho <H1> até <H6>
- 05Como criar listas ordenadas e não ordenadas
- 5.1Listas ordenadas alfabeticamente, aninhadas e com outros símbolos marcadores
- 06A tag <font> - Como alterar a fonte, tamanho e cores de um texto
- 07charset <meta> tag - Como escrever símbolos e acentos ortográficos em HTML
Estude Offline: Apostila Completa ou Livro Impresso!
Prefere estudar sem distrações? Baixe a nossa Apostila Oficial Completa de HTML e CSS ou adquira o seu Livro Físico encadernado de alta qualidade entregue diretamente na sua casa.
Baixar Apostila Digital Digital → Comprar Livro Físico Impresso →
Módulo 4: Imagens e Mídia em HTML
- 01Introdução - A importância das figuras, sons e vídeos na Internet e Web 2.0
- 02Imagens em HTML - JPEG, JPG, GIF, WEBP e PNG
- 03<img> - Como colocar imagens em um site - O atributo src
- 04Atributos height e width - Como alterar altura e largura de uma imagem
- 05O atributo align para alinhar elementos - Usando textos e imagens em um site
- 06Atributos TITLE e ALT - Informações das imagens
- 07Como usar imagens em HTML de maneira correta
Módulo 5: Tabelas em HTML
- 01Tabela - O que é, para que serve e como usar para criar sites em HTML
- 02Como criar tabelas (<table>), linhas (<tr>) e colunas (<td>) em HTML
- 03Títulos (<caption>), Cabeçalho (<thead>), Corpo (<tbody>) e Cabeçalho de corpo (<th>)
- 04Atributos colspan e rowspan para expandir células através de linhas e colunas de uma tabela
- 05Tamanho(width), espaçamento(cellspacing e cellpadding) e alinhamento(align) em tabelas
- 06Cor e imagens em tabelas - Tabelas dentro de outras tabelas (nested tables)
- 07Como criar um site usando tabelas como layout
🚀 Pacote Completo: Domine a Programação de Ponta a Ponta!
Tenha acesso vitalício a TODOS os materiais oficiais do projeto com o nosso Mega Pack. Todas as apostilas do Projeto Progressivo reunidas com desconto massivo para você dominar HTML, CSS, C, Java, Python e muito mais.
Garantir Meu Mega Pack com Desconto →
Módulo 6: Frames em HTML (Do Legado ao Padrão Moderno)
- 01O Guia dos Frames HTML: Do Legado Obsoleto ao Iframe Moderno
- 02As Tags Frameset e Frame: Como Dividir a Tela (E a Solução CSS)
- 03Como Criar um Site com Menu Lateral (Adeus Frames, Olá CSS Flexbox)
- 04Como Direcionar Links e Estilizar Iframes (O Fim do Frameborder)
- 05O Fim dos Frames Aninhados: Criando Layouts Completos com CSS Grid
Módulo 7: Formulários em HTML
- 01Guia Definitivo dos Formulários HTML5: Estrutura, Atributos Modernos e UX
- 02Como Criar Caixas de Texto em HTML: O Guia Completo da Tag input type="text"
- 03Como Criar um Campo de Senha em HTML: O Guia da Tag input type="password"
- 04Campos de Seleção: Radio Button e Checkbox
- 05Menu Drop Down e Caixa de Lista: As tags <select>, <option> e <optgroup>
- 06A tag <textarea>: Grandes Áreas de Texto
- 07Como criar botões para Enviar (submit) e Limpar (reset)
- 08Nomeando, agrupando e organizando campos de um Formulário: As tags <label>, <legend> e <fieldset>
- 09 Como Criar um Formulário HTML Completo: Guia Prático com Código Fonte Otimizado
Módulo 8: Curso de CSS (Cascading Style Sheets) - Tutorial Básico
- 01Introdução ao CSS: O que é, Para que Serve e Como Funciona na Prática
- 02As 3 Formas de Usar CSS no HTML: Inline, Interno e Externo (Guia Prático)
- 03O Efeito Cascata no CSS: Quem Manda Mais?
- 04Seletores CSS Básicos: Como Estilizar Tags, Atributos e Múltiplos Elementos
- 05class Selector - Criando seu próprio seletor de classes em CSS
- 06ID Selector - O seletor ID e a diferença pro CLASS em CSS
- 07A tag <div> - Criando divisões lógicas e estruturais em um site
- 08A tag <span> - Agrupando elementos inline
- 09Seletores Descendentes em HTML e CSS
- 10 Pseudo-classes e Pseudo-elementos em CSS
Módulo 9: CSS - Formatação de Textos e Listas
- 01Formatação de textos com CSS
- 02Fonte em Itálico, Oblíqua e Normal com font-style
- 03Fonte em Negrito: A propriedade font-weight
- 04Sublinhado, sobrelinhado, riscado e efeito piscar: text-decoration
- 05Tipo e Família de Fonte em CSS: font-family
- 06Tamanho de Fonte: font-size
- 07Cores em Fontes: A propriedade color
- 08Fonte maiúscula, minúscula e capitalizada: text-transform
- 09Espaçamento entre letras (letter-spacing), palavras e linhas
- 10Alinhamento de texto em CSS - text-align: left, right, center e justify
- 11Como Usar a Propriedade text-indent no CSS
- 12Margem (espaço) entre parágrafos - margin-top e margin-bottom
- 13CSS em Listas - As propriedades list-style-type e list-style-position
Módulo 10: Layout em CSS - Box Model (Modelo de Caixas)
- 01Box Model em CSS - Margin, Padding e Border
- 02A propriedade padding em CSS - Espaçamentos internos no site
- 03A propriedade border em CSS - As bordas de elementos
- 04A propriedade margin - Controlando e Definindo as Margens Externas
- 05A propriedade display - Exibindo elementos como inline ou block
- 06CSS display - Avançado: none, inline-block, list-item e table
- 07height e width - Definindo Altura e Largura de Elementos
- 08Propriedade float - Fazendo Elementos Flutuarem à Esquerda ou Direita
Módulo 11: CSS Avançado e Imagens de Fundo
- 01Trabalhando com Estilização e Propriedades de Imagens em CSS
- 02A propriedade background-image: Inserindo imagens de fundo
- 03Controlando a repetição do fundo com background-repeat
- 04Posicionamento de backgrounds com background-position
Não pare seus estudos por aqui! Adquira o Mega Pack Oficial
Transforme-se em um desenvolvedor completo. Obtenha todas as apostilas de nossa rede (HTML, CSS, Algoritmos, Estruturas de Dados e Linguagens de Programação) in um único arquivo PDF premium.
Adquirir Coleção de Apostilas Completa →
Módulo 12: HTML5 Semântico e Desenvolvimento Web Moderno
- 01Qual a diferença de HTML e HTML 5?
- 02Como criar um site em HTML5
- 03Novas tags do HTML5: Guia de semântica e estrutura Web
- 04Negrito e Itálico em HTML5: <strong>, <b> e <i>
- 05Tags Header, Footer e Article no HTML5 Semântico
- 06Tag hgroup em HTML5
- 07Tag hgroup em HTML5
- 06 SEO On-Page básico: Como estruturar suas tags HTML para agradar ao Google
- 07CSS Flexbox: Dominando Alinhamentos de Layout Flexíveis
- 08CSS Grid Layout: Criando Estruturas Bidimensionais Complexas
- 09Web Design Responsivo: Media Queries e Conceito de Mobile-First
- 10Transições e Animações Dinâmicas com CSS puro
Módulo 13: Monetização com Sites
- 01Google AdSense - Como funciona o algoritmo
- 02Google AdSense - Quanto de conteúdo precisa ter para ser aprovado
- 03Google AdSense - Como ser aceito (dica infalível)
Módulo 14: SEO (Search Engine Optimization)
- 01Por que o SEO é vital? A importância do Google para um site
- 02Guia do SEO moderno: Como funciona o algoritmo do Google
- 03Black Hat SEO: Como o Google venceu as farmlinks e spams
- 04Meta tags no SEO: Keywords e description
- 05PageRank - A evolução do Google no SEO
- 06Punições no Google - O que destrói o SEO em um site
- 07Como criar títulos otimizados para SEO: A ciência por trás do clique
- 08Como criar URLs amigáveis e dominar o topo do Google
- 09SEO focado no usuário: Como aumentar tempo de permanência e reduzir rejeição no seu site
- 10Guia Definitivo Google AdSense: Como Não Ser Banido, Evitar Limitação de Anúncios e Multiplicar seus Ganhos
- 11Monetização de sites: Como ganhar dinheiro com SEO e HTML
- 12SEO em imagens: alt, title e Direitos autorais
2 comentários:
Otimo parabens aii
O domínio do site expirou!
Não consigo acessar o conteúdo dos links.
Postar um comentário