Primeiros passos com o Weebly: configurando sua marca com um site

1. Introdução: Olá. Meu nome é Camille. Condene Makhaya e bem-vindo ao meu curso de escultura onde eu estarei ajudando você a construir e publicar seu próprio site Weebly. Em 2015 eu decidi começar um blawg e para fazer isso eu tinha que descobrir como construir meu próprio site sem conhecimento de codificação. Depois de muita pesquisa, decidi que acreditamos que seria a melhor opção para mim. Agora você também precisa fazer o mesmo. Certifique-se de fazer pesquisas com base em seu orçamento e suas necessidades para descobrir qual plataforma será o melhor lugar para começar seu site. 2. Definindo seu negócio e objetivos: antes mesmo de começar a abrir o site Weebly, há algumas coisas que você precisa descobrir primeiro dia de tudo, você tem tempo e energia para construir? Seu site geralmente me leva cerca de 10 a 12 horas e lotes e lotes de edições para construir um site se você não está preparado para fazer este compromisso do que definitivamente procurar um profissional. Mas mesmo que você esteja indo para procurar um profissional, é uma boa idéia para você entender o que eles estão fazendo no back-end do seu site. A segunda coisa que você precisa descobrir é qual é o propósito do seu site? Você precisa vender um produto, aumentar a conscientização sobre um evento ou uma marca. Isso ajudará você a decidir qual é o melhor formato para o seu site, então certifique-se de descobrir isso no início. Uma vez que você descobriu isso, então você pode começar a fazer um plano aproximado de todas as informações que você precisa ter em seu site. Depois de fazer tudo isso, então você pode começar o processo de pesquisa para decidir o design do seu site. Pessoalmente, gosto de usar o Pinterest e o Google para descobrir como quero que meus sites sejam exibidos. Se eu estiver fazendo uma pesquisa mais ampla que eu vou para o Pinterest e eu vou procurar algo como site ou design de site de página inicial. Estou procurando algo mais específico do que ir ao Google e pesquisar algo como as 100 melhores organizações sem fins lucrativos em um determinado país. E a partir daí eu vou ver cada um de seus sites para decidir o que funciona melhor para ele. A área de interesse em que estou trabalhando. Agora que você compilou toda a pesquisa, você pode criar uma lista ainda mais longa de tudo o que você vai ter neste site . Então, isso inclui as informações que você listou antes, bem como as cores, o logotipo e quaisquer idéias de design que você tenha surgido com tão longe de lá. Agora é hora de começar a construir seu site 3. Configurando seu site: Agora é hora de transformar toda a pesquisa que você fez em um site aqui. Você pode vê-lo que acreditamos ponto com e o que você faria se você não tem uma contagem semanal já uma inscrição. Eu já tenho um. Então eu vou em frente e entrar. Uma vez que você quer entrar, você é bem-vindo pelo painel semanal. Como você pode ver no meu painel está aberto para o bloco que eu falei sobre algumas lições atrás. Agora o que eu vou fazer é adicionar site. Como não estamos trabalhando neste bloco e vai me perguntar que tipo de site estou criando, não quero um site com a loja sem uma loja para este projeto, vamos criar um site simples sem uma loja. Então você tem a opção de escolher um tema para o seu site Weebly. Eu vou em frente e escolher um que tem uma imagem de cabeçalho que vai todo caminho para o topo. Então este aqui, alto p realmente não importa qual deles você escolher neste momento porque você sempre pode mudar seu tema Weebly mais tarde, mesmo depois de você publicar seu site, você pode mudar sua coisa semanal. Tudo bem, eu fui em frente e escolhi High Peak como minha equipe de escolha. E sou bem-vindo pelo editor Weebly. Então ele está me perguntando o que eu quero Meu nome de domínio para ser seu nome de domínio é sua saída. Isso aparece no topo da sua página. É assim que as pessoas te encontrarão na Internet. Então você quer ter certeza de que você escolher um nome que é fácil de soletrar e fácil de pronunciar. Vou fazer limonada. Agora vamos ver se isso está disponível. Então eu só coloquei em fazer limonada e clique em Pesquisar. Como você pode ver, dá-lhe algumas opções do que eu poderia colocar como meu nome de domínio. Eu vou com esse subdomínio, que está fazendo limonada dot Weebly Dot com, e eu vou com isso porque essa é uma versão gratuita. Se eu quiser conectar um domínio que eu já possuo, que é apenas fazer limonada dot com ou atualizar meu site Weebly para que eu possa comprar um domínio de ultimamente. Posso fazer isso mais tarde, mas por enquanto não vamos nos preocupar com isso. Nós realmente só queremos configurar este site, então parece que eu estava errado. Na verdade, diz que este nome de domínio não está disponível. Isso significa que não há limonada que nós não temos lá fora em algum lugar. Então eu preciso fazer uma mudança. Então eu vou chamá-lo de fazer limonada blawg ou o bloco de fazer limonada. Vamos fazer isso, e veremos se isso está disponível. O bloco de fazer limonada ponto willie dot com está disponível. Também está disponível como ponto com, que significa que quando eu estiver pronto para atualizar, eu não mudei de nome. Não me preocupo com nada disso. Eu só atualizo tudo bem. Está tudo configurado, e agora é hora de começar a projetar o site. 4. Os conceitos básicos do sistema Weebly,: A principal coisa que você precisa saber sobre o Weebly e a maioria das outras ferramentas de design lá fora é que eles operam em um sistema de arrastar e soltar. Tudo o que significa é que quando você quer absolutamente, o seu site tudo que você tem a fazer é arrastar um elemento deste menu, barra lateral para a sua página como assim, e soltá-lo e ele vai aparecer. E então, a partir daí você clica aqui para editar. Se você não quiser mais esse elemento, clique no X no canto superior direito, e simplesmente vá em frente e exclua isso. E se você realmente gosta da equipe com a qual está trabalhando, você sempre pode editar os diferentes elementos que já fazem parte do tema. Então, se eu só queria mudar este fundo de uma montanha para um conjunto de limões, tudo o que tem a fazer é clicar em um fundo e lugar de Urso. Pergunta-me de onde gostaria de substituí-lo. Vou fazer upload de uma foto do meu computador, e eu tenho isso em meus baixos baixos, e eu tenho esta imagem do aplicativo ações dot io. Esta é uma grande ferramenta gratuita onde você pode obter fotos stock gratuitamente que são livres de direitos autorais. Você não tem que dar atribuição para essas fotos. Se você não conseguir encontrar um lugar para em seu site, entanto, é sempre útil para um fotógrafo se você der ao Activision dedo pelo menos o site onde eles publicaram suas imagens. Como você pode ver, minha foto de limões apareceu e eu vou ir em frente e apenas dar um borrão de 10% agora. Normalmente, eu editaria minhas fotos um pouco mais do que isso porque você não quer que suas fotos de estoque se pareçam com fotos de estoque. Então, geralmente eu usaria uma ferramenta gratuita no Canadá ponto com ou pagar ferramenta loja de fotos luz. Ok, eu tenho o borrão de 10% lá, e eu vou apenas ir em frente e salvar isso. A próxima coisa que eu quero fazer, que provavelmente deveria ter sido a primeira coisa que eu fiz, é editar este título do site no topo. Agora, acreditamos, dá-lhe a opção de colocar um logotipo ou texto. Eu não tenho um local para o meu site, então eu vou apenas editar o texto, então eu vou mudar este texto aqui em cima. Teoh fazendo limonada. Eu posso ir em frente e mudar este cabeçalho onde diz explorar 14 K para algo que corresponde a minha marca um pouco mais. Então eu vou mudar isso para porque a vida nem sempre é uma caixa de chocolates e este texto é um pouco grande para mim. Então o que eu vou fazer é reduzir o tamanho. Tudo, se você fizer, é destacar tudo isso. Então eu posso arrastar meu cursor sobre todo o texto ou controlar um ou comando a. E então eu vou clicar neste menos simples. Diz Diminuir o tamanho da fonte. Isso é um pouco pequeno. Então eu vou aumentar o tamanho da fonte e atualmente isso é o maior que eu posso fazer e podemos fazer alterações que mais tarde. Mas isso é bom o suficiente por enquanto. Eu realmente não quero esta caixa de texto aqui onde fala sobre passeios nas montanhas. Então, em vez de excluí-lo e ainda ter essa caixa de texto aleatória no meu site, eu vou clicar neste X como eu falei anteriormente. Outro recurso que você pode ver aqui é chamado de espaçador. Agora tudo o que os espaçadores fazem é adicionar espaço entre dois elementos. O espaço só pode ser adicionado horizontalmente. Infelizmente, você não pode adicionar espaço verticalmente. Então eu vou ir em frente e apagar este espaçador. Na verdade, há dois deles. Vamos fazer três, vamos em frente e nos livrar de tudo isso. Se você rolar para baixo, você verá que há também outro espaço aqui no caminho que você pode dizer. Isso é quando você passa o mouse sobre uma área específica, uma caixa azul aparece e que lhe diz qual é o elemento e quão grande elemento é aqui. Você pode ver que eu tenho esta caixa de texto e é sobre este tamanho um retângulo. Eu tenho este botão. Também ocupa muito espaço. E eu também tenho este espaço. Como você pode ver, ele vai muito para baixo. Nós vamos nos livrar disso para que possamos tornar esta imagem de cabeçalho um pouco menor. Como você pode ver, a imagem do cabeçalho ainda é muito grande. Então o que eu vou fazer para ajustar isso é clicar na imagem. Quando eu faço isso, você pode ver que há uma opção para editar plano de fundo ou substituir layout de cabeçalho. Não vou fazer nenhuma dessas coisas. Vou arrastar o cursor para o ponto azul e vou arrastar para cima para redimensionar novamente. Isso é muito útil que acreditamos opera em um sistema de arrastar e soltar. Então eu não tenho que me preocupar com o CSS. Ele faz tudo isso no fundo para mim vai fazer isso um pouco menor. Quando você rolar para baixo, você vê que há muitos outros elementos nesta página. Não vou me preocupar com isso por enquanto. Mas se eu fosse fazer este site antigo que eu precisava ser, eu provavelmente iria me livrar de todos os do e começar do zero para fazer isso, vez de excluir cada elemento individualmente novamente, eu vou clicar na área do topo parte do que parece ser uma seção, e eu tenho a opção de realmente excluir tudo o que está nesta área. Se eu cozinhar aqui na imagem dos limões, você pode ver que a seção é desta linha azul para cima até o topo. Quando eu clico abaixo que eu vejo uma seção diferente, e esta seção começa nesta linha azul e vai todo o caminho para baixo para este círculo azul. Então eu vou me livrar dessa seção, e tudo que eu tenho que fazer é clicar em excluir. Se você achar que suas seções ficam fora de ordem ou quiser alterar a camada do seu site novamente, você não precisa mover cada elemento individualmente. Então, por exemplo, se eu decidir que quero que esta imagem da montanha esteja abaixo das minhas taxas, eu vou ir em frente e descobrir onde a seção começa logo acima da imagem da montanha. Vou clicar em Mover Now, Isso me dá a opção de movê-lo para uma página diferente nesta página ou simplesmente copiar a seção. E se você achar que você tem um layup que precisa duplicar várias vezes em uma página ou várias páginas, é mais fácil usar essa função de cópia do que tentar recriar manualmente esses layouts em cada página. Então o que eu vou seguir em frente e fazer é mover esta imagem assim como você pode ver como vai parecer ir movê-la para baixo e voila, toda a seção se move para baixo, e agora minhas taxas estão acima desta imagem 5. Cada Cada ferramenta no menu Weebly Builder: muito rápido. Vamos passar por cima das diferentes funções dos elementos que você vê nesta barra lateral do menu . E a partir daí você está pronto para criar sua primeira página em seu site Weebly. Então aqui você tem o título. Esta é apenas uma caixa de texto que é um pouco maior do que uma caixa de texto normal. Então esse é o seu título. Então você tem sua caixa de texto que é seus parágrafos regulares e apresentação de slides da galeria de imagens são todos perfeitos para enviar imagens para o seu site. A única coisa que é diferente entre esses três elementos é o layout no qual suas fotos serão carregadas. O elemento de imagem carregar fotos únicas, a galeria, várias fotos e a apresentação de slides várias fotos, mas dentro de uma apresentação de slides, então você tem o mapa. Isso é ótimo para colocar na parte inferior de suas páginas ou em páginas sobre mim para que as pessoas saibam onde encontrar seu negócio. No próximo ano, o formulário de contato no formulário boletim informativo, que irá direcionar entradas para o seu e-mail que você fornecer. Isso é ótimo para pessoas que querem aprender mais sobre o seu negócio. Eu gostaria de participar do seu boletim informativo, então você tem o botão e incorporar código o botão, você pode ver um puro, diz ver passeios. Ele apenas lhe dá a opção de direcionar as pessoas para uma página diferente ou para um site diferente uma forma visualmente atraente. Isso é tudo o que o botão é. Então você tem o código de incorporação. Se você estiver usando a versão gratuita do Weebly do que você não poderia fazer upload de vídeo HD, no entanto, você pode incorporar código. Isso não é tão complicado quanto parece para este exemplo. Vamos fazer upload de um vídeo do YouTube para este site. Agora o vídeo do YouTube não tem nada a ver com fazer limonada, mas nós vamos continuar. Tudo o que você precisa fazer é abrir o YouTube e encontrar o vídeo que você deseja enviar. Para os propósitos deste projeto, vou fazer upload de um vídeo que eu criei sobre fazer batatas fritas. Então tudo o que eu tenho que fazer é ir ao vídeo no YouTube, clicar no botão compartilhar, e em vez de copiar esta porta para fora, eu vou clicar na cama. Agora você tube me dá um código HTML que eu posso então incorporar no meu site. Tudo que eu tenho que fazer é copiar este código, voltar para o site e arrastar esta função de código de incorporação. E onde quer que a linha azul apareça, é onde o código será incorporado. Então aqui diz clique html personalizado. Faço isso e colo na minha boca HD personalizada. Assim que eu clicar fora dele, meu vídeo do YouTube está lá. Eu gostaria que ele fosse centrado, então eu clique nele novamente e altero a posição a ser centrada. Você não pode dizer aqui ainda, mas uma vez que esta página recarrega e deseja publicá-la, este vídeo será centralizado. Isso é tudo o que você precisa fazer para fazer upload de vídeo HD se você estiver usando semanalmente gratuitamente. Se você tem a versão paga do semanal, você pode usar esta função de vídeo HD ou a função de áudio, dependendo do que você precisa e ir em frente e em linha reta. Carregue o vídeo e o áudio que você precisa em seu site, assim como faria com uma imagem ou uma galeria de imagens. Após esses elementos básicos, você tem os elementos de estrutura. Primeiro temos o elemento de seção agora falamos sobre isso, mas você pode não ter percebido que uma seção é apenas um pedaço de informação que você decidiu agrupar. Então, para isso, você tem esta seção aqui onde diz que caminhadas e ele vai para baixo para o ponto azul Então você tem esta seção da montanha e ele vai para baixo para o ponto azul também. Assim por diante, e assim por diante, as seções são ótimas para quando você deseja que todas as suas informações estejam em um só lugar e facilmente móveis. Então, por exemplo, aqui eu queria que todas as taxas em qualquer coisa que tenha a ver com taxas fossem juntas para que se eu alguma vez decidir mover isso para uma página diferente, eu poderia simplesmente mover esta seção em vez de tentar. Teoh copia apenas certos elementos de uma seção. Posso copiar toda a seção e acabar com isso. Então, as seções são uma ótima ferramenta de organização. Após a seção você tem divisor fornece uma linha horizontal realmente atraente visualmente . É isso. Infelizmente, nós não apoiamos linhas verticais neste momento usando esta função, mas espero que no futuro eles irão. Então temos esta divisória. Vou deixá-la lá por enquanto. E então temos espaçadores. Falamos sobre o espaço. Há eles fornecem espaço horizontal entre dois elementos, então se eu decidir isso porque há um grande espaço entre a palavra próxima caminhada e aventuras de tirar o fôlego. Mas eu também quero que haja um grande espaço entre esse divisor e esses vídeos do YouTube que eles sejam iguais. Eu posso ir em frente e colocar ah, espaço ou em uma vez que os espaçadores em Oh, isso é bonito mesmo. Mas diga que não foi mesmo. Eu posso ir em frente e fazer o espaço ou menor ou maior, dependendo das minhas necessidades. Eu vou em frente e deixá-lo lá. E como você pode ver, eu mencionei isso antes. Mas o espaço entre as duas próximas alturas e aventuras de tirar o fôlego não é bem igual. E como esta é uma imagem que é um pouco difícil para mim ajustar, eu teria que ajustar isso na loja de fotos ou no Canadá. Mas outra coisa que eu poderia fazer é mudar o espaçamento desta imagem. Então eu clico no espaçamento de cliques da imagem, e eu não quero que haja uma margem inferior. Tudo bem, esse espaço parece um pouco mais uniforme, então eu vou clicar fora do Element, e eu estou mais feliz com isso. Então eu vou em frente. Temos sua próxima seção de elementos que você tem é a seção de mídia. Já falamos sobre vídeo e áudio HD. Eu pessoalmente não uso script, mas novamente, mas novamente, tudo que você tem a fazer é arrastar e soltar um upload ou link usando um seu fora, e isso vai o mesmo para o resto. Aqui, você também pode usar o você para funcionar para fazer upload de vídeos do YouTube. Mas se você usasse uma plataforma diferente como Mimi O, então você precisaria ainda usar a função de código de incorporação e o código de cama também é ótimo para quando você quiser adicionar um adesivo ou um medalhão de metal de algum tipo ao seu site para certificar que é autêntico, em seguida, incorporar código é uma ótima opção. Ok, vamos continuar rolando e ir para o comércio porque não é um site de comércio . Eu não estou preocupado com isso, mas ele permite que você adicione produtos e coloque seus produtos dentro de categorias. Isso é o que isso é. E uma vez que você tem seus produtos em categorias que esta função aqui permite que você liste essas categorias em qualquer página que as pessoas poderiam clicar. Eu vou para essa categoria de produto finalmente, temos ser mais seção. Você pode adicionar uma caixa de pesquisa ao seu site se você atualizar seu plano. Caso contrário, na versão gratuita do Weebly, você não pode usar a função da caixa de pesquisa. Isso é o que este relâmpago significa. Corresponde a este botão de atualização bem aqui no canto superior direito. Então você tem um bloco de aspas. Ai é ótimo para quando você tem depoimentos ou qualquer outro texto que você deseja exibir. Então, vou mostrar-te como é isso. Vamos colocá-lo aqui e vamos dizer as melhores batatas fritas que eu já comi. E então vamos dizer comentarista do YouTube 2020. Ótima. E posso mudar o tamanho do imposto como fiz com o parágrafo e o texto do título. E aí tens a tua caixa de cotações. Ok, ícones sociais. Ícones sociais são exatamente o que parece. É uma maneira de você adicionar ícones sociais. Estes são seus ícones de mídia social. Eu provavelmente colocaria estes na parte inferior da sua página. Então, para isso, eu vou realmente adicionar uma nova seção para o fundo. Então tudo que eu tenho que fazer é arrastar e soltar esta seção grande. E agora diz elementos de drogas aqui porque é uma seção em branco. Vou adicionar ícones sociais. Depois de adicionar seus ícones sociais, você pode entrar no editor e gerenciá-los. Então eu vou fazer isso pessoalmente. Eu não tenho um LinkedIn. Alguém desligue isso e eu gostaria de adicionar um YouTube, então eu vou ligar isso. Então eu posso entrar em cada um desses ícones ativos e adicionar o euro que eu preciso. Vou seguir em frente no centro, alinhar toda esta seção, e a partir daqui eu posso copiar ícones sociais do cada uma das minhas páginas em vez de ter que arrastar e soltar em cada página. Tudo o que tem a fazer é ir para o canto superior, clicar nesta seta, e em vez de mover, eu vou copiar para todas as páginas onde eu precisava copiado. Agora temos o nosso formulário BP e esses elementos de pesquisa. Estas são duas maneiras para você coletar informações dos usuários do seu site, assim como os outros dois formulários sobre os quais falamos anteriormente. Então tudo o que você tem que fazer para estes, como todos os outros elementos é arrastar e soltar. E uma vez que você arraste e solte, por exemplo , este formulário R B P, você receberá opções de como deseja personalizá-lo. Então clique aqui para editar e eu poderia dizer, fazendo limonada ao vivo. É um evento. Em seguida, as pessoas podem responder se eles chegam ou não ao evento e quaisquer convidados adicionais que eles têm. Eu posso ir em cada uma dessas caixas de texto e mudar os títulos e fazer pequenas edições para eles como eu preciso Teoh. Então é muito, muito personalizável. Vou em frente e deixar isso aí. O outro formulário que eu falei foi o formulário de pesquisa Alice. Pesquisa é exatamente a mesma coisa, mas na pesquisa para depois que você tem a opção Abdul em. Como isso permite que você gere receita do seu site com o uso de anúncios do Google, o último elemento nesta seção é o elemento de exclusão de cookies. Isso permite que seus usuários optem por não usar cookies. Isso é importante ter este ou um banner em execução na parte inferior, que todo o site Weebly improvável. Tem que permitir que as pessoas decidam quais informações você pode ou não coletar delas. Baixo que você tem uma seção adicional chamada APS instalado, e isso permite que você adicione ABS ao seu site que acreditamos que não necessariamente fez. Mas terceiros fizeram e disponibilizaram aos usuários Weebly thes air. Ótima. Se você quiser algo como um rolagem para cima botões para que quando as pessoas escola muito para baixo para o seu site, eles são capazes de apenas clicar no botão. Escola como esta significa que você não precisa se preocupar em adicionar qualquer código adicional. Ao contrário de alguns anos atrás em Weebly, quando você tinha que agir em código. Se você quisesse ter esse botão, eu recomendo que você vá para a loja APP e descubra se há algum APS lá que possa ser útil para o seu site. Esse é todo elemento que você tem à sua disposição pré-instalado no editor Weebly. Como você pode ver, há muitas opções para você fazer o site que você precisa 6. Elevando o design do seu site: Agora, com todas as informações que você ouviu até agora, você pode ir embora e criar um site Weebly incrível. Mas vamos rever mais algumas maneiras que você pode elevar o design do seu site. A primeira maneira é mudar o plano de fundo de suas seções agora. Nós conversamos sobre isso mais cedo quando eu mudei este cabeçalho em limões e nós vamos fazê-lo novamente para outra seção. Agora, em vez de mudar o cabeçalho em limões, eu só vou para uma cor amarela. Então eu desci até o fundo. Aqui estavam meus ícones sociais. Não estou me sentindo tão branco, então vou mudar para amarelo. Eu vou ter que fazer é clicar nele editar fundo e em vez de colocar uma imagem, eu vou colocar cor. Vou mudar a cor para amarelo. E daqui, o que eu costumo fazer é escrever este código hexadecimal em um caderno ou no meu laptop em algum lugar para que toda vez que eu precisar de uma cor amarela em todo o site, eu sei exatamente qual gritou eu estou usando a segunda maneira que você pode elevar rapidamente o design do seu site é mudar os vasos. Normalmente, os vínculos que vêm com o tema não correspondem realmente à personalidade do seu site. Então, tudo o que você tem a fazer é clicar neste tema toque e ir em frente e mudar fontes. partir daí, você pode entrar em qualquer um dos elementos que você colocou em sua página e alterar a fonte Sempre que você passar o mouse sobre o nome do elemento, ele também cria uma caixa azul nos editores que você pode ver exatamente o que você está mudando. Por exemplo, não sou um grande fã deste texto aqui e este texto chama-se texto de parágrafo. Então, tudo o que tenho a fazer é bom sob o texto do parágrafo. Uma caixa azul é exibida. Então, tenho certeza que é assim que se chama. E então eu posso percorrer todos esses laços diferentes para descobrir o que eu acho que vai combinar. Bem, eu realmente gosto desse olho de pássaro imagina bola com a fonte do título, e eu normalmente iria verificar cada uma dessas fontes e garantir que eles combinam bem. Eu costumo escolher 2 a 3 títulos que eu posso usar em todo o site para que ele permaneça consistente, mas também interessante. Outra maneira de mudar. Um tema que você foi dado é ir para as opções de tema. Isso permite que você faça pequenos ajustes. Temas de terno, como alterar a largura do seu site aparece nas telas de alguém cheias de corpo ou não. Cabeçalho Grady Int permite que você adicione ingrediente a este cabeçalho aqui em cima, e contraste. navegação coloca uma caixa em torno de sua navegação. Temas diferentes vêm com diferentes opções de tema. Então, se você achar que nenhuma dessas opções de tema e alterar as fontes torna o site o que você queria ser, você pode ir em frente e mudar seu tema completamente. Tudo o que eu tenho que fazer é clicar em alterar o tema. Uma vez que você faz isso, você tem a opção de pré-visualizar qualquer um dos temas que estão no site que eu tenho que fazer. É passar o mouse sobre eles e clicar em pré-visualização. Isso permite que você veja se um tema funcionaria para o seu site sem ter que se comprometer ele, porque iria perder muito tempo se você fosse mudar de tema cada vez que ele achava que um tema era interessante. E então você vai para o editor e você descobre que você realmente não gosta dele para que você possa visualizar o tema. Se você gosta, você pode escolher. Se não gostar, pode cancelar. E novamente você pode fazer essa mudança em qualquer ponto do processo de web design. Se você precisar de ainda mais personalização, então você pode alterar o CSS e o HTML do seu site. Este é o código esqueleto do seu site. Tudo o que você tem a fazer é ainda nesta guia tema é clicar em Editar html Osias nos na parte inferior. Eu não faria isso a menos que você tenha feito uma pesquisa extensa e você sabe o que você está fazendo porque você pode realmente estragar seu site. Felizmente, vamos permitir a visualização em tempo real de suas edições que você pode ver se você está realmente brincando com o que você quer mudar. E se você decidir que cometeu um erro, tudo o que você tem a fazer é clicar, cancelar e nenhum dano causado. Outra maneira de adicionar algum código extra ao seu site é alterar o código de cabeçalho ou rodapé . Isso não é tão complicado quanto parece. Tudo o que você faz é ir para configurações e s CEO, e a partir daí você pode adicionar mais código ou código de cabeçalho, geralmente um site. Informaremos onde você precisa adicionar o código ao seu site. Por exemplo, o Google Analytics pode dizer que você precisa adicionar um código específico ao código de cabeçalho do seu site. Como você pode ver, há uma tonelada de opções de configurações e vamos passar por isso e outra lição. Mas, por enquanto, você está pronto com as formas básicas e um pouco mais avançadas de adicionar design e personalidade ao seu site. 7. Tudo sobre páginas: Agora você tem todos esses elementos e técnicas que você pode usar, mas onde você colocá-los? É aí que entra a aba de páginas. Até agora, não falamos sobre nenhuma dessas páginas, mas vamos analisá-las agora. Todas estas páginas são apenas páginas que o designer de temas decidiu que deveriam estar lá. Mas você não tem que ficar com nenhum desses. Você poderia apenas ter sua home page e ser feito com o seu site, ou você pode adicionar mais 10 páginas. Tudo o que você tem a fazer é ir para a guia páginas e clicar em qualquer uma dessas páginas, e você está dado opções para o que você quer sobre elas. Você pode mudar o nome da página. Você pode escondê-lo na navegação, o que é ótimo se você tem uma promoção no Facebook acontecendo, por exemplo, e na sua página do Facebook, você diz às pessoas para obter mais informações sobre isso. Acesse nosso site, mas você não quer que os visitantes gerais vejam esta página. Então você pode ocultar uma navegação, mas quando alguém tem o link para este site, então eles podem ver a página. Então é por isso que eu tinha uma navegação significa que você pode mudar seu tipo de cabeçalho. Então, se você quer ou não esta área bem aqui, onde o montanhoso Então o que temos na primeira página dos limões você pode decidir se você quer ou não um cabeçalho como esse lá. Se você disser sem cabeçalho, então o cabeçalho desaparece e você apenas começar de onde ele diz serviços. Se você disser página inicial que essencialmente você vai ter um grande cabeçalho em sua página. Como você vê, quase parece uma página inicial. Muitos sites têm uma página como esta onde é um título e sua navegação, e isso é tudo. Não há nenhuma informação nessa página. Funciona como uma ótima página inicial. Vamos seguir em frente e voltar a conhecer Header e deixá-lo lá por enquanto. Depois de fazer isso, você pode optar por copiar esta página uma e outra vez. Se você realmente gosta, ou você pode entrar em cada uma dessas páginas e fazer alterações nelas. Outra opção que você tem com páginas é alterar a visibilidade. Isso é diferente de ocultar a navegação porque a visibilidade permite que você permita o acesso a determinados membros ou certas pessoas com senhas ao seu site para que você possa ir em frente e fazer essas alterações lá. Você também pode alterar as configurações do ASIO, então essa alteração é o que aparece na parte superior. Como você pode ver nesta página, ele tão weibly ou nesta página do YouTube recriar Java casa Quênia chips de especiarias. Tinta vermelha. Você, também, que você possa alterar este título da página para qualquer coisa que você gostaria, e você pode alterar as páginas por Melich. Isso significa que não importa quantas maneiras diferentes você decidir organizar sua navegação, este link de páginas permanecerá o mesmo. Isso é realmente importante, especialmente se você decidir que deseja expandir seu negócio ou expandir seu site sempre que quiser ter certeza de que o link do seu site nunca muda, então é uma boa idéia ir em frente e adicionar links Perma para cada uma das páginas do seu site. Isso pode ser tão simples quanto sobre, então vai ser a fazer limonada blogueiro dot web dot com barra sobre. E será sempre que não importa onde eu coloque esta página no meu site, você pode ir em frente e alterar a descrição da sua página. E este é um pequeno blurb que aparece quando você google qualquer coisa e tem o nome do site e a descrição do site, Médico, palavras-chave, rodapé, casaco e código de cabeçalho tudo tem a ver com sua pesquisa otimização do motor seu S e o. Eu não me preocuparia com isso se você é um iniciante no design do site. Mas à medida que seu site se torna desenvolvido, e à medida que você se sentir mais confortável com o que você está colocando para fora na Internet, então você pode ir em frente e assistir. Um monte de escultura, É claro, é sobre Seo e como fazer isso corretamente. A última coisa com páginas é que você pode alterar a forma como elas são organizadas em sua navegação. Para exemplos, digamos que eu queira que a seção sobre e a página de contato sejam vinculadas entre si. Então eu quero que o contato apareça quando as pessoas clicam sobre. Como você pode ver, tudo que eu tinha que fazer era arrastar e soltar contato. Em cerca de Agora, Contato não aparece como sua própria pequena seção na minha navegação. Ele está aninhado sob a página sobre. Agora, se você tem algo como sua página de serviços e você quer listar todos os seus serviços em uma página diferente, tudo que você tem que fazer é clicar no sinal de mais aqui por páginas, e nós vamos fazer uma página padrão e eu Vou dizer, uh, limonada feito iria adicionar outro que diz fatias de limão feito. Eu quero que todos eles sejam listados em serviços, então tudo o que tem que fazer é arrastar e soltar esses. No entanto, não quero que as pessoas possam clicar nesta página de serviços. Eu quero que eles apenas sejam capazes de tê-la sobre os serviços e, em seguida, ver uma lista de todos os serviços que prestamos. Então o que eu vou fazer é mudar esta página de serviços para um menu não clicável. Tudo o que eu faço para isso é clicar neste ícone de mais, criar um menu não clicável, e eu vou mudar isso para serviços feitos, vou arrastá-lo no lugar de serviços, e eu vou excluir a página de serviços clicando em nele e clicando em Excluir a próxima coisa desativada. Meus serviços foram desfeitos, então tudo que eu tenho que fazer é arrastar e recriar essa seqüência de aninhamento e eu posso ninho infinitamente longo. Mas tudo o que preciso é de um conjunto de aninhamento, e aqui temos o nosso menu de navegação. Você não pode clicar em serviços, mas você pode clicar em limonada e fatias de limão. Isso é tudo que você precisa saber sobre páginas. Como eu mencionei antes. Você sempre pode copiar elementos para páginas diferentes conforme necessário, mas está pronto para organizar suas páginas em seu site. 8. Guias e configurações: Agora vamos falar rapidamente sobre a loja e configurações Tabs semanalmente. A guia loja é ótima para se você tem um site de comércio e você precisa gerenciar os diferentes produtos e pedidos que você recebe, nós não estamos construindo e site de comércio. Por isso, vou ignorar esta conta por enquanto. Vivendo na guia de configurações na guia de configurações, você tem alguns sub-menus diferentes. O 1º 1 é geral. Aqui. Você pode alterar o endereço do seu site para que seu subdomínio seja outra coisa. Você pode alterar o título do site engole sua categoria de site, o que permite ao Weebly personalizar mais sua experiência de usuário. Você pode ativar ou desativar SS l. Eu recomendo que você mantenha SSL e capaz de este editor semanal, por exemplo, por exemplo, tem este ícone de cadeado aqui Recon ver informações do site. Isso é o que o SSL é. É um certificado de segurança. Isso permite que o software anti-vírus saiba se seu site é seguro ou não visitar . Se você tem uma conta Weebly premium, então você contém seu golpe favorito. Este é o pequeno ícone que aparece na aba de um site aqui. Acreditamos que você pode ver o W e todos os sites gratuitos terão isso. W também pode adicionar uma senha de site para que nem todos possam acessar seu site e você pode fazer ajustes em sua navegação. Se você quiser enviar uma cópia precisa para você mesmo para não perdê-la, você pode arquivá-la. Como você pode ver aqui, seu site precisa ser publicado para que esse arquivo seja possível. Você também pode alterar seu formato de data e tudo isso, e isso é útil se você tiver um blawg. Então, quando você publica um blog, ele publica em um fuso horário específico e formato de data e hora aqui, você tem a opção de notificação de cookie. Isso é importante para você ter, especialmente com novos regulamentos na U e em todo o mundo em relação à privacidade digital. Então você tem a opção de autorizar no sentido. E para fazer isso, você precisa clicar neste botão, ler mais e aprender sobre o que você realmente está se comprometendo com o Google e se você quer ou não tomar essa decisão. Íamos falar sobre botões inéditos, então vamos passar para a S.E.O. S.E.O. S.E.O. conversamos sobre CEO brevemente. De um modo geral, eu não me preocuparia muito com o seu Seo como você está projetando seu site. Porque realmente, você só precisa obter suas informações nas páginas do seu site. Depois de fazer isso, então você pode começar a ajustar para que seu site seja visto. Compre mais motores de busca e, portanto, mais pessoas. Você não quer ter um site otimizado que seja realmente terrível em design, então concentre-se em seu design primeiro. Depois de fazer isso, então você pode usar estratégias S e o para otimizar seu site. Sob que você tem editor parar, e isso permite que você permita o acesso ao seu site. Dois editores diferentes. Por exemplo, se eu estiver trabalhando em um site que eu não possuo, o proprietário irá me adicionar como um editor em vez de encontrar fazendo o site usando meu endereço de e-mail . A partir daqui, você também pode monitorar os editores para ver com que frequência eles estão fazendo login e as diferentes permissões que você permitiu que eles tivessem. Abaixo disso, você tem a guia membros, que permite que você restrinja o acesso a certas pessoas que você deseja acessar o site Europa abaixo que temos a guia meu abs, e como eu disse, você deve ir para o Centro de APP e descobrir quais operações você gostaria de ter em seu site. E a partir daqui você pode gerenciá-los, descobrir lá funcionando bem, desconectá-los, reconectá-los, etc., e finalmente abaixo disso, temos a torneira do bloco. Se você tem um bloco em qualquer lugar do seu site, seja um bloco pessoal ou sua empresa executando um bloco, então esta é uma ótima guia para aprender sobre. A partir daqui, você pode decidir quantas publicações não estão em cada página e se você permite botões de compartilhamento etc. Isso é tudo para as configurações no Weebly. Como você pode ver, há muitos deles. No entanto, ele não precisará de todas essas configurações o tempo todo. Portanto, espero que este guia o ajude a encontrar o que você precisa para fazer alterações em seu site. 9. Publicação e Unpublishing seu site: Agora digamos que seu site está pronto para ser usado. Esta esposa definitivamente não é. Eu ainda preciso trabalhar nele por um par de horas, mas dizer que estava pronto para ser consumido pelo público. Tudo o que preciso fazer é clicar. Há um botão azul de publicação no canto superior do meu editor semanal e o site é publicado. Eu posso então ir para este comprimento e vê-lo como um espectador normal e ver o que eu penso sobre ele. Uma vez que você faz isso, você ainda pode fazer edições em seu site e a qualquer momento você editá-lo que você gostaria de ser publicado. Você precisa clicar no botão de publicação novamente se em algum momento você decidir que seu site precisa ser inédito, que é o que eu preciso fazer agora porque ele não está pronto. Tudo o que eu preciso fazer é ir para as configurações e, em geral, você rola para baixo e há um botão de site não publicado. Vá em frente e clique nisso, e seu site será inédito. Você pode continuar fazendo edições como faria normalmente e publicá-las quando estiver pronto 10. Conclusão: Muito obrigado por se juntar ao meu curso sobre Weebly e como fazer seu próprio site Weebly. Eu vou continuar e trabalhar neste site um pouco mais e eu vou mostrar-lhe os resultados finais mais tarde. Estou tão animado para ver o que você cria abaixo na seção do projeto, então certifique-se de deixar capturas de tela do seu site.