Wix: crie um site profissional rápido, fácil e gratuito

1. Introdução: Ei aí. Bem-vindo a este curso rápido e sujo que vai tê-lo em funcionamento, criando seu próprio site bonito e profissional rápido. Até o final de hoje, você pode finalmente ter seu próprio site impressionante, mesmo que você não tenha habilidades de Web design e nenhum orçamento para despesas de site. Neste curso criado para iniciantes absolutos, pessoas ocupadas, empreendedores, artistas, organizações sem fins lucrativos e autores, eu vou orientá-lo através do processo de criação de um novo site para um organização de lucro chamado PK Rabbit Rescue na Pensilvânia EUA. Vamos usar o criador de sites online gratuito mais bem avaliado Wix usando PK Rabbit Rescue como um estudo de caso real vai construir um novo site a partir do zero. Passo a passo, vamos rever os principais princípios de Web design e as melhores práticas à medida que criamos um site que é fácil de usar, funcional e esteticamente agradável. Você está pronto para começar? Vamos construir um site de aparência profissional. A maneira rápida e fácil usando ferramentas gratuitas. Meu nome é Kristen Polana. Sou um artista, educador e autor, ensinando milhares de estudantes universitários em todo o mundo. Desde 2000 eu também tenho ensinado on-line desde 2014 para dezenas de milhares de estudantes que eu especializo-me em ajudar pessoas comuns a fazer coisas extraordinárias através de explicações simples e claras e passos de bebê construindo até coisas maiores. Como posso ajudá-lo hoje? 2. Primeiro: obtenha suas ideias de site, texto e imagens em ordem: Ei aí. Você está pronto para começar? Então, no meu Mas eu acabei de perceber que não posso começar imediatamente porque eu preciso resolver o meu conteúdo antes mesmo de pensar em fazer um site. Então eu já ia fazer uma nova conta em semanas. Mas antes de mais nada, quero ter uma boa ideia sobre o tipo de site que vou fazer. Então, neste curso, eu não estou fazendo um site para mim. Vou fazer um site para um abrigo de resgate de coelho e associação. Eu estou muito animado lá na Pensilvânia U S A. E o que eu fiz foi na minha página do Facebook onde eu tenho outros alunos on-line e pessoas que gostam da minha página. Eu fiz uma chamada para pessoas que queriam um site gratuito para que eu pudesse usá-los como um exemplo neste curso. Então eu tenho muitas respostas e no final, eu acabei escolhendo aleatoriamente. Embora eu realmente gosto desta organização. Alguém que precisava de um site para o resgate de coelhos. Ouvi falar de resgates de gatos e resgates de cães, mas nunca de um resgate de coelho. E aparentemente também salvam cobaias. Então, antes de começar no Wicks, eu só preciso obter o meu conteúdo. O que eu fiz foi ter uma conversa com Shelly na minha página do Facebook, e ela me deu algumas informações, mas o que eu realmente precisava era que ela me enviasse a mensagem. O que eu fiz foi ter uma conversa com Shelly na minha página do Facebook, e ela me deu algumas informações, Sua imagem é basicamente o que ela queria, e ela realmente não me retornou rapidamente. Já se passaram algumas semanas, então, , tenho o que ela me disse sobre a organização dela. Então o que eu fiz foi basicamente criar um novo documento de palavras com a informação que ela me deu . E também baixei as fotos que ela me deu. No entanto, as fotos que ela me deu este é um dos meus Quando ela estava me contando sobre seu resgate coelho , Eu tive que enviar-lhe minha abundância engraçado, que é uma pintura digital que eu criei um par de meses atrás. Enfim, ela me mandou uns coelhinhos de abrigo. Estou vendo essas imagens e elas não estão prontas para usar online porque estão um pouco enlameadas. As cores não são tão boas. Então eu vou precisar limpar isso na loja de fotos ou dar antes de começar. No entanto, ela também me disse que PK Rabbit Rescue é o grupo para o qual vamos trabalhar. E o abrigo chama-se Reino da Paz. Então acontece que eles têm uma página no Facebook, e eu tenho passado por isso adorável. Eu estive olhando as fotos deles para encontrar algumas imagens que eu vou usar, e eu estou apenas baixando-as, então eu estou basicamente passando e colocando minhas imagens em ordem. Então eu estou supondo que você já tem imagens, texto e conteúdo que você deseja usar para o seu site. Então, em caso afirmativo, você pode pular esta etapa. Mas para todos os outros, por favor. Antes de fazer um site, tenha uma idéia e eu tenho uma idéia do tipo de páginas que você vai ter. Ah, que tipo de imagens você quer ter, etc. E então começaremos a fazer seu site rápido e sujo usando mechas. Eu vou deixar algum recurso é para você porque eu tenho trabalhado com estudantes da Web desde 2000 e dois, e eu tenho algumas sugestões, e recurso é para ajudá-lo a começar. Assim que você estiver pronto, podemos fazer o nosso site em Wicks. Vejo você na próxima lição. 3. Organize seu conteúdo e Tune boas suas ideias: Ei aí. Tudo bem, então ainda estamos juntando nosso conteúdo. Mas se acontecer de você estar começando com uma página do facebook ou outra coisa, existem algumas maneiras experimentadas e verdadeiras que você pode obter idéias para o seu site. Então eu fui para o pico. Uma página de resgate de coelho no Facebook. Bonitinho. Certo. Então este é o logotipo deles. Então eu já baixei seu logotipo que eu posso usar no site, e eu fui imediatamente para a sua página sobre. Então isso tem a informação mais importante que você vai precisar em seu site. Então tem as direções, as informações de contato, etc. Há um pequeno blurb que alguém escreveu sobre suas organizações. Então, como eu não tenho um novo oficial sobre mim ou sobre nós texto da organização, eu posso realmente usar isso em vez disso para começar. Eles podem saber a troca dele, editá-lo e mudá-lo mais tarde. E o que é realmente bom saber é que eles não têm loja Etsy de obras de arte, então eu vou ser capaz de ligar para isso no site e algumas outras páginas de mídia social. Então, tudo isso é ótimo para descobrir como vou planejar como fazer este site, então, sim, eu sei. Quando você vai ao Wicks ou Weebly ou qualquer um desses sites, eles fazem parecer que você basta clicar neles e em cinco minutos você tem um novo site. Mas se você quer ter um bom site, realmente reserve um momento para pensar sobre o conteúdo que você vai oferecer, o que as pessoas precisam encontrar. O que eles vão procurar automaticamente quando acessarem seu site? Então queremos ser capazes de responder a todas essas perguntas porque a pessoa média gasta, em média, sete segundos em qualquer site, então eles precisam ser capazes de saber quais são suas páginas, o que é sobre, e por que eles devem se importar como eles podem entrar em contato com você e como eles podem ajudar tão especialmente se é, você sabe, uma organização sem fins lucrativos. Seja o que for ISS, também precisamos ter boas imagens lá. Então eu estou começando com a página do Facebook e as páginas sobre. Bom. Eu também notei que eles têm uma guia de serviços aqui e eles oferecem aulas sobre cuidar de coelhos e cuidar de cobaias, modo que poderia ser ah página no novo site também. E também vi que eles têm vídeos. Então, podemos ser capazes de incorporar alguns vídeos em sua página da Web. E se eles têm eventos, isso pode ir em algum tipo de página de notícias e eventos em seu site. Então, se você não tem certeza de que tipos de coisas devem ir em seu site, definitivamente reserve um momento para pesquisar enquanto outros como você já estão fazendo isso. Se você é um artista, vá ver outros sites de artistas. Você pode olhar para o meu. Se você quiser Cape Alana dot com para ver quais páginas Ah, eles têm o que configurar. Eles têm que dar uma ideia para sua navegação. Então isso é meio legal. Então eles têm alguns eventos passados aqui, mas de qualquer maneira, então isso me dá algumas idéias. Na próxima lição, vou te dar um recurso para consertar suas imagens, mas também vou te guiar pelo processo. Na próxima lição, vou te dar um recurso para consertar suas imagens, Então, se você não sabe como fazer imagens prontas para o seu site, então definitivamente vá para a próxima lição opcional de operações e eu vou mostrar-lhe como pegar suas imagens, certificar-se de que elas estão cristalinas e prontas para ir, e nós guarde-os para a Web. Veja, na próxima lição 4. Criação de imagens prontas para usar na web: Tudo bem, então vamos tirar algumas de nossas imagens. Eu peguei um monte desses na página do Facebook deles sob fotos. Eu me certifiquei que eram fotos que eles realmente tiraram e não estavam pegando de outro lugar , a propósito, então sempre certifique-se de que você está usando suas próprias fotos originais ou imagens livres de direitos autorais . Eu vou colocar um recurso aqui no caso de você precisar de direitos autorais livres, imagens de domínio público livres de direitos autorais para o seu site que você pode pegar fora da Internet gratuitamente e não ter que se preocupar com violação de direitos autorais. Então, verdade, na verdade, preciso das fotos originais deles. Então eu baixei um monte de fotos de sua página no Facebook, e agora eu vou limpá-los para que já há para usar no site É sempre melhor ter todo o seu conteúdo primeiro antes de você fazer o seu site, porque isso maneira como você não se distrai quando você está realmente montando seu site juntos. Você pode simplesmente pegar de um monte de fotos todas prontas para ir e não ter que se preocupar com eles um de cada vez. Ok, então eu não vou consertar tudo isso agora. Vou só, uh, pegar alguns. Então deixe-me ver se há um lamacento, apenas olhando nas miniaturas aqui. Então vamos pegar este por exemplo. Agora, eu vou fazer isso na loja de fotos. Se você não tiver uma loja de fotos, acesse adobe dot com e receba uma avaliação gratuita de 30 dias. E eu também posso enviá-lo para um ferramentas on-line grátis. , Na verdade, isso é feito pela loja de fotos que permitirá que você conserte suas imagens gratuitamente online também. Então eu vou fazer isso na loja de fotos, então apenas me observe e então você pode decidir como você vai fazer isso. Vamos abrir aqui, então abra com a loja de fotos. Ok, esta é uma imagem pequena. Então isso não vai ser bom para o Big Splash Page ou algo assim. Isso só seria bom para, tipo, uma pequena miniatura. Como é que sabemos isso? Bem, porque veio em 100% e é pequenininho. Isto é sobre se você imaginar que a loja de fotos é a minha página web agora. Isto é sobre o quão grande essa imagem vai aparecer na página web. Ok, então esta é uma resolução de tela. É muito pequeno. Definitivamente não queremos aumentar a escala. Se você dimensionar uma imagem tão pequena na Web, ela vai ficar toda pixelizada e parecer realmente desagradável. Mas de qualquer forma, podemos corrigir esta imagem e depois arranjo uma maior para usar mais tarde. Assim, você sempre pode verificar o tamanho da imagem sob imagem, tamanho da imagem. Deve ser 72 é a resolução da tela e a altura e a largura ou em pixels. Então, 3 73 tchau para ET. Isso é muito pequeno. Ok, então, em qualquer caso, vamos apenas ah, escala, zoom para que você possa ver um pouco melhor. Se você olhasse de perto, veria que estou começando a tirar algumas fotos, exaltação e pequenos quadrados aqui. Então este é um 300%. Isso é muito maior do que nós realmente usaríamos. Mas de qualquer maneira, vamos pelo menos ajustar os níveis e fazer isso Ah, melhor imagem agora e loja de fotos que você pode sem sequer entrar em qualquer outra coisa. Você poderia apenas muito facilmente fazer um clique de tom automático. Veja como esse rompimento acaba que já é muito melhor. Você também pode ir sob auto con contraste, que é praticamente o mesmo que auto tom, é por isso que você não notou qualquer diferença. E nós também podemos fazer cor automática, mas eu acho que a cor automática não é tão bom. Então, eu realmente vou fazer tom automático novamente, e sim, eu nem gosto disso. Então eu só vou desfazer o tom automático e desfazer um passo para trás. Ok, então isso me dá algo assim agora, eu poderia realmente salvar isso exatamente como está, e isso deve ficar bem. Uma outra maneira de fazer isso em vez de fazer o tom automático é que você pode ir sob ajustes de imagem e podemos ajustar nossos níveis aqui. Uma outra maneira de fazer isso em vez de fazer o tom automático é que você pode ir sob ajustes de imagem Ele realmente lhe dá uma opção para fazer níveis automáticos. Mas vou cancelar isso porque a sexualmente parece melhor. Então estamos bem. Eu sou muito rápido. Se você quiser ajustar seu contraste de brilho, você pode simplesmente não enlouquecer muito com isso. Gosto de aumentar um pouco o contraste. Talvez, se eu fosse até 76, começasse a parecer muito louco por cima, certo? Então, se você vai ajustar alguma coisa, apenas faça um pouco. Você tem suas opções de pré-visualização para ver como é em tempo real. Você terá um carro aqui. Eu só vou bater. Ok, este coelho é bom o suficiente para eu usar como é, então deixe-me apenas mostrar-lhe como salvar isso. Agora você pode fazer arquivo. Ah, no Photoshop, você pode fazer exportação salvar para Web usado apenas para ser arquivado. Web mais segura. Mas em versões mais recentes da loja de fotos agora está sob arquivo Exportação salva para Web legado E aqui está o original. É 306 K Isso é um pouco grande demais. Vai fazer o seu site carregar um pouco mais lento. Hum, Wicks pode ter algum tipo de filtro ou coisa que irá comprimir automaticamente suas imagens, então talvez você nem precise se preocupar mais com isso, mas eu sempre me preocupo. Então isso é, ah, imagem quadrada. Não é uma imagem transparente, e é uma foto. Então eu vou escolher um J peg. Você vê, você pode escolher um presente J peg pagando etcetera Giffen Ping nosso melhor. Se você tiver áreas transparentes em sua imagem. Como em um logotipo, por exemplo, Para quaisquer fotos, Eu tendem a usar sempre Jay Pek. E aqui você pode brincar com sua qualidade. Então, por exemplo, se eu quisesse aumentar a qualidade para 95% de 100 eu vejo que vai ser 46,3 K Em geral , você quer apontar para imagens que estão abaixo de 50 K se você puder, geralmente 100 K é bom, Então isso é bom. Posso melhorar minha qualidade e ainda vou estar abaixo de 50 mil, então isso é ótimo. Então eu vou salvar isso e vamos eu vou realmente eu tenho uma nova pasta fora do conteúdo aqui. Eu vou fazer uma nova pasta e nós vamos chamá-lo vai fazer uma nova pasta onde estes Air Web pronto. E vamos chamar esse coelhinho pequeno que tem J. Pig. Ok. E vamos salvar isso em nossa pasta pronta para a Web, e estamos prontos para ir. Está bem, agora deixa-me abrir mais uma. Ok, este é muito maior porque já veio deste tamanho, e não está nem a 100%. Está mostrando apenas 60 pit 6,67%. Então aqui está uma das nossas cobaias, e aqui não parece tão ruim. Na verdade, eu só vou fazer um tom automático rápido, ok? E o contraste automático é o mesmo. E vamos ver o que acontece quando faço cor automática. Sim, eu realmente não gosto disso. Vou desfazer a cor do carro. Só mais uma coisa rápida que você pode querer fazer em ajustes de imagem. Então fizemos contraste de brilho. Fizemos níveis que você pode jogar com sua vibração se você quiser torná-lo mais quente e vibrante. Você pode aumentar a saturação se quiser. Há outro que eu gosto de fazer. Ajustes de imagem Ah, você tem um pouco. Você tem alguns filtros de fotos se quiser brincar com eles. Eu gosto disso porque eu gosto do filtro de aquecimento. Eu gosto que minhas imagens sejam um pouco quentes, especialmente na fria Pensilvânia, onde esses coelhos peludos estão. Mas você não tem que fazer isso. Você tem todos esses outros também. Então, há filtros de resfriamento, se você quiser. Ah, imagem mais legal. Só vai te dar tons diferentes. Se querias ver o Peotone, etc, não fiques muito louco com isto. O que quer que faça, , digamos que eu vá com este filtro de aquecimento. Eu posso querer apenas um pouco de um filtro de aquecimento para que você possa ajustar o quanto de um filtro você recebe. E isso parece-me muito bom. Então eu vou bater, ok? E eu vou salvar este bom e grande, assim como está. E novamente a exportação de arquivos salva para Web. Vou escolher a minha picareta J. E aqui, enquanto Então isso foi, diz, 5.49 megabytes. Foi isso que fiz as mudanças, certo? Então eu posso baixar a qualidade um pouco aqui. Ok, então agora é feito um 51% 4.35 ponto sete. Você sabe o que? Antes de mim, isso é realmente grande. Vamos ver como seria em 100%. Então isso pode ser um pouco grande demais uma outra maneira que podemos ajustar o tamanho da imagem para torná-la um pouco menor é o tamanho da imagem 72 resolução, Mas muito raramente você precisa de uma imagem tão grande para um site. Então eu vou fazer isso pode não ser mais do que, digamos, 800 pixels de altura por 600. Eu vou bater. Ok. Ok. Então é assim que a minha imagem vai ser grande. E eu vou salvar arquivo de exportação para o legado da Web. Oh, sim. Muito melhor. Certo? Então vamos baixar a qualidade um pouco para baixo, ver se podemos obtê-lo abaixo de 100 K estavam perto. Está bem, perto o suficiente, Ray. Assim, 44 qualidade. Veja, ali está o original. Aqui estou eu deixando cair a qualidade para baixo, mas ainda parece muito bom. E está perto de 100 casos, então vou guardar isso. Então eu recomendo que você faça isso para todas as imagens que você deseja usar. Dê nomes a eles para que você possa encontrar facilmente o que está procurando. Porquinho da Índia. Pode escolher um? Não J. Pig. Ok. E fazer uma pasta cheia destes para que quando você vai para fazer o seu site, você tenha tudo o que precisa. Você não precisa sentar lá e, você sabe, tirar tempo do processo de design para preparar suas imagens. Ok? Então eu vou esperar por você, Então, tome um momento, reunir o seu conteúdo, organizar o seu conteúdo e obter sua imagem está pronto. E, em seguida, quando você estiver pronto, vamos para Wickes vai configurar uma nova conta e Bing Bang Boom terá um novo site funcionamento rápido, veja na próxima lição. 5. Configure uma conta de Wix e escolha seu modelo: maneira. Tudo bem, estamos prontos para ir conferir minha linda pasta de imagens prontas para a Web. Então eu não usei tudo. Mas isso é definitivamente mais do que suficiente para eu começar agora para uma espreitadela, um resgate de coelho e apenas uma nota rápida sobre como salvar para Web. Se você ainda não fez isso, você deve realmente pensar em dar títulos descritivos para que quando você está tentando montar seu site, você não esteja procurando por aí tentando encontrar exatamente o que você quer. Se você fornecer títulos descritivos, tornará seu processo muito mais fácil. Tudo bem, então vamos entrar, vamos? Então aqui estamos nós, semanas ponto com e eu vou começar, certo? E porque eu não tenho uma conta, eu vou ter. Em vez de sorte de novo, vou me inscrever. Então, só um momento e você pode fazer o mesmo. Pause o vídeo e inscreva-se ou faça logon. Tudo bem, eu estou dentro e ele está me perguntando que tipo de site eu quero criar? Então, isso vai me dar diferentes tipos de modelos e sugestões para criar meu site. Eu adoro isso. Então vamos ver o que seria mais próximo para o resgate de Piquet Rabbit. Deve estar na outra categoria. Mas talvez vamos dar uma olhada nos negócios. Ok, então isso é muito legal. Ele diz que wicks um d eu posso criar um site para mim, responder algumas perguntas simples e automaticamente obter um site projetado apenas para você em minutos. Ou crie seu site com o editor Wicks. Uau. Então eu pensei que Wicks era a maneira mais fácil possível de criar um site porque este curso é tudo sobre fazer o nosso próprio. Mas acho que há uma maneira ainda mais fácil. Então, talvez se você quiser fazer isso, você possa. Estou curioso, na verdade, mas eu vou continuar com a escolha de um modelo porque este é o Com esta maneira, nós começamos a escolher tudo, e ainda estamos construindo nosso próprio site, então escolha um modelo. Certo, então está me dando um monte de modelos. Eu amo modelos porque não só eles são fáceis, mas eles também mesmo se, como eu sei como toe fazer Web design. Eu tenho desenhado sites desde os anos 90, que eu sei que namora comigo. Uma vez que a única maneira que você poderia fazê-lo era com código html e ah através do Dreamweaver foi WordPress todos os outros. Uma vez que a única maneira que você poderia fazê-lo era com código html e ah através do Dreamweaver foi Estou curioso para fazer um site rápido e sujo. Eu realmente só quero ensinar as pessoas a criar sites que não estão interessados em se tornar Web designers ou passar meses aprendendo a fazê-lo. E também porque vivo agora no mundo em desenvolvimento, estou mais interessado em ajudar pessoas que não têm dinheiro para hospedagem na Web para nomes de domínio ou qualquer software caro. E também porque vivo agora no mundo em desenvolvimento, estou mais interessado em ajudar pessoas que não têm dinheiro para hospedagem na Web para nomes de domínio Então isso é muito legal. Ok, então vamos dar uma olhada vistosa. Eu não sei. Para ser honesto, se eu vou encontrar algo que é bom para uma organização sem fins lucrativos sob o negócio, eu posso precisar ir para a outra categoria, mas deixe-me dar uma olhada rápida e eu vou acelerar as filmagens para que você não precise, Sente-se e espere por mim. Ah ha. Olha o que eu encontrei. Comunidade e educação, educação comunitária, religião e lucro. Bem, isso não é lucrativo, então vamos dar uma chance a este. Oh, bem, este ar tão fresco. Olha, eles têm uma ONG ambiental igreja urbana tradicional. Enquanto isso é como coisas religiosas Ah, comida, caridade, crianças caridade alimentam o mundo. Todo esse ar tão fresco. De qualquer forma, nós não temos que escolher aquele que tem o título que mais se adequa ao nosso propósito é apenas algo que nós pensamos que vai funcionar muito bem. Então eu vou dar uma olhada rápida e eu vou escolher alguma coisa, e então nós vamos partir daí. Oh, estalar. Eles têm um para abrigo de animais. Bem, essa é provavelmente a melhor maneira de morrer. Então vamos em frente. E é de graça. Então está nos dando a opção. Vamos apenas você pode visualizá-lo ou você pode começar imediatamente editá-lo como, Oh, ele também é responsivo para celulares. Eu disse telemóveis? Smartphones? Isso é o que eu quis dizer. Hum, vamos dar uma olhada nisso. Assim, ele permite que você visualize os modelos que você não precisa confirmar. Tudo bem, dê uma olhada. Então este é o modelo. Eles têm o pequeno controle deslizante no topo. C pode colocar imagens lá. Isso é meio legal. Certamente temos imagens suficientes de coelhos, coelhos e cobaias. Ah, estas são as páginas deles. Então, realmente, se você não planejou seu site, eu sei que eu pareço um disco quebrado. O que são registros? Mas basicamente você quer pensar sobre quais páginas você quer ter? Normalmente vou usar o que eles têm aqui. Então eles têm casa. Ah, bem, talvez façamos algo como em casa sobre nós. Voluntariado, doar, talvez eventos, qualquer coisa. E depois contacte-nos. Então você definitivamente quer ter uma página de contato, mas isso parece muito bom, certo? Cão da semana antes da semana. Oh, isso é muito legal. Uh huh. Olha, e eles têm seus eventos também, também, então podemos definitivamente usar isso. E olhe para a parte inferior do 2023. Isso é meio assustador. De qualquer forma, siga-nos. O Twitter segue no Facebook. Isso é incrível. Porque podemos conectar o coelho resgata páginas de mídia social usando este modelo. Então, isso parece um ótimo modelo. Não era o esquema de cores que eu estava pensando, mas acho que isso vai funcionar por enquanto. E, claro, podemos sempre mudar de cor mais tarde. Eu estou assumindo. Ok, então, sim, eu vou escolher este, então eu vou clicar em editar este site. Você está no seu peso. Tudo bem, estamos dentro. Então, uh, tudo está pronto e Wicks é tão amigável que eles vão me dar um pouco de vídeo do YouTube aqui só para, ah, ah, me mostrar como editar tudo o que eu quiser. Vou incluir isso como um recurso para que você possa fazer uma pausa e assistir isso antes de continuarmos . Então, na próxima lição, vamos começar a criar e editar e trocar conteúdo neste modelo, então vamos começar a usar nosso modelo. Então, se você ainda não fez isso, escolha um modelo que deseja usar e certifique-se de que planejou tudo. E certifique-se de que você assistiu um pequeno vídeo de introdução de Wickes e estará pronto para ir ver na próxima lição. 6. Como configurar seu logotipo em sua página de casa: Tudo bem. Depois de assistir ao vídeo de introdução e ter uma noção de todas as possibilidades em que você clica , comece agora e nós começamos. Então vamos ver. Com o que devemos começar? Provavelmente o logotipo seria a primeira coisa Eso se você tiver um logotipo. Esta é praticamente uma das primeiras coisas que você pode dio. Então vamos a mudaraimagem. Então vamos carregar a imagem do logotipo do coelho que temos na nossa pasta. Minha pasta pronta para a web. Então, onde está o meu logótipo? Será que eu realmente o salvei? E o outro? Vamos ver. Oh, sim. OK, desculpe por isso. Mas está pronto para a Web. Eu salvei. Tudo bem, então uma vez que você tem isso aí, a propósito, você tem essas pequenas opções aqui. Então, se você queria mudar algo recorte em editar renomear, etc. Isso parece-me bem. Apenas selecionado e, em seguida, escolha imagem hoje. Estão lá? É, a propósito. Então pode ser um pouco complicado ver o que você está fazendo com todas essas coisas no topo. Então, se você quiser visualizar o que você tem, basta clicar e ver como uma coisa que eu fiz o, uh, uh, o coelhinho aqui. Então aqui vamos adicionar o nosso nome. By the way, eu só vou incluir neste curso ah, lição da minha outra lona grossa tração. Porque há uma lição rápida que é menos de quatro minutos que mostra como tirar logotipo existente e soltar o fundo. Porque eu estava pensando que provavelmente ficaria ainda melhor se não fosse contra um fundo branco . Por enquanto, eu vou deixar assim, mas eu posso querer um mais tarde colocar em um que está em um fundo transparente para que ele se mistura o fundo melhor. Certo, então vamos ver se queremos voltar para o editor. Você vai aqui. Está bem. Então aqui, vamos mudar o texto. PK coelho Rescue Tae parece bom. Agora, não é? Deixe-me, eu gostaria de mover tudo isso um pouco mais, então não está certo contra o logotipo. Deixe-me apenas clicar fora de ajuste por um minuto. Lá vamos nós. Então eu cliquei fora dele agora? Sim, com as minhas setas. Permite-me apenas mover as coisas sobre um pouco também pode arrastar e soltar, modo que parece um pouco melhor. Bom. Hum, e então nós temos todas essas outras páginas também. Agora podemos gerenciar nosso menu. Navegue. Ok, então a primeira coisa que fizemos foi ir ao nosso logotipo e mudamos o nome. Certo. Hum, eu acho que vamos lidar com o menu e só um pouquinho. Mas primeiro, vamos continuar ajustando a página inicial. Certo? Então, uma das primeiras coisas que posso fazer é ajustar nossa galeria de controle deslizante e colocar algumas de nossas imagens lá. Então, na próxima lição, vamos tirar um momento para trabalhar em nossa galeria de controle deslizante. Ok, veja lá. 7. Extras: coloque seu logotipo em um fundo transparente em quatro minutos ou menos: Ei aí. Então, antes de voltarmos ao nosso projeto, quero responder a uma pergunta muito comum que recebo o tempo todo. Qual é a forma como eu faço meu logotipo em um fundo transparente? Bem, o jeito que eu costumo fazer é na loja de fotos ou em gimp. Você basicamente traz seu logotipo. Você coloca um fundo transparente atrás dele em uma camada embaixo. Em seguida, você seleciona com a ferramenta mágica, a área que você deseja tornar transparente. Você aperta, exclui e exporta a imagem. Mas para algumas pessoas, isso é um pouco demais outras pessoas que ainda querem fazer isso livre e rápido. Sem Photoshopped e gimp, há muitas ferramentas disponíveis. Vamos tentar esta foto da Luna. Certo, então primeiro enviamos nossa foto para ficar transparente. Parece fácil o suficiente, navegar e ok, então aqui está a nossa imagem em um fundo branco. Vai carregar. Você também pode fazer isso a partir da U. R L. R L. Vamos ver se serve. Se eu clicar uma vez no branco. Olhe para isso. Olha como isso foi rápido. E é muito bom, certo? Então, sim. Ah, vamos ver. Transparência de ajuste opcional. Limiar. Ok, Note. Isso parece-me muito bom. Uau. Então, sim, isso é rápido e fácil. E agora vamos ver se ele vai me deixar baixá-lo. Então, o que eu faço? Salvar ou compartilhar no Facebook? Tumbler, etc. Ok, vamos ver se podemos salvá-lo. Uau, isso foi rápido. Ok, então agora se eu voltar para a minha imagem, você vê, eu coloco uma nova imagem aqui, e meu logotipo vai ficar aqui agora. Já tenho logótipos aqui. Por favor, não se importe com essas imagens ruins de mim do verão passado. Você para mim ao vivo. Ok, então vamos, uh vamos fazer upload da imagem que acabamos de colocar e fazer no Luna Pic. Então nós baixamos. Uau, isso levou menos de um minuto. Aqui está. Então, ele vai carregar. Tudo bem, está pronto. Eu clico. E aqui está o meu logótipo. Agora ele fica no meio da minha imagem aqui, então eu vou redimensioná-la, e eu vou movê-la para onde eu queria ir. Então eu estou tentando fazer uso deste, uh, espaço negativo aqui e lá vamos nós agora Isso está quase pronto, mas minha imagem tem muitas cores nele. O logotipo realmente não. É transparente agora, o que é ótimo, mas na verdade seria ótimo se estivesse ligado ao resto da imagem. Não há verde em nenhum outro lugar nesta imagem. Agora, obviamente, você tem que ter certeza se você está trabalhando com um negócio, se eles não se importam que você pegue o logotipo deles e então você faça uma cor diferente para certos fins. Anastasia, dona de mãos curadoras, não se importa. Anastasia, dona de mãos curadoras, Este é seu logotipo regular, mas então eu tendem a ter outras cores para ir com certos gráficos. Posso fazer preto e branco. Um bom logotipo é versátil, e um bom empresário entenderá que um bom logotipo é versátil. Não é que mudes o logótipo. Não é como se eu estivesse colocando em um fundo diferente. Mas só para mudar a cor, ah não deve ser um grande problema. Então, na próxima lição, eu vou mostrar-lhe como trabalhar com alguns dos filtros que permitem que você altere as coisas que você tem, como um logotipo, para que você cuide deles ou coloque em efeito sobre eles. Mas, sim, estamos progredindo aqui. Ver a próxima lição 8. Como salvar, configurar o nome do site do Wix e personalizar seu controle do controle de página de Home: Ok, então nós vamos trabalhar em nossas imagens deslizantes ou página inicial nesta lição. E eu tenho um lembrete muito, muito útil. O que estou sempre a dizer aos meus alunos é que, por favor, não se esqueçam de poupar o vosso trabalho de vez em quando. É uma ideia muito boa. Então você acha que Click. Então, quando eu for fazer isso, na verdade, ele vai me pedir para escolher um domínio. Então este vai ser o endereço da nossa mira. Agora, se você tem outro domínio ou você quer algo que seja mais oficial este vai ter o meu nome. Nós excitar ponto com barra PK resgate coelho. , Agora, se você quiser conectar seu próprio domínio personalizado, você pode clicar aqui. Isso provavelmente vai acontecer. Vai custar-te dinheiro. Provavelmente sim. Mas é definitivamente onde vale o investimento. Se você é muito sério sobre o seu site, eu suponho que você pode sempre conectar seu próprio domínio personalizado mais tarde, então não vamos nos preocupar com isso agora. Agora, só vamos nos concentrar nos recursos gratuitos em semanas. Mas isso é algo que o resgate de animais PK pode fazer mais tarde em suas configurações de conta, adicionando seu próprio domínio. Eles realmente me disseram que eles já têm Ah, domínio. Eles só não o conectaram a nada. Então, por enquanto, vou fazer o resgate do PK Rabbit. Ok. Hum, a propósito, você tem que ter certeza de que não há espaços ou seu carro não vai funcionar. Você geralmente pode se safar com traços e sublinhados. Oh, ok. E diz apenas números letras ou hífens aqui. Está dizendo que hífens estão bem, então PK Coelho Resgate, recomendo ficar em minúsculas. Alguns navegadores são muito estranhos sobre, ah, endereços da Web. Também te chamaram de RL's que têm maiúsculas e minúsculas. Então eu sempre digo aos meus alunos, manter tudo minúsculo. Se você precisa quebrar uma palavra, basta colocar ah, hífen ou traço lá dentro. Tudo bem, Saving. Continuar. Tudo bem. Estamos progredindo aqui, então sim, aqui está a galeria de slides. Então, Lisette, pelo menos, muda. Ok? Quando seu site foi salvo quando você publicou o seguinte será o seu domínio. Ok, publique seu site para que as pessoas possam vê-lo. Não, não estou pronto. Ok, então, por enquanto, isso está tudo bem. E a propósito, é bom saber que você sempre pode vir aqui e editar também. Mas, por enquanto, vamos deixar isso. Ok, então agora eu vou trabalhar em minhas imagens. Então, caloria do deck. Então vamos mudar as imagens. Vistoso. Parece que só têm duas imagens aqui. E é legal porque você tem títulos e descrições para cada imagem. Você também pode adicionar links. Ok, vamos colocar algumas imagens aqui. Hum, como você deve ter notado no vídeo de introdução, todos vocês para obter um monte de imagens grátis de Wickes também. Eu vou realmente fazer upload de minhas próprias imagens, minhas próprias imagens bonitas que já preparamos para estar pronto para a web. E, ah, alguns dias, eu acho que eu pendurar como, lindo coelho turquesa que eu senti que era uma imagem especialmente agradável. Então vamos começar com essa. Ok, então aqui está o nosso 1º 1 Vamos adicionar isso à galeria. Lindo. Ok, então, uh, ok. Espere um minuto, entanto. Está mostrando? Vai ser cortado? Ok, deixe que fique tudo bem. Acho que isto está a ser cortado nesta janela, mas estes também são quadrados, e por isso devem ficar bem. ser cortado nesta janela, mas estes também são quadrados, Tudo bem, deixe-me adicionar mais algumas imagens. É óbvio que vou precisar de me livrar do Fido e só coelhinhos fofinhos e de ter porcos nesta galeria. Certo? Então isso disse mais algumas imagens, e eu preciso fazer upload de mais algumas imagens. Eu provavelmente posso fazer um monte inteiro, eu me pergunto. Deixe-me segurar a tecla Shift aqui. Ok? Então sou ganancioso. Eu não quero ir e fazer um de cada vez. Quero fazê-las todas ao mesmo tempo. Então aqui estão todos os meus coelhos. E agora eu posso usar o em outras partes do site também. Tudo bem, aqui estão eles. Então vamos ver, qual deles devemos acabar com a nossa cozinha? O sexualmente torna isso muito mais fácil. Eso vamos com talvez como uma foto de grupo. Então adicione isso à galeria. Oh, ok. Outro veio também, mas eu sou como essa imagem. Então está tudo bem. E isso é colocar uma cobaia nela também. É um, este. Gosto deste com o coelhinho da cobaia sendo aconchegado, e acho que é bom por enquanto. Tenha mais imagens. Mães. Ok, nós não temos muitas imagens, mas eu só quero ver o que eu tenho, então eu. Ok, então eu li isso para mais do que aqui em baixo. Por alguma razão, não é deixar-me rolar para baixo, mas vamos adicioná-los à galeria só para ver o que temos. Oh, sim, esses são felizmente OK, então estamos bem. Então temos algumas duplicatas aqui. Vamos dar a ela. E acho que é um zoológico. Por mais que eu ame esse humano nesta foto, vamos manter todos os animais por enquanto, então sim, cinco devem ser bons e devem nos permitir mudar a ordem para que você possa arrastar, uh, a ordem ao redor do caminho ter balonado qualquer grande e cabelo, mas tudo bem. E estamos bem. Ok, então eu recomendo se você tem uma chance apenas para dar algum texto alternativo aqui, hum, descrição, por exemplo. Vou deixar a PK Rabbit Rescue fazer isso. Então, se eles causarem isso eles podem ter outras imagens que eles querem trocar aqui. Então, por enquanto, vou bater. Feito. Tudo bem. Ah ha. Então isso realmente foi cortado. Não foi uma piada. Então deixe-me voltar lá. Deixe-me tirar essa, então. Eu não quero usar imagens que estão sendo cortadas, então vamos nos livrar do mesmo que eu goste do coelhinho do Turco enfraquecer. Use coelhinho turquesa em outro lugar. Ok, então deixe-me adicionar mais uma imagem. Ok? Bem, tive uma picareta, mas já que é um resgate de coelho. Desculpe, amigo, não pode ser o primeiro. Bem, ok, então isso parece muito bom. Tudo bem. Então vamos com isso por agora e pronto. Oh, sim, isso parece bom. Agora, vamos fazer uma prévia. Tudo bem? Isso parece ótimo. Até agora. Obviamente mais tarde. Se quisermos, podemos ajustar a velocidade do show de luzes e quaisquer transições, se quiser tê-las. Mas agora, vamos colocar as coisas mais importantes lá dentro. E então podemos sempre voltar e fazer pequenos ajustes e ajustes mais tarde, certo? E a próxima lição continuará colocando as informações mais importantes na página inicial e lentamente voltará nossa atenção para nossa barra de navegação aqui em cima. E as outras páginas que vamos ter em nosso site ver na próxima lição 9. Trabalhando com texto e adicionar links no Wix: Ok, então antes de rolar para baixo para algumas das outras informações, provavelmente devemos lidar com este tamanho. , Basicamente,o maior texto que as pessoas vão ver. Então este é um botão de doação, e com certeza, eu fui para o pico de uma página de resgate de coelho no Facebook. E eles também têm um botão de doação lá junto com algumas informações sobre o que eles estão arrecadando dinheiro para. Então isto é para um fundo médico de quarto de coelho. Então, antes de fazer mais alguma , vou fazer coisa, vou fazeralgo aqui. Então isso é salvar um poço doar. Agora, talvez nós vamos apenas dizer curso. Está congelado em uma foto de uma cobaia. Mas, hum, eu acho que por agora, eu vou manter esta mensagem. Mas aqui, você pode facilmente mudá-lo. Basta clicar nele e então você pode mudar o texto, o título, etc. Talvez eu veja como adicionar algo, então salve um animal de estimação. Talvez eu veja como adicionar algo, Não coma agora e então você realmente tem esse botão de doação. Então vamos ver o que ele está se ligando, no mínimo. Ok. Qual página? Então, está ligando para uma página agora? Vamos vinculá-lo a um endereço da Web, já que eles já têm em sua página do Facebook, essa área de doação. Certo? Então este é o link que eu preciso. Eu só vou copiá-lo, e depois aqui eu vou colá-lo. Mas diz que posso ligar a todos os tipos de coisas. Eu poderia ligar para um e-mail de número de telefone um documento se eu tivesse um arquivo pdf que eu quisesse as pessoas baixassem, hum, para uma galeria, que é o dinheiro leve, ou para uma página dentro do meu site existente, que é o que você normalmente faz neste momento. Vou deixá-los decidir se querem ter uma página de doação ou não. Mas, por enquanto, vamos apenas vinculá-lo ao endereço da Web na página do Facebook deles apenas por enquanto. Pelo menos sabemos que vai para algum lugar. Tudo bem, até agora, bem. Só estou curioso, , porque isso não é realmente poços isso ou mais como, vamos apenas salvar um coelho. E, claro, precisamos ter certeza de que isso se encaixa bem. Então vamos fazer isso um pouco menor. Tudo bem, então isso funciona, e então isso obviamente nós queremos ser um pouco menor do que isso. Mas de qualquer maneira, para que você possa fazer suas mudanças. E então isso está indo para, mas podemos realmente torná-lo maior do que isso. Veja um coelho e vamos torná-lo ousado. Ok, isso parece muito melhor. Ok, então isto vai ser para o quarto médico dos coelhos deles, e estou curioso. Agora que isso está aí. Podemos mover isto para cima? Sim, podemos. Ok, se você cometer um erro, você pode apenas fazer Ah, Comando Z. Um, vamos ver se há uma maneira. Ok. Apenas uh huh. Ok. Então vamos ver. Agora que eu tenho isso, eu devo ser capaz de mover algumas coisas por aqui. Lá vamos nós. OK, então eu apenas movi para baixo para que faça mais sentido com este botão aqui. E temos algumas linhas que talvez queiramos mover também. Então eu só estou usando minhas teclas de seta para mover isso um pouco para baixo, apenas para que pareça mais normal aqui e Ok, então eu diminuí um pouco só porque ele meio que me dá mais de uma visão de pássaro do que eu estou fazendo. E eu acho que o que eu vou dio é apenas o meu texto entregando mais. Oh, eu vejo. Certo, isso me permite mover seções, mas vamos manter essa seção do jeito que está. É a saída, Sumo , e vamos mover o nosso texto um pouco mais para baixo. Ok, então isso está parecendo OK, nós podemos visualizar isso. Então nós só queríamos ajustar nossas informações mais importantes para que fizesse sentido e garantir que esse botão de doação, pelo menos desde o início, vá para algum lugar que possa realmente aceitar doações mais tarde. Podemos decidir vincular isso a uma página de doação, mas não decidimos que ainda não fizemos isso porque temos que configurar nosso menu e nossas outras páginas primeiro, mas, uh, isso está olhando Muito bom. Então, na próxima lição, vamos trabalhar em algumas das informações importantes abaixo são slider. Vê? Lá 10. Certifique-se de que essa informação fundamental está em sua página: Ok, então eu estou no modo de pré-visualização, e isso é o que eu tenho até agora. E eu só fiz algumas pequenas mudanças, como talvez você nem tenha notado, mas eu acabei de me livrar do espaço extra no topo. E então eu também arrastei esses elementos um pouco para cima. Eu centralizei o texto e sim, eu estava realmente pensando porque esta é a nossa primeira tela cheia. Provavelmente é uma boa idéia colocar algum tipo de informação aqui, que no momento em que as pessoas chegam nesta página, eles imediatamente sabem. Ok, isso é o que essa coisa é o que se trata. Por que eu deveria me importar? Então nós poderíamos realmente adicionar um novo texto aqui, então vamos para o editor e eu vou apenas mostrar maneiras fáceis. Então, a propósito, você tem essa pequena paleta de ferramentas. Você pode apenas arrastá-lo para fora do seu caminho se estiver no seu caminho até aqui. Eu tenho este elemento aqui. Se eu clicar nele, você tem este pequeno alongamento e isso me permite porque eu tinha muito espaço antes, então eu simplesmente não movê-lo para cima. Não precisávamos de tanto direito. E então a mesma coisa com aqui embaixo, então você pode realmente pegar linhas. E você pode movê-los para cima ou para baixo também. Se não fizer isso, se fizer algo por acidente, basta pressionar Command Z ou Control Z. Se estiver em um PC, e também poderá desfazer isso facilmente. Ok, então estamos indo bem aqui. Vou apenas adicionar um novo texto. Então vamos encabeçar algum texto e onde nós vamos dio parecer texto. Ok, então vamos com, tipo, apenas uma rapidinha. Então eu estou usando o título um aqui. Chamamos isso de nós, certo? E eu só vou usar o fundo padrão, hum, hum,porque combina com tudo o resto no site. Você provavelmente não quer ter 50 milhões de fundos. Normalmente você deveria ficar com um fundo por toda parte, mas por enquanto, nós vamos com isso, e isso me deu uma cor automaticamente, o que é bom. Estou feliz com isso. Então, sobre nós. Então, eu também vou adicionar um pouco. Então eu tenho minha manchete. E agora vamos colocar algum texto corporal lá dentro. Então este é um parágrafo, e vamos mover isso para cá também. Tem esses pequenos governantes que tornam mais fácil para você alinhar as coisas, ok? E eu estou literalmente indo para ir até a página deles para sua página sobre. Ok, então nós só queremos um pouco de texto, e eu acho que eu vou simplesmente pegar este texto rapidamente. E então talvez nós também vamos colocar onde eles estão localizados também. Certo, acho que vou adicionar as informações de contato deles também. Ok, então eu vou usar Ed, e então, desta vez, em vez de escolher texto, vamos entrar em contato. E eles têm todas essas ferramentas de contato diferentes. Eu não tenho certeza se eu quero ter o mapa lá ainda, mas você mapas legais, você sabe, isso é muito tentador. Vamos ver, podemos tentar ver como fica, certo? Certo, vamos com o mapa. Está bem. Então, se vais usar isto, tens de mudar o teu endereço, e eu preciso de o endereço deles. Ok, então eu coloquei o endereço deles. Eu sei que eles estão na Pensilvânia, então eu coloquei em Whitehall, Pensilvânia. Eu acho que isso está certo. Mas terei que checar duas vezes. Hum, mas sim. Está bem. Então é tão perto que agora eu tenho um mapa, e eu não tenho certeza para ser honesto, se nós queremos isso aqui agora, porque nós não queremos dedo do pé ele ficou muito ocupado? Estava pensando em fazer algo aqui. Certo, Certo, só um momento. Está bem. Então eu estou indo de você pode ter notado. Estou apenas começando a mover as coisas. Eu peguei um pouco do texto. Oh, e então eu também estou adicionando alguma arte vetorial, o que me permite liderar esses pequenos ícones. Isso é super fácil de usar. - Ok , então você pode ter me visto movendo coisas por aí, então vamos dar uma olhada nisso porque sua página inicial, a primeira coisa que as pessoas vêem, eles devem ser capazes de saber quem você é, o que você faz e por que eles devem se importar. Então isso é o que ele está parecendo até agora, e nós apenas adicionamos um pouco fora de informações, assim como um pequeno blurb sobre o que é o resgate de coelho PK. Acho que também é muito importante ter o endereço porque estou em Yangon, Myanmar. Eu não sei onde isso está localizado. E às vezes fico irritado porque me deparei com um site pensando que é onde eu moro e é, sabe, em algum lugar no Reino Unido ou onde quer que seja. Então, é importante colocar que você tem um número de telefone muito rápido e sujo, uh, e-mail e localização imediatamente. Assim, alguém nem precisa se aprofundar no seu site para entrar em contato com você. E então nós também temos a doação, mas Ok, então isso está chegando, e a próxima lição só vai tocar um pouco mais com a página inicial, e então vamos começar a passar para as outras páginas. Vejo você lá. 11. Obtenha suas galerias de imagem em forma e finalize o texto da página residencial: Ok, então é aqui que estamos agora. Você deve ter notado que eu entrei e deixei cair o fundo branco fora do logotipo. Só parece um pouco mais agradável. Então estou muito feliz com esta parte da nossa página inicial. Ele tem todas as nossas informações mais importantes, exceto, é claro, nosso menu final, que vamos chegar a um pouco. Mas toda a nossa informação mais importante tem uma maneira que as pessoas podem doar. Então vamos concentrar-nos nesta área aqui em baixo, sim? Então vamos voltar para o nosso editor e aqui eu vou fazer isso rápido e sujo. Vamos fazer, tipo, Coelho da Semana e cobaia da semana. Então, quaisquer coelhos e cobaias que tenham para adotar podem mudar. Este é apenas um texto de espaço reservado, então vamos deixar isso por enquanto. Então, eu só vou rápido e sujo ir e mudar a imagem. Temos todas as imagens que já colocamos aqui. Eu sou apenas uma contratação problemas rolando para baixo, então eu vou classificar segurar isso. Só podemos ver o que mais tenho aqui. Então, digamos que o carro é, um, o coelho da semana, uh, tem carro. E então vamos fazer o mesmo com nossa cobaia da semana. Desculpe, Kitty, você está se trocando. E eu não sei. Tenho muitas picaretas de guiné aqui? Não me lembro agora. Então espere uma cobaia. Vamos com este. Parece um bom candidato para mim. Certo, então temos isso aqui, vamos colocar algo como, uh, eu não sei se eles realmente aceitam voluntários, então vamos colocar, uh, o que fazemos. Por alguma razão, quando eu estou selecionando isso, eu estou perdendo aquele bom ousado que eles tinham acontecendo lá antes. Então eu vou consertar isso muito rápido, como o Bold é legal. Certo, ótimo. E então também podemos fazer algo aqui. Cães adoptáveis. Vamos preservar a nossa ousadia. Mas em vez de cães para coelhos e aqui podemos facilmente crescer mudar essas imagens, ver se algumas imagens que não usamos ainda OK, nós não queremos Ok, eu vejo. Esta é a galeria. Então vamos nos livrar desses caras. Desculpe. E vamos adicionar alguns dos nossos carregamentos principais coelhos adotáveis. Então vamos. Cora está magra? Acho que havia três imagens lá dentro. Certo? Então deixe-me encontrar mais dois. Então, isso disse estes dois. Ok, eu acho que ele só arranca para lá dentro. Então, aqueles coelhos adotáveis de novo e sendo cortados aqui. Mas vamos encontrar por agora e então vamos fazer cobaias dedutíveis mudar essas imagens também . Amigos e porquinhos costumavam ter cobaias quando eu era criança. Não, eu tenho gatos. Sinto muito, pessoal. Ok, então vamos, uh, imagens melhores. Este tem que estar ali. Pan, coloque esses dois lá, já que são picaretas. Tudo bem, isso parece muito mais personalizado agora, certo? Tudo bem. Então vamos ah, guarde isso. É pré-visualização disso. Ok, então está muito bonito agora, certo? Podemos ir? O que fazemos. Então vamos atualizar o texto do corpo mais tarde, mas agora temos o “Coelho da Semana “e a escolher a semana. Coelhos adoptáveis, cobaias adoptáveis. E depois mostramos, adicionamos alguns eventos e talvez uma oferta aqui. E então vamos colocar em suas páginas de mídia social. Então faremos isso na próxima lição. Vejo você lá. 12. Como adicionar serviços ou eventos: para esta parte. Vou roubar algumas coisas deles da página do Facebook deles. Então, sob os serviços, eles têm oferecendo bem-estar e cuidado de coelho, e eles terão uma cobaia também. Por enquanto, vamos roubar esse coelhinho Wellness Care e voltar ao nosso editor. Ok, então isso é na verdade $10. Então vai mudar isso. Alguns como? Toda vez que eu clico nisso, eu perco meu parafuso. Então eu vou consertar isso. Eu não sei se eles têm um prazo, eles só não poderiam aprender mais por agora e então este ISS este dinheiro, bem-estar e cuidados, e eu vou apenas pegar algumas mensagens, então está tudo bem. Eu vejo. Uma hora. Ok, quer saber? Vou colocar aquele Kia um poder. Devolva-me a minha linda cor, por favor. Sim, tudo bem. E vou tentar fazer menos texto para que não ocupe tanto espaço, mas também me permita ajustar a mina de espaçamento. Spacey. O que acontece se eu clicar em automático? Está bem. Na verdade, isso é bom. Eu só queria tomar um pouco nous uh, espaço movido sobre isso um pouco. Não queremos que o nosso texto esteja muito perto de qualquer linha ou qualquer outra coisa. Bom. Quando você vai ouvir, cuidado com este curso intensivo de uma hora. Bem, incluirá. Está bem. Ok, então há alguns erros aqui, então vamos corrigir isso quando nosso curso intensivo pensar em alimentos como cortar unhas de coelho, verificar as glândulas de cheiro limpo do corpo, temperaturas e o quê? Você está bem? O que você deve ter em casa para o bem-estar e doente. Única. - Ele. Tudo bem. Isso parece bom. Não, esta parte aqui deve estar ligada a alguma coisa, certo? Então, por enquanto, vamos apenas ligado a não parece estar se ligando a nada em particular. Então eu acho que eu vou apenas enviar pessoas para a página de contato para o link. Aqui está o link, e vamos vincular isso a uma página, e ainda temos que lidar com nossas páginas que temos feito ainda, mas por enquanto, vamos apenas para contato página. E isso parece bom. Certo, então temos nosso serviço especial aqui. Também temos eventos. Então, de qualquer forma , eu não vou fazer você , eu não vou fazer você passar por tudo isso comigo. Vou atualizá-los eu mesmo. E na próxima lição, mostrarei como atualizar. Adicione as páginas de mídia social do. Vejo você lá. 13. Adicione seus links de redes sociais à barra de balanço do site: Tudo bem, estamos fazendo alguns progressos sérios aqui em nome de coelhos e cobaias na Pensilvânia. Então, eu só quero mostrar a vocês o que foi adicionado. Então eu adicionei Thea Bunny bem-estar e evento de cuidados. E então eu também adicionei um evento chamado Bunny Pollux Za. Isso não parece divertido? Ah, dia dos coelhos e eu peguei essa informação da página do Facebook deles, e está ligando para o evento deles no Facebook. Tão bons tempos. Então, nesta lição, vamos apenas para o fundo e vamos editar esta área aqui em baixo. E então uma vez que fizemos isso, então nós temos uma home page funcional decente que podemos trabalhar no resto do site, os outros itens de menu e as outras páginas. Mas até agora, tudo bem, espero, certo. É um muito fácil e intuitivo Como o vídeo de introdução Wicks diz que não há maneira certa ou errada de projetar uma página da Web. Ok, então claramente não é 2023. Infelizmente, Eso, vamos colocar nosso encontro e vamos colocar nossa nova coisa aqui, então PK resgate coelho. podemos, não podemos nos livrar disso sei que semanas ficarão bravas comigo por fazer isso, mas tudo bem, mas tudo bem, então PK Ribbit Resgate. E então vamos, uh nós vamos adicionar suas informações de mídia social, que eu nem tenho certeza se eu tenho disponível à minha disposição, mas ok, então isso está lá. Está bem. Então sabemos pelo menos suas páginas no Facebook. Isto vai para a página inicial deles, está bem? Na verdade, esta é a página inicial deles. Então, podemos facilmente fazer o Facebook por enquanto. Certo? Então, Facebook e nós vamos ligá-lo. Na verdade, também podemos vincular links sociais enviados. Ok, vamos fazer isso já. Facebook e, em seguida, o que você quer vinculá-lo? Ok, então eu vou ligá-lo à Paige deles, uh , , quaisquer links que você tem que estão indo para fora do seu site, mesmo que seja para sua própria página do Facebook deve sair de um novo janela. E quando você estiver vinculando duas páginas em seu site, você deve mantê-la dentro da janela atual. OK, então está feito. Mão feita. Ok, então nós fizemos isso para o Facebook, e eu vou fazer sem você sentar-se e esperar por mim. Eu vou fazer isso também para o Twitter e YouTube, e então eu vou visualizá-lo e nós devemos estar prontos para ir. Então, na próxima lição, vamos finalmente trabalhar em nossos itens de menu e outras páginas, então veja na próxima lição. 14. Edite a versão móvel do seu Site Wix e clique em publicação: Ok, então eu fiz algumas mudanças, e estamos nos preparando para seguir em frente. Eu só vou pré-visualizar mais uma vez e principalmente tenho apenas brincado com espaçamento movendo coisas ao redor. um Eu adicioneiumtexto real do site para apresentar animais de estimação reais. Eu adicionei a loja, a loja A T, e aqui em baixo eu adicionei um segundo serviço que eles oferecem para conhecer sua cobaia, seus eventos e, em seguida, a informação no fundo aqui. Então tudo parece um pouco melhor agora. E o que eu gostaria de diligir é uma prévia disso em dispositivos móveis também, para que possamos ver, hum, como ele parece. Então esta é a visão móvel. Ok, então isso só diga a ele para ver como seria em um celular. E enquanto a informação mais importante do Oliver estiver lá, deve estar tudo bem. Vejo que algumas coisas estão um pouco fora de cera ou podem muito bem. Eu só tenho cuidado porque à medida que você adiciona, um ou outro, você quer apenas ter certeza de que você não está mudando acidentalmente o outro. Então deixe-me só, uh, ver se eu mover este Icahn. Ok, então, no editor móvel, eu só vou mover meus pequenos ícones para cima um pouco. Coisas tão bobas como essa. Só queremos que ele apague aquele espaço. Ótima. Então isso já está um pouco melhor, e então isso não é tão importante, mas me reserva um pouco. Talvez eu faça essa chave faz um monte de espaço aqui. Então vamos deletar isso, e talvez nos livremos de alguns desses. Então, cabe a você. Quão novo? Exigente você quer ficar bem. E até agora, tudo bem. Enfim, só estou arrumando. Eu acho que se esse é que vai ter que isso também não deveria. Está tudo bem. É só para um celular. Nada contra usuários móveis. Mas não precisamos nos preocupar tanto com isso. Chave direita. Então isso parece muito bom. Certo? Então, estou pensando se deveríamos ... talvez não pudéssemos esconder esse elemento do celular que fica cortado , certo? Então você pode escolher coisas que você pode decidir esconder. Isso é bom, então eu acho que estamos em um bom lugar aqui. Ótima. Então vamos salvar isso. Ok, então estamos de volta em nosso modo desktop, e felizmente, essas mudanças que fizemos no editor móvel não afetaram a aparência dele em um computador . Portanto, isso é muito importante. Ok, então a última coisa que eu vou difundir é eu realmente vou publicar isso. Não porque está acabado. Está quase acabado. Só preciso mudar as páginas agora. E eu tenho certeza que sei o que quero fazer lá em cima, mas eu quero realmente enviá-lo para a pessoa responsável pelo resgate PK Rabbit porque eu não vou ser capaz de terminar todo o site hoje. Mas quero que ela veja meu trabalho em andamento, e ela não poderá vê-lo a menos que eu o publique. Então vamos publicá-lo, está bem? É publicado online ao vivo. Mas se ninguém realmente tem o comprimento e eu não expandir, ele não sabe quando nada está se ligando a ele, então eu não estou tão preocupado que as pessoas vão vê-lo antes que ele esteja pronto. Certo? Então eu vou pegar eu preciso pegar essa garota. Deixe-me ver. Diga. Vamos olhar para ele e atirar fodões. Vou pegar meu domínio genérico e sim, isso está chegando. Então agora eu posso enviar isso para ela, e ela pode ter um pouco de uma prévia. Você vê isso com o site gratuito. Você tem esses anúncios Ah, você sabe, criar seu site de pavio no topo na parte inferior. Mas acho que é um pequeno preço a pagar por ter um site gratuito e parecer muito bom. E também, meus ícones de mídia social também estão funcionando. Isso abre uma nova janela e me leva para a página do Twitter, etc. Então, estamos em boa forma. Então, na próxima lição, vamos finalmente chegar ao menu e trabalhar em nossas outras páginas, ver na próxima lição. 15. Como corrigir o menu e adicionar um blog no site: Muito bem, vamos preparar-nos para o barulho. Então nós só queremos mudar nossos homens, você sabe, neste momento e trabalhar nas outras páginas. Então eu vou clicar aqui e vamos gerenciar nosso menu. Então isso é muito legal. Portanto, ele já está configurado com algumas páginas sugeridas. E há também este é um item no menu suspenso. Então eu decidi por agora e talvez PK Renna Rabbit resgate vai mudar isso mais tarde, mas eu vou Teoh mudar isso em torno de um pouco, e, uh, então eles sempre podem fazer seu menu como quiserem. Ok, então primeiro, vou mudar o nome. Então, vamos ligar. Este vai ser este vai ser, uh, uau, uau, na verdade, espere. Na verdade, enquanto olho para a página de amostra aqui com todos os animais nela, acho que vou manter essa guia de adoções. Isso parece ótimo. Vamos fazer Ok, vamos mudar o nome desta para que eles decidam ter uma página voluntária, mas por enquanto, vou mudar o nome desta. Vamos fazer Ok, vamos mudar o nome desta para que eles decidam ter uma página voluntária, mas por enquanto, Isto vai ser eventos. Ok? Eles têm a página de doação. Na verdade, vou tirá-lo da lista por enquanto. E só fazendo isso, isso vai ajudar. E então a página entre em contato conosco. Então estas são as páginas que vamos ter agora. Adoções, eventos, doe e entre em contato conosco. Hum, e você pode realmente vê-lo mudando para cima aqui, então isso parece muito bom se eles quiserem, , por exemplo, hum, hum, sob adoções, talvez eles queiram ter uma seção só para cobaias. Pode ser uma página nova. Se eu quisesse adicionar um pêssego, você só vai até aqui na página. Digamos que chamaremos essa cobaia. Só não é exemplo. Dica. E então você coloca isso aqui sob adoção. Então você pode, uh, você será capaz de pré-visualizar isso mais tarde. Adoções, cobaias, tanto faz. Se você quiser vincular a ah, seu menu, você pode fazer isso aqui. E então isso permite que você dirija uma pasta com sub-páginas etc. Certo, então, na verdade, vou me livrar dessa cobaia. Um. Não preciso dessa por agora, então só vamos. Apague, ok. E estamos prontos para ir. Então, não à massa. temos nossos novos itens de menu aparecem. Eles podem decidir ter outros tipos de páginas. Talvez até um sangue. Hum, isso pode ser alguma coisa. Ah, caso em que iria subir aqui. Ok, então acho que estamos prontos para ir. Uma última coisa. Há um botão para em um blog, e você clica nele. Bem-vindo perto de Wicks. Plugue. Ok, então se adicionarmos um bloco, eu vou adicionar um bloco. Talvez eu tire mais tarde. Está bem. Bem, isso foi fácil. Então eu clico para adicionar um novo sangue, e automaticamente adicionou o sangue ao meu menu aqui. E, hum, ele pode adicionar um poste novo, mas preto, gerenciar seu sangue. Então é tudo muito intuitivo e fácil. Ok? E isso é muito fácil, certo? Meu primeiro post, meu título envolvente. Este é o meu primeiro post, certo? E você pode salvá-lo como um rascunho. Você pode visualizá-lo. Talvez eu queira adicionar um vídeo ou uma imagem. Basta clicar aqui. Tudo bem. Escolha a sua imagem um jogo, e estamos prontos para ir agora. Normalmente, se você tem sangue, você vai ter categorias. Então podemos chamar isso de coelhos adotáveis, por exemplo. Certo. E você poderia colocar etiquetas, então eu não sei, Bernie. Agarre isso. Nunca. Mas isso ajudará as pessoas a encontrar seu conteúdo. E deixe-me apenas publicá-lo. Meio que era, livrar-se disso mais tarde. Isto é apenas um exemplo. Ok, então este é o meu primeiro post. Vamos voltar. Vamos fechar esta janela agora, e vamos voltar para o nosso editor e vamos ver o que fizemos. Ok, então isso é o que parece. Então é assim que a seção de sangue da página vai parecer e tudo bem, eu vou publicar isso só para que possamos ver como é. Ok? E na verdade, eu só tenho que consertá-los e você muito rápido. Vamos manter o bloco para eles. Talvez queiram ter um preto. Eu não tenho certeza. Está bem. Então poderia colocar sangue aqui. Nós temos um monte de itens de menu, então nós provavelmente devemos reduzi-los um pouco. Então vamos colocar, talvez nós vamos colocar doar como uma subcategoria em adoções, e então nós temos um sangue venz em contato conosco. OK, eu gosto disso. Sabe o que acho que vou ficar com o sangue deles. Eles sempre podem se livrar dele se não quiserem. Mas parece bom para mim. Ok, então eu recomendaria, um como você está trabalhando quando você está colocando em suas páginas não tem 10 páginas a menos que você vai empilhá-los como eu fiz com o botão de doação em eventos. Então vamos pré-visualizar isso. Muito bem, aqui está a nossa página inicial. Sob adoções, você tem seu botão de doação. Aqui, você tem eventos, você tem seu sangue. Vamos clicar no preto. Ali está o nosso posto. E quando estávamos brincando com o sangue, há muita configuração para que você possa configurá-lo exatamente como quiser, ler mais etc. Então isso parece bom. Ok, então nós temos nosso menu, nossa navegação e nossas páginas tudo configurado. O que eu vou dizer é que eu só vou entrar e arrumar as páginas e torná-las agradáveis, e eu vou te ver na próxima ouvir 16. Como editar e editar e editar de blog no Wix no Wix: Certo, agora que temos nosso primeiro poste negro, vamos arrumar um pouco. O que fiz foi ir à página do Facebook deles, e encontrei uma história sobre dois coelhos que foram adotados. - Onde? Ali. Sim, estamos aguardando ser adotados, e eu vou usar o conteúdo e vou editar minha página. Então, basicamente, estou na seção do bloco. Basicamente, eu quero mudar isso. Então eu clico no post do bloco e eu vou para ir sob gerenciar posts. E aqui está o meu primeiro post. Então é fácil o suficiente para eu editá-lo, certo? E aqui vamos nós. Então eu preciso mudar essa imagem. Vou clicar na minha imagem, e tenho um “mas “aqui para mudar a imagem. Então vou trocar outra coisa, e preciso fazer upload de algumas imagens novas. Ok, eu tenho uma nova imagem que eu chamei de coelhos de sangue porque eles vão entrar no nosso sangue, e aqui estão eles. Então vamos jogar para o Ok agora, esta imagem era bem pequena, na verdade, e Wicks está esticando para fora, então isso vai realmente parecer ruim. Então estamos melhor tirando essa imagem. Ok, então você precisa ir para o canto aqui agora. É um Excel. Queremos que isto seja. Vamos ver como é o meio. Sim, isso é quase certo. Ok, então foi uma boa idéia ter texto alternativo apenas para pessoas que não conseguem ver imagens ou têm problemas de visão, seu recurso de acessibilidade. Tão verdade. Soletre. Certo. Ok, então estamos em boa forma aqui. Vamos colocar isso aqui à esquerda, e vou colar todo aquele texto que peguei. E vamos deixar este texto um pouco mais agradável. Então, o que se passa com o meu ano de texto? Ok, lá vamos nós. Então foi aos 16. Vamos fazer apenas 14. Está bem? Então eu vou acelerar essa parte, então só um momento. - Tudo bem? Tudo atualizado. Parece muito bom. Certo. O que mais eu ia dilatar? Acho que isso só precisa ser uma manchete, só isso. Tudo bem, isso parece bom. Então atualize o post, e isso é muito mais personalizado do que o espaço reservado que eu tinha antes. Então, na área do quarteirão. Ok, então antes de eu brincar com as configurações, eu só vou entrar no meu post mais uma vez, e aqui ele me dá algumas opções. Então aqui está meu post publicado, e isso me permite entrar e editar. E se eu visualizar, vamos ver como será. E se eu visualizar, OK, então este é o lugar onde o nosso post parece agora e ok, é melhor do que era antes, Mas eu realmente não gosto dele. Não gosto das cores. Acho que é meio feio, para ser honesto, , é bom que ele vem automaticamente com esses botões aqui, mas por enquanto, então vamos ver se podemos consertar isso, certo? Então o que vou fazer é perder o sangue. E agora eu estou na página de sangue e vamos ver se eu posso mudar as características um pouco. Ok, então eu cliquei no fundo, e eu me pergunto se isso me permite mudar isso. Vamos usar uma cor mais clara. Vistoso. A laranja é boa e tudo, mas precisa ser tão brilhante. laranja é boa e tudo, Isso tira do texto, então vamos com algo um pouco menos distrativo Então, quando você rolar sobre isso, é suposto dar-lhe uma prévia. As minhas Internets estão a ser muito lentas agora. Uh, ok. Sim, vamos com isso. Como laranja. Eu gosto mais disso. - Sim. Aqui vamos nós. Mais Você poderia até mesmo ir com. Eu gosto desta cor para Sim, para pingar não me deixa personalizar filme, cor e opacidade. Sim, sim, sim. Ok, então deixe-me escolher. Isso está tudo bem. Está bem. Então esta é a cor que eu selecionei agora, e vamos deixá-la ficar em 100% para que seja muito mais fácil de ler, certo? E ainda se encaixa com nossos esquemas de cores. Vamos ter essa coisa laranja acontecendo, então. Hum, isso deve ficar tudo bem. E isto, leia mais livros. Realmente estar um pouco mais alto. Não sei por que está tanto aqui em baixo. Isto é apenas uma prévia, mas vamos ver. Ok, então isso é melhor em, Mas eu acho que se queremos fazer qualquer outra coisa e clique no número de configurações de mensagens por página. OK, então estas são configurações para um pé de sangue. Qual é o formato da data? Postar personagens Tex Mex. Lado da imagem. Certo, na verdade, vamos criar mais personagens. Está bem? Então, isto é melhor. Por alguma razão, o espaçamento que estabelecemos não está saindo. Mas de qualquer forma, estas são pequenas coisas com que podemos brincar mais tarde. Leia mais. Está bem. Tudo bem. Então essas são as nossas configurações. Ok, então essas são as nossas configurações, e então eu acho que se quisermos fazer qualquer outra coisa terá que fazê-lo daqui e visualizá-lo . Mas de qualquer forma, então esse é o resumo sobre a edição e gestão do seu sangue. A propósito, enquanto você está trabalhando, você apareceu agora que eu estou na minha página de sangue. Então, se você se desconectou e voltou, você sempre pode alternar entre suas várias páginas e o que você está editando no editor wicks aparecer. Ok, você também não se esqueça que você tem ferramentas e outras coisas aqui está bem, então tudo que você precisa está bem aqui. Se você se perder ou precisar de algo, então você também pode pedir ajuda na seção de ajuda. Na próxima lição, continuaremos consertando nosso novo site. Na próxima lição, Veja, na próxima lição 17. Como configurar seu formulário e página de contato: Ok, então eu ajustei minha página de sangue indo apareceu sob páginas, sangue e eu mudei o tamanho da minha imagem. Basicamente, tudo o que eu fiz foi clicar no poste de sangue e cliquei nas configurações, e isso me permitiu mudar o tamanho da imagem número de caracteres, etc. Então estamos prontos para ir. Então nossas páginas de sangue trabalhando ou home page está funcionando agora, eu só preciso atualizar adoções, eventos, eventos, entrar em contato conosco e doações. Então eu não vou passar por tudo isso com você porque você não precisa me ver fazer isso porque você já sabe como fazer tudo. Mas eu vou levá-lo apenas para a página de contato. Paige, contacte-nos, está bem? E já estamos usando o o modelo. Então, obviamente, o gato e o cachorro aqui não vão funcionar, mesmo que eles sejam muito legais. Mas talvez possamos mudar a imagem. Quem sabe? Talvez possamos encontrar outra coisa na biblioteca onde eu também possa fazer Ed. E vamos usar Victor Art. Uh huh. Vamos olhar sob animais na natureza. Talvez tenhamos sorte. É para uma busca, já que pode ser difícil encontrar um coelho entre os mais velhos. Olhe para isso. Ok, ótimo. Certo, Certo, aqui vamos nós. Vamos ver, eu quero usar isso, mas eu me pergunto se eles me deixaram mudar a cor. Sim, por que não? Isso parece bom para torná-lo menor. É dado ao kit. Agora vamos colocar um joelho duplo. Tão fofo. Na verdade, não se importa. Eu realmente não me importo com isso. É verde, mas vamos ter certeza que ele vai se encaixar com o resto do pêssego e eu posso mudar essa cor. Certo? Vamos lá. Sei que vai me deixar mudar essa cor. Sim. Incrível. Ok, então esta é a página de contato. Obviamente, eu preciso trocar essas informações de modelo e este modelo. Ah, Google map com a informação adequada. E eu também preciso trocar esse cachorro. Mas isto parece muito bom. Até agora. Então só mais uma coisa. Então, claramente, eu vou entrar. Vou limpar todas estas páginas, mas espero que estejas a ter a ideia de como é fácil para o Ed e mudar as coisas. espero que estejas a ter a ideia de como é fácil para o Ed e mudar as coisas. E lembre-se de uma coisa. Então, mesmo que eu tenha guardado aqui as alterações não aparecerão ao vivo na página, a menos que eu carregue em publicar novamente. Então, toda vez que você quiser ter certeza de que suas mudanças de ar ao vivo e que outras pessoas podem realmente vê-los, apenas certifique-se de publicar, e isso é praticamente tudo. Você também pode visualizar seu site e ver como ele está. Tudo bem, então vamos ver, como fica quando eu clico em contato conosco? Sim. Ok, então eu vou limpar essas páginas. Ok, então eu realmente encaminhei rápido e vou entrar. Eu adicionei este coelhinho aqui ajustou tudo aqui. Coloquei o endereço do mapa do Google e também mudei essa informação aqui e personalizei o formulário de contato. Então, basicamente, o que você dio quando você está trabalhando com este modelo, basta clicar nele e em configurações. Assim, para o formulário de contato, por exemplo, ele vai pedir seu endereço de e-mail e, em seguida, basta seguir as instruções para configurar o formulário. Mas o mais importante é o seu endereço de e-mail e, em seguida, dá-lhe opções para personalizar a sua mensagem, etc. E é basicamente isso. Então, o formulário de contato dos EUA está pronto. E para o mapa do Google, basta clicar em mudar de endereço, que foi o que eu fiz. Coloquei o endereço do resgate de Piquet e então o mapa apropriado apareceu. Então, uma vez que você tenha feito tudo, você quer salvá-lo e depois lembre-se, você tem que publicá-lo para que suas mudanças se tornem uma vida. Tudo bem, na próxima lição continuará no nosso caminho onde você está progredindo. Coelhos estão sendo resgatados e cuide-se. 18. Como adicionar efeitos animados às imagens: Ok, este site está praticamente feito. Então eu entrei e mudei todas as páginas. E esta é a página de eventos. Apanhei algo da página do Facebook sobre Bunny Pelusa. Antes de terminar as coisas, só queria mostrar mais algumas características. Então, se eu clicar em alterar imagem, nós usamos, você sabe, configurações e design, há um recorte etcetera esses filtros de ar, que você pode usar, mas vamos tentar animação, para que isso afete a forma como a imagem aparece na página. Então vamos dizer que eu não sei, vamos fazer isso para que você possa realmente passar sobre eles, e ele pode te dar uma prévia do que eles vão parecer, mas eu não quero isso. Eu meio que gosto de flutuar. Sim, Sim, os ossos entram, deslizam, desvanecem, etc. Então isto dá-te algumas ideias e salta para dentro. Não enlouqueça com facilidade. Então você não quer que todo o seu site se mova como, uh, deixando as pessoas enjoadas. Então eu usaria isso com moderação, mas eu vou clicar no fluido dentro e fechar, e não, ele mostra que tem uma animação nele. Ele salva. Deixe-me publicar isso para que eu possa ver minhas alterações. E então vamos ver conserto. Certo, Cain, vamos ao seu site. Ok, aqui está o meu site. Vamos para a página de eventos. Uh, tudo bem, isso parece bom. Então você tem todas as ferramentas que você precisa agora para fazer um site bonito. Temos o nosso conteúdo. Temos nossa navegação. Temos as nossas imagens. , Tudo está funcionando, incluindo agora todos os itens do menu, a página de doação, etc. Então, na última lição ou na segunda última lição, vou mostrar algumas outras configurações que você precisa saber. Mas fora isso, você está pronto para ir. Este é um site rápido e sujo feito para um onde a organização e eu vou entregar isso para eles para que eles possam fazer suas próprias mudanças avançando. Ver a próxima lição 19. A quebra final e importante: Ok, então nesta lição, apenas ah lembrete se você ainda não fez isso, é uma boa idéia para vincular seu logotipo e seu nome do site à sua página inicial real. Eu não vou fazer isso agora, mas basicamente, basta selecioná-lo e adicionar o link e você vai ter que, uh, ligado ao euro. Na verdade, podemos fazer isso muito facilmente aqui. Nem precisa colocar o link para que não pudéssemos ligar diretamente para casa. Ou podemos fazer o endereço da Web e colocar a garota completa. Então eu vou fazer isso. Está bem, Paige. casa. Ótima. E isso deve realmente fazer isso para cada página, porque isso está no meu cabeçalho principal. Então, geralmente as pessoas estão acostumadas a ser capaz de clicar em um logotipo e esperar que ele o leve de volta para casa. Você também tem seu botão de casa aqui. Então esta é a página de adoções e esta nossa galerias onde eu apenas varri os animais que eles tinham com alguns dos animais do abrigo. Então, usamos a maioria das ferramentas e mechas mais importantes neste momento. Fizemos menus e páginas de fundo. Você pode alterar as cores do plano de fundo. Este é o seu botão vermelho para adicionar ícones, imagens, vídeos, etc. Este é o seu botão vermelho para adicionar ícones, imagens , vídeos, Aqui você tem APS diferentes que você pode adicionar para o seu negócio, etc. Então, só um momento. Muitos destes ar livre ok, e dentro você vai encontrar coisas como reserva. Então, se você é como um dos meus outros clientes Healing Hands Massage Studio em Miami, Flórida eles teriam uma seção de reservas em seu site mágico construtor de forma Facebook. Como Ah, Wicks, conseguir assinantes. Então, alguns desses air free aumentam sua lista de discussão com um formulário de inscrição, etc., você possa fazer uma pesquisa por APS diferentes que você deseja adicionar ao seu site, e todos eles são muito intuitivos para adicionar lá. Vou fechar esta janela. Então você também tem Ah, nós já fizemos o sangue. Há ferramentas de promoção, e há também a ferramenta de reservas aqui. Então, todos eles são muito intuitivos se você se perder. Por qualquer motivo, lembre-se, você parece que você tem opções para obter o telefone no Google acessibilidade conectando seu domínio. Muitas pessoas já têm um nome de domínio que querem, uh, conectar. Se você quiser atualizar para a partir de um site gratuito Vamos apenas deixe-me apenas mostrar-lhe os recursos de atualização porque eles são muito, muito baratos. Se você quiser apenas conectar seu domínio e é isso, há um pé. Há um plano para isso. Ok, então você tem o recurso de domínio de conexão, que é mais básico $2. Desculpe, esse Aaron pesa , mas é muito barato, eu diria para o resgate de coelhos para seus propósitos, porque nunca tiveram um site antes. Eles podem até querer apenas ir com este plano de combinação para uso pessoal porque ele permite que eles conectem seu domínio. Eles são remove os anúncios Wicks e permite que você adicione aquele pequeno ícone que normalmente aparece lá em cima e algum abutre anúncio. Então, há planos diferentes, dependendo do que você quer didio um e sim, basicamente, você tem seu editor móvel se você quiser dar uma olhada nele em, uh, para ver como seria em um Smartphone, etc. Você também tem outras ferramentas. E é aqui que você provavelmente precisará de ajuda se precisar de ajuda com qualquer recurso específico . , me perdoe, porque neste curso eu não quero duplicar coisas que já existiam gratuitamente online. Mas você tem todos os vídeos passo a passo aqui. Então, se você está tendo problemas com um dos APs específicos ou uma ferramenta específica, você pode pesquisar aqui. Está bem. Então, sim, fizemos um site rápido e sujo. Isso é para qualquer um que não quer aprender web design. Espero que isto tenha sido fácil. Caminhe através. E agora estou pronto para dar uma olhada no meu site o que parece ser publicado. Então eu vou entrar no seu site de exibição publicado site. Tudo bem. E lá está ISS Então todas as informações mais importantes na página inicial. Um pouco de coisas que eles fazem. Eventos, serviços, ícones de mídia social na parte inferior lá e, em seguida, minhas várias páginas. Então temos a página de adoções. Ok, então este ar apenas imagens regulares da galeria, e eu só adicionei legendas a este aqui para que você possa colocar um nome para tudo, e se as pessoas clicarem nele, ele realmente vai aumentar a imagem. E você pode ter tanta informação detalhada quanto você quiser aqui, e ela vai passar pela galeria. Eu não coloquei nenhuma informação para esses outros, então isso é algo que eles vão fazer sozinhos. Mas parece bom. Mão direita. Nós adicionamos a página de doação e apenas trabalhando com seu modelo e adicionando o botão de doação , etcetera aqui na página de eventos com informações sobre coelho, Pollux Za não, no sangue que configuramos. Ok, então só há um post lá dentro. Não, mas Aziz, eles adicionam mais. Ele vai aparecer abaixo aqui, entrar no post e nos permite ver mais e, em seguida, finalmente, vai para a nossa página de contato com mais informações. Então, não cama. Não é um mau trabalho para apenas uma hora de trabalho. E agora uma organização que nunca teve um site tem um. E eles podem usar isso para fazer ainda mais bem no mundo. Em nome de coelhos e cobaias. Estou tão feliz por ter desempenhado um papel nisso. Então, sim, estou muito animado com isso, então espero que você ache Wicks fácil e intuitivo. E quando você se deparar com suas próprias perguntas específicas ou quiser me mostrar as páginas em que você está trabalhando, sinta-se à vontade para fazer uma pergunta no curso ou me enviar uma mensagem. Adoro ajudar. Ficarei feliz em ajudá-lo com tudo. Tudo. Tudo. Apenas me diga suas perguntas. Faça-me as suas perguntas e mostre-me as suas páginas. Mostre ao resto da classe suas páginas também. Adoraríamos ver no que está trabalhando. Está bem. Muito obrigada. Cuide-se. 20. Extra: 5 ferramentas fácil/livre para fazer imagens da Web, Animação e vídeo: Ei aí. Então, espero que você esteja começando a ter mais e mais idéias e maneiras de quebrar seu bloqueio criativo. Mas uma das melhores maneiras é começar a fazer coisas usando software livre, ferramentas gratuitas, imagens gratuitas, vídeo gratuito e pré-música. Porque se você está apenas sentado olhando para uma tela em branco ou uma tela em branco esperando por uma idéia que vai congelar você. Mas se você começar pelo menos a pensar em Oh, eu quero fazer algo com animais e você começar a olhar para fotos com animais ou começar trabalhar com modelos, etc, e você começar a montar algo, Vais ter ideias enquanto trabalhas. Uma das minhas melhores técnicas de aumento da criatividade é ir para uma das minhas fontes de imagens, música e vídeos gratuitos imagens, para o seu projeto. Vou dar-lhe o link para este post de bloqueio no meu site, e vou falar com você um pouco mais sobre a lei de direitos autorais e o que você pode e não pode fazer ao usar imagens de outras pessoas. Mas eu tenho aqui toda a lista de lugares onde você pode obter imagens criativas grátis que você pode começar a trabalhar com como base. Então algumas pessoas, talvez nós vamos tirar uma foto de um foguete e começar a rastreá-lo e jogar fora a fotografia original em Boom, você tem uma ilustração. Outras pessoas querem fazer colagens de fotos, ou eles querem entrar em um programa gratuito como Can Va e juntar imagens, talvez até mesmo aquelas que você tomou direito. Portanto, há todos os tipos de lugares onde você pode obter gratuitamente fotografias e ilustrações tiradas profissionalmente . On-line . Então esta é a minha grande lista. Há também uma área se você é alguém que quer brincar com vídeo, nossa animação. Há lugares onde você pode obter royalty livre, música gratuita e efeitos sonoros que você pode montar em um projeto de áudio ou como a trilha sonora de um vídeo. Nossa animação que você está fazendo. E então você também pode usar vídeos gratuitos. Muitos de vocês talvez queiram criar um site, ou já viram sites que têm fundos de vídeo. Estes são ótimos lugares para obter vídeos gratuitos, gravados profissionalmente que você pode usar em seus projetos de site, mas também em seu projeto de vídeo e animação. Então eu recomendo apenas navegar este recurso e, em seguida, deixe-me mostrar-lhe. Então isso é, ah, glug que eu tenho com meus alunos em Yangon, seus alunos secundários na Talon International School. E aqui estão apenas quatro amostras estas notas de ar, 6 a 11. E muitos deles têm absolutamente zero design ou nossa experiência e o que fizemos nas aulas. Eu os mandei ir a esses sites, encontrar um animal de sua escolha. E então trouxemos a foto em um programa gratuito chamado gimp, que você pode baixar gratuitamente. Eu só vou construir para você, e então eles trouxeram a foto deles. E então eles usaram as ferramentas de desenho em gimp em uma camada diferente para rastrear. A foto fez seus pequenos ajustes aqui e ali, e então eles jogaram fora a foto original e ficaram com diferentes tipos de ilustrações. Então estes são apenas para um exemplo diferente. Então alguns apenas fizeram um desenho preto e maneira como este com o elefante, e ela realmente brincou com as diferentes espessuras de linhas para obter essas rugas na pele. E então outros eram mais coloridos, mais bloqueados. O aluno usou um pincel grande e gordo, quase como um pincel para desenhar em torno de um cão, e você pode realmente ver restos da fotografia original no fundo aqui. Então essa é outra maneira que você pode começar a fazer coisas sem se preocupar tanto que você está completamente por conta própria. Então minha outra sugestão está indo para um ótimo site, como tela. Já estou logado. Chan va dot com é um ótimo site, porque eles lhe dão todos os tipos de modelos. Então, se você não tem uma idéia que você pode emprestar, você pode pegar uma idéia emprestada e começar a colocar em seu próprio texto em suas próprias palavras. Então, se fôssemos fazer uma capa para o Facebook , por exemplo , e apenas , por exemplo, isso lhe dá todos os tipos de modelos, obviamente você quer usar os gratuitos e menos pagar para usá-lo. Mas digamos que não sei. Escolhemos um destes, certo? Então Va pode te dar um modelo, e então você qualquer coisa que você arma rápida você vai obter, uh, você vai obter configurações para. Então vire isso. Você pode mudar a posição. Normalmente eu começo com o texto, então qualquer coisa em que eu clicar me permite clicar no texto e eu posso mudar o fundo se eu quiser as cores, etc. Peço desculpas porque não tenho muito tempo para entrar em todos os programas que quero mostrar. Mas eu só quero, hum, dar-lhe uma amostra de todas as ferramentas gratuitas lá fora onde você pode usar modelos para começar . Então eu queria mudar a imagem. Ah, em 10. Mas você tem a seção de elementos aqui. E se eu quisesse uma foto de uma árvore, iCal tem todos os tipos de fotos e gráficos grátis aqui. Então, se eu quisesse trazer isso aqui, certamente certo. Com fotos, você pode substituir esta foto por outra coisa. , De qualquer forma , permite arrastar as fotos que quiser. E, claro, se você tiver sua própria foto, basta fazer upload na imagem. Há alguns dos meus alunos de Mendel A em Inler ensinando mentalmente um social, é claro, e lá estamos nós. Certo. Então, de qualquer maneira, apenas para um exemplo em tela, obviamente, então quando eu estou feliz com isso pode ir e eu posso baixá-lo e usá-lo em qualquer lugar que eu quiser. Isso é apenas “Can Va”. Eu tenho um curso completo sobre isso,a propósito, devo mencionar, mas você não precisa de um curso completo para começar, certo? Eu tenho um curso completo sobre isso, a propósito, devo mencionar, mas você não precisa de um curso completo para começar, Há outros tipos de ferramentas além de Va. Então, se você quiser fazer um site, há wicks dot com, que também é muito fácil e intuitivo. Você só entra e eu estou logado. Mas você entra e você pode criar um novo site. E você acabou de dizer, Que tipo de visão você quer fazer modelos para portfólio no CV? Não, ele vai realmente fazer um para você, mas se você escolher um modelo, é a mesma coisa que pode Va. Você só entra. Digamos, digamos, como este, você entra e começa a editar. Muito bem, aqui está o meu Templin. É a mesma coisa. um E háum monte de vídeos de ajuda. Toe estará comigo se você ficar confuso. Qualquer coisa, como em Camba G. e qualquer coisa. Eu seleciono ter configurações, escreve congee. Posso mudar meus fundos, as cores ricas. Posso mudar meus fundos, Então nós temos que eu posso mudar as fotos se eu quiser mudar a imagem então qualquer coisa clique direito sobre ele me dá configurações para ter um monte de imagens de dinheiro aqui já, Mas você tem a mesma opção e sagacidade quando eu queria dizer, é que basicamente Wicks, assim como Can va dá-lhe imagens livres que você pode usar a partir de entrada fez Ah, lá está. Sei que parece um pouco avassalador vir aqui e começar, mas basicamente, é assim que funciona. Você pode clicar em qualquer coisa, começar a alterá-lo. Você tem botões, hum, em cima. Aqui você tem páginas. Então agora estamos na página inicial com gerenciar páginas e há realmente uma página de currículo. Quando eu clico sobre ele, eu sou levado para a página do currículo e editar isso também. Posso me livrar de páginas ou adicionar as minhas. E então quando eu terminar, eu posso visualizar meu site e publicar meu site, e isso é tudo de graça. Então, como o dedo de introdução mais rápido do mundo com, uh, uma vez, eu vou dizer isso apenas uma vez. Eu não tenho que dizer isso para cada exemplo, mas eu tenho um curso, um curso maior para cada uma dessas ferramentas que eu vou mostrar a vocês. Mas de qualquer forma, então são semanas, cara. O que mais eu queria te mostrar? Eu queria mostrar a você, uh, power tune. Então o pelotão é como pode va, assim como Wicks. Eu não vou entrar nisso aqui. Mas você se inscreve, você entra e tem modelos, e então você apenas troca as coisas por aí. Você pode ter suas próprias animações. Você pode colocar sua música em casa. Ah, você pode escrever o texto e determinar a história. E se você seguir um modelo, é muito mais fácil do que se você está apenas tentando fazer tudo do zero. Então lá está o Pau Tune, ok? E depois há estêncil. E uma coisa que eu gosto neste aqui é pegar a imagem, o que você gosta de texto aqui, qual luz se vai estar em um fundo escuro. Mas a coisa que eu gosto no estêncil é como pode va Mas eles têm um monte de citações aqui. criatividade da vassoura é um presente. Não passa se o ar estiver desordenado. John Lennon. Obrigado. Então, de qualquer maneira, você pode muito bem ficar por aqui, mas isso apenas torna muito fácil. Teoh Macon Citação inspiradora que você pode compartilhar nas redes sociais que me levou, o quê, dois minutos? E então você basicamente pode baixá-lo ou compartilhá-lo diretamente nas mídias sociais. Então é isso. Então, há um monte de ferramentas gratuitas que você pode começar a usar imediatamente. Além disso, você sabe onde obter imagens gratuitas, vídeos gratuitos e música creme. Então agora você realmente não tem desculpa. Então, se você ainda não está se sentindo criativo, então talvez você não deve se preocupar com isso e apenas começar a fazer coisas em vez disso e ver que ajuda a dar-lhe isso. Tudo bem. Espero que isso ajude a vê-lo na próxima lição. 21. Extra: Remover texto ou um objeto de uma foto gratuita (e rápido!): Ei, como vai? Hoje recebi um e-mail de alguém do Programa Mundial de Alimentos me fazendo uma pergunta muito comum. Então pensei que, neste vídeo, mostrarei como remover facilmente o texto de uma imagem de fundo. Não sei se você pode ver o e-mail que recebi. Então, basicamente, é uma mulher caminhando até o veículo. Portanto, o texto no canto inferior esquerdo é o texto que eles gostariam que eu removesse. E essa é uma daquelas coisas que, mesmo há um ou dois anos, talvez eu tenha entrado no Photoshop e feito algumas coisas que venho fazendo há muitos anos. Na verdade, há uma maneira mais fácil agora. E eu sempre verifico porque sinto que novos aplicativos e sites e tudo o que está sendo constantemente introduzido. Então eu queria te mostrar este que acabei de encontrar. Só estou usando porque gosto especialmente de viver e trabalhar em países em desenvolvimento, onde as pessoas nem sempre têm acesso a programas de software caros, como o Photoshop. Por mais que eu ame isso. Eu queria mostrar como fazer isso com um programa gratuito. Acabei de fazer uma pesquisa no Google, algo como remover textos da imagem, um programa on-line gratuito ou em muitos aplicativos também surgiu se você estiver trabalhando no telefone e no computador. Então eu inventei essa foto ou não sei se é assim que você a pronuncia. Remova textos da imagem online gratuitamente. Eu adoro isso. Então, vamos tentar, vamos ver como isso funciona. Removemos textos agora, arrastamos ou enviamos suas imagens. Tudo bem, então isso está me obrigando a fazer um teste gratuito, mas, por enquanto, eu vou usar o plano gratuito, então eu vou fazer isso e depois eu volto imediatamente. Tudo bem. Sou o orgulhoso proprietário de um rodapé de cabeçalho de teste gratuito de três dias. Apenas um pequeno truque de vida, eu uso o aplicativo de lista de tarefas chamado lista de tarefas. E sempre que me inscrevo para qualquer tipo de teste gratuito, sei que esquecerei se não o anotar. Então, eu simplesmente coloco na minha agenda e talvez um ou dois dias antes. E, na verdade, aqui ele realmente pede que você cancele a assinatura gratuita 24 horas antes do término do teste gratuito. Então, de qualquer forma, apenas um pequeno truque de vida, basta colocá-lo na sua agenda para conferir. Verifique você mesmo se quiser mantê-lo ou não, para que você saiba, para cancelar seu teste gratuito antes de ser cobrado, se não quiser continuar e ter essa coisa agora para o ano, Na verdade, parece um preço bastante decente, de qualquer forma. Tudo bem, então vamos em frente. Então eu vou para Vamos ver, eu baixei isso? Espere aí. Eu fiz. Ok. Então você quer abrir a imagem de que deseja remover os textos Trump. Então, estamos prontos para nos livrar de nossos textos. Então, vou me concentrar no removedor de objetos. A propósito, se você estiver interessado em saber o que essas outras coisas são devidas? Na verdade, parece um programa muito legal. Você sempre pode clicar nesses pequenos pontos de interrogação e eles fornecerão mais informações. Então, estamos usando o removedor de objetos. Como você pode ver, não é apenas para texto, é para cães completos neste caso. Mas pode ser uma mosca na parede, pode ser um texto, pode ser o pé de alguém, o que quer que você queira se livrar. Então, o que vamos fazer, vamos manchar a coisa que queremos tirar. Então, vamos fazer isso primeiro. E, hum, sim, vamos fazer isso. Então, entramos aqui. E vou descrever esta área da qual queremos nos livrar é opcional, que se usarmos a borracha, se quisermos gostar, opa, caramba, acabei de fazer um Comando Z. Se você quiser entre lá mais força, você pode. Normalmente, se eu vou fazer isso com muita precisão, eu aumentaria o zoom. Mas estou fazendo isso muito rápido. Então, vamos ver como isso funciona. Tudo bem? Então, vamos começar a remover. Tudo bem, aí está. Isso funcionou perfeitamente e me economizou muito tempo. Se eu tivesse feito isso no Photoshop, teria feito isso com a ferramenta de clonagem e a mancha e poderia ter levado pelo menos, você sabe, não sei, dez a 30 minutos, dependendo. Mas isso foi muito rápido e indolor. Não. Nossa, adorei. Ok. Ótimo. Até agora, teste gratuito definitivamente vale o dinheiro. Tudo bem. Vou clicar em “Aplicar”. E é isso mesmo. Eu vou baixar isso. E eu posso enviá-lo para o Programa Mundial de Alimentos e eles podem usá-lo em suas mídias sociais. Deixe-me confirmar que, na verdade, ele foi baixado e, sim, perfeito. Vou enviar isso e agora eles podem usá-lo. Na verdade, eu não fiz mais nada com essa imagem. Posso ajustar um pouco os níveis, mas vou devolvê-lo para eles da mesma forma que eles me deram. Então fóton é o nome do programa. Você pode usá-lo gratuitamente por três dias. Parece que eles também são planos mensais e anuais muito baratos . E qualquer coisa que me poupe tempo e energia está bem no meu livro. Então, sim, isso é dar, receber dois polegares para cima para mim. Tudo bem, espero que tenha sido útil. Cuide-se. 22. Agradecemos por fazer este curso!: obrigado por fazer este curso. Espero que você tenha encontrado minhas dicas e truques úteis, claros e fáceis de usar para si mesmo. Lembre-se, você sempre pode me fazer uma pergunta iniciando uma discussão ou entrando em contato comigo através do meu site ou página do Facebook. Se você encontrou valor neste curso, por favor, reserve um momento para deixar uma avaliação ou avaliação. Seu feedback me ajuda a fornecer uma experiência de curso de alta qualidade para você e seus colegas de classe on-line. Também estou ansioso para lhe dar feedback pessoal sobre o seu projeto. Clique no projeto, mas e sob as aulas de vídeo para começar. Muito obrigado por ser um estudante na minha sala de aula online. Espero vê-lo novamente em breve.