Dicas importantes e tags principais

Curso de Desenvolvimento de Website

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

Bônus

Criando filtros de imagem avançados com CSS3

Criando animações com CSS3

Agilizando o desenvolvimento do site com Framework Bootstrap

Crie uma conta ou faça login

Continue aprendendo! Junte-se e comece a impulsionar sua carreira

Recursos

Ao desenvolver um site, se recebe uma imagem do designer que demonstra como o nosso site deve ficar, sendo que esta geralmente já está aprovada pelo cliente, e é importante deixar o site o mais próximo o possível dessa imagem.

Para começarmos a fazer o nosso site, o primeiro passo é identificar os elementos contidos nela que usaremos para construir a página. Isso consiste em encontrar as tags HTML que utilizaremos.

Nesta aula, vamos conhecer as seguintes tags: img, para criação de imagens; h1, de heading, para criar títulos; p, para criar parágrafos; section ou div que usamos para definir uma seção que contém elementos em comum e a, usada para criação de links.

Também vale a pena mencionar essas outras tags: header, que define o cabeçalho; footer, para o rodapé; e nav, de navegação, usada para menus.