Crie sites Responsives e Completos do Zero com HTML5 e CSS3

Aprenda a Criar, Personalizar e Programar Sites Responsivos e Modernos do zero com HTML 5 e CSS 3!

4.65 (47 reviews)
Udemy
platform
Português
language
Web Development
category
188
students
24.5 hours
content
Jul 2023
last update
$19.99
regular price

What you will learn

Criar sites Completos com HTML e CSS

Curso completo de HTML5

Curso completo de CSS3

Criar Sites Responsives

Landing Pages Responsives

Flexbox CSS 3

Animation CSS

Transition CSS

Desenvolvimento Web com HTML5 e CSS3

Técnicas Avançadas de CSS

Criar Menus Responsives

Formulários HTML

Todas as Principais Funcionalidades do HTML e CSS

Description

Neste curso você aprenderá a programar sites do zero com HTML5 e CSS3, entenderá todos os recursos destas poderosas linguagens essenciais para programar Layouts de site de forma rápida e moderna.

Curso completo de HTML5 e CSS3 - Criando sites responsives do Zero.

Se você sempre quis aprender a programar, HTML é uma excelente linguagem para iniciar neste mundo. É importante ressaltar que HTML 5 é uma linguagem de Marcação e CSS 3 é uma linguagem de estilo.

HTML e CSS são essenciais e indispensáveis para criar qualquer tipo de site ou sistema na internet. Pois ela trata de toda a parte visual de qualquer site ou sistema complexo feito para a internet.

Então HTML5 e CSS3 são linguagens puramente Frontend, mas mesmo que você deseje aprender a trabalhar com linguagens Backends, é essencial aprender essas duas linguagens para conseguir apresentar os dados para o usuário final.

Este curso é COMPLETO, o professor tem mais de 15 anos de experiência trabalhando com desenvolvimento web. Segue todos os padrões oficiais de programação para a web.

Alguns tópicos essenciais que o HTML 5 Permite:

  • Criar Modelos de Layouts de forma rápida;

  • Criar Validações visual em formulários HTML;

  • Aprender sobre FlexBox;

  • Criar Formulários HTML;

  • Criar Menus adaptados a mobile;

  • Criar Animações com CSS;

  • Tabelas Personalizadas;

  • Criar Transições com CSS;

  • Inserir imagens;

  • Criar Layouts Responsives utilizando o Media Query;

  • E Muito mais...

Enfim, estas poderosas linguagens oferecem tudo que você precisa para criar sites completos e Profissionais.

Este CURSO só tem vantagem... Tá esperando o que!?
Inscreva-se Agora!

Content

Programação Frontend

Entendendo as Linguagens (frontend x backend)
Editores de Código
Como Criar uma TAG no HTML
Estrutura Básica de um arquivo de HTML 5

Entendendo as TAGS do HTML 5

Tags de Títulos
Tags P e Comentários
Tags Strong e Em
Tags DIV e BR
Tags de Listas
Inserindo imagens no HTML 5
Criando Links Externos
Criando Links Internos
Criando Links Âncoras
Estrutura de um site
Tabelas em HTML 5
Atributos de Tabelas

Estilos do CSS 3

Como Escrever CSS
Seletores CSS básicos
Tipografia - Fonts
Tamanhos e Estilos de Font.
Estilos de Fonts
Text-Decoration e Cores no CSS
Google Fonts - Como usar as fonts do Google.
Estilizando Blocos de Textos
Text-Decoration Avançado
Alinhamento Vertical
Hierarquia dos Seletores
Bordas no CSS
Tipos de Display
Margens Externas - Margins
Margens Internas - Paddings
Box-Sizing
Cantos Arredondados - Border-radius
Estilos de Listas
Listas com Imagens
Cor no Plano de Fundo
Imagem no Plano de Fundo
Posicionamento de imagens
Mudando tamanho das Imagens de Fundo
Positions com CSS
Z-index (ordenação dos positions)
Posição fixa na tela
Tipos de Overflows CSS
Sombra nos Textos
Sombra nos Blocos
Gradiente (degrade) no Plano de Fundo
Transparência (opacity)
Mudando o Ponteiro do Mouse - Justificando e centralizando.
HOVER - Evento ao colocar o Mouse
Adicionado FAVICON no site

Tags de Layout - HTML 5

Criando a estrutura HTML
Vinculando ao CSS
Criando o topo do site
Tags HEADER e NAV
Criando o Banner
Tags MAIN e ASIDE
Tag article
Tag Footer
Figure e Figcaption

Formulários HTML

Começando com os Formulários
Campo de texto
Campo de E-mail
Campos Obrigatórios
Campos Password, number e url.
Campos file, color e reset
Campos de data e hora
Campos de imagem e Range
Botão de Enviar
Caixa de Checagem
Radio Box
Atributos dos Campos
Max-length / Min-length
Max / Min - step
Atributos de Formlários
Tag Textarea
Tag Select
Fieldset - Divisões nos Formulários
Tags de DATALIST
Estilizando o Formulário.

Criando Layouts Baseado em Colunas

Criando a estrutura HTML
Criando o CSS
Ajustando Imagens
Criando Links
Alterando Colunas
Criando Layout de Colunas com Tamanhos Diferentes
Posicionando Colunas

Recursos Avançados de HTML

Tag WBR
Inserindo Áudio no HTML
Inserindo Vídeos no HTML
Inserindo Vídeos do Youtube
Inserindo Mapa do Google

Seletores CSS avançados

Seletores Filhos
Seletores Irmãos
Filho Direto
Primeira Letra e Linha
After e Before
Estilizando Seleção de textos
Estilizando "marca" das listas.

Estilos Avançados - CSS 3

Estilo Colunm
Transições com CSS
Aplicando Transições no Menu
Focus (formulário)
Animações CSS
Animation Transform
Animação de Flutuação
Pausando Animações
FlexBox (container)
FlexBox (itens)

Responsive (@media query)

Introdução ao Responsive com Media Query
Ajustando topo e menu
Lateral do site
Colunas Responsives
Formulário Responsive
Criando Menu DropDown

Criando um Site Responsive do ZERO

Como será o Layout?
Iniciando o HTML
Criando o CSS do header
Banner com HTML
Criando o campo do Pedido
Criando o cardápio em Colunas
Criando a section de Receba
Criando a parte de Vantagens
Criando os Depoimentos
Parceiros
Footer e Favicon
Transformando em Responsive
Iniciando o Menu Responsive
Concluindo o Menu Mobile
Menu Mobile - Lateral
Efeito de Transição no Menu
Efeito no Menu Mobile
Scroll Suave com CSS
Efeito de Animation no Banner
Animação na seta.
Efeito de Transition nas Colunas
Efeitos no Botão
Animation na imagem
Criando Funcionalidade dos Depoimentos
Criando envio para o WhatsApp
Lista de sites de ícones e imagens

Como Hospedar meu site?

Registrando um Domínio
Hospedagem com Desconto
Acesso FTP (filezzila)
Enviar E-mails através do Formulário do Site
O que fazer agora?

Screenshots

Crie sites Responsives e Completos do Zero com HTML5 e CSS3 - Screenshot_01Crie sites Responsives e Completos do Zero com HTML5 e CSS3 - Screenshot_02Crie sites Responsives e Completos do Zero com HTML5 e CSS3 - Screenshot_03Crie sites Responsives e Completos do Zero com HTML5 e CSS3 - Screenshot_04

Reviews

Suely
November 14, 2023
Eu passaria horas aqui, fazendo elogios. Um curso completo, o melhor que eu já fiz, valeu o investimento. A forma do Roberto ensinar é a melhor. Ele ensina o que cada ferramenta faz de uma forma transparente, com calma, com paciência, com exemplos, nossa eu estou surpresa. Parabéns professor Roberto, Você foi o melhor. Muito obrigado. Deus te abençoe

Charts

Price

Crie sites Responsives e Completos do Zero com HTML5 e CSS3 - Price chart

Rating

Crie sites Responsives e Completos do Zero com HTML5 e CSS3 - Ratings chart

Enrollment distribution

Crie sites Responsives e Completos do Zero com HTML5 e CSS3 - Distribution chart

Related Topics

4910058
udemy ID
10/2/2022
course created date
10/7/2022
course indexed date
Bot
course submited by