Tenha um trabalho extra: como construir seu primeiro site no Squarespace

1. Introdução: Oi e bem-vindo para começar sua agitação lateral Como construir seu primeiro site do Squarespace. Eu sou Rosanna e eu sou um designer de produtos e móveis do Reino Unido Eu construí vários sites para diferentes projetos e aprendi muitas dicas e truques ao longo do caminho. E agora eu quero compartilhá-los com você para que você possa construir seu próprio canto da Internet. Então você pode estar pensando, por que uma agitação lateral? Bem, eu acredito que quando você começa algo por si mesmo, mesmo quando você continua trabalhando seu trabalho diário, você se sente empoderado e você ganha confiança. Você cria oportunidades e segurança para si mesmo. Começo a pensar no que a tua confusão pode fazer por ti e para onde te pode levar. Mas você pode estar pensando, Ei, o meu instagram? Eu compartilho o que faço em minhas paixões através dessa plataforma. Mas nossas plataformas de mídia social não nos pertencem. Eles podem mudar a qualquer momento. E não estamos no controle do polegar com um site. Podemos criar, esculpir e manter o controle de nosso próprio canto da Internet. Por que o espaço quadrado? Bem, eu tentei muitos dos diferentes construtores de sites que estão lá fora, e eu achei squarespace para ser o mais fácil de usar, sem necessidade de codificação e é totalmente responsivo. Por isso, ele funciona no iPad móvel e no desktop sem que você tenha que se preocupar com nada. Eles também lançaram recentemente um novo aplicativo para que você possa baixá-lo em seu telefone. Imagine que mesmo quando você está em sua viagem para o trabalho, você pode estar trabalhando em seu lado agitado editando uma postagem de sangue ou postando uma imagem em seu site para que ele lhe dê um nível adicional de liberdade e possibilidade de estar trabalhando ao seu lado . Hustle sempre que você quiser durante toda a classe deste iniciante. Antes de chegarmos a um site em pleno funcionamento, vamos seguir estes passos uma pesquisa em busca de inspiração. Por isso, é o mais fácil possível quando chegamos a construir o nosso próprio site para declaração de missão. Esta vai ser a luz guia para a nossa jogada lateral três. Seguindo através do meu fluxo de 10 passo squarespace que vai nos levar de nenhum site para site e cheio. Agora que temos nosso site, vamos trabalhar na estrutura, garantindo que as páginas dentro dele sejam fáceis de navegar. No final desta aula, você vai ter um site, e a parte mais difícil é começar e você já fez isso tão bem feito. Agora vamos nos apressar. 2. Pesquisa: Então você pode estar pensando, por que precisamos parar com a pesquisa? Bem, estamos todos ocupados. Afinal, esta é a nossa agitação lateral. E queremos ser capazes de tomar decisões eficientes rapidamente quando se trata de construir um site para que possamos passar para a parte divertida de compartilhar briga externa com os outros e criar conteúdo. E ao entender o que amamos em outros sites, podemos aplicar os mesmos princípios ao nosso próprio site para garantir que seja profissional, fácil e agradável de usar para nossos visitantes. Nosso projeto de classe hoje é compartilhar uma captura de tela de um site que inspira você junto com alguns pontos de bala em suas observações. Lembre-se, estamos analisando de acordo com a estrutura. Então, como você navega pelo site e onde as páginas se encontram. Por exemplo, outros lotes de cliques necessários para obter através de um menu para a página que você deseja, ou é relativamente fácil encontrar a página que você está procurando? Oh, o esquema de cores. As cores são complementares? Eles te excitam ou fazem você se sentir relaxado? Ou o layout como e onde o conteúdo é posicionado e apresentado na página e como isso se depara com você. Então vamos dar uma olhada no site Inspiration para o meu projeto de classe. Eu escolhi a marca estilista ponto com como meu site de inspiração, e como você pode ver imediatamente aqui, é um site muito limpo e claro para olhar. Se olharmos um pouco mais detalhadamente para a estrutura do site, podemos ver imediatamente na página inicial. As opções de menu estão ao longo do topo aqui de cada lado do logotipo para que imediatamente podemos ver quais páginas há dentro do site, mas também o que o site no estilista da marca é realmente tudo sobre. Às vezes você pode ter um menu à esquerda aqui, um menu de hambúrguer. Chama-se, um, onde todas as páginas estão escondidas lá que podem ter prós e contras. Mas por aqui, isso pode ser um pouco negativo, porque como podemos ver a marca estilista como cursos on-line, que imediatamente lhe diz mais sobre ela? Mas se isso estava escondido em um menu, você pode não saber sobre isso e pode não perceber que o esquema de cores do site também é muito bom. Eu acho que é muito relaxante e eles tipo de calma muito, muito pálido, leve rosa para o fundo. O texto preto forte e claro é realmente, realmente muito fácil de ler e muito claro no logotipo em si tem um pouco de um efeito metálico para ele, que traz um elemento adicional de luxo. E se olharmos para o próprio site da vida e olharmos para o layout, podemos ver que é um site de rolagem completo em todos. O conteúdo tem muito espaço em torno dele. Então, é novamente de volta a esse estilo limpo e claro onde você pode ver tudo muito facilmente com o texto preto nas imagens brilhantes e muito espaço e muito fácil de navegar e se mover. Então, se dermos uma olhada no meu próprio site e como eu usei minha inspiração da marca estilista ponto com e apliquei ao meu próprio site, você pode ver que ele tem o menu no topo aqui para essa mesma estrutura clara, o esquema de cores. Eu tentei criar sua atmosfera calmante com o esquema de cores também. A Andi. O conteúdo tudo tem muito espaço e é muito claramente definido para que tudo seja fácil ver, modo que é lição para terminar. Bem feito. Nós abordamos o projeto da classe lá, encontrando um site de inspiração que podemos analisar para sua estrutura, seu esquema de cores ou seu layout. Analisamos como podemos aplicar isso em nosso próprio site para facilitar quando chegarmos ao Squarespace. Portanto, não se esqueça de soltar uma captura de tela do seu site favorito no projeto de classe com alguns marcadores em suas observações sobre sua estrutura, seu esquema de cores ou seu layout. 3. Declaração de missão: A segunda e última etapa da nossa seção de pesquisa será o trabalho na nossa declaração de missão . Mas o que é uma declaração de missão? Enquanto a declaração da missão é uma frase curta, resumindo por que você faz o que você faz sobre o seu objetivo? Vai ser a sua luz orientadora para mantê-lo focado e motivado quando a vida ficar no caminho. Mas qual é a minha declaração de missão? Bem, minha declaração de missão para meu próprio blawg pessoal é compartilhar minhas experiências e aventuras desafiando o que é esperado de nós, na esperança de que eu possa encorajar outros a também perguntar por quê. Certo, então como geramos uma declaração de missão? Bem, para mim, a melhor maneira de fazer isso é fazer um mapa mental. Então comece com um pedaço de papel em branco e uma caneta, ou até mesmo presenteie-se com um novo livro e uma nova caneta. Porque todo mundo ama novos artigos de papelaria e você está começando um lado hustle papel esquerda. Então, no meio do seu mapa mental, comece com a sua agitação lateral para que possa ser fotografia e, em seguida, ter alguns ramos saindo disso, então nós só queremos focar no que você está fazendo, por que você está fazendo e quais são seus objetivos. Uma vez que você tem alguns ramos vindo do que, por , em metas, você pode resumir isso em uma frase curta, talvez direita em um post nota, e colocá-lo em algum lugar ou direita na frente do seu caderno . Ou digite e imprima. Mas coloque isso em algum lugar grande e ousado para lembrá-lo por que você está fazendo o que você está fazendo e qual é o seu objetivo. Por exemplo, aderindo com o tema de fotografia o O que poderia ser fotografia de paisagem, o Y poderia ser para compartilhar um amor ao ar livre, eo objetivo poderia ser incentivar mais pessoas a sair. Então, uma frase simples para resumir essa declaração de missão poderia ser compartilhar a beleza da natureza através da fotografia de paisagem para incentivar outras pessoas a ir ao ar livre. Então essa é a Lição 3 terminada. Nós demos uma olhada, uma missão, declarações, o que eles são, por que precisamos de um e como fazer um. Então vamos pegar nosso site inspo, obter nossas declarações de missão e começar a construir nosso site do Squarespace 4. Qual versão Squarespace: antes de irmos para a construção do nosso site em squarespace. Apenas uma observação rápida nas versões do site do Squarespace. Se você acabou de se inscrever no Squarespace recentemente desde janeiro de 2020, você será automaticamente colocado na criação de um site na versão 7.1. Então, para mudar isso, porque minha classe aqui é executada na versão sete pontos. Oh, então, para ter certeza de que você está na mesma versão, basta ir para o link na classe sobre página aqui e que vai levá-lo toothy loja modelo original para squarespace versão 7.0 e assim toda a minha classe sobre a seguinte classe partir deste é usando o squarespace 7.0, e o Squarespace ainda está atualizando esta versão e ainda suporta esta versão e indicou que isso continuará. Eles ainda estão sendo feitos ajustes para a versão 7.1. Onda mudar para 7.1 é bem diferente, então eu vou estar criando uma nova classe no futuro quando 7.1 se estabelecer. E, mas por enquanto, essas aulas sobre sete pontos da OEA, esta é, eu acredito, a melhor opção por enquanto. Então, se você quiser verificar duas vezes se você já criou o seu site, Se você quiser verificar novamente? Caminhe em que versão você está. Você pode ir para o seu um construtor de site aqui e clicar em ajuda e, em seguida, você pode ver na parte inferior. Aqui diz a versão sete pontos. E também diz,em que família modelo estamos agora. E também diz, Então é assim que você pode verificar que eso Vamos continuar com a aula Agora que todos nós sabemos que nós vamos estar em 7.0 Andi, começar a construir nosso site. 5. Fluxo em Squarespace 10 etapa: Agora vamos começar com o Squarespace. Vamos usar meu fluxo de 10 passos de espaço quadrado, que está disponível como download na seção de recursos de classe. Eu recomendo baixar e imprimir isso para que você possa acompanhar seu progresso. E se tiveres de afastar-te a meio do fluxo, podes marcar onde arranjaste o Teoh. Eu também adicionei algum espaço onde você pode fazer anotações. Então, enquanto estamos analisando alguns dos modelos no espaço quadrado, se você quiser fazer anotações contra eles, se você fizer isso no documento, então ele mantém tudo em um só lugar. Andi, adicionei uma caixa de seleção contra cada passo porque é sempre ótimo quando você tira algo. Então pegue sua declaração de missão e sua inspiração no site. E vamos para o Squarespace dot com. Se você quiser dar uma olhada em torno de squarespace dot com. Se você não visitou o site antes, faça isso agora. Mas vamos direto com o botão de introdução para iniciar nosso teste gratuito. Quando você clica no botão começar, ele traz você para esta página onde, se você quiser, você pode digitar qual é o objetivo do seu site. Mas visto que já fizemos isso em nossa pesquisa, então vamos direto e pular para modelos. Digitar qual é o seu objetivo para o seu site aqui pode ser útil. Mas então o Squarespace leva você e limita os modelos que você pode ver e ver como já fizemos isso para que saibamos qual é o objetivo do nosso site. Não precisamos fazer isso. Podemos ir diretamente para modelos, utilizando as categorias existentes que o Squarespace nos deu aqui e também, de forma crucial, inspiração do nosso site. Vamos tomar um pouco de tempo para analisar os templates, uma olhada em volta, clicar nas diferentes opções e apenas lidar com o que o Squarespace nos oferece por meio de templates. Se dermos uma olhada com mais detalhes na seção de fotografia, então podemos ver que nos dá uma seleção de modelos destinados a mostrar imagens, então a imagem é um grande na tela. Eles ocupam a maior parte do espaço, então não há muito espaço para texto, e é tudo sobre mostrar essas fotos. Lembre-se também, neste momento, de voltar para o seu site de inspiração. Então eu realmente fiz uma tela dividida aqui onde eu tenho o site Inspiration à esquerda no espaço Dsquared com seus vários modelos especificamente em fotografia. Para este exemplo no lado direito para que possamos ver que há alguns modelos que eu tipo de ter algumas semelhanças com o site e inspiração e mas eu gosto do olhar deste aqui que fala sobre ter um carrossel de sangramento completo para as imagens. Então, para ter um pouco mais de uma idéia, se nos referirmos de volta ao site de inspiração enfraquecer, veja, esse é o olhar que vai ter se tivermos uma imagem de sangramento total. Então isso significa apenas ter uma imagem que gasta toda a largura da tela. Por isso, é bastante impactante no aspecto do carrossel só significa que você pode percorrer várias imagens diferentes nessa hemorragia total. Certo, então vamos nos livrar do site de inspiração. Acho que encontramos um que eu gosto do olhar. Hum, se você passar o mouse sobre a imagem que você pode ver, você pode clicar em pré-visualização para ver mais de perto o modelo que você gosta do olhar para fora para que você possa se mover pelo site nesta visualização, usar os botões e os links como funcionaria na vida real para te dar uma ideia melhor de como isso vai parecer. Tome um pouco de tempo aqui para olhar ao redor dos modelos, abrir a pré-visualização, cozinhar e ver o que você pensa, e olhar através de muitos dos diferentes categorias. Não há pressa aqui. É bom acertar nesta fase, referindo-se à declaração de missão e ao site de inspiração. Você pode alterar modelos mais tarde com o Squarespace. Isso ajuda você a fazer isso, mas é um pouco chato. Acredite em mim, eu fiz isso. Então, quando você estiver na seção de visualização de um modelo, se você gostar da aparência dele, você pode subir para ver a demonstração, o que lhe dá uma visualização mais imersiva. Então abre esse site. Demo tem uma tela cheia, então você pode realmente ter uma idéia de como isso vai funcionar on-line para que você possa ver aqui. As imagens são realmente o ponto focal deste site. Eles são grandes, claros e brilhantes na página de sangue. Novamente, há espaço para texto e escrita, mas é mais sobre as imagens. Então esta é apenas uma boa maneira de ter uma idéia de se os templates vão combinar com o seu inspo site e sua declaração de missão e como você quer que seu site para olhar mais tarde na linha, se possível, vamos tentar e escolher um modelo que combina mais de perto com o que queremos. Muito disso no espaço quadrado pode ser mudado, mas quanto menos tivermos que mudar agora, mais podemos começar na parte divertida de compartilhar nossa agitação lateral. Depois de encontrar um modelo com o qual você está feliz, podemos voltar para a visualização do squarespace e ir para o canto superior direito. Comece com este design. Neste ponto, você precisa criar uma conta com o squarespace ou fazer login se você já tiver uma. Isso significa que Squares baseado será capaz de lembrar o que você fez. Ele será capaz de salvar todo o seu trabalho em tempo real, e você poderá voltar a ele a qualquer momento. A boa notícia é que agora você tem um teste de 14 dias com o Squarespace gratuitamente. Então você tem seu site. Bem-vindo ao seu novo site do squarespace e podemos começar a entrar na gritty nitty de editar as páginas e criar o conteúdo. Aí está, seu novo site do Squarespace. Assim, à direita aqui, você pode ver a sensação da janela de visualização. Site do Squarespace à esquerda. Aqui estão as opções de menu onde podemos entrar e editar tudo o que tem a ver com nosso próprio site. A edição pode estar mudando tanto quanto você quiser. Na próxima lição, vamos olhar para começar com a estrutura do seu site usando a seção de páginas . Além disso, você pode ver lá. Como fazer isso? Pesquisas iniciais para encontrar nosso site de inspiração e trabalhar nossa declaração de missão podem realmente ajudar a acelerar o processo para que possamos entrar diretamente lá e começar o site e começar a editar e fazer todas as partes divertidas do nosso trabalho lateral. Então essa é a lição para terminar. Bem feito por agora. Sim, você tem um site iniciado. Então faça uma pausa, tome uma xícara de chá e vamos começar. Mas a próxima lição 6. Estrutura de Wesbite: na estrutura do site da Lição cinco. Vamos começar a construir nossos sites a partir da minha experiência. É melhor começar aqui com a estrutura do seu site. Então, em primeiro lugar, precisamos pensar sobre quais páginas queremos ter à nossa vista. Pode ser mais fácil neste momento pegar uma caneta e papel ou seu novo caderno e anotar algumas ideias. Vamos começar com páginas no meio de um mapa mental normalmente e sobre. Page é uma ótima idéia, e isso é muitas vezes o primeiro lugar que eu tive que visitar um novo site. Ah, home page também pode ser uma boa idéia, pois ajuda a navegar ao redor do site como você sempre sabe como voltar para casa. E então é para baixo para o seu lado específico hustle. Lembre-se de sua declaração de missão e o que você está treinado para fazer. Assim, para o nosso exemplo de fotografia, nossa missão era partilhar a beleza da natureza através da fotografia paisagística. Para incentivar os outros a ir ao ar livre, concentra-se na natureza e ao ar livre e essas imagens. Então, se dividirmos isso em seções, poderíamos escolher o dedo do pé ter três páginas separadas, focando em aspectos individuais que amamos sobre a natureza, como árvores, colinas e rios De volta ao Squarespace. Andi, para começar, vamos apenas verificar em nosso site que podemos ver que nosso site ainda é privado para que ninguém mais possa ver nosso site ainda não foi lançado porque ainda estamos no teste gratuito. Podemos fazer toda a nossa edição, mas o site não está realmente ao vivo. Então, quando estivermos prontos, podemos atualizar para publicar e torná-lo público para que qualquer um possa ver o site. Mas por enquanto, só nós podemos ver isso. Vamos começar com páginas para construir a estrutura do nosso site. Então eu não vi sob a navegação principal. Aqui temos os cabeçalhos de menu que correspondem com o topo do site em frente aqui. Então temos mais recente mortem ascende sobre no blog. Então, a partir do nosso mapa mental rápido em que páginas queremos em nosso site, sabemos que nós definitivamente queremos sobre página para que possamos utilizar a página sobre existente que está apenas no modo de demonstração no momento. Então, se clicarmos, podemos ver o fotógrafo fictício John e sua página sobre. Então, podemos muito bem utilizar isso se tivermos tido tempo para trabalhar fora. Eu estava agraciado modelo baseado para realmente coincidir com a nossa inspiração site e nossa declaração de missão . Então, é uma boa idéia utilizar as páginas que já estão no modelo, tanto quanto possível. Basta reescrever o conteúdo. Então, ainda estamos no modo de demonstração no momento aqui, então só precisamos clicar na engrenagem configurações do lado. Isso traz isso sobre a página para configurações aqui, e podemos ver que a versão demo foi embora daqui. Então nós sabemos que a página agora é parte de nosso próprio site, então nós podemos apenas salvar isso lá. Então, se clicarmos no título do site que está ligado à página inicial do momento. Então Home page era a próxima coisa que queríamos ter como uma página para o nosso site para que possamos ver à esquerda aqui. O ícone de página inicial está atualmente ao lado da página intitulada Último, que é uma página de galeria, então esses ícones estão ao longo do menu. Navegação significa algo, Então o ícone aqui é para uma galeria. Isto é apenas para uma página em branco, e isto é para uma página bloqueada. Então, no momento, a página inicial é uma página de galeria, então vamos começar uma nova página e ter uma nova página inicial para o nosso site. Então, usando a vantagem na parte superior aqui, podemos criar uma nova página. Então, ao longo daqui, temos todos os diferentes tipos de páginas que podemos criar já viram. Já temos uma página de sangue em uma página de galeria. Vamos fazer uma nova página em branco que podemos chamar de lar. E isso é então adicionado à navegação principal ao longo do topo aqui. Então, no momento em que esta página estiver vazia, o que é ótimo , você sabe, podemos começar com ela e adicionar nosso próprio conteúdo e nosso próprio layout quando chegarmos lá. Então, para fazer a home page a home page, só precisamos clicar na engrenagem configurações lá, rolar para baixo e definir sua home page. Lá vamos nós. Então nós temos casa agora é a nossa página inicial. Mas este site também tem uma página bloqueada, que no momento não faz parte do nosso plano de estrutura do site, portanto, excluí-la. Eu só vou arrastar isso para baixo para ser o rei desvinculado. A página de sangue significa que ainda somos capazes de ver o layout lá fora, que pode ser útil para o futuro se quisermos um ponto de referência para trazer de volta em um bloco do nosso site. Mas, no momento, não vai ser desligado, então isso significa, mas não faz mais parte da cabeça e do menu lá. Mas a página ainda existe. Nós não apagamos completamente. Por fim, queremos três páginas de galeria para nossas árvores, colinas e rios. Já há duas páginas de galeria aqui, então por que não redefinimos a primeira para ser nossas árvores e colinas e podemos adicionar uma última página de galeria para nossos rios? Então, se clicarmos, podemos ver que está nos dizendo que é uma página de exemplo. Você pode copiá-lo e adicionar conteúdo ou removê-lo. Então, neste caso, queremos copiá-lo para que possamos usar isso para nós mesmos no futuro. Mas também podemos usá-lo para obter uma indicação de como será a página quando a preenchermos com nosso próprio conteúdo. Então não queremos chamar este último, então vamos clicar na engrenagem de configurações e mudar o nome para tratados. Altere os slugs URL para que seja relevante para o nome da página e altere o título da página e basta clicar em Salvar. Então lá nós temos ao longo da casa superior e árvores nunca voltar e fazer o mesmo para a opção Motema stands, e nós estamos apenas indo dedo página cópia. Use a engrenagem de configurações e altere isso para comprimidos B. Não vamos nos preocupar muito com o que mais está neste painel. No momento. Vamos guardar isso para mais tarde. Então, finalmente, queremos adicionar uma página de galeria extra. Então nós apenas ir para o botão página lá e clicar na galeria, e nós vamos chamar este um Rivers e nós podemos ver que este está vazio em comparação com as outras páginas onde nós redefinimos o conteúdo. Então, isso está pronto para o nosso próprio conteúdo lá. Então, no momento em que Rivers está fora de ordem, então podemos apenas arrastar isso para baixo, e ele irá realinhar árvores caseiras, colinas, rios e cerca de. E nós só vamos nos arrastar porque, como discutimos na página, planejar sobre é uma página importante, e queremos que seja a próxima casa lá. Temos a nossa estrutura no lugar. Temos nossa página inicial sobre árvores, colinas e rios. Isso é menos e cinco acabados. Bem feito. Estamos quase lá. Temos nosso site com nossa estrutura de site no lugar, então ele está pronto para preenchê-lo com nosso próprio conteúdo. Em seguida, vamos dar uma olhada em como fazer isso. Como adicionar algumas de nossas próprias imagens em nosso próprio texto. 7. Conteúdo no site: em nossa lição final sobre conteúdo do site, vamos olhar para preencher essa estrutura que já temos em vigor com nosso próprio conteúdo. Então nossas próprias imagens e nossas próprias palavras lá temos nossa estrutura no lugar. Temos nossa página inicial sobre árvores, colinas e rios. Agora vamos fazer algo sobre aquela página inicial vazia que criamos. Como você pode ver quando você passa o mouse sobre a janela de visualização, essas banheiras surgem que, digamos, editar e configurações. Se passarmos o mouse sobre o título, ele nos diz que esse é o título do site e nos dá a opção de edição. E se passarmos o mouse aqui, ele nos diz que essa é a navegação e nos dá a opção de edição. Então, por enquanto, em nossa página inicial porque esta página está vazia, nós só queremos começar a editá-la e adicionar um pouco de conteúdo. Então, se clicarmos em editar, ele nos leva a esta página de edição em tela cheia. Então aqui temos um ponto de inserção. Gosto de chamá-lo de gota de chuva, então se passarmos o mouse sobre a gota de chuva que vemos, obtemos uma linha com a largura total da página de modo que nos diz que uma vez que clicamos nela e vemos esses blocos de conteúdo, esses blocos de conteúdo irão preencher o tamanho completo da página. Assim, os blocos de conteúdo disponíveis para nós. Temos os básicos aqui em cima, como texto ou imagem. Temos aqui algumas opções para diferentes maneiras de exibir uma imagem. Temos algumas opções de galeria aqui embaixo, algumas opções de resumo e mais alguns filtros e listas, gráficos de comércio, livros sociais e, em seguida, premium, que você tem que pagar. E assim o Cristo muitas opções lá em cima. Mas tudo o que você precisa de forma realista é básico ou potencialmente um layout de imagem, galeria ou resumo. Então, nesta primeira página aqui que se abre. Então, em nossa página inicial, vamos inserir uma imagem como nossa primeira coisa, porque lembre-se onde um site de fotografia de paisagem e é tudo sobre essas imagens fazer upload gratuito de uma imagem. Ele só leva você para a pasta de documentos, e eu vou usar esta imagem, que é uma fotografia que eu tirei em uma viagem recente ao Japão, tem algumas árvores e um rio nele, então vai levar algumas caixas para isso página de fotografia específica. Podemos adicionar um nome também, que não é o que diz aqui. É opcional, mas é uma boa prática para isso em Vamos chamar essa imagem de casa e isso vai para lá . Então, se clicarmos, aplicarmos e voltarmos para o topo aqui para salvar isso, então podemos ver que nossa página inicial agora tem uma grande imagem, que é brilhante. Também podemos clicar nesta seta aqui para nos dar uma visualização em tela cheia do nosso site. É assim que a página ficaria bem. Temos a nossa imagem na página inicial. Eu acho que seria bom para a declaração da missão ao longo do topo também. Então, se voltarmos para editar nesta página, Andi, encontrar um daqueles inserir pontos de gota de chuva e tela cheia para com assim nossos blocos que podemos adicionar. Vou adicionar isso como um bloco de texto para que possamos ver como começamos a escrever que irá adicioná-lo . Então nossa declaração de missão deve encorajar os outros a sair. Então essa é a nossa declaração de missão. E assim você vê, nós temos algumas opções de texto aqui em cima, Teoh ser capaz de editá-lo para que ela coloque isso em negrito. Então ele se destaca e nós podemos centralizá-lo também. E há algumas outras opções por aqui, mas não precisamos nos preocupar com elas. Então, se você clicar fora disso, podemos ver que isso está lá. E então outra coisa que é bastante útil. Outro bloco que é útil para poder adicionar é um espaço de um livro. Então é assim que você criaria o layout visual que você deseja para o seu site. Vejo você nos blocos de dizer texto de imagem e os novos espaços para criar espaço ao redor deles que eles se sentem onde você quer que eles se sentem. O ícone de mão aparece sobre o espaçador, que significa que você pode arrastá-lo para onde quer que ele vá. E se você ver se você arrastá-lo para o lado aqui, uma linha aparece no lado direito, o que significa que o espaço vai ficar para a direita em vez da longa linha que vem através do topo. Ele acrescenta em uma coluna, e nós podemos fazer esse espaçador tê-lo menor e, em seguida, se eu fiz outro do outro lado e apenas arrastá-lo quando a linha vem lá em cima à esquerda e fazer isso um pouquinho menor para que possamos usar esses espaços para Certifique-se de que os textos. É exatamente onde queremos que ele fique. Bem ali no centro, acho que parece muito bom. E, em seguida, um último toque , um, eu apenas eu não alinhar bloco, modo que apenas literalmente traz em uma linha que vai ajudar a separar e pode apenas às vezes eu tinha aquele pouco de terminar um pouco de Teoh Page polonês. Então, clicamos, salve e então podemos ver se voltamos para a tela cheia. É assim que está a olhar para o momento. Então, obviamente, o título do seu site não é o nome do nosso site. Então, se passarmos o mouse sobre o título do site, obtemos a opção de edição que nos traz para poder editar isso. Então, na tela à esquerda, podemos ver que temos o título do site e o slogan. Então, no momento, temos apenas uma citatah, que queremos que seja também. O nome do nosso site ou o nosso próprio nome. E então eu vou chamá-lo de fotografia apresentada por enquanto. E se nós temos ah, logotipo, então nós podemos adicionar isso aqui. Eu só vou usar o fato de que nós temos essa bela, grande ousada frente e bater Save. Então, nós apenas navegamos de volta para fora do design e de volta para páginas e fazer esta tela cheia e nós podemos ver que agora temos uma página inicial com nosso nome nela com nossa navegação de menu, nossa estrutura de páginas definir como queremos. Temos uma declaração de missão no centro da frente lá para dizer a todos o que estamos a fazer . E temos uma boa imagem grande na primeira página para reforçar o aspecto da fotografia paisagística do site. Então vamos dar uma olhada na página, porque atualmente ainda está em John, o fotógrafo fictício. Então, se passarmos o mouse aqui novamente, vemos o conteúdo da página e isso nos dá uma opção de edição. Podemos editar a imagem e editar o texto. Então vamos entrar e editar isso de novo, utilizando o que já estava lá e colocar um pouco sobre nós, e eu vou tirar isso por enquanto. Então, obviamente, sua página sobre será um pouco mais elaborada e dizer um pouco mais sobre você e sua declaração de missão novamente e o que você está fazendo, Andi, vamos entrar inalterada a imagem porque eu não sou John. Então voltamos para editar. E então eu tenho John aqui. Então, se o excluirmos e clicarmos em carregar uma imagem, isso nos levará de volta aos nossos documentos. E acabei de receber uma foto minha em Edimburgo, eles dilatam. Então, se pudéssemos aplicar Andi salvar voltar para sua exibição em tela cheia, você veria que iria olhar para ver um pouco melhor com mais texto ao longo lá. Mas por enquanto, se fosse preciso, sobre poder ver uma foto minha, Andi, me empreste Andi um pouco mais sobre mim. Uh, mas para a página inicial e eu decidi que eu não vou financiar como isso está parecendo. Então eu vou voltar e editar isso, e eu acho que vou tirar esses blocos espaçadores, que é muito simples. Você só paira sobre. Ele nos diz que é um espaçador, e nós batemos. Excluir. Sim. Quem guardou isso, e acho que parece um pouco limpo. Temos a declaração da missão no topo. Lá poderíamos navegar e ver como tudo está parecendo. Lá estou eu, e tudo o que resta a fazer em nossas árvores, colinas e rios é adicionar algumas de nossas próprias fotos. Se quisermos adicionar algumas de nossas próprias imagens à nossa página de galeria de árvores e tirar fotos de John , podemos ir para as árvores aqui, o que traz à tona galeria de arte caixa de edição deste lado. Eu só vou selecionar todos e remover aqueles porque nós não queremos imagens de drones, e agora está nos dizendo que a coleção está vazia. Clique aqui e ele traz você de volta para seus livros de documentos. Então acabei de fazer uma pasta aqui chamada Árvores. Então selecionado todos aqueles dedo do pé Adam de uma só vez, eu vou carregar essas imagens em nossas árvores Galeria de fotos. Agora nossas imagens de árvore foram carregadas, e podemos vê-las na galeria aqui. Então este é o carrossel cheio de sangue. Também podemos arrastar quando passamos o mouse sobre a imagem. Aqui. Podemos arrastar as imagens para reorganizá-las se você quiser alterar a ordem do polegar para que apenas atualize na janela de visualização. E se formos para tela cheia, podemos ver como nossa galeria vai ficar quando alguém vier e visitar nosso site. Então o nosso site lá está começando a parecer muito bom. Temos uma página inicial que criamos nosso sobre. Chame a Andi. Temos uma de nossas páginas de galeria com algumas imagens em uma coisa que foi realmente útil para adicionar o conteúdo ao site. Eu estava tendo todas as imagens à mão prontas para ir para que quando clicarmos no botão de upload , ele leva direto para uma pasta onde já decidimos quais fotos iriam ter em nosso site. Então, mesmo que você não esteja fazendo um site baseado em imagem, mas você tenha blogue páginas ou blocos de um monte de texto, é uma boa idéia e práticas recomendadas escrever isso antes de trazê-lo para o site . Então, seja no Word ou no documento de páginas, e então você pode simplesmente copiar e colar isso. Dessa forma, é seguro. Você pode até escrevê-lo off-line então, também, porque você só pode editar em squarespace aqui quando você está online e há nosso site. Tudo o que resta a fazer agora seria adicionar algumas imagens à nossa seção de colinas e rios e continuar a criar esse conteúdo e adicioná-lo na minha próxima aula completa de compartilhamento de habilidades no espaço quadrado, vamos olhar um pouco mais detalhes sobre o design do nosso site. Então olhando para sites, estilos, cores funt, coisas assim e também ter um pouco de uma olhada no Logotipo. Então não se esqueça de me acompanhar na partilha de habilidades para que você seja notificado assim que a classe se tornar vida. Lição seis terminada Bem feito. Temos nosso próprio site agora com nossa própria estrutura, com as páginas nele que decidimos e criamos. Começamos a preenchê-lo com nossas próprias imagens em nossas próprias palavras. Então, agora só precisamos continuar a fazer isso. Podemos olhar mais detalhadamente mais tarde para o estilo dos sites e olhar uma estética. Mas, por enquanto, vamos comemorar que temos nosso próprio site 8. Resumo: Aí nós temos. O fim da primeira classe, e agora você tem seu próprio site. Em seguida, vamos nos concentrar na aparência e estilo do seu site, então não se esqueça de me acompanhar para ser notificado assim que a vida das aulas. Não se esqueça de adicionar seu projeto de classe com suas observações. Quanto à sua estrutura, cor, esquema ou layout, estarei disponível sob quaisquer perguntas que você possa ter.