What you'll learn

Compreender os conceitos da linguagem de marcação HTML5
Compreender como organizar seu conteúdo HTML5 usando corretamente as estruturas semânticas da linguagem
Compreender a importância da boa estruturação de páginas HTML 5 para auxiliar na indexação por parte das ferramentas de busca como Google e Bing
Aprender como hospedar suas páginas gratuitamente usando o GitHub Pages, Netflify e até o Google Drive!
Compreender os conceitos de registro de domínio e hospedagem de websites
Hospedar suas páginas web de forma gratuita na Internet
Registrar domínios de forma gratuita, para ter endereços web simples e sem o nome de empresas como Wix
Ter uma visão geral das tecnologias HTML, CSS e JavaScript

Course content

13 sections • 73 lectures • 6h 34m total length

Bem-vindo ao curso e para quem este curso é indicado1:53
Vamos iniciar. Bem-vindo ao curso e para quem este curso é indicado.
O que você precisa saber antes de iniciar o curso0:40
Este curso foi criado pensando no iniciante, na pessoa que quer aprender HTML mas não tem nenhuma experiência anterior. Definitivamente, é um curso para iniciantes. Esta aula fala brevemente do que você precisa saber antes de iniciar o curso.
Qual a função das tecnologias HTML, CSS e JavaScript nas páginas web10:32
Nesta aula você verá como cada tecnologia front-end atua na visualização e interatividade das páginas web.
O que são tecnologias front-end e back-end3:05
As tecnologias de dizem respeito ao desenvolvimento web podem ser agrupadas em tecnologias Front-end e Back-end. Esta aula explica a diferença e a função de cada grupo de tecnologias.
Websites estáticos e dinâmicos1:53
Esta aula busca explicar a diferença entre websites estáticos e dinâmicos.
Como tirar suas dúvidas comigo.3:18
Nesta aula você conhecerá a área de Perguntas e Respostas da Plataforma Udemy

Porque é importante aprender HTML1:16
Esta aula explica a importância do estudo de HTML.
O que são linguagens de marcação e a diferença em relação a ling. de programação1:35
Muita gente confunde linguagem de programação com linguagens de marcação. Esta aula busca explicar de forma rápida a diferença, principalmente considerando o HTML.
A sintaxe básica da linguagem de marcação HTML510:15
Nesta aula você aprenderá a sintaxe básica da linguagem de marcação HTML. Esta é uma aula bem básica, para iniciar o estudo da linguagem.
Onde conseguir referências atuais sobre HTML - Atualizado para 2020.15:22
De tempos em tempos surgem novos sites com ótimo conteúdo complementar. Esta aula, atualizada periodicamente, indica onde conseguir material atualizado sobre HTML, para qeu você possa consultar e se manter atualizado.
As Principais Diferenças Entre HTML4 e HTML54:14
Esta aula fala sobre as diferenças entre o HTML4 e o HTML5 e explica o motivo de existirem tags comuns entre HTML4 e HTML5, mas cujo significado muda no HTML5. A aula também mostra um site onde é possível verificar as tags HTML4 que não foram migradas para o HTML5.
Quiz da Seção
Reunião de Kickoff: Fundamentos de HTML na Prática

O que você precisa fazer antes de iniciar o curso0:43
Esta aula apresenta as atividades desta seção.
Instalando o Navegador Chrome e o Editor HTML Brackets3:15
Nesta aula você aprenderá a instalar o Navegador Chrome e o Editor HTML Brackets, duas ferramentas que ajudarão muito nas aulas.
Uma breve introdução ao Brackets3:10
O Editor de códigos HTML Brackets tem uma série de vantagens para quem está iniciando no aprendizado. Nesta aula você conhecerá um pouco mais do editor e seus benefícios.
Como publicar seus exercícios na web2:30
Este curso também ensina como publicar suas páginas web na Internet. Esta aula fala das seções do curso que abordam o assunto.

Examinando um documento HTML55:19
Nesta aula vamos discutir a estrutura de um documento HTML simples.
Entendendo o Modelo de Conteúdo HTML3:33
Nesta aula você compreenderá o modelo de conteúdo HTML. Um conceito muito importante pra a Web Semântica.
A seção cabeçalho <head> dos documentos HTML6:29
Nesta seção você compreenderá o papel da seção head em documentos HTML.
A seção corpo <body> dos documentos HTML510:03
Nesta seção você compreenderá o papel da seção body em documentos HTML.
DICA : Guia de Referência Rápida W3C3:56
Uma das melhores formas de obter informações precisas sobre a linguagem HTML é usar o Guia de Referência Rápida da W3C. Nesta aula você aprenderá como.

O que vamos aprender0:43
Esta aula é um resumo rápido do que será abordado nas próximas aulas.
Nosso currículo como página Web6:41
Nosso projeto introdutório é a criação de uma versão HTML do seu currículo para a Web.
As tags de definição de hierarquia de títulos em páginas HTML: <h1> a <h6>15:44
Nesta aula você aprenderá sobre a hierarquia de Títulos HTML.
Como formatar parágrafos com a tag <p>8:20
Nesta aula você aprenderá a definir parágrafos usando a tag <p>
Como controlar as quebras de linha usando a tag <br>3:42
Nesta aula você aprenderá a a controlar as quebras de linha usando a tag <br>.
Como enfatizar e destacar palavras e frases dentro de um parágrafo10:35
Nesta aula você aprenderá a enfatizar e destacar informações usando tags HTML
Como lidar com espaços em branco e quebras de linha3:44
Nesta aula você aprenderá a lidar com espaços em branco e quebras de linha. Parece um assunto bobo, mas não é ! Faz muita diferença na formatação de textos.
Como exibir caracteres especiais6:31
Nesta aula você aprenderá a exibir caracteres especiais usando HTML5.
Como criar listas ordenadas e não ordenadas9:59
Nesta aula você aprenderá a criar listas ordenadas e não ordenadas.
Listas de Definição10:00
Nesta aula você aprenderá a criar um tipo especial de lista chamada lista de definição.
Como exibir conteúdo pré-formatado usando a tag <pre>6:10
Nesta aula você aprenderá como usar a tag <pre> para exibir conteúdo pré-formatado.
Como criar hiperlinks9:50
Nesta aula você aprenderá a criar a essência dos documentos HTML, os hiperlinks.
Como inserir imagens em documentos HTML9:27
Nesta aula você aprenderá a inserir imagens em documentos HTML.
Como incluir comentários nos documentos HTML3:51
Comentários são informações que incluímos no código em linguagens de programação (e marcação), para poder lembrar de decisões ou deixar claro o que algo faz dentro do código.
Também usamos comentários para inibir parte do código para localizar problemas.
Nesta aula você aprenderá a usar comentários dentro do código HTML.

Estilos Inline, Internos e Externos12:37
Nesta aula você conhecerá como definir estilos CSS dentro de páginas HTML.
Seletores, Propriedades e Valores4:17
Nesta aula você aprenderá os elementos fundamentais de uma instrução CSS: Seletores, Propriedades e Valores.
Seletores globais e específicos usando o atributo HTML5 class7:21
Nesta aula vocë aprenderá a usar o atributo class para criar um seletor específico.

O que você vai aprender nesta seção1:24
Você sabe como conseguir um endereço web para seu site? algo como udemy.com ou amazon.com, ou até para seu nome? Esta seção aborda o processo de conseguir um nome de domínio para seu site.
O que são nomes de domínio7:47
Udemy.com é o endereço de domínio da Udemy. Udemy.com.br também. Qual a diferença de um endereço para o outro e o que são nomes de domínio é o que será abordado nesta aula.
A estrutura do nome de domínio2:37
Esta aula explica a estrutura dos nomes de domínio.
O que é Registro de Domínio4:36
Esta aula explica, de forma geral, o processo de registro de domínios.
Nomes de domínio .BR5:09
Esta aula aborda os domínios brasileiros, terminados com .BR
Como localizar um nome de domínio adequado para seu site8:36
Esta aula dá dicas de como encontrar um nome de domínio adequado para você.
Domínios de topo gratuitos9:35
Esta aula explica o que são domínios de topo gratuitos
Registro de domínio gratuito3:35
Esta aula mostra o passo a passo para o registro de um domínio de topo gratuito.
Como resolver o problema de domínio indisponível do Freenom4:20
É muito comum o Freenom mostrar que um endereço de domínio não está disponível, quando está.
Esta aula mostra o problema e como resolver.

O que você vai aprender nesta seção2:00
Esta aula resume o que será abordado nas próximas aulas.
O que é hospedagem de sites1:26
Nesta aula você aprenderá o que é hospedagem de sites.
Serviços de hospedagem de sites7:49
Esta aula aborda os serviços de hospedagem de sites, suas funções e características.
Serviços de criação e hospedagem de websites18:24
Serviços como o Wix, Strikingly entre outros, oferecem tanto o serviço de hospedagem quando o serviço de criação de sites. Esta aula fala sobre estes serviços, que são principalmente voltados para iniciantes.
Serviços gratuitos de hospedagem de websites5:01
Esta aula apresenta serviços gratuitos de hospedagem de sites
O que é este tal de Wordpress9:10
Quando se fala em ter um site na Internet, muita gente fala algo como "faz um Wordpress" ou "instala um Wordpress". Nesta aula você vai aprender quem é este tal de Wordpress.

Como Criar uma Conta no Google Drive Para Hospedagem Gratuita do Site3:59
Para este processo, é essencial criar uma conta nova no Google Drive, para não expor seus arquivos pessoais. Esta aula mostra como.
Como a Pasta do Google Drive Guardará os Arquivos do Seu Site2:53
Esta aula explica como uma pasta do Google Drive servirá como hospedagem dos seus arquivos para seu site.
Como Usar o Serviço DRV.TW para Gerar um Link Web para a pasta do Google Drive2:48
Esta aula explica como usar o DRV.TW para gerar um link web que aponta para uma pasta no Google Drive.
Como Apontar seu Endereço de Domínio para o Link Gerado pelo Serviço DRV.TW3:16
Esta aula mostra como apontar seu endereço de domínio para o link gerado pelo DRV.TW
Como Atualizar sue Site a Partir do Google Drive3:34
Esta aula explica como você pode atualizar seu site a partir do Google Drive. Sim, o processo é simples, mas vale a pena reforçar.
Quando o CNAME não Funciona - Usando Redirecionamento de URL1:57
Em algumas situações, o CNAME pode não funcionar, principalmente se apontado para um outro endereço que não do Google Drive. Uma alternativa é usar uma URL de redirecionamento, como mostra esta aula.

O que você vai aprender nesta seção0:28
Esta aula apresenta o que será abordado nesta seção, que é o processo de publicação de um site no Netlify.
Como criar sua conta no Netlify1:19
Nesta seção você aprenderá a criar sua conta no Netlify.
Como enviar seus arquivos HTML para o Netlify3:43
Nesta aula você aprenderá a enviar seus arquivos HTML para o serviço de hospedagem do Netlify.
Como alterar o endereço do site criado no Netlify2:07
Nesta aula você aprenderá a fazer algumas configurações no serviço do Netlify para usar um endereço mais adequado para seu site.
Como apontar seu domínio para os arquivos hospedados no Netlify5:40
Nesta aula vamos configurar o Netlify e o Freenom para que meu domínio gratuito aponte para os arquivos hospedados no Netlify.
Dois métodos para enviar seus arquivos para hospedagem no Netlify8:52
Nesta aula você aprenderá dois métodos para enviar seus arquivos das suas páginas web para no Netlify, para que você possa acessar estes arquivos navegando na web, por intermédio do domínio que você registrou.

Requirements

O estudante deve estar familiarizado com os procedimentos de instalação de programas em seu computador.

Description

Este curso contém uso de inteligência artificial.

IMPORTANTE: Este curso é básico. Não apresenta todos os detalhes da linguagem HTML e não tem o objetivo de ser um curso completo. O objetivo é ser um curso muito simples, para ajudar qualquer um a entender a linguagem HTML e a criar uma página web simples.

Não se inscreva neste curso se você busca algo mais do que o básico !

Você deve estar pensando:

"Existem milhares de cursos HTML na Internet, o que este curso têm de especial?"

Segue uma lista:

Este curso é focado nos conceitos da versão 5 do HTML. Muitos cursos ainda usam conceitos ultrapassados, de HTML 4.01 (de 1999) e XHTML (de 2000).
Este curso faz parte da disciplina Desenvolvimento Web, que leciono para alunos de graduação.
O curso ensina como hospedar suas páginas gratuitamente na Internet usando o GitHub Pages e o Netlify.
O curso ensina como registrar domínios gratuitos, para que você tenha sua própria página web.

Este curso foi projetado para iniciantes e receberá atualizações a partir do seu feedback, ou seja, a partir da sua avaliação positiva e construtiva, este curso crescerá, incorporando conteúdos que te ajudarão a conhecer mais a linguagem e as tecnologias associadas.

Não perca tempo, inscreva-se no curso e comece a aprender HTML5 hoje mesmo!

Este curso contém materiais promocionais na aula bônus.

Who this course is for:

Qualquer um que deseja conhecer os fundamentos do HTML
Alunos que desejam aprender a versão mais atual da linguagem HTML, a versão HTML5
Iniciantes que desenham entender como funcionam as páginas web e os conceitos de registro de domínio e hospedagem de websites

What you'll learn

Explore related topics

Course content

Bem-vindo ao curso HTML5 para quem não sabe nada de HTML56 lectures • 21min

Fundamentos do HTML56 lectures • 33min

Antes de Começar4 lectures • 10min

A Estrutura Básica de uma Página HTML55 lectures • 29min

Dando Significado ao Conteúdo de uma Página HTML14 lectures • 1hr 45min

Fundamentos do CSS3 lectures • 24min

O que é Registro de Domínio e como Registrar um Domínio Gratuito9 lectures • 48min

O que é Hospedagem de Site e o que são Serviços de Criação e Hospedagem de Sites6 lectures • 44min

Como Publicar Suas Páginas HTML na Web Usando o Google Drive6 lectures • 18min

Como Publicar Suas Páginas HTML na Web Usando o Netlify6 lectures • 22min

Requirements

Description

Who this course is for: