Transcrições
1. 0 Introdução à Google de sites: O Google Sites permite que
você crie sites com rapidez e facilidade baseados no Google Suite onde você pode trazer
vários componentes. Meu nome é Lawrence
e serei seu instrutor para este curso. Venho até você muitos anos de experiência em desenvolvimento
web. Sou
especialista em desenvolvedores do Google e gosto muito trabalhar com os sites do
workspace do Google nos oferece uma ótima oportunidade para criar conteúdo
interativo e criar um URL da Web que podemos
compartilhar com outras pessoas. Você pode criar um site do Google
em menos de cinco minutos e personalizar o conteúdo,
personalizar imagens, componentes, adicionar seu conteúdo do Google,
adicionar páginas adicionais e personalizar como sua página da Web personalizar o conteúdo,
personalizar imagens, componentes,
adicionar seu conteúdo do Google,
adicionar páginas adicionais
e personalizar como sua página da Web
comportar-se são
totalmente responsivos. Eles podem passar por
desktops e tablets móveis com Google Sites oferece um editor totalmente interativo
que você pode selecionar. Insira vários componentes, como caixa de texto, imagens, incorporar, selecionar conteúdo da sua unidade e muito mais que você pode selecionar, insira-o na
página conforme necessário. Exibindo conteúdo do
seu Google Drive, você pode selecionar entre
vários layouts pré-criados, bem
como personalizar componentes, como um sumário de colapso
, carrossel de
imagens, que fornecem
mais interação para usuários. Você também pode trazer vídeos do YouTube, seu calendário, mapas, documentos, slides,
planilhas, formulários e gráficos. Há vários temas
para selecionar, que mudará
a aparência e a sensação, bem
como as cores
da sua página da Web. Você pode alterar as imagens
da sua página da Web. Você pode selecionar os
diferentes cabeçalhos, diferentes tipos de cabeçalho e atualizar facilmente
seu site se quiser outras páginas
para o seu site. Isso também é fácil de fazer, onde você pode selecionar e criar outra página da Web
para o seu site, que é o clique de um botão. E então esta página da Web
pode, naturalmente, ser personalizada assim como
as outras páginas. Você pode navegar
entre as páginas. Há também uma área de visualização
rápida onde você pode ver a página da Web, como ela ficará. Assim, você pode ter uma
melhor noção do
que
ele vai fazer, como ele vai se sentir e também
o que os espectadores
poderão ver em seu site. Há diferentes visualizações
responsivas do seu site
na seção de visualização. E quando você estiver
pronto para publicar, é um clique do botão. E isso permitirá que você
publique o site um URL personalizado que você possa compartilhar com outras pessoas para que eles possam visualizar o conteúdo
do Google Sites. Você também pode selecionar quem pode
visualizar seu conteúdo, personalizar, adicionar em um domínio personalizado e definir as configurações de pesquisa conforme necessário para os
visualizadores da página. Então, tudo isso e muito
mais serão abordados nas
próximas lições. Vamos começar. Você precisará ter
uma conta
do Google para acessar
os sites do Google.
2. 1 Crie sua página do site: Nesta lição, mostrarei
como você pode criar este site do zero poucos
minutos e tê-lo ao vivo com um URL da Web que você
pode compartilhar com outras pessoas. Portanto, este é um
site totalmente funcional que estará online
ao vivo para o qual
outras pessoas podem acessar. Eles podem visualizar seu
conteúdo e, claro, você pode personalizar o
conteúdo conforme necessário e também alterar as configurações de exibição
e atualizar o texto, até mesmo adicionar
páginas adicionais conforme necessário. Portanto, tudo isso vem de um modelo padrão no qual
vamos clicar. Crie o site. E vou te mostrar como fazer
isso em menos de cinco minutos. Vá em frente e faça login
na sua conta do Google e, em seguida ,
vá para
sites.google.com. E é aqui que você pode criar um novo site na plataforma
do Google Sites. Então, desde que você tenha
uma conta do Google, você pode criar sites. E isso também ocorre se você estiver usando uma conta organizacional, o administrador
precisará habilitar os sites. Então, se você estiver usando uma conta
organizacional para ele, se você está fazendo login, mas você está recebendo algum tipo
de erro ou você não
consegue ver as vistas da mesma forma que estamos
olhando para isso agora. Isso significa que o administrador
da sua organização pode ter bloqueado a
opção do site dentro das contas. Então, se você for capaz de ir até sites.google.com e
ver o conteúdo do site. Assim como eu faço. É aqui que você pode começar a
criar seu site em branco. No topo, você tem
a opção de criar um
site novo, apenas um em branco. Você também pode selecionar entre os vários
portfólios disponíveis. Você pode clicar na galeria de
modelos, e isso
lhe dará uma amostra
dos sites disponíveis que
você pode selecionar e criar. Portanto, essa é uma maneira rápida e
fácil de criar um site usando um
dos modelos predefinidos. Por exemplo, se você tiver uma festa de fim de ano que está planejando,
você pode selecionar o modelo de
festa de fim de ano. E isso
abrirá o editor de sites. E a partir daqui, você pode
criar sua própria versão
desse modelo para poder atualizar os vários elementos
na página. Você pode movê-los, você pode redimensioná-los. E vou mostrar-lhe
um pouco mais sobre isso mais tarde nas aulas. Também pode personalizar, alterar
as imagens e atualizar e personalizar a página do site para
atender às suas necessidades. E depois de fazer todas as
alterações, você atualizou todas as páginas
do site e,
em seguida, estará pronto
para publicá-las. Selecionando publicar. Você pode ter um endereço
da Web personalizado para publicar. E você também tem uma opção
para definir como um domínio personalizado. Portanto, essa é uma opção
que você pode selecionar. E isso se você já
tiver um domínio registrado, poderá
publicá-lo no domínio. E vou chamá-lo de teste de férias. E ele me fornece o URL em que meu site estará disponível. E logo abaixo, você pode selecionar quem
pode visualizar seu site. Então, neste momento, tenho alguém podendo visualizar o site. Então, qualquer pessoa que chegue
a esse endereço da web poderá ver o
site como teste de férias. Então sites.google.com, teste de feriado de
barra para frente. Também posso alterar isso
para que eu possa personalizar quem é capaz de vê-lo a
partir de contas compartilhadas. E também posso alterar
os links. Portanto, posso restringi-lo
apenas aos usuários aos quais estou fornecendo acesso ou posso mantê-lo como público, o
que é o padrão. E isso permite que qualquer pessoa com o URL da Web
possa ver a página. Há também outra opção que diz as configurações de pesquisa. Portanto, isso é para pesquisar, que os mecanismos de pesquisa
possam exibir seu site. E se você marcar a caixa de seleção, isso solicitará que os mecanismos de pesquisa
públicos não exibam essa página
específica do Google Sites. Esta é uma opção
e, por padrão, eles exibirão a fala e indexarão a página. Mas se você não quiser que
eles o
indexem, você sempre pode solicitar que ele não
apareça na pesquisa. Então, depois de definir
seu endereço da Web, você
personalizou quem pode visualizá-lo e definir suas configurações de
pesquisa, você pode clicar em publicar e isso publicará
o site na URL. E uma vez publicado,
você pode selecionar, há botões
na parte superior, onde você pode selecionar para visualizar o site. E isso vai
lançá-lo
na pré-visualização do site. Você também pode copiar o link do site
Publicado, e este será o policial, este
será o link do site que você pode compartilhar com outras pessoas. Você também tem
a opção de compartilhá-lo com outras pessoas. Assim, você pode enviar para as pessoas e fazer com que outras pessoas
possam editar, atualizar o site que você
acabou de criar também. E se você quiser ver a exibição
do site Publicado, você pode acessar a publicação. Há um ícone
no lado direito e você pode selecionar a
exibição do site Publicado. E isso permitirá que você veja o site publicado ao vivo na URL
ao vivo que você
estaria compartilhando com outras pessoas. E é tão fácil quanto isso
começar e criar uma página do Google Sites usando
os modelos que estão chegando. Em seguida, mostrarei
como você pode fazer isso e personalizá-lo usando um modelo em branco e um tema em branco para criar seu
próprio site do zero.
3. 2 Crie uma página de sites do zero: Então, nesta lição,
vamos começar com uma página em branco. E vou mostrar como
você pode criar um site simples de duas páginas com facilidade
usando o
Google Sites. Então, vamos
configurar um logotipo e , em seguida, vamos dar um nome
ao site. Também vamos
definir duas páginas, então uma página inicial, uma segunda página. A página inicial
terá essa janela pop-up, que terá um clique em
um botão, e uma mensagem. Você também pode, sempre que
estiver visualizando, entrar nos diferentes tamanhos
responsivos. Isso é para telefones celulares, tablets e telas grandes. Assim, você pode
ver como será o seu
site em todas as telas de
diferentes tamanhos. Totalmente responsivo. E isso é realmente
bom sobre o Google Sites, é muito fácil
adicionar páginas adicionais. E então todos eles
saem bem e perfeitamente dentro do menu, bem
como seus sites
responsivos. Então, vamos começar. Na
lição anterior, mostramos como é fácil
começar a sites selecionando um modelo na galeria
de modelos. Nesta lição, vamos
analisar como configurar um site em branco. Assim, você também pode usar
os modelos como um
ponto de partida padrão e, em seguida, atualizar os modelos da mesma
forma que vamos atualizar
a página em branco. E essa pode ser uma
maneira mais rápida de alcançar a aparência
que você está
procurando se já existir
dentro dos modelos. Então, vamos em frente
e selecione em branco. Estamos indo para
sites.google.com, selecionando para criar
um site em branco. E isso
criará um novo site em branco sem conteúdo ainda. E, em seguida,
a primeira coisa a fazer é dar um título ao documento
do site. E vou
chamá-lo de site de testes. E automaticamente depois de
adicionar um título, ele adicionará um título
no canto superior esquerdo. E também oferece a
opção de adicionar um logotipo. Portanto, se você tiver um logotipo para o seu site que
deseja usar, você pode adicioná-lo aqui, selecionando entre os envios. Portanto, se você o tiver
no seu computador ou se já o
enviou, poderá usar o Select, e isso permitirá que
você selecione imagens que você já
tenha no Google Drive. Você também pode pesquisar por URL, fazer uma pesquisa de imagens usando
as imagens do Google. Ou você pode selecionar a partir de fotos
existentes que você
já pode ter no Google
na sua conta do Google. Então, vou selecionar uma
imagem do meu Google Drive. Vou selecionar uma
imagem do meu Google Drive. E usando o logotipo JavaScript, vou inserir isso. E isso o adicionará como
um logotipo para minha página da Web. Também dentro das configurações
podemos adicionar texto alternativo. Então, adicionando um
texto alternativo ao seu logotipo, ele selecionará a cor do logotipo
como uma cor para o seu tema. Então, vou seguir em frente
e selecioná-lo como a cor do
meu tema para que ele
corresponda ao logotipo, então ele
configura isso automaticamente. Há também uma opção
para um Pfaff con. Portanto, esse é o ícone que você mostrará
nas páginas da Web. No canto superior esquerdo sempre que o usuário tiver uma abertura
nas guias do navegador. Então, novamente, eles são opcionais. Você não precisa ter um. Mas se você fizer isso, então é
aqui que você pode adicioná-lo. Há também nas Configurações, você pode selecionar a navegação. Então, isso definirá como você deseja que
sua navegação de página seja. Por padrão, ele está definido na parte superior. Você pode selecioná-lo para ser
navegação no site também. E isso incluirá
navegação no site, ao
lado do site. Há também as cores
diferentes. Então, agora, vamos
mantê-lo tão transparente. Mas se você quiser que sua
navegação seja perceptível, você pode configurá-la como um fundo preto ou um fundo branco
para a navegação. E eu vou configurar como preto para
que possamos ver
onde ele está localizado. Então, agora, novamente,
está no topo lá. Há também sob
as ferramentas de visualização. Portanto, esse é um
recurso de site que mostrará um ícone de informações no
canto inferior esquerdo do site Publicado. Então, ele mostra os detalhes
específicos do pj. E, em seguida, os espectadores podem clicar nele para revelar conteúdo adicional. Portanto, isso é opcional. Há também com
os links âncora, eles aparecem no site. Os espectadores passam o mouse sobre
os cabeçalhos na página e permitem que os espectadores
vinculem às seções específicas
da página. Por padrão, ambos estão
ativados e eu
sugeriria que apenas para mantê-los ativados, a menos que, por qualquer motivo, você não
queira que eles apareçam. Mas, por padrão, eles estão
ativados e são bons recursos para navegação quando os espectadores chegam
ao seu site. Há também uma opção
para domínios personalizados. Isso significa que,
se você tiver um domínio Registrado,
como domínio..com, poderá configurá-lo como o domínio que irá apontar para os sites do Google. E você pode usar seu próprio
domínio personalizado para sites do Google Também
há uma
opção para análise. Portanto, análises, se você tiver
uma conta do Google Analytics, poderá habilitar
a análise. E isso permitirá que você acompanhe as análises da
página da Web, para o site do Google. Por isso, é muito
fácil integrar seu ID de monitoramento
ou medição de análises. E, em seguida, você pode
ativá-lo depois adicioná-lo ao campo de entrada. Há também um banner
de anúncio. Portanto, esse é o nosso banner
que será exibido acima do
seu conteúdo. Por padrão, ele não está ativado. Portanto, isso se você tiver anúncios
especiais ou algum tipo de
oferta especial que você deseja que os espectadores do seu site possam
ver. Para isso, você pode mostrar o banner e, em seguida, você
pode ter a mensagem. Então, por enquanto, teremos apenas
uma exibição do banner. Será uma mensagem de boas-vindas. E há um botão. E então, quando o
botão for clicado, ele se abrirá para qualquer que seja a página da Web que
queremos usar. Então, vou configurá-lo
para vincular ao meu site. E podemos ter
a visibilidade
na página inicial somente
ou em todas as páginas. Vou defini-lo
apenas para a página inicial. Então, depois de concluir
as configurações, e quando estiver satisfeito
com as configurações, posso fechar isso. E há o
banner aparecendo na parte superior com
o botão Clique em
mim, o bem-vindo. E agora que
fiz as configurações, posso clicar em Visualizar para ver como
será meu site. No lado inferior direito, posso visualizar nos
diferentes tamanhos de exibição. Então, se eu quiser ver
como será o site no telefone, posso ver como será
em um tablet,
que é um pouco
maior que o telefone. E então, o que parece
nas telas maiores, podemos sair da pré-visualização a qualquer
momento fechando-a. No lado esquerdo, temos o ícone Informações. E fornece algumas informações
onde você pode denunciar abuso ou você pode acessar a página inicial
do Google Sites. E esse é o ícone de informações que ativamos
no site. Então, isso é o que você pode
desativar nas configurações que
estávamos vendo anteriormente. Então, ele tem o banner
aqui na página principal. No momento, só
tem a única página. Então, acabou de receber a página inicial. E se eu clicar
nele, ele vai redirecionar
e abrir para o meu site da mesma forma que
indicamos nas configurações. Então, vamos seguir em frente e
fechar a pré-visualização e misturaremos mais algumas
atualizações na página da Web. No lado direito, podemos selecionar os vários
temas disponíveis. E isso mudará
o estilo, bem como o esquema de cores do
site que você está usando. E então você pode
selecioná-los e personalizá-los. Vou te mostrar como fazer isso
nas próximas lições. Também nas páginas,
só temos apenas a página inicial
atualmente. Então, se você quiser
adicionar uma segunda página, você pode criar uma nova página. Clicando no ícone da nova página
no lado inferior direito. Você também pode ter uma nova seção de
menu ou um novo link. Vamos
criar uma segunda página, e eu vou chamá-la de segunda. Há também uma
opção avançada aqui onde queremos, se quisermos definir um caminho personalizado. Caso contrário, ele usará
o nome da página para o caminho. Então, vamos mantê-lo
fora em segundo lugar e acertar Done. Isso cria a segunda
página dentro do nosso site. E agora, se formos para a pré-visualização, temos a navegação
no lado esquerdo e as duas páginas são adicionadas
automaticamente ao menu. A primeira página é
a única com a janela pop-up lá. E as outras páginas não terão isso, pois definimos isso já
dentro das configurações. É assim que você pode adicionar facilmente páginas
adicionais
ao seu site. E quando você quiser
fazer atualizações para eles, basta
selecioná-los e isso colocará automaticamente na área de exibição. E então você pode fazer
atualizações para eles conforme necessário. E então, se
você quiser ajustar qualquer uma das configurações do site, você sempre pode clicar
onde o logotipo estava. Ou você pode selecionar nas configurações do lado
superior direito, ele abrirá a janela pop-up de
configurações. E a partir daqui, se
você quiser definir a navegação de volta para o topo, você pode configurá-la dessa maneira. Você também pode atualizar a
cor da navegação, então defina-a como transparente. E depois que estiver satisfeito, você pode sair e verificar para ver como será
dentro do site ao vivo.
4. 3 elementos de site de inserção: Então, vamos
pegar um site em branco, selecionar um tema para o site, mostrar como você
pode atualizar algumas
das cores de estilo
e, em seguida, como inserir uma caixa de texto e
inserir imagens, como você pode incorporar
páginas da Web e conteúdo da Web. E, em seguida, você também
pode selecionar o conteúdo que está no
Google Drive e incorporá-lo em sua página para
que ele fique visível no conteúdo
da página. Então isso está tudo chegando. Na
lição anterior, selecionamos sites.google.com
criamos um site em branco. Então, nesta lição,
faremos mais personalizações usando a
opção Inserir no site. Já tínhamos
criado duas páginas, então temos uma página inicial
e uma segunda página. Então, vamos voltar para Inserir. E a partir daqui você pode inserir os vários elementos
na página. Por padrão, o modelo e o tema já
terão algum estilo e alguns
elementos existentes. Então você tem uma opção
para selecioná-los. Você pode alterá-los,
excluí-los, atualizar,
editar o texto. Então, tudo isso está disponível. Se você selecionar
editar o texto, você receberá um editor de texto
wysiwyg, que permitirá que
você personalize a fonte, o tamanho da fonte, o estilo de
fonte diferente, negrito. Também há alinhamento e há mais algumas
opções aqui também. Se você quiser recuar os textos, passe ou
limpe a formatação. Então, a cor, se você quiser mudar a cor da linha, isso vai
estar dentro do tema. E isso porque estamos
usando o tema da impressão. Portanto, selecionar os diferentes
temas lhe dará uma opção para personalizar a
aparência desse
elemento específico. Então, voltando
para os temas, se você quiser personalizar a cor nesta
parte do tema, essa linha ficará vermelha. Assim, você pode
selecioná-lo para ser amarelo, verde, cinza, preto ou amarelo. E você também pode selecionar cores
diferentes. Então, tudo está disponível
sob os temas. Então, voltando a inserir
dentro da área de exibição principal, esta seção está
completamente em branco. Portanto, se você quiser
inserir uma caixa de texto, você pode clicar em Texto. E o que isso fará
é inserir uma caixa de texto no próximo elemento
disponível. Então, está empilhando os elementos. E se você inserir outro que será
inserido por baixo, uma vez inserido, você terá a
opção de movê-los. Então, se, por exemplo, você quiser mover o
segundo acima do primeiro, basta arrastá-lo e soltá-lo. E é uma boa interface de
arrastar e soltar. Assim, você pode personalizar onde o texto ficará
na página. Sempre que você pode selecionar o texto que
abrirá o editor para o texto. Assim, você pode personalizar como esse texto será exibido, a fonte, o tamanho, o estilo do texto. Você também tem
a opção de selecionar cores. No lado direito, você receberá
um pequeno menu pop-up que permitirá que você selecione
as cores. Então, permitindo que você tenha os vários estilos de temas de
cores para as áreas de texto. E então você pode
personalizá-los conforme necessário. Se você achar que essa caixa de texto
é um pouco larga demais, você também pode sempre
reduzi-la. E também você pode mover outras caixas de texto para as áreas
vazias, conforme necessário. Assim, você pode realmente personalizar como seu conteúdo será exibido na página. Selecionar as caixas de texto
lhe dará a opção para os
temas e as cores. Então, para este, vamos definir o estilo de volta para o
estilo número 1. E agora esse estilo será o mesmo
em ambos. Você sempre pode
arrastar este para fora, atualizar o estilo dele. E assim que você
arrastá-lo para o elemento principal, ele usará
o estilo
do primeiro elemento
dentro dessa linha. Portanto, você não pode ter
dois estilos diferentes em uma linha dos elementos. Se você quiser inserir uma
imagem, inserindo uma imagem, selecione Inserir imagem
onde você pode carregar uma imagem do seu computador
ou selecionar uma imagem. Selecionar a imagem
abrirá seu Google Drive. E vou selecionar
uma das imagens que tenho na minha unidade. E você tem todas
as mesmas opções de imagem para fazer a seleção
das imagens. Você também pode selecionar em incorporar, o que permite incorporar
um URL na página. Então, se você tiver um URL
que deseja usar, o que ele vai fazer, ele
vai incorporar o URL da Web. Ele lhe dará
uma página inteira ou uma prévia. E depois de fazer uma inserção, ela irá inserir e incorporar a página inteira no site. Se houver algum bloco que
você deseja movimentar, você sempre poderá
selecioná-los e movê-los. Você também tem todas
as opções para
as opções de cores para
os blocos de código. E você também pode duplicar as seções e
excluir as seções. Então, isso apenas
limpará a seção. E então você pode começar de
novo se você quiser inseri-los a partir do Insert, Há também da unidade. Então, o que você pode fazer é selecionar um documento
da sua unidade. Então, se você tiver
algumas planilhas do Google que deseja inserir, poderá selecioná-las. Você pode selecionar vários itens. Você também pode selecionar
aqueles que foram compartilhados. Então, assim como você faria
no seu Google Drive, o recente o início e os computadores e compartilhou comigo. Então, vou apenas
selecionar o e inserir uma planilha na doca. E a forma como ela
exibirá a planilha. Então, ele terá todas
as folhas diferentes como
guias lá na parte inferior. Os usuários que chegam ao seu site podem ver o conteúdo da planilha. Então, vamos fazer uma prévia rápida
e ver como isso parece. Então, isso está na segunda página, e é assim que um usuário
conseguiria ver o conteúdo da
planilha. Eles podem
clicar nas guias na parte inferior para navegar
para as diferentes planilhas. Se a planilha tiver mais conteúdo, você poderá rolar para baixo e rolar para baixo e obter o conteúdo da pasta. Eles também têm a
opção de abri-lo em uma nova página. Portanto, se eles não quiserem vê-lo como incorporado ao seu site, eles podem abri-lo em uma página separada e ver
todo o conteúdo da planilha. E você também pode aplicar
algum estilo e também fazer algum redimensionamento
para o conteúdo da planilha. Então, vou
movê-lo para cá. Vou diminuí-lo para
que ele se encaixe na mesma forma que a imagem. E vou tornar a
imagem um pouco maior, anunciado para uma
prévia disso e conferir como será
isso na página. Portanto, ele faz um design
responsivo completo com o conteúdo da planilha. Portanto, mesmo se o
reduzirmos para dispositivos móveis, ele naturalmente redimensionará o conteúdo da planilha é
visível dentro da página da Web, tentando manter tanto
quanto o que você definiu dentro da janela de
design quanto possível. Portanto, esta capa está mantendo ambas as colunas e no tablet, mas não
no celular. E então, na tela grande, é
claro que vemos a
guia ambas as colunas presentes. Vá em frente e experimente. Ele seleciona algum conteúdo do Google Drive
incorporado em sua planilha, adiciona algumas imagens e atualiza
alguns dos estilos de temas, e pode estar pronto para
passar para a próxima lição.
5. 4 dicas de layout de sites do Google: Então, vamos analisar o layout e como
podemos adicionar várias mídias, incluindo vídeos do YouTube,
conteúdo da nossa unidade, mapas de
imagens facilmente em um componente
predefinido predefinido, o que o tornará
fácil adicionar esse conteúdo à nossa página da Web no formato que queremos abaixo
dos layouts. Vejamos os
layouts que
temos disponíveis nos sites. Mais uma vez, para se livrar do banner do
anúncio. Então isso não está
aparecendo dentro do título. E no lado direito, na guia Inserir, você tem uma opção
para layouts para
abrir e fechar o grupo de
layouts. E o que os layouts fazem é que
eles nos dão uma maneira rápida personalizar alguns dos oponentes que queremos em nosso site. Então, neste caso,
temos uma imagem e algum texto no
lado direito. Então, ele predefine esse elemento
em particular vai parecer. E então, a partir daqui, posso fazer o upload, posso selecionar uma imagem. Posso obter o Calendário do YouTube ou um mapa diz o número de opções da mídia
que a água insere. Nesse caso, selecionarei
uma imagem da minha unidade. Então, indo para a unidade, ele vai abrir a
unidade no lado direito. E vou selecionar recente, selecionando uma imagem que
tenho atualmente na minha unidade. E, em seguida, adicione algum texto e, em seguida, há
alguns subtextos abaixo. Assim, você pode personalizar
isso conforme necessário. E é isso que o layout faz, é que ele fornece uma maneira
rápida de personalizar. Então, se você tiver quatro imagens, três imagens para duas,
pequenas, uma grande. Então, se você quiser esse
tipo de layout ou diferentes tipos de mídia
que você está adicionando. Você pode
selecionar isso facilmente nos layouts
e adicioná-lo. Então, vamos em frente e
selecione no YouTube. Não tenho nenhum conteúdo
carregado na minha conta do YouTube, mas posso pesquisar vídeos
que estão atualmente no YouTube e posso
adicionar esses vídeos, e isso mostrará
o vídeo lá no lado esquerdo
dentro da janela lá. Há também opções
para entrar no mapa. Portanto, se quisermos selecionar um local
específico no mapa, você pode inseri-lo e
começar a digitá-lo, selecioná-lo
e, em seguida, preencherá
automaticamente e
criará um mapa para você,
para sua página da Web. E então aqui vamos selecionar
a partir da unidade e selecionaremos um
dos documentos que
tenho na minha unidade. E neste caso,
faremos outra planilha novamente. Então, somos preenchidos todos
os três elementos de mídia assim como fazemos dentro
do layout lá. E esse é o layout
que escolhemos usar. Temos a opção de
personalizar o layout para que
possamos redimensionar a
mídia conforme necessário. Também podemos mover a
mídia conforme necessário. Podemos aplicar as diferentes cores
de seleção. E também podemos inserir texto
adicional, se quisermos, arrastando-o e
soltando-o no elemento do layout. Assim, podemos personalizar totalmente
o layout conforme necessário. E então, se
quisermos nos livrar de elementos
específicos
no layout, poderíamos fazer isso também, e então podemos
redimensioná-los conforme necessário. Portanto, o layout basicamente fornece
uma maneira rápida e fácil configurar e estilizar os
componentes em sua página da Web.
6. 5 sites do Google a adicionar conteúdo: Então, ouça, mostraremos como
você pode personalizar seus sites do Google trazendo os vários componentes pré-criados que podem interagir com o
conteúdo do seu Google Drive, do YouTube, de sites
externos. Você também pode ter mais componentes
interativos para sua página da Web. E, em seguida,
todos eles podem ser personalizados quando você os tiver como componentes em sua página da Web e você pode personalizá-los e
estilizá-los conforme necessário. Indo para sites.google.com, temos um site no qual
estamos trabalhando. Esta é originalmente uma página em branco e estamos indo
para a guia Inserir. E na guia Inserir podemos selecionar os vários componentes. Então, há um grupo de colapso
que
podemos mostrar e podemos dizer que é dobrável ou não
precisa ser desmontável. Então isso só mostrará
esse grupo sem colapso. Então, o que precisamos é de um título. E então esta pode ser
a segunda parte disso. E quando clicarmos nisso, ele abrirá a parte
colapsada. Então, vamos dar uma olhada
nisso dentro da pré-visualização. Então, o que um menu recolhido faz é nos dar essa opção expandir o conteúdo e, em seguida, o conteúdo expandido será
exibido quando for clicado. Portanto, essa é uma boa maneira de criar mais componentes interativos
dentro do seu conteúdo da Web. Há também um
sumário que você pode adicionar. E o que o
sumário vai fazer é basicamente pegar os títulos que você tem
dentro da página da Web e criará uma maneira rápida de
navegá-los dentro do
sumário. Há também um
carrossel de imagens que você pode adicionar possamos inserir
várias imagens. Portanto, faça o upload da imagem ou selecionando imagens existentes
que eu tenho na minha unidade. Vou selecionar
algumas imagens que tenho na minha unidade para fazer
o carrossel de imagem. Então você precisa de pelo menos duas
imagens para o carrossel de imagens. Depois de inserir
isso e
configurar isso na visualização, ele mostrará
o carrossel de imagem. E essas imagens eram muito grandes, então elas estão
aparecendo bastante grandes. Também posso expandir
isso e redimensionar isso para se encaixar melhor
na área da página. Então, redimensionando as imagens. E esse é o carrossel de imagem. Então você tem algumas opções
ao selecioná-lo, para selecionar as configurações dele. Assim, você pode editar as
imagens, remover as imagens. Você pode adicionar texto às imagens
na opção Configurações. Há também a
engrenagem aqui onde
podemos definir se
queremos mostrar os pontos, mostrar as legendas, iniciá-lo automaticamente e ter uma velocidade de
transição diferente. Assim, podemos definir tudo isso dentro
das configurações e editar
o carrossel de imagens. Se você quiser um botão
para seu conteúdo, você pode selecionar o botão. Então o que isso faz
é esse estranho pecado um botão e, em seguida, o que
quisermos onde ele está vinculando. Por padrão, estamos vinculando
à segunda página. Então, essa
será a segunda página, isso vai ser
vinculado a essa página. Poderíamos inserir um URL. Então, há uma série de
coisas que poderíamos ter lá para o
botão, o botão, assim como os outros
componentes, você pode arrastá-lo, soltá-lo para onde você
precisa que ele apareça. Ele redimensionará automaticamente os outros componentes
dentro da regra do elemento. Há divisor.
Assim, os divisores, apenas um divisor colorido
que você pode adicionar se quiser atualizar a
cor do divisor, você pode selecioná-lo sob
os temas onde você pode definir as diferentes cores do
tema. E também observe que quando
você altera as cores do tema, isso mudará os elementos
correspondentes bem
como qualquer que seja a cor do
tema selecionada. Então, se você
mudar o tema, isso mudará o esquema de
cores do seu site. E, em seguida, cada tema tem seu
próprio esquema de cores que você pode selecionar e atualizá-lo
e personalizá-lo. Vamos voltar para
o portador do lugar. Portanto, o espaço reservado é apenas um
suporte de lugar que você pode
querer voltar mais tarde para adicionar algum tipo de conteúdo
ou componente. Então, configurações de espaço reservado,
e podemos configurá-lo para ter uma imagem,
conteúdo do Dr, YouTube. Portanto, isso é bom enquanto você está
criando sua página da Web. E depois que você tiver o
conteúdo que deseja usar, você pode adicioná-lo facilmente, pode adicioná-lo ao suporte do
local, conforme necessário. Há também o YouTube. Assim, o YouTube, assim como
vimos no espaço reservado, abrirá a opção de pesquisar anúncios do
YouTube em um calendário de
vídeos do YouTube. Assim, você pode selecionar calendários
da sua conta. Portanto, esta é a conta
que eu fiz login quando estou criando o site de teste. Assim, posso selecionar qualquer
um desses calendários e inseri-los na página. Há também um mapa
que vimos antes de onde
sua localização. Você também pode ter seus próprios mapas
personalizados. Há Docs. Portanto, esses são documentos que
estão
no Google Drive
que você pode adicionar. E isso configurará a doca. Há slides, planilhas,
formulários e gráficos. Portanto, todos eles estão disponíveis
no Google Drive. Se você estiver inserindo gráficos, poderá selecionar a planilha
onde o gráfico está dentro. E antes de
tentar inserir o gráfico, Sugere-se que
você vá para a planilha, selecione o gráfico e crie
o gráfico dentro da planilha
e, em seguida, volte aos sites
e adicionado dessa maneira. E esses são os vários
componentes que você pode adicionar para realmente personalizar
o usuário, o site. Dentro do Google Sites.
Laurence Svekis, Best Selling Course Instructor
