Conteúdo do Curso
Nesse Curso de WebFlow você irá Aprender a Fazer sites Incríveis e Elegantes com alto impacto visual, que te permitirá cobrar mais por seus projetos sem precisar saber programar uma linha de código. Sério!
Introdução ao Webflow: plataforma de desenvolvimento de sites com cerca de 6 anos de existência. Ferramenta incrível para todos os públicos. Vantagens de utilização da ferramenta, resumo das principais funcionalidades e animações disponíveis, apresentação de planos, CMS e hospedagem de sites. Introdução sobre HTML, CSS e navegação no site. Tão fácil quanto o Photoshop.
Aula 1: Apresentação
O que Webflow?
Para que serve?
Para quem é o Webflow?
Para quem é o curso?
Quais as Vantagens do Webflow?
Quais as principais funcionalidades?
.png)
Aula 2: Introdução Webflow
Neste vídeo, vamos levá-lo a um tour rápido pelos principais recursos e seções do Designer, para que você conheça a configuração do terreno antes de mergulharmos nos detalhes desse construtor de sites.
.png)
Aula 3: Introdução HTML e CSS
Neste vídeo você irá entender as diferenças entre HTML e CSS, além de aprender como utilizar o Webflow pode ajudá-lo a produzir sites profissionais sem dominar código ou programação.
Elementos Básicos do Webflow: apresentação do Painel de Elementos, Sessões do site, Container para construção, Colunas e Div block. Passo a Passo de Criação de uma Home Page, testking mão na massa!
.png)
Aula 1: Painel de Elementos
O Painel de Elementos do Webflow oferece acesso rápido e visual aos projetos. Neste vídeo, abordaremos a estrutura do Painel de Elementos e como adicionar elementos a seus projetos de forma ágil.
.png)
Aula 2: Sessões
Saiba como e por que usar, um elemento de layout com largura para que ele se adapte a largura da janela do navegador. As seções desempenham um papel importante na estrutura e no layout da página.
.png)
Aula 3: Container
Saiba como e por que usar o elemento de contêiner do Webflow, para estruturar o site. Entenda como ele mantém todo o seu conteúdo em uma região legível e razoável no centro de sua página.
Principais Componentes e Estilos Básicos do Webflow: aprenda como utilizar e criar Formulários de contato, Navbar/Header, Slider de imagens ou textos ou vídeos, Símbolos. Conheça o painel de Estilos, suas funcionalidades, Tags HTML e Classes do site.
.png)
Aula 1: Formulários
Fundamentos do uso de formulários:
Adicionar um formulário ao site
Compreendendo um formulário
Configurando elementos
Personalizando mensagens de erro
Gerenciando submissões
.png)
Aula 2: Navbar / Header
Aspectos da barra de navegação:
Adicionando barra de navegação
Anatomia da barra de navegação
Configurando a marca ou logotipo
Adicionando e estilizando links
Reutilizando a barra de navegação
.png)
Aula 3: Slider
O controle deslizante é um dos componentes mais simples e poderosos à nossa disposição. Você pode colocar qualquer coisa em um slider. Imagens, texto, vídeos, entre outros elementos.
Layout e Design Responsivo: aprenda na prática como criar um layout, com as melhores práticas de espaçamentos, Display, Flex Box e Posições dos elementos na página. Introdução ao Design Responsivo, o que é e sua importância, além dos pontos de quebra que podem atrapalhar.
Aula 1: Introdução Layout
Esta aula é uma visão geral de alguns dos principais controles de layout no painel de estilos. Veja como construir um Layout simples no Webflow.
.png)
Aula 2: Display
Abordaremos cinco configurações de exibição: Block, Inline-block, Inline, Flex e None.
.png)
Aula 3: Introdução ao Design Responsivo
Abordaremos o dimensionamento relativo e pontos de interrupção, ajustando estilo e o layout em diferentes dispositivos.
CMS e Coleções: aprenda a alterar e gerenciar o conteúdo do site, trabalhando as coleções e campos do CMS.
.png)
Aula 1: Conteúdo Dinâmico
Não perca mais tempo para adicionar conteúdo no site. Tudo é construído automaticamente. Você pode controlar tudo, mas o conteúdo é criado automaticamente usando o design padrão.
.png)
Aula 2: Coleções de CMS
Uma coleção é como um banco de dados. É onde podemos armazenar todo o nosso conteúdo do site, que pode ser usado em todo o projeto dinamicamente. veja como fazer isso na prática.
.png)
Aula 3: Páginas de Coleções
Páginas de coleção são essencialmente modelos para partes recorrentes de conteúdo, como postagens de blog, artigos de ajuda ou até mesmo páginas de destino. Veja como criar e conectar conteúdo.
Mão na Massa - Criando um Site Incrível com Webflow
.png)
Aula: WorkShop Ihatecodigo
Passo a passo de como criar um site de conversão usando o Webflow em português, SEM UMA LINHA DE CÓDIGO se quer.
.png)
Aula: Criando site Estático
Passo a passo para a criação de um site estático e funcional, que se encaixa para grande parte dos projetos.
.png)
Aula: Fazendo site dinâmico
Passo a passo prático para a criação de um site dinâmico com efeitos visuais irados, como parallax e lightbox.
Em desenvolvimento.
Aula 1
Em desenvolvimento.
Aula 1
Em desenvolvimento.
Aula 1
Em desenvolvimento.
.png)
.png)
.png)
