módulo
#4

No módulo #4 nós abalamos todas as estruturas.

Aprendemos sobre os tão temidos html/css e javascript, configuramos as tags de SEO e integramos um formulário com as ferramentas de mailmarketing ;D

Separei algumas perguntinhas pra você fixar o aprendizado :D

Pode responder mesmo que não tenha feito todas aulas do módulo ok?

Como fazemos para criar um container personalizado?

Criamos uma "div block" e configuramos o "height" que queremos.
Criamos uma "section" e configuramos o "width" que queremos.
Criamos uma "div block" e configuramos o "max width" que queremos.

É isso aí cara! Um container personalizado deve ser uma "div block" com "max width". Um dos containers mais utilizados atualmente é o de 1170px de largura :D

Será? tente novamente :D

Para que serve o código CSS no projeto?

Para configurarmos as características de cada classe utilizada nos elementos.
Para montarmos a estrutura do nosso projeto.
Para criarmos interações e animações nos elementos.

Boa! O código CSS é onde configuramos todas as classes utilizadas em cada elemento. É o que diz que aparência um elemento vai ter, como se fosse o arquiteto do nosso projeto.

Será? tente novamente :D

O que é um modal?

É um bloco que abre informações extras na tela na frente de todos elementos.
É um elemento utilizado para agrupar outros elementos.
É um bloco responsivo que abre no celular.

Será? tente novamente :D

É isso aí! O Modal é uma tela que abre na frente de todos elementos, geralmente 100% do width e height do monitor do usuário. É muito utilizado para mostrar informações, capturar e-mails e divulgar anúncios.

O que é o efeito hover?

É quando um elemento é alterado quando passamos o mouse em cima dele.
É quando um elemento é alterado quando clicamos nele.
É quando um elemento está escondido na tela.

Show! O Mouse hover é um efeito de interação quando o usuário passa a seta do mouse em cima de um elemento. É muito utilizado em botões, por exemplo.

Será? tente novamente :D

Para integrarmos um formulário do Webflow com o Mailchimp, qual campo devemos preencher com o link de integração?

O campo "url" do formulário.
O campo "id" do formulário.
O campo "action" do formulário.

Será? tente novamente :D

Mandou bem! O campo que deve ser preenchido é o "action". É ele que faz a integração do Webflow com o Mailchimp automaticamente.

Quais são as configurações mágicas que podem ajudar o teu site a ser melhor rankeado no Google?

Títulos do conteúdo, Títulos da página e Link da página com palavras-chave.
Palavras-chave nos parágrafos e imagens levinhas.
Utilizar vários "H1" no site e adicionar "Alt tag" nas imagens.

Será? tente novamente :D

Perfeito! O combo perfeito para indexação no Google é estudar bem as palavras-chave e colocar elas tanto nos Títulos do conteúdo, quanto no Título e no Link da página.

eaí, tá com alguma dúvida?
manda um whats pra mim :D

Evekayser Design © all rights reserved
Rua Belo Horizonte 252, Cascavel - PR
CEP 85802-010