MÓDULO 3 - CRIAÇÃO DE PÁGINAS WEB
Fonte: http://www.criarsites.com/wp-content/uploads/2012/09/apostila-sobre-Wix-HTML5.pdf
O que é o WIX
O Wix é uma empresa que oferece um serviço gratuito de criação online de websites baseados em HTML5, que atualmente é a nova linguagem de marcação compatível com qualquer aparelho de navegação com a Internet, permitindo criar sites incríveis com aparência profissional, cheio de cores, sons e animações em pouco tempo.
O desenvolvimento do website é todo feito por ti mesmo, através de um painel de controle muito completo e em Português, onde é possível arrastar os elementos, adicionar animações, imagens, textos, galeria de imagens, menus animados, loja virtual, criar páginas entre outras coisas.
A versão em HTML5 torna o site muito mais leve e amigável para os motores de busca, além de ser compatível com tablets e telemóveis.
• Facilita a partilha das páginas nas redes sociais;
• Compatibilidade com aparelhos móveis;
• Mais agilidade no carregamento das páginas;
• Melhor integração com ferramentas externas;
• Site mais amigável para os motores de busca
SEO – Otimização para os motores de busca
*SEO - Search Engine Optimization
Por ser feito em HTML5, os sites desenvolvidos com o novo construtor de sites são mais amigáveis para os motores de busca, além disso é possível configurar alguns aspectos importantes das páginas relacionados a SEO, como é o caso dos títulos das páginas, descrição e meta keywords, o que a longo prazo pode ajudar a conquistar melhores posições nos motores de busca como o Google.
Veremos isso mais adiante

O Construtor de sites
O construtor de sites do Wix pode ser acedido online através de qualquer computador conectado à Internet, onde é possível arrastar e soltar os elementos da forma que quiser, criar e editar páginas, organizar os elementos, adicionar imagens, vídeos e músicas, configurar a aparência e muito mais...
Também oferece dezenas de templates profissionais prontos, que poderá escolher para o seu site e adaptar conforme as suas necessidades.

Conta grátis no Wix
Como citado anteriormente, o Wix permite criar um site sem pagar absolutamente nada, bastando que crie sua conta e, em questão de minutos comece a trabalhar no seu site.
Mas é claro que assim como tudo o que é grátis, a conta gratuita do Wix impõe alguns limites que podem ou não ser um problema para algumas pessoas. Exemplos dessa limitação é a exibição de um link que aparece no cabeçalho do site apontando para o Wix e a impossibilidade de adicionar um domínio próprio sem que antes tenha adquirido qualquer um dos planos premium.
PRIMEIRO PASSO
Para começar, só precisa aceder o site do Wix.com e clicar no botão “Comece já”.

Uma pequena janela irá surgir para poder criar uma conta ou entrar utilizando uma conta do Facebook ou do Google que já possua.

Preenchas as informações solicitadas e continue.
Na página seguinte deve escolher o template (tema) que mais lhe agrada. São vários templates de diversos seguimentos disponíveis, como Negócios e Serviços, Música, Loja Online, Fotografia, Restaurante, Site Pessoal e etc.

Encontre um template que lhe agrada e clique no botão “Ver” que aparece em cada um. Se o template atender as suas necessidades, clique no botão “Editar” para utilizar o template no seu projeto.
Lembrando que uma vez selecionado, não poderá trocar o template por outro, no entanto será possível customizar o template atual de diversas formas, alterando completamente a aparência inicial.
Em seguida já terá acesso ao painel de controle onde poderá trabalhar no seu site. Nas próximas aulasvocê aprenderemos como trabalhar com o editor da melhor maneira possível.
ACTIVIDADE 1
1. Aceda ao site do WIX e crie uma nova conta.
2. Escolha um template para o seu projeto
PROJETO DO MÓDULO
1.Planeamento e criação de um Site
Antes de iniciares a criação de um Site deves planeá-lo com bastante cuidado. Depois de escolheres o tema, deves fazer um rascunho, em papel, das ideias que tens para o Site e estudar a melhor forma de as organizar. É importante também pensares no site em função do público-alvo. Isto porque a sua estrutura e conteúdo terão de ser ajustados aos gostos desse público, para mais facilmente captar a sua atenção e interesse.
Existe um conjunto de etapas que podes seguir:
· Escolher o conteúdo – claro que o Site não vai conter apenas texto, por isso deves definir os elementos que, à partida, vais incluir: imagens, sons, tabelas, fotografias, ilustrações criadas por ti, etc.
· Organizar o conteúdo – decidir qual o número de páginas do Site e dividir o conteúdo por elas. Organizar a estrutura das páginas.
· Quantidade de informação por página – não deves exagerar na quantidade de informação por página, no entanto, esta deve preencher um ecrã. Se a informação ocupar mais do que dois ecrãs, então deves optar por criar outra página (isto apenas se aplica caso seja essencialmente composta por textos)
· Escolher a disposição – deves fazer várias experiências da forma como vais dispor a informação na página para, assim, decidires qual a ideal.
· Incluir uma página principal – depois de saberes o que vais incluir no Site, o número de páginas, a estrutura de cada uma, deves começar a planear a página principal. Esta página é a porta de entrada para tudo o resto, pelo que deve ser apelativa e informativa.
1.1 Elaborar a ficha de planeamento
Claro que este planeamento não é rígido, isto é, ao longo da elaboração do Site podes efetuar ajustes que o vão valorizar e enriquecer.
Ficha de planeamento (clicar aqui para ver) – Deves fazer o download da ficha de planeamento, preencher e enviar ao professor para o mail pedro.lima.550@aemlaranjeira.pt
A manutenção do Site é imprescindível para que não corras o risco de este se tornar completamente ultrapassado e sem interesse.
2.Criação de um Relatório
A construção de um relatório tem por objetivo, dar a conhecer as principais atividades desenvolvidas, com convicção de que os resultados alcançados foram positivos. Deste modo teremos um desafio que será o de aprender com cada detalhe para conseguir alcançar um objectivo. O relatório terá como principal significado registar com detalhes o nosso planeamento e desenvolvimento do Web Site.
Contudo teremos que seguir alguns passos para a sua elaboração:
Relatório de Projeto
Descarregar aqui o relatório modelo
Não esquecer de alguns pormenores tais como:
-
Cabeçalho/Rodapé – Tema/Escola Secundária Dr. Manuel Laranjeira/Data e Turma/Nome aluno.
-
Cada título com um tamanho da letra 14 e a negrito;
-
Textos com tamanho 12;
-
Tipo de letra à escolha e de fácil leitura;
-
Espaçamento entre linhas de 1,5.
3.Orientações
Informações a incluir no Site:
-
O conteúdo do trabalho de pesquisa, textos, gráficos, tabelas, imagens, etc.;
-
Identificação do aluno: nome, número e turma;
-
Identificação da Escola;
-
Identificação da Disciplina;
-
Identificação do Tema de Trabalho;
-
Ano letivo.
4. Documentos a apresentar
No final do módulo deverás apresentar os seguintes documentos
- Site online
- Relatório de projecto (onde estão incluídas as fichas de planificação e calendarização)
Bom Trabalho!
Pedro Lima