Prática 9: Passo a passo 2: Criar um Site (Projeto - Template) Procedimentos:
1 – Fazer Login em webnode e abrir nova aba com site Template:
https://www.webnode.com.br
http://audioaulatelecom.webnode.com/
2 – Clicar mouse esquerdo em Crie seu site, como nas Figuras 1 e 2.
Figura 1: Crie seu site Figura 2: Nome do site & clicar
3 – Escolher Site pessoal como indica na Figura 3.
Figura 3: Tipos de site
4 – Escolher a opção do template do site como nas Figuras 4 e 5 e aguardar.
Figura 4: Modelos de páginas de site
Figura 5: Modelo para o template
Figura 6: Tempo do processo da criação do site
5 – Clicar no botão Começar a editar, como indica a Figura 7.
Figura 7: Começar a editar
6 – Mudar plano de fundo. Clicar em cada botão como ilustra na Figura 8.
Figura 8: Configura plano de fundo
7 - Excluir imagem, como na Figura 9 e confirmar como na Figura 10.
Figura 9: Procedimentos para Editar ou Excluir na seção
Figura 10: Confirmar Excluir seção
8 – Arrastar o mouse para baixo e para cima na região superior da página e identificar o botão para acrescentar uma nova seção, como na Figura 11.
Figura 11: Abrir nova seção
9 – Escolher aba à direita, opção Três colunas, como ilustra a Figura 12, que depois de confirmado aparecerá nova seção como ilustra a Figura 13.
Figura 12: Tipos de seções
Figura 13: Nova Seção com três colunas
10 – Clicar no botão PÁGINAS, como indicada pela Figura 14.
Figura 14: Criar/Nomear/Organizar Páginas
11 – Selecionar a página Sobre mim e renomear, como ilustram as Figuras 15, 16 e 17.
Figura 15: Edição de páginas
Figura 16: Editar nome Figura 17: Novo nome
12 – Segurar click esquerdo do mouse sobre o botão da página Sobre e arrastar para baixo e à esquerda do botão da página Contato, como indica na Figura 18 e depois Adicionar página.
Figura 18: Ordenação e Adicionar página
13 – Escolher modelo de blog para a nova página, como ilustra a Figura 19.
Figura 19: Modelos de páginas
14 – Atribuir nome POSTS e Criar, como ilustram as Figura 20 e 21.
Figura 20: Nome do Blog e Criar
Figura 21: Sumário das páginas do site
15 – Editar página INÍCIO como ilustra a Figura 22.
Figura 22: Editar Título e escolher logomarca
16 – Escolher ícone da biblioteca do sistema, como ilustra a Figura 23.
Figura 23: Biblioteca de ícones
17 – Escolher fonte como da Figura 24 com o resultado da Figura 25.
Figura 24: Tipo de Fonte
Figura 25: Estilo do nome e logomarca
18 – Editar o Título da nova seção, como ilustram as Figuras 26 e 27, para o resultado como ilustra a Figura 28.
Figura 26: Paleta de cores do texto
Figura 27: Estilo do Título e Sub título da seção
Figura 28: Estilo da página INICIO
19 – Editar Contate-me! como ilustra a Figura 29 e estilo da Figura 30.
Figura 29: Editar Botão
Figura 30: Estilo do Botão
20 – Editar slogan como ilustra a Figura 31.
Figura 31: Fonte e Estilo do texto.
21 – Criar textos concisos com até 30 palavras para a sinopse do canal, sinopse da cena e Teaser, com os seguintes formatos:
a) Sinopse do canal
Descrição da temática abordada pelo canal para o qual propõe-se classificar o tipo de público a que se pretende veicular as informações. Deve esclarecer as especificidades das postagens.
b) Sinopse da cena
Descrição sintética do que se trata a publicação da cena. Resumo da cena em apresentação que sumariza a temática.
c) Teaser
Conteúdo que instiga a curiosidade, que gere questionamentos, que provoque reação em desvendar o desconhecido.
Figura 32: Sinopse do canal Figura 33: Sinopse da cena
22 – Adicionar conteúdo arquivo compactado de áudio, como locuções de até 90 segundos para as três colunas, tratando-se do Sinopse do canal, do Sinopse da cena e do Teaser, como na Figura 34 e confirmar na Figura 35.
Figura 34: Adicionar Arquivo na página do site
Figura 35: Confirmar upload de arquivo
23 – Adicionar conteúdo de Texto como ilustra a Figura 36 e nomear cada arquivo de áudio nas três colunas como ilustra a Figura 37.
Figura 36: Adicionar conteúdo tipo texto
Figura 37: Editar texto com o nome do arquivo
23 – Repetir os itens 22 e 23 para upload de arquivos tipo pdf.
24 – Adicionar vídeo indicando o endereço do Link, conforme ilustram as Figuras 38 e 39.
Figura 38: Adicionar conteúdo de vídeo
Figura 39: Endereço de URL do Link de vídeo.
25 – Obter o Template como ilustra na Figura 40 para a página INICIO e Publicar o site. Conferir a similaridade ao apresentado pelo Link a seguir:
http://audioaulatelecom.webnode.com/
Figura 40: Proposta de Template para site
26 – Formatar página de contato. Ativar edição ilustra na Figura 41, clicar e selecionar Formulário de contato, como ilustra a Figura 42.
Figura 41: Inserir conteúdo
Figura 42: Lista de conteúdos
27 – Excluir mapa ao selecionar e abrir aba de edição, como na Figura 43.
Figura 43: Excluir mapa de localização
28 – Excluir caixa de texto da localização, como ilustram as Figura 44 e 45.
Figura 44: Editar conteúdo de localização
Figura 45: Excluir conteúdo de localização
29 – Adicionar seção Testemunhos como ilustra a Figura 46.
Figura 46: Adicionar seção Testemunho
30 – Adicionar seção registro e Newsletter, como ilustra a Figura 47, com resultados conforme o modelo ilustrado pela Figura 48
Figura 47: Adicionar seção de Registro de Newsletter.
Figura 48: Modelo da página contato
A modelagem da página POSTS será objeto da próxima prática.