Tá complicado mas vai dá certo.
Boas-vindas e Introdução
Introdução e boas-vindas
Do que é composto um website e o que é HTML
O que é preciso para fazer um site e a diferença entre site estático e site dinâmico
HTML5
Iniciando a criação de um site a partir de uma imagem (design/layout )
Dicas importantes e tags principais
Codificando o HTML principal
Importância do SEO by design
Aplicando estilos ao website - CSS
Estrutura básica, semântica do CSS e introdução ao estilo do site.
O que são seletores e para que servem?
Troubleshooting do CSS do site
Finalizando o CSS do Home Page
Adicionando comportamento à pagina com JavaScript
Introdução ao JavaScript e interação do JavaScript com o DOM
Criando um slider simples com JavaScript
Criando as demais páginas do layout modelo
Criação da página de receitas
Criação da página “faça seu pedido”.
Ajustes finais e responsividade
O que é responsividade?
Media-queries
Registro de domínio e publicação do site
O que é e como funcionam os domínios? Noções básicas.
Como funciona a hospedagem, servidores FTP e publicação de um site
Fechamento
Fechamento
Bônus
Criando filtros de imagem avançados com CSS3
Criando animações com CSS3
Agilizando o desenvolvimento do site com Framework Bootstrap
Você não tem acesso a esta aula
Continue aprendendo! Junte-se e comece a impulsionar sua carreira
Se você já tem uma conta,
Criação da página de receitas
14/23Recursos
Para criar a página de receitas, precisamos alterar o header, porém, ao invés de criar um arquivo CSS novo, vamos criar um header individualizado usando id só para esta página, assim podemos usar o mesmo CSS para todo o site.
Veremos como usar display: fex, a melhor forma de alinhar os elementos de uma página e o display: grid, que permite distribuir elementos dentro de uma grade pré-determinada.
Contribuições 11
Perguntas 0
Ordenar por:
Na descrição do vídeo está mostrando “display: fex” ou invés de flex
show
Grid… Muito interessante!
Não consegui incluir o fundo cinza por trás do grid, alguém tem a resolução?
Utilizei o mesmo CSS, com isso o meu background da imagem da pizza ficou na pagina da receitas.html também… como corrijo isso?
ainda não consegui fazer nem a primeira pagina direito
Não seria melhor criar um arquivo de estilos para cada html?
muito bom
Estou com a mesma dificuldade, fiz uma <div id=“header-menor” igual para a pagina de receita e pedido, e fazendo uma div para a pagina inicial a imagem de fundo fica diferente, me ajudem pfvr 😉
Achei meio complicado essa aula mais aprendi
Quer ver mais contribuições, perguntas e respostas da comunidade?