top of page

13 LIÇÕES   |   77M

Criando seu site com o Editor Wix

Sign in to view all course videos.
Let's go

 →

Congratulations on finishing this course—keep up that momentum

07:58

04:56

08:31

06:59

09:24

04:40

07:27

05:11

04:10

06:26

02:21

05:26

03:42

Descrição do curso

Aprenda a criar e personalizar seu site profissional como você quiser. Veja como usar o Editor Wix para elaborar layouts e estruturas de sites, adicionar elementos, e criar galerias, interações, animações e vídeos. Além disso, conheça as práticas recomendadas para tornar seu site acessível e otimizado para mobile.

O que você vai aprender

  • Como adicionar às suas páginas elementos como faixas, janelas, efeitos de rolagem, interações ao passar o mouse por cima de algo e animações.

  • As etapas e atalhos para personalizar o design, layouts, fontes, temas e cores do seu site.

  • Como editar e adicionar vídeos, imagens e galerias que combinem com o design do seu site.

  • Como adicionar, ocultar, gerenciar e estruturar as páginas do seu site.

  • As práticas recomendadas para tornar seu site acessível para todos os públicos e otimizado para mobile.

  • Como conectar um domínio e publicar seu site.

Still frame from the Wix Editor course: Ali Flood, Wix Editor Specialist

A Ali é Gerente de desenvolvimento de produtos do Editor Wix em Dublin. Seu interesse em web design a fez estudar UX no mestrado. Em seu tempo livre, ela gosta de dançar e ouvir músicas.

Especialista do Editor Wix

Quem vai ensinar

Ali Flood

Público-alvo

  • Futuros criadores de sites que querem começar a construir seus sites a partir do zero.

  • Proprietários de sites Wix que querem aprender novas habilidades ou adicionar funcionalidades aos seus sites.

  • Designers e criadores de sites que querem entender melhor o que o Editor Wix pode fazer.

Recursos para ajudar no seu crescimento

Tenha acesso a artigos úteis, templates práticos e outros recursos incríveis para melhorar suas habilidades.

  • Loading...

  • Loading...

  • Loading...

  • Loading...

Comece a criar seu site

Olá, seja bem-vindo à primeira aula do Editor Wix.

Nesta aula, vou mostrar como começar a trabalhar com o Editor Wix.

Vamos começar.

Primeiro, vejamos alguns dos templates que o Wix oferece.

O Wix tem centenas de templates para você escolher.

Por exemplo, templates de negócios e serviços, lojas, templates criativos, comunidade e também de blog.

Também há templates em branco, se quiser começar do zero.

Neste caso, escolheremos um template para trabalhar.

Vamos dar uma olhada.

Você pode ver aqui que temos alguns templates muito bons.

Acho que vamos ficar com esse template aqui à direita.

Gosto muito, acho que parece bem profissional.

Vamos clicar em “Editar”.

Ótimo, aqui temos o nosso template, então estamos prontos para começar.

Vamos dar uma olhada em alguns dos botões e recursos mais úteis que podem ser usados ao editar nosso site.

Primeiro, temos o ícone de desktop.

Ele significa que estamos editando o site para desktop.

Além disso, podemos mudar para mobile, o que nos permitirá editar nosso site para celular.

Mas não se preocupe, vamos falar disso em outra aula.

Aqui temos “Salvar”, que permite salvar nosso trabalho à medida que avançamos para não perder nada importante.

”Visualizar”, para dar uma olhada em nosso site e garantir que esteja perfeito antes de publicar, e “Publicar”.

Vamos ao painel esquerdo.

Na parte superior, temos o painel “Adicionar”.

Aqui podemos adicionar diferentes elementos ao nosso site.

Veja que podemos adicionar uma faixa, texto, imagem, botão, galeria, elementos decorativos, elementos interativos e, como pode ver, a lista continua.

Em seguida, temos o painel “Páginas”.

Aqui é onde você poderá ver todas as páginas do seu site.

Em seguida, temos o “Design”.

Aqui, você pode ver que escolhemos o tema do site.

Com apenas um clique, podemos alterar toda a aparência do site aqui.

Também podemos personalizar seu tema.

Em seguida, temos o “Wix App Market”.

Aqui, há centenas de aplicativos que você pode escolher e vincular ao seu site.

Em seguida, temos o “Meu Negócio”, onde você pode gerenciar os aplicativos que já adicionou.

O gerenciador de “Mídia” é o próximo.

Aqui, é possível carregar sua própria mídia, além de ver os arquivos do site carregados anteriormente.

Podemos ver o “Estúdio Fotográfico”, o “Criador de Vídeo”, ”Imagens Gratuitas Wix” que você pode usar, e também “Vídeos Gratuitos Wix”.

O último botão é o recurso “Ascend”.

Ele pode ajudar a direcionar tráfego para seu site e também a promovê-lo.

Vamos ao lado direito.

Temos o botão “Desfazer” e o botão “Refazer”.

Em seguida, temos “Reduzir zoom e Reordenar”.

O “Reduzir zoom e reorganizar” é ótimo.

Podemos diminuir o zoom e reorganizar a ordem do seu conteúdo.

Em seguida, temos “Ferramentas”.

Há uma “Barra de ferramentas”, o painel “Camadas”, “Réguas”, “Linhas de grade” e “Ajustar aos aos objetos”.

Acho o painel “Ferramentas” muito útil quando estou editando meu site.

Aqui temos a barra de busca.

Você pode pesquisar tudo o que precisar no Editor.

Por exemplo, se quiser adicionar uma caixa.

Vamos digitar “caixa”.

Veja que, quando passamos o mouse sobre “Caixas temáticas”, elas abrem à esquerda.

O mesmo vale para “Slides em caixa” e “Caixas multiestados”.

O painel de busca é muito útil.

Agora que vimos todas as ferramentas, vamos à parte divertida.

Vamos dar uma olhada no Editor do site.

Esta seção que estamos vendo é chamada de seção acima da dobra, é a primeira seção que os visitantes do seu site verão, portanto, é a seção mais importante.

É onde queremos chamar a atenção dos visitantes.

Então, como fazemos isso?

Precisamos dizer a eles quem somos, o que fazemos e onde devem clicar.

Por exemplo, se fosse uma loja, você colocaria o nome da sua loja, explicaria o que a loja está vendendo e talvez adicionaria um botão “Comprar agora” para direcionar seu usuário.

Com isso em mente, vejamos a estrutura real da página.

Aqui no Wix, temos um cabeçalho, uma página e um rodapé.

O cabeçalho e o rodapé são elementos mestres.

Vamos clicar no cabeçalho e dar uma olhada.

Podemos ir ao painel “Ferramentas”, “Camadas” e clicar em “Cabeçalho”.

Podemos ver que o cabeçalho está aberto.

Veja que os elementos dentro do cabeçalho são todos laranjas.

Isso indica que eles estarão em todas as páginas.

Cada elemento laranja será aplicado a todas as páginas, e é importante lembrar disso.

Podemos ver que temos alguns dos nossos melhores elementos aqui em cima.

Temos o nome da empresa, um logotipo, também há o menu e uma call to action.

É importante colocar o menu no cabeçalho para que apareça em todas as páginas e os visitantes possam navegar pelo site.

Vamos descer a página.

Em seguida, temos a página.

Esta página é composta principalmente por faixas.

Podemos ver aqui uma caixa de texto.

Vou mostrar como editar um texto.

Vamos clicar duas vezes e podemos excluir um texto.

É simples assim.

Clicamos duas vezes novamente para recolocar o texto.

Perfeito.

Vamos continuar rolando para ver o resto do site.

Veja aqui as faixas que foram adicionadas e os elementos que foram adicionados.

Embaixo, podemos clicar no rodapé.

Os elementos do rodapé são tão importantes quanto o cabeçalho.

Podemos ver que, por exemplo, colocamos Instagram, Facebook, Twitter, TikTok e YouTube.

Também temos os Termos e condições, Envio e devoluções e a Política de privacidade.

Vamos subir de novo e dar uma olhada na rolagem do cabeçalho.

Podemos clicar no cabeçalho e ir para “Configurações”.

Atualmente, a rolagem do cabeçalho está definida como “Congela”.

Vamos clicar em “Visualizar” e ver como fica.

Veja que, aqui na visualização, à medida que rolamos para baixo, o cabeçalho permanece.

Vamos voltar e escolher um tipo diferente de rolagem do cabeçalho.

Clicamos no cabeçalho, acessamos “Configurações” e escolhemos “Desaparece”.

Vamos clicar em “Visualizar” e ver como fica.

Desta vez, enquanto rolamos o cabeçalho desaparece completamente.

Vamos voltar.

Para este site, acho que vamos manter o cabeçalho congelado, então vamos fazer isso.

Perfeito.

Demos uma olhada em algumas das ferramentas e botões, e também falei sobre a estrutura da página, incluindo o cabeçalho, a página e o rodapé.

Agora, quero mostrar outra coisa que é muito legal.

Vamos ao painel “Adicionar” e rolar até “Redes sociais”.

Vamos escolher uma das barras de redes sociais.

Vamos escolher essa cinza e arrastá-la para o site.

Podemos ver que está fixando na faixa.

Agora, vamos fixá-la na tela.

Clicamos com o botão direito e selecionamos “Fixar na tela”.

Você pode escolher exatamente onde esse elemento será fixado.

Por exemplo, na parte inferior, à esquerda.

Neste caso, escolheremos o centro direito.

Mas veja que não parece perfeito, então vejamos o que mais podemos fazer.

Em “Layouts”, podemos alterar de horizontal para vertical, então vamos fazer isso.

Agora podemos ver que isso vai rolar à medida que rolamos.

Isso é bom para um elemento que você gostaria de mostrar no site o tempo todo enquanto seu visitante estiver lá.

Agora, vou mostrar um novo truque.

Clique com o botão direito e selecione “Mostrar em todas as páginas”.

Veja o que acontece quando clicamos nisso.

Veja que a caixa ao redor desse elemento mudou de azul para laranja, e isso significa que agora será exibido em todas as páginas, como os outros elementos mestres.

Vamos clicar em “Visualizar” e ver como fica.

Como podemos ver, a barra de redes sociais permanece enquanto rolamos.

Nesta aula, mostrei todos os botões e ferramentas necessários para criar um site incrível.

Também falei sobre a estrutura da página, a importância da seção acima da dobra, o cabeçalho, a página e o rodapé.

Também fixamos um elemento na tela e o configuramos para aparecer em todas as páginas.

Realmente espero que tenha gostado da aula, e estou ansioso para vê-lo na aula 2.

Na aula, 2 falaremos sobre layouts.

Até lá.

{title}

Prep for your exam with free video courses and lessons

Continue aprendendo

New

...

...

Loading...

...

...

Start Now →

New

...

...

Loading...

...

...

Start Now →

New

...

...

Loading...

...

...

Start Now →
Sign in to view all course videos.
Let's go

 →

Congratulations on finishing this course— Keep up that momentum
bottom of page