Como criar sites usando o Canva: aprenda como criar um site em menos de uma hora

1. Introdução: Ei, pessoal, bem-vindos ao meu site de design usando códigos Amba. E neste curso, vou te ensinar como criar sites sem escrever uma única linha de código. Sim, você pode criar sites, especialmente sites mais simples, usando ferramentas como o ABA, que não exigem que você escreva uma única linha de código E neste curso, você aprenderá a criar sites como sites pessoais ou até mesmo armazenar fundos. E você fará isso sem escrever uma única linha de código. E neste curso, você aprenderá como criar páginas da web diferentes e criar o site de entrevistas com usuários, mas tornará seu site atraente para aqueles que o visitam. Você também aprenderá como adicionar navegação entre páginas da Web para que as pessoas que estão visitando seus sites possam se mover de uma parte do seu site para outra entre páginas da Web de uma seção para outra. Você também aprenderá como adicionar logotipos e formulários de assinatura às suas páginas da web. E por formulários de assinatura, quero dizer formulários usados para coletar endereços de e-mail. Mostrarei como integrar os formulários do Google ao seu site. Você também aprenderá como adicionar links externos ao seu site. links externos podem levar os visitantes ao seu site, à fachada da sua loja, à sua loja da Amazon ou à sua loja do Facebook, ou para outro lugar onde você tenha armazenado conteúdo, e eu mostrarei como adicionar esses links ao seu site. E, basicamente, o que você aprenderá neste curso é como criar várias páginas da web e combiná-las em seu site e organizar seu conteúdo uma forma que torne seu site atraente para aqueles que visitam Você dominará os princípios de web design, que permitirá que seu site se destaque e se torne atraente. E ao final deste curso, você poderá criar sites de forma rápida e eficiente usando ferramentas simples como o Canva E você também se beneficiará do uso do CanVA porque o Canva o ajudará a economizar tempo e tem uma interface amigável que permite criar ótimos sites Então, antes de concluir, direi leve sua presença on-line para o próximo nível e leve suas habilidades de design de sites para o próximo nível usando este curso e vamos começar e aprender 2. Como acessar o Canva: Olá pessoal, bem-vindos a uma nova palestra sobre o curso de design de sites usando o Canva e, na palestra de hoje, vou mostrar como você pode acessar E para fazer isso. Você precisa acessar o Google e pesquisar Canva, CA N VA. Clique em Enter e o primeiro resultado da pesquisa que você obtém é o Canva É uma ferramenta muito popular. É usado para muitas coisas diferentes design gráfico, design capa de livro, etc., etc Você também pode usá-lo para o site, interface do usuário e o design da experiência do usuário. Então, inscreva-se ou faça login se você já tiver uma conta e, para se inscrever, você pode entrar pelo Google, Facebook, e-mail ou pode se inscrever com seu e-mail. Vá em frente e faça isso e, na próxima palestra, mostrarei o que é o Canva. Muito obrigado. 3. Passo a passo do Canva: Oi, todo mundo. Bem-vindo a uma nova palestra sobre design de sites usando o curso Canva E hoje, vou mostrar a vocês o ecossistema do Canva Então, aqui, como você pode ver, você tem a página de destino do Canva e tem opções diferentes para diferentes tipos de designs Você pode criar documentos, criar quadros brancos, apresentações, mídias sociais, vídeos, sites de produtos impressos e muito mais, incluindo logotipo, etc No lado esquerdo, você tem um menu que tem inicial e a página inicial é a página de destino que você está vendo agora, então você pode acessar seus projetos clicando nos projetos, todos os seus projetos anteriores. Você pode acessá-lo clicando em projetos. Depois, você pode clicar nos modelos, e o Canva recomendará alguns modelos para diferentes tipos de designs gráficos ou diferentes tipos de elementos, como para negócios, mídias sociais, vídeo para marketing, cartão impresso personalizado, educação por convite Portanto, para empresas, você tem vários modelos, incluindo cartões de visita, quadro branco, apresentações, documentos, empresas, e vários modelos diferentes para postagens em mídias sociais, incluindo postagens no Facebook, postagens no Instagram E você também tem modelos para outras coisas, como vídeo, marketing, impressões personalizadas etc Assim, você tem muitas opções diferentes no Canva, para criar diferentes tipos de coisas e diferentes tipos de elementos, o que abrange uma variedade de áreas diferentes, como mídia social, vídeo, podcast Você pode criar muitas capas e publicações nas redes sociais usando o Canva E então você tem os aplicativos que o Canva tem, e o Canva tem alguns aplicativos diferentes A maioria desses aplicativos são pagos ou você precisa de uma assinatura do Canva pro para eles. Então, seu texto em imagem, que é uma ferramenta de IA, seus marcadores, DID, apresentadores, etc. Então, vou deixar você descobrir em quais tipos diferentes de aplicativos você pode usar o Canva E aqui, você tem a barra de pesquisa. E na barra de pesquisa, vamos digitar sites e Canva e clicar em modelos, e o Canva me dará uma lista de opções nas quais vou clicar em sites, e o Canva agora vai recomendar alguns Por exemplo, aqui, você tem o design preto simples. Você tem o design amarelo e colorido. Você tem a saída de design simples em preto e branco . Temos vários modelos diferentes e você pode usar um desses modelos como base para seu site. Então, vamos escolher um modelo simples. E digamos que criaremos um site para um autor. Então, uma autora vende livros na Amazon, e ela tem um site com detalhes sobre ela e onde você pode encontrar seu livro, um site muito simples, não mais do que, digamos, duas ou três páginas da web Então, vamos clicar em Black Simple. E então vá em frente e clique em Personalizar este modelo. E, como você pode ver agora, você tem o modelo aqui no espaço de trabalho E se você quiser alterar seu modelo, você pode fazer isso acessando os modelos aqui, o local onde meu cursor está pairando, e você pode rolar por diferentes modelos e selecionar um que seja do seu E, como você pode ver na área de trabalho, você tem a opção de adicionar páginas Vou clicar nas páginas e você tem uma nova página aqui. É um site de rolagem, lembre-se. E você pode adicionar notas, registrar páginas e descartar a página Por exemplo, se eu quiser analisar a segunda página que gerei, vou clicar na opção Lixeira No lado esquerdo, aqui, você tem uma barra de ferramentas e uma barra de ferramentas com certas opções. Por exemplo, você tem a opção de design aqui na barra de ferramentas no lado esquerdo. Você tem os elementos. Em elementos, você tem elementos diferentes como barbear, botões, gráficos, adesivos, fotos, vídeos, tudo o que você precisa adicionar basicamente ao seu design Se você quiser adicionar algumas fotos da biblioteca Camba ao seu design, você pode selecionar fotos e adicionar algumas fotos Você pode fazer o mesmo com os vídeos. E então você tem a opção de texto na barra de ferramentas, usada para adicionar uma caixa de texto ou adicionar algum texto ao seu design. Então você tem a opção de upload aqui e pode fazer upload de uma imagem usando o Canva E você tem a opção de desenhar e tem alguns lápis, borrachas e canetas de desenho aqui, e você pode desenhar Eu não quero desenhar coisas, então vou clicar em desfazer, e então você pode dar uma olhada nos diferentes projetos em que está trabalhando aqui E, novamente, você tem uma opção para aplicativos e pode dar uma olhada nos diferentes aplicativos que você tem. E os aplicativos são categorizados em algumas categorias, como gráficos, fotos, vídeos traduzidos, plano de fundo etc Por exemplo, se você clicar nas fotos, você pode ver aqui, você tem fotos diferentes de comida, dinheiro, Moon Beach, flor branca, o que você quiser. Portanto, você pode usar essas opções no lado esquerdo aqui para navegar pelas diferentes opções que o Canva deve incluir em seu design Dito isso, vou encerrar esta palestra. Agora você tem uma ideia básica sobre a aparência do Canva e como você pode navegar E depois disso, na próxima palestra, vou começar a criar o site. Então, coisas boas pela frente. Muito obrigado. 4. Como criar a interface de usuário de sites usando o Canva: Olá pessoal, bem-vindos a uma nova palestra sobre design de sites usando o Canva Post E hoje, vamos dar uma olhada em como podemos realmente personalizar e editar um site e criar um site que não seja ruim Então, usando o Canva, você pode alterar uma variedade de coisas e personalizar o modelo que você escolheu É sempre bom escolher um modelo porque você está começando com algo em vez de começar do zero. Então, temos um modelo aqui, e eu quero criar um site para um autor, e o site terá uma biografia e um botão para levar os visitantes deste site à página do autor na Amazon ou ao livro do autor na Amazon. Isso é tudo: o site terá uma biografia e um link para levar clientes ou prováveis clientes à página do autor na Amazon Agora, a primeira coisa que vou fazer é mudar o nome aqui mesmo. Vou mudar o nome aqui porque o site que o Canva criará terá o nome do nome desse projeto, e eu vou dar um nome a ele Digamos que seja a autora de Suzanne. Vou nomear o site, autora Suzanne. E esse projeto também será chamado de Autora Suzanne. É sempre uma boa prática fazer isso com antecedência para que, ao gerar o site, o site tenha o nome que você quiser Então, mudei o nome e agora vou mudar o plano de fundo. Como você pode ver aqui, temos um fundo preto. E eu não gosto do fundo preto. Então, vou clicar uma vez no plano de fundo e, aqui no topo, você tem a opção de alterar a cor do plano de fundo. Você tem a opção de animar. Você tem a opção de alterar a posição de qualquer elemento em que estiver clicando Na sua página da web. Vou clicar na cor de fundo. E o que eu vou fazer é ir até essa seção de gradientes e aplicar um gradiente azulado E isso parece muito melhor. E lembre-se de que o azul é a cor preferida da maioria das pessoas. Então, se você estiver projetando um produto, tente incorporar o azul porque isso atrai as pessoas. E agora que mudamos a cor do site, quero mudar essa imagem. Eu quero usar outra foto. Agora, há duas maneiras de fazer isso. Primeiro, vá para os elementos. Então vá até as fotos aqui e clique nas fotos. E você receberá várias recomendações de fotos, e elas são da biblioteca do Canvas, ou você pode usar a barra de sobretensão aqui ou a barra de sobretensão aqui. E eu quero uma foto de uma mulher lendo. Vamos ver que tipo de fotos o Canva cria. E há algumas fotos que pertencem à biblioteca Pro, ou melhor, pertencem à biblioteca, que é paga e você precisa pagar pela assinatura profissional para acessar essa biblioteca específica. Em vez de usar uma das imagens do Canvas, sem direitos autorais, vamos usar uma das nossas. Vamos usar uma imagem personalizada porque lembre-se que estamos criando um site para um autor, então o rosto do autor sua semelhança ou imagem deve estar no Aqui, eu coloquei uma imagem de uma mulher meditando Vou clicar nela e arrastá-la e soltá-la exatamente onde está a imagem, ou posso clicar nela uma vez e ela será adicionada à página da web. Mas o que eu vou fazer é clicar e soltá-lo aqui. Esta é a foto e eu vou usar. Você também pode fazer upload de uma imagem de vídeo, clicar em carregar uma imagem de vídeo e selecionar a imagem desejada Digamos que eu queira usar uma imagem, uma imagem aleatória de uma pessoa fazendo um Burki Vou selecioná-lo e o Canva fará o upload para a plataforma. Mas vou ficar com a imagem de uma mulher meditando porque parece boa Agora, o que podemos fazer é mudar o texto aqui. Clique no texto uma vez. Faça o cursor passar o mouse sobre o texto e clique nele uma vez Você pode clicar duas vezes nele, e eu vou mudar o texto dois sobre mim. A se torna sobre mim. Eu quero mudar a fonte. Vou até o topo aqui e vou selecionar uma fonte diferente. Vamos selecionar Arch go black porque ele tem uma aparência bonita e ousada. E está demorando um pouco. Então, eu vou fazer outra coisa. O que vou fazer é mover essa caixa um pouco e, em seguida, vou até a seleção de fonte novamente e seleciono Arquivo preto Está demorando um pouco demais , mas você entendeu. Você pode selecionar a fonte aqui. O que vou fazer é colocar o texto em negrito. E como eu mostrei antes, você pode mover o texto assim. Você pode torná-lo ousado. Você pode aumentar o tamanho da fonte. Vamos aumentar o tamanho da fonte para 44 usando essa opção específica na ferramenta bob, e você pode redimensioná-la ou torná-la em itálico Você pode mudar para maiúsculas, você pode sublinhar clicando em Sublinhado Você pode alterar o alinhamento para o centro justificado à esquerda ou à direita, vamos mantê-lo à esquerda Você pode adicionar marcadores, menos assim, e alterar o ritmo das letras E vou remover os marcadores porque fica horrível com os marcadores E eu removi os marcadores. Vou aumentar o comprimento da caixa para que todo o texto sobre mim venha em uma linha O que vou fazer a seguir é usar espaçamento e reduzir um pouco o espaçamento entre letras Vamos ver mais uma vez a minha parte. Digamos que eu queira reduzir um pouco mais o espaçamento entre letras e vou aumentar o espaçamento entre linhas Foi assim que editamos o texto aqui. Agora, o que mais podemos fazer? Podemos animar o texto Assim, podemos fazer o texto crescer. Podemos fazer o texto se deslocar. Podemos fazer o texto desaparecer, podemos fazer com que ele se destaque, podemos fazê-lo flutuar ou podemos escolher a melhor opção disponível, que é não animá-lo Então, vamos clicar em Remover animação porque este é um site. Esta é a página de destino do nosso site, então você não precisa de animação. Mas também podemos fazer outras coisas. Podemos selecionar a caixa de texto contendo o texto sobre mim, e podemos ir para a posição e colocar o texto em cima, no meio na parte inferior da esquerda para a direita. Você pode alterar a posição do texto. Você também pode alterar a largura do texto aqui. Vou colocá-lo de volta onde estava e depois vou para a segunda caixa de texto e digitar livros, e você também pode alterar a formatação disso. Vou deletar algumas caixas de texto. Porque eu não preciso deles. Vou excluir a caixa de texto de contato para. Temos duas páginas para este site. Uma é a seção sobre mim e a outra é a seção de livros, que conterá os links para o livro. Agora, deixe-me adicionar uma nova caixa de texto. Vamos adicionar um subtítulo. Vamos colocá-lo abaixo dos livros. Vamos aumentar o tamanho do texto. E aqui, temos um texto inscrito ou inscrito aqui Isso levará as pessoas a essa página de inscrição, onde as pessoas podem se inscrever na sua lista de e-mails, se quiserem Vamos alinhá-lo corretamente. Vamos remover o sublinhado do texto sobre mim. Vamos também remover o negrito e o sublinhado Você pode acessar o resto da ferramenta usando esses três pontos pretos que removem o sublinhado Agora temos a página de destino de um site. Mas essas opções de menu não parecem boas para mim, e vou te dizer o porquê, porque elas não se parecem com botões ou não se destacam de alguma forma. O que vou fazer é adicionar algumas formas, e o que vou fazer é ir até a barra de pesquisa e pesquisar por quadrado ou retângulo Como você pode ver que uma forma retangular apareceu, você também pode usar a opção de menu aqui e selecionar formas O que vou fazer agora é mudar a dimensão da caixa e, agora, como você pode ver, você tem o texto sobre mim nesta caixa. Isso parece bom. Vou pesquisar o retângulo novamente e vou fazer os mesmos dois livros Então, eles não são simétricos, mas você entendeu Assim, você pode adicionar caixas de texto como plano de fundo ao texto. E eu vou adicionar outro retângulo. Para se inscrever. Opção. É isso mesmo. Eu terminei com a landing page. Parece muito básico, mas é assim que você pode adicionar elementos diferentes à sua página de destino. Agora vou adicionar uma página. O que eu vou fazer aqui ir para o texto e adicionar um título. E eu vou puxar o cabeçalho direto para o topo e esta será a seção sobre mim. O que vamos fazer é adicionar uma caixa de texto diretamente nesta página, aumentar o tamanho da caixa de E adicione alguns textos. Eu sou um autor de fantasia. Digamos que esse autor em particular seja um autor de fantasia, e eu escrevo livros, e eu escrevo livros. Livros sobre um mundo chamado Zeno. São apenas algumas coisas aleatórias que eu inventei agora. Você pode alterar o tamanho da fonte. Você pode alterar a fonte e alterar a cor do texto, selecionar outras cores. Vá até o seletor de cores aqui em cima e torne-o laranja Não parece bom, mas você tem outra página, e isso é apenas para demonstrar como você pode criar o site e alterar a posição do texto. Meio central esquerdo direito. Você pode animar o texto exatamente como mostrei antes e adicionar efeitos Então, vou adicionar um efeito ao texto. E você pode adicionar uma sombra, adicionar um contorno levantado, oco e emenda Talvez seja necessário experimentar efeitos diferentes para ver o que atende às suas necessidades. Vou usar neon porque adoro o texto em neon, especialmente quando tenho algo amarelo em uma página da web Agora, como você pode ver, o efeito neon foi adicionado ao texto Vou aumentar um pouco a intensidade do efeito neon para fazê-lo brilhar e realmente se destacar Temos uma página sobre mim. Vamos adicionar outra página. Vamos adicionar uma caixa de texto e adicionar um título. O título vai direto para o topo, ou vamos clicar no título, vamos clicar na posição. E vamos levá-lo ao topo. Perfeito. Vou chamar isso de livros. No parágrafo, vamos aumentar o tamanho da caixa de texto Então você pode comprar meus livros clicando no botão a seguir. Isso também, vou mudar o tamanho e torná-lo perfeito. Então eu vou torná-lo ousado. Basta clicar no texto ou clicar duas vezes na caixa de texto e selecionar o texto inteiro, e eu vou colocá-lo em negrito. Vou mudar a cor, ir para o seletor de cores, escolher uma cor amarela Em seguida, vou usar os efeitos e torná-los neon, de acordo com o tema Você precisa ter muito cuidado ao adicionar coisas porque tudo o que você adiciona à sua página da web ou site se adapta a todo o tema da página da web Agora vou adicionar um botão. Eu vou até os elementos. Eu vou estudar formas. E eu vou procurar por retângulo. Então, temos uma forma de retângulo aqui. Vou aumentar o comprimento disso, mudar a cor e torná-la vermelha. Eu posso fazer isso selecionando um seletor de cores aqui Faça com que seja vermelho. Agora eu quero mudar um pouco a forma. Em vez de um quadrado ou melhor um retângulo com bordas afiadas, selecionarei um com bordas arredondadas Eu vou redimensioná-lo, e eu vou. Vamos adicionar uma caixa de texto primeiro. Adicione uma caixa de texto, ou você pode simplesmente escrever nessa forma específica, se quiser, clicando em uma vez, mas vamos adicionar uma caixa de texto E vamos escrever, clique na caixa de texto. Vamos selecionar o texto. Vamos fazer a cor amarela. Vamos até os efeitos e torná-lo neon para que brilhe e, em seguida, vamos clicar em Clique duas vezes no texto Novamente, clique em negrito para deixá-lo em negrito e vamos aumentar o tamanho da fonte do texto. E colocaremos o texto do clique à direita ou no fundo vermelho. Agora você tem a segunda página, que conterá um link para os livros ou livros do autor na Amazon. Vamos clicar em adicionar página novamente, adicionar uma caixa de texto novamente em um título. Vá para a posição, leve-a para o topo. Clique duas vezes sobre isso. E digamos que se inscreva neste. E nesta página, vamos adicionar um formulário que as pessoas podem usar para assinar o autor. Mostrarei como fazer isso em um vídeo futuro. Mas antes de terminar, vou te mostrar mais uma coisa. Agora, digamos que você queira que o t seja exibido abaixo da caixa amarela que você tem aqui. Como você faz isso? Clique na caixa de texto. Clique com o botão direito do mouse ou clique em Control, se você estiver usando um Mac. Vá para Camada e clique em Enviar para trás, e isso enviará o texto diretamente para trás. Agora, esse texto foi enviado direto para trás, como você pode ver, não está mais sendo exibido. Agora, digamos que eu o queira de volta para a frente. Clique com o botão direito ou clique com o botão direito. A caixa aqui ou o texto, que você achar mais fácil de acessar, e clique na posição O que você pode fazer é acessar as camadas aqui ou organizar e clicar na frente. Agora, se eu levar essa caixa de texto de volta para onde estava, como você pode ver, ela foi movida para a frente. Assim, você pode movê-lo para trás ou para trás. Você pode movê-lo para trás ou para frente ou para frente Então, se você tem várias camadas e por camadas, quero dizer, camadas diferentes uma sobre a outra Então você tem uma imagem, tem uma caixa de texto nela, ou melhor, tem uma imagem. Na imagem, você tem uma forma quadrada ou arredondada e, em cima dessa forma do retângulo ou do quadrado, você tem uma caixa de texto, você pode brincar com a que aparece na parte superior e a que vai para trás Então, como eu disse, você pode clicar na caixa de texto ou na forma em Você pode colocá-lo na frente. Você pode colocá-lo para trás, você pode colocá-lo para frente, você pode colocá-lo para trás Se você clicar em colocar na frente, ele o colocará diretamente na frente. Se você clicar em colocar na parte de trás, ele o colocará diretamente na parte de trás. Ou seja, se você tiver três ou mais formas, se você clicar em Voltar, ele colocará qualquer elemento em que você estiver clicando na parte de trás de todas essas três camadas ou de todos esses três elementos. E você também pode escolher avançar ou retroceder. Se você escolher avançar, ele o apresentará. E se você escolher para trás, ele o colocará para trás, mas não diretamente para trás ou para a frente, mas atrás do elemento sobre o qual esse elemento em particular está parado ou sentado, certo mas atrás do elemento sobre o qual esse elemento em particular está parado ou sentado, Por exemplo, como eu te mostrei agora. Então é isso que você pode fazer. E digamos que vamos tentar alguma animação. Vamos fazer com que cresça. E, como você pode ver, as caixas estão surgindo, como eu disse, para sites, nenhuma animação é a melhor animação, especialmente se você estiver criando um tipo de site de autor, e vamos alinhar isso corretamente, para que pareça bom e simétrico E você tem alguns números aqui, que eu não quero. Vou deletar esses números. Você pode alinhar isso bem e manter tudo consistente no que manter tudo consistente diz respeito ao texto e a tudo o E agora, na próxima, mostrarei como vincular páginas diferentes ou adicionar botões com links. Portanto, para este site específico, como você viu ou notou, criamos um site ou uma interface de usuário de site muito rudimentar que as pessoas verão quando pesquisarem por você ou acessarem pesquisarem por você ou acessarem E, como eu disse, você pode adicionar imagens, fazer upload de imagens ou adicionar imagens que já estão lá no Canva E digamos que você queira uma imagem diferente. E o que podemos fazer é usar uma imagem, clicar nela, e essa imagem faz parte da biblioteca do Canva Estou usando uma imagem gratuita e, em seguida, você pode transformá-la fundo clicando e arrastando a imagem e tornando-a mais ampla Página da web. No momento, como você pode ver, essa imagem específica que eu adicionei se tornou o plano de fundo da página da web. Fiz isso clicando na imagem, arrastando-a e fazendo-a passar o mouse sobre toda a página da web Também posso clicar nela uma vez e ela adicionará a imagem à página da web, e eu irei para a seção sobre mim porque ela não tem uma imagem. O que vou fazer é excluir essa imagem por enquanto, clicar na imagem novamente, arrastá-la, fazê-la passar por toda a página da web e, agora, como você pode ver, tenho alguma consistência Estou usando a mesma imagem para todas as páginas da web. E aí você projetou a interface de usuário de um site. É muito básico, o que eu projetei. Você pode usar sua criatividade um pouco mais. Você pode adicionar formas diferentes, você pode adicionar gráficos diferentes. Você pode adicionar animação se quiser. Mas é basicamente assim que você projeta a interface do usuário usando o Canva Muito obrigado. Nos vemos na próxima palestra. 5. Como adicionar navegação ao site: Olá pessoal, bem-vindos a uma nova palestra, e hoje vamos dar uma olhada em como podemos adicionar navegação e links ao seu site Então, por links, quero dizer, se alguém clicar em um botão específico, digamos sobre mim aqui, então ele deve ser levado para uma página da web diferente ou para outra coisa na Internet Por exemplo, se alguém clicar em livros neste ícone de clique específico aqui, ele deve ser levado à livraria ou à Amazon, onde o livro está sendo vendido Para fazer isso, primeiro, o que precisamos fazer é clicar na caixa de texto que contém o texto. Clique nele uma vez e, em seguida, controle o botão direito do mouse, dependendo se você estiver usando Mac ou Windows, e você tem essa opção aqui para adicionar um Clique no link. E você tem uma barra de pesquisa aqui, e agora eu quero vinculá-la à página sobre M. Primeiro, deixe-me trazer essa caixa de texto em particular, volta para onde estava, porque ela foi movida para baixo Perfeito. Clique nele novamente. Clique com controle, clique em, adicione um link. Você também pode fazer isso acessando o botão toupeira aqui e pode adicionar um link usando o botão Mais para, mas a maneira mais fácil é clicar com o botão direito do mouse, acessar o menu e clicar no link E o que você pode fazer é adicionar um link para a segunda página. Como você pode ver, a segunda página contém a biografia do autor, e eu quero que as pessoas sejam direcionadas para essa página quando clicarem no link sobre mim. A segunda página tem um número. Como você pode ver, se digitar uma, você tem a primeira página. Se você digitar dois, terá a segunda página. Se você digitar três, terá a terceira página. Se você digitar duas, terá todas as quatro páginas, e todas elas estão sem título neste momento específico Então, vou adicionar um link para a segunda página. De. Perfeito. E agora isso foi convertido em um link. E o que mais podemos fazer? Bem, podemos adicionar um link para a página de livros. Clique em Link e clique em três, e a terceira página é a página do livro, e adicionamos um link. E você pode clicar e adicionar um link para a segunda página de inscrição. Vá para Link, clique nele, clique em quatro e um link foi adicionado. Perfeito. Agora, quando as pessoas acessarem a terceira página, que contém informações sobre os livros, elas devem poder clicar no link que diz clique e navegar até a página do produto da Amazon. Agora, como você pode ver, a formatação dos botões mudou um pouco quando adicionei essa imagem de fundo específica Vou clicar na imagem de fundo. Clique com o controle, vá para a camada e eu a enviarei diretamente para trás. Como você pode ver, o botão reapareceu. O botão vermelho com o texto do clique nele. E o que vamos fazer agora é ir para a Amazon. E eu estou na Amazon, no Reino Unido, agora, e vou ver Harry Porter e a Pedra Filosofal Livro famoso, muitos de vocês podem tê-lo lido. Clique em Harry Potter e a Pedra Filosofal. Agora, vá até este ícone aqui, que fornecerá o link para essa página específica. Clique no link Copiar no menu exibido. Volte para sua página da web. Agora, o que vamos fazer é clicar na caixa de texto que contém a palavra Vamos clicar com o botão direito do mouse ou clicar em Control. Vamos clicar em Link e vamos colar o link. E vamos pressionar Enter e o link foi adicionado. E agora o que vou fazer é pré-visualizar o site e ver se o site está me permitindo navegar. Clique em Visualizar na parte superior aqui. Agora, você pode visualizar o site em uma página móvel como uma página de texto ou como uma página móvel Se você clicar na página móvel, ele mostrará o site como uma página móvel. Se você clicar na página de texto, ele mostrará o site como uma página de texto. Você pode clicar em Wit Navigation se quiser testar se sua navegação está funcionando corretamente ou pode clicar em sem navegação. Nesse caso, a navegação não será ativada nesta visualização prévia. Agora, clicamos com a navegação e agora quero ver o site inteiro, ótimo Agora vou clicar em Sobre mim. E como você pode ver, está me levando para a página Sobre mim, vou clicar em Livros. Como você pode ver, ao me levar para a página de livros, vou clicar em assinar, como você pode ver, está me levando para a página de inscrição. E agora vou clicar no botão de clique aqui, o que deve me levar à Amazon. E vamos ver se isso acontece, sim, me levou para a Amazon. Então, basicamente, se você tem um livro na Amazon ou se você tem alguma loja de produtos ou alguma página de produto do Facebook, você pode adicionar navegação ao seu site que, ao clicar no botão, que tenha o site ou que tenha página do produto incorporada ao clicar nesse botão, as pessoas sejam levadas à sua loja de produtos ou à sua loja online ou à sua página do Facebook ou ao seu Instagram página, onde quer que você esteja vendendo ou exibindo seus produtos, essencialmente. Então é assim que você adiciona navegação a diferentes botões ou textos diferentes. E quando você adiciona navegação, isso permite que você acesse páginas diferentes externas ao site. Então, isso é tudo uma questão de adicionar navegação. Muito obrigado. 6. Como adicionar logotipos a sites: Ei, pessoal, bem-vindos a uma nova palestra. Na palestra de hoje, veremos mais algumas coisas sobre o site, o design da interface do usuário Agora, eu tinha adicionado uma imagem de fundo a todas as páginas da web na aula anterior Mas o que essa imagem de fundo faz é esconder a imagem dessa mulher meditando, que basicamente representa o autor porque o autor provavelmente adora meditar E o que precisamos fazer é trazer essa imagem específica da mulher meditando para o primeiro plano O que você pode fazer é clicar na imagem. Clique com o botão direito ou clique com o botão direito do mouse, dependendo do seu sistema operacional, vá para Layer e coloque-a na frente. Assim, e agora você tem a imagem na frente. Vou redimensionar essa imagem. Algo parecido com isso. E você também pode usar essa imagem como logotipo. Digamos que o autor em particular escreva sobre meditação em um mundo de fantasia ou algo desse tipo. Você pode converter isso em um logotipo se quiser. Mas vamos mantê-lo como uma imagem de exibição e adicionar um logotipo. Vamos aos elementos. Vamos pesquisar o logotipo na barra Sarge. Você tem alguns logotipos gratuitos aqui. Vamos clicar em um. Clique uma vez para que o logotipo apareça na área de trabalho, você pode redimensioná-lo e, em seguida, colocá-lo no canto superior esquerdo ou em outro lugar onde seu logotipo deva estar destacado como um recurso de exibição Por exemplo, se você tem uma marca que vende refrigerantes, talvez queira que seu logotipo ocupe um espaço mais central na página da web para que ele se destaque Então, o que quer que você esteja fazendo, você precisa garantir que seu logotipo se destaque. Agora, não estamos usando um logotipo original para este. Mas o que podemos fazer é excluir o logotipo que temos e podemos converter essa imagem em um logotipo e colocá-la no topo, na mão esquerda, no canto superior esquerdo ou no canto superior direito, assim. Vamos manter isso assim. Agora vou terminar esta palestra. Agora você aprendeu a criar a interface de usuário de um site. A seguir, falaremos sobre navegação, links e experiência do usuário. Muito obrigado 7. Como adicionar formas ao site: Todos, bem-vindos a uma nova palestra de hoje. Vamos ver como podemos adicionar formulários ao nosso site. Por exemplo, digamos que você queira que as pessoas assinem seu serviço para seu produto ou sua marca, e você precisa de um formulário que possa ser usado para coletar endereços de e-mail das pessoas ou seus detalhes de contato ou seus nomes, etc E você pode fazer isso usando o Google Forms. Vou pesquisar o Google Forms no Google. O primeiro resultado da pesquisa é o Google Forms. Vou clicar em Ir para formulários e isso me dará a opção criar um formulário em branco, um formulário contato ou uma pessoa de RSVP, etc Vou clicar nas informações de contato. E isso deve me dar um formulário totalmente novo como esse, e você pode adicionar perguntas. Você pode importar perguntas, adicionar título e descrição, adicionar imagem, adicionar vídeos ou adicionar uma seção a este formulário. O que eu vou fazer é mudar a descrição do formulário e chamá-lo de formulário de assinatura. Isso é o que eu vou fazer. Essa é a única mudança que farei e as pessoas poderão inserir seus nomes, e-mails e endereços Então, o que vou fazer é tornar endereços não obrigatórios. Não é um campo obrigatório para este formulário porque não queremos coletar os endereços das pessoas, e a maioria das pessoas não fornecerá seus endereços porque é meio arriscado fazer isso on-line E temos a opção de número de telefone e comentários. Vou colocar o número de telefone. Vou colocar a seção do número de telefone sobre a seção dos endereços. Então, sim. Portanto, você tem o número de telefone como seção não obrigatória, endereço como seção não obrigatória, etc., e o nome e o endereço de e-mail são obrigatórios Agora, o que vou fazer é clicar em Enviar e isso me leva a esta janela, e você pode enviar esse formulário para as pessoas por e-mail. Você pode fornecer ao Google um conjunto de endereços de e-mail, e o formulário será incluído nesse e-mail específico. E você também pode alterar as opções de coleta de endereços de e-mail. Então, o formulário deve coletar endereços de e-mail? Nesse caso, queremos coletar endereços de e-mail porque queremos assinantes que possam ser notificados sobre o lançamento de um novo livro ou algo desse tipo quando o autor terminar de escrever um novo livro Então, vou clicar na entrada do Responder. Assim, o formulário poderá coletar endereços de e-mail. Você pode clicar em Dot collect or verified. Vou clicar na entrada do Responder. E então eu vou para essa opção de link aqui, a opção com o botão Link, e você tem a URL aqui. Você pode copiar o UL. Vou clicar em encurtar URL e agora vou clicar em Copiar E eu vou voltar ao site e vou até a página de inscrição e vou colar isso. E o formulário está sendo colado. Como você pode ver, o formulário foi colado na página da web. E você precisará fazer login para continuar. alguém que esteja visitando este site precise fazer login no Google para acessar este formulário. Mas, além disso, o formulário está aqui e você pode coletar endereços de e-mail e coisas do tipo usando este formulário. Isso é tudo para esta palestra e, na próxima palestra, mostrarei como publicar o site. Muito obrigado. 8. Site de publicação: Ei, pessoal, bem-vindos a uma nova aula de hoje. Vamos ver como podemos publicar nosso site. Agora, a primeira coisa que vou fazer é apertar o botão de pré-visualização e pré-visualizar o site mais uma vez. E, como você pode ver, o site tem todos os recursos de navegação, e o site está pronto com todos os formulários, navegações, links e tudo E você pode então verificar o site móvel. Está pronto. Você pode acessar o site publicado a partir daqui ou clicar em Fechar, acessar o site publicado e clicar nele. E agora o que podemos fazer é obter um domínio gratuito ou usar um domínio existente. E por domínio existente, estou me referindo a um domínio que você pode ter comprado da GoDaddy ou da Hostinger, ou de qualquer um desses sites ou serviços que fornecem nomes de domínio por um preço Vamos clicar no domínio gratuito por enquanto. Vamos clicar em Continuar. E, como você pode ver aqui, o nome do domínio está sendo exibido automaticamente. Então, eu chamei esse projeto em particular Autora Suzanne e a URL ou o nome do domínio e a URL que estão sendo gerados pelo Canva são compostos pela autora Susanne seguida Então é isso que o Kanva fez. Eu posso mudar isso. Posso clicar no botão do lápis e basicamente posso alterar o URL e torná-lo Autora Suzanne Jones Também posso mudar o nome do Projeto Canva e adicionar uma descrição do site E vamos chamá-lo de site de autor. Este é um site da autora Suzanne Jones. Perfeito. Isso não é muito útil. Essa é a parte da descrição do site. Mas só para mostrar que você pode adicionar uma descrição do site, eu adicionei uma descrição do site, e você pode protegê-la com senha e ocultá-lo dos mecanismos de pesquisa. Perfeito. E como você pode ver aqui, o URDL mudou e tudo mais, e agora clique no botão publicado e seu site está pronto para começar Está pronto para ser usado. E isso é tudo para essa palestra em particular. Nos vemos na última palestra em que discutirei o projeto. Muito obrigado 9. Projeto final: Ei, pessoal, bem-vindos à palestra final deste curso E nesta palestra, vou falar sobre o projeto final As instruções para o projeto final são mais ou menos assim. Você precisa criar um site pessoal com no mínimo quatro páginas, como mostrei em todo o curso, porque eu criei um site pessoal para um autor em particular. Então você precisa criar um site pessoal com quatro páginas. A primeira página, página de destino ou página inicial, como você a chama, deve ter um logotipo. Agora, você não precisa criar seu próprio logotipo. Você pode usar um dos logotipos disponíveis na Biblioteca Kanvas e usar um fundo de imagem colorido, que também pode ser obtido na biblioteca Kanvas E a primeira página deve ter um menu que possa ser usado para acessar diferentes partes do site. Portanto, deve haver alguns recursos de navegação na primeira página. A segunda página terá uma biografia fictícia. Você não precisa escrever sua própria biografia, escrever uma biografia fictícia, como, você sabe, você é a maior estrela de cinema do mundo ou algo parecido, ou apenas algo aleatório A terceira página terá um link para algum produto na Amazon. Então, a terceira página terá um botão e um link. E quando as pessoas clicarem nesse link, elas serão direcionadas para alguma página de produto na Amazon, qualquer página de produto, pode ser uma escova de dentes, ou pode ser um limpador de banheiro, pode ser um livro, eu deixo para você E a última página deve ser um formulário de inscrição. E quando terminar de criar este site, use imagens e vídeos que estão disponíveis no Canva, observe isso Você não precisa usar suas próprias imagens ou seus próprios vídeos. Você precisa usar imagens e vídeos que estão disponíveis na biblioteca do Canvas. Então, quando terminar, faça uma captura de tela do seu site e faça o upload para a plataforma E você pode fazer várias capturas de tela para cada página e enviá-las para a plataforma. Muito obrigado.