HTML e CSS - Desenvolvimento de Sites para Iniciantes e Estudantes

Português

Se você deseja desenvolver sites completos e trabalhar com projetos web, este é o curso perfeito para você!

Seja muito bem vindo(a) ao curso completo de HTML e CSS para iniciantes e estudantes.

Aqui vou te mostrar como desenvolver sites responsivos, ou seja, que funcionam perfeitamente em celulares e computadores.

Todo o conteúdo do curso foi desenvolvido com muita atenção para levar você do Zero até a publicação de projetos completos.

Nosso conteúdo aborda a introdução ao HTML e CSS, desenvolvimento de um protótipo (que servirá de base para os projetos) e por fim 3 sites completos para você colocar em prática seus conhecimentos.

Então se você deseja entrar para a área de desenvolvimento de sites front end, sim! Este é o curso ideal mesmo que você seja um(a) completo(a) iniciante.

Não perca mais tempo e cadastre-se agora mesmo para iniciar seus estudos e transformar suas ideias em projetos reais.

Um grande abraço e te vejo nas aulas.

Mostrar mais
  • Conteúdo
  • Vantagens
  • Detalhes
01
Introdução ao HTML e CSS
  • Alinhamento
  • Primeiras Tags HTML
  • Inserindo os Primeiros Conteúdos no HTML
  • Hierarquia de Títulos em HTML
  • Títulos e Textos em HTML
  • Destaques e Semântica
  • Trabalhando com Viewport
  • Topo e Rodapé
  • Introdução ao CSS
  • CSS para Cabeçalho e Rodapé
  • CSS para Alinhamentos e Espaçamentos
  • Utilizando Imagens na Tag Figure
  • Utilizando Classes
  • Id e Arquivo CSS
  • Introdução ao JavaScript
  • Personalizando a Resposta com JavaScript
  • Adaptando o Conteúdo para Celulares
  • Encerrando a Introdução
02
Protótipo - Modelo de Site
  • Sobre a Nova Sessão Protótipo de Site
  • Estrutura Inicial do Modelo Responsivo
  • Inserindo Informações de Cabeçalho do Site
  • Unidades de Medida CSS
  • Ajuste de Fontes Responsivas
  • Ajustes no Footer
  • Ajustes na Section
  • Criando Espaçamentos Gerais com Padding e Margin
  • Centralizando Margens do Site
  • Opções de Medidas Máximas de Tela
  • Adaptando Imagens no Protótipo
  • Tamanhos de Imagens em CSS
  • Trabalhando com Posição Fixa - Position Fixed
  • Desenvolvendo uma Caixa Interativa
  • Padronizando os Títulos
  • Estrutura da Grid
  • CSS para Grid
  • Grid Responsiva
  • Formulários
  • Inputs de Formulários
  • Área de Texto
  • CSS para Inputs
  • Botões para Formulário
  • Links e Navegação
  • Efeito Over em Links
  • Considerações Finais de Protótipo
03
Projeto Fast Food Básico para Iniciantes
  • Iniciando o Primeiro Projeto Fast Food
  • Alterações Iniciais
  • Logotipo no Header
  • Utilizando e Modificando Padrões de Cores
  • Tons Gradientes em CSS
  • Editando os Dizeres e o Layout do Exemplo Fast Food
  • Formatando as Fontes
  • Inserindo Imagens
  • Efeitos em Links
  • Alterando Elementos da Página
  • Formatando Opções de Compras
  • Formatando Botão Compras
  • Inserindo Produtos no Site
  • Preenchendo o Site
  • Link Âncora
  • Finalizando a Navegação
  • Funcionalidade WhatsApp
  • Publicando o Site
  • Testando o Projeto em Vários Dispositivos
  • Teste seus Conhecimentos
04
Landing Page
  • Projeto Landing Page
  • Ajuste de Conteúdo
  • Padronizando a Página
  • Ajustes de Section
  • Inserindo a Capa do E-book
  • Definindo Target para Links
  • Finalizando o Conteúdo da Página
  • Inserindo as Informações do Autor
  • Publicando o Projeto de Download PDF
  • Modificando o Projeto Landing Page
  • Adicionando Informações no Projeto de Vendas
  • Adicionando mais Chamadas para Ação
  • Layout de Botão Vendas
  • Detalhes do Projeto de Vendas
  • Finalizando o Projeto de Vendas
05
Projeto Final
  • Introdução ao Projeto
  • Criando a Pasta do Projeto
  • Criando o Topo do Site
  • CSS do Header
  • Topo Complementar
  • Edição de Footer
  • CSS para Container e Comentários
  • Inserindo Conteúdo de Texto
  • Imagens de Conteúdo
  • Div de Conteúdo
  • Editando Divs
  • Versão de Celular
  • Versão Responsiva de Conteúdo
  • Versão Responsiva de Topo
  • Ícone do Whatsapp
  • Botões
  • Navegação
  • Inserindo Vídeos Externos
  • CSS para Vídeos Responsivos
  • Ajustes Finais
  • Hospedagem Profissional
  • Registrando Domínio
  • Publicação Profissional
  • Considerações Finais
Saiba mais sobre quem criou o conteúdo
Wagner Cardoso
7 Anos Hotmarter

Sou Profissional de Tecnologia atuante há mais de 20 anos.

Formado em Análise e Desenvolvimento de Sistemas, Pós-graduado em Docência para Ensino Superior e certificado Office Specialist (MOS) desde 2003.

Atuei de 2012 à 2023 em uma ONG situada em SP-Brasil como técnico especializado (TI) e nesse período desenvolvi diversas aplicações administrativas como planilhas (personalizadas com Excel e VBA), documentos padronizados e bancos de dados para controles e relatórios.

Em 2017 (ainda na ONG) passei a atuar como Desenvolvedor na Tectreinamentos Informática, criando aplicações Web para vendas de produtos físicos e digitais.

Me dedico ao empreendedorismo digital oferecendo treinamentos (cursos on-line) de informática e tecnologia, visando iniciantes e estudantes que desejam ingressar na carreira de soluções computacionais (Office) e desenvolvimento (Programação).

Acredito na democratização do conhecimento por intermédio da internet, tenho grande prazer em ensinar e participar do crescimento pessoal e profissional das pessoas.

Mostrar mais

Perguntas Frequentes

Quem avaliou HTML e CSS - Desenvolvimento de Sites para Iniciantes e Estudantes?

Todas as avaliações mostradas aqui foram feitas por pessoas reais que compraram e deram sua opinião sobre o curso. Quando alguém compra um curso através da Hotmart, a pessoa recebe um convite para avaliar o conteúdo dele. A nota nesta página é o resultado da média das avaliações feitas por estes compradores, que vai de 1 a 5 estrelas.

Como funciona o “Prazo de Garantia”?

O Prazo de Garantia é o período que você tem para pedir o reembolso integral do valor pago pela sua compra, caso o produto não seja satisfatório. Assim que solicitado, seu reembolso é processado automaticamente pela Hotmart em até 5 dias. Para pagamentos com boleto bancário, você precisa preencher uma conta bancária para receber o dinheiro. Passados os 5 dias, o valor poderá ser identificado em sua conta em até 7 dias úteis. Já o estorno da fatura do cartão de crédito varia de acordo com o meio de pagamento e pode ocorrer na fatura atual ou na seguinte.

Como faço pra criar um produto?

Primeiro, você precisa criar seu cadastro grátis, clicando aqui. Lá dentro, você tem acesso a mais de 15 formatos pra transformar o que você sabe em um produto digital. Além disso, vai poder acessar também o Hotmart Academy.

O que é e como funciona o Certificado de Conclusão digital?

Alguns cursos online oferecem um certificado digital de conclusão. Alunos podem emitir esse certificado ao final do curso ou entrando em contato com o Autor ou Autora. Esses certificados podem ser compartilhados em redes sociais como o LinkedIn e inseridos em informações curriculares.

Quais diferenciais os produtos podem ter?

Os produtos na Hotmart têm diferenciais que mudam de acordo com o tipo de produto e a disponibilidade. Por exemplo, produtos do tipo "Cursos online" podem ou não oferecer certificado digital de conclusão. Caso o certificado esteja disponível, alunos podem emiti-lo dentro do curso ou entrando em contato com o(a) Autor(a). Os certificados podem ser compartilhados em redes sociais como o LinkedIn e inseridos em informações curriculares. A garantia também é um diferencial dos nossos produtos e pode variar de 7, 15 ou 30 dias, de acordo com o oferecido pelo Autor(a). Para ver os diferenciais disponíveis neste produto, basta checar a seção Diferenciais.

Como acesso meu produto?

Você receberá o acesso a HTML e CSS - Desenvolvimento de Sites para Iniciantes e Estudantes por email. Pode ser um curso online, um ebook, uma série de videoaulas, um serviço, evento, etc. O conteúdo será acessado ou baixado através de um computador, celular, tablet ou outro dispositivo digital. Você também pode acessar o produto comprado nesta página:

01 - Faça login clicando em Entrar
02 - Acesse o menu lateral, clique em Minha conta
03 - Clique em Minhas compras
Em "Minhas compras" estarão todos os produtos que você já comprou!

Tenho interesse neste curso, como posso comprar?

Para comprar este curso, clique no botão “Comprar”. Lembre-se de que nem todos os cursos estarão sempre disponíveis para compra. É possível que o Autor ou Autora esteja preparando uma nova turma ainda sem inscrições abertas.

Como faço para me afiliar?

Para ser Afiliado(a), recomendamos que leia os guias que disponibilizamos em todos os canais da Hotmart. Além disso, uma boa maneira de se informar um pouco mais é acessando nosso blog. O produto desta página está disponível apenas para compra, para ver os produtos de afiliação, vá até o Mercado de Afiliação.

Posso denunciar um produto que possui informações inadequadas?

Temos um canal exclusivo para receber denúncias em produtos que não estão de acordo com as regras da plataforma Hotmart. Se você vir informações inadequadas, denuncie aqui

Tenho outras dúvidas, quem pode me respondê-las?

Acesse nossa Central de Atendimento, onde explicamos, em detalhes, todas as dúvidas que você possa ter antes, durante ou depois de comprar um produto digital na Hotmart.

O conteúdo deste produto não representa a opinião da Hotmart. Se você vir informações inadequadas, denuncie aqui
Garantia de 30 dias
Certificado de conclusão
Estude do seu jeito e em qualquer dispositivo
85 aulas e 11 horas de conteúdo original
Formato: Cursos Online e Serviços de Assinatura . ProgramaçãoCategoria: Tecnologia da Informação
Wagner Cardoso
7 Anos Hotmarter
Acessar produto comprado