Pginas web, recorrendo ao Weebly

Por: Fernando Ferreira

As pginas web podem ser criadas, de raiz, usando software especfico, como o Dreamweaver, ou recorrendo a assistentes online, fornecidos por empresas que lhe permitem criar um web site, sem necessidade de muitos conhecimentos tcnicos, como o caso de:

A forma mais fcil, poderosa e acessvel experincia de criao de sites!

Construtor de sites do tipo arrastar & soltar. No necessrio nenhum conhecimento tcnico.

Hospedagem de Alta Capacidade. Hospedagem numa confivel infra-estrutura de hospedagem em nuvem, monitorada dia e noite por uma equipa.

100 Temas Profissionais. No ter dificuldade para encontrar o visual perfeito para o seu site.

Blogging sem esforo. A ferramenta de blogging utiliza a mesma interface do tipo arrastar & soltar que torna o Weebly surpreendente. Adicione fotos & vdeos com facilidade.

Milhares de Recursos Multimdia. Galerias de fotos, apresentaes de slides atraentes, alta qualidade em vdeo e udio, mapas, Agora vamos comear um projeto. Todas as explicaes abaixo devem ser seguidas passo-a-passo, cuidadosamente, cabendo ao professor optar, quando existem diversas opes, pela que desejar para o seu projeto. Comece por criar uma pasta no computador webbly. Depois, deve seguir os seguintes passos, para criar um web site gratuito no webbly 1. Faa o seu registo fazendo clique em Sign Up. Its Free

2. Depois de se ter registado, pode iniciar a construo do seu web site, atrs planeado no exerccio 1.

Introduza o ttulo e o tipo de site:

Insira o domnio desejado. O sistema informa se j existe ou se est livre:

E pronto! Pode verificar que tem 5 separadores para personalizar: elementos, desenho, pginas, editores e definies.

Agora basta clicar e arrastar, pois o seu site est sem contedo.

Separador Elementos

Altere o ttulo:

ProfJR

Faa clique em Logo, para inserir uma imagem que ser o seu logtipo. Para isso v ao google e grave na sua pasta de trabalho webbly uma imagem que ser usada como o seu logtipo.

Altere a imagem de fundo com clique em Edit Image:

Obter:

Opte por Add Text. Insira o texto desejado:

Faa clique em Save e faa a sua opo:

Obter:

Experimente agora Add Image:

Escolha uma imagem no google e guarde-a na sua pasta. Depois volte aqui para a inserir. Pode arrastar a imagem usando o rato de forma a mostrar a parte desejada. Veja um exemplo:

Sempre que sair da pgina de edio e desejar voltar edio, basta inserir o endereo: http://www.weebly.com/weebly/main.php e fazer clique em Editar:

Prof JR

Prof JR

No separador Elementos pode ainda criar mais elementos, que veremos mais frente.

Separador Pginas
Vamos inserir uma nova pgina. Para isso faa clique no separador Pginas.

Aqui pode personalizar a pgina que j possui Home:

Depois faa clique em Adicionar pgina. Crie a pgina Contactos:

Se desejar inserir uma palavra-passe para acesso a esta pgina, tornando-a por exemplo reservada para scios ou clientes, isto possvel, mas apenas com pagamento a webbly. Faa as suas opes e depois faa clique em Guardar definies. Agora dever, no separador Elementos, inserir o contedo da pgina. Insira um Pargrafo com Titulo, onde deve escrever o texto desejado:

Para inserir o seu e-mail, escreva por exemplo o seu nome e selecione. Depois faa clique no smbolo cadeado, para a associar o link do e-mail:

Publicar o site
Para publicar o site online, com estas duas pginas, faa clique em Publicar, no topo do ecr, para definir qual ser o domnio:

profjr

Defina o seu domnio com extenso webbly pois se optar por .com ter de pagar o alojamento. Depois faa clique em Gravar. Pode partilhar nas redes sociais, como o Facebook. Feche pgina e abra-a num browser: www.profjr.webbly.com, para ver como est online. Anote as correes a fazer. Vamos voltar edio! Agora ao separador Desenho.

Separador Desenho
Aqui pode definir o design do seu site, usando uma das opes apresentadas no topo do ecr (Favoritos), as Opes de concepo ou Todos os temas:

Se optar pelos Favoritos, basta clicar sobre um deles para alterar o aspecto do seu site:

Em Opes de concepo, pode alterar as cores dos links, as cores dos textos, etc:

Se optar por Todos os temas ter de optar pela categoria (Business, Colorful, ) desejado e depois escolher: clique em Preview Theme e depois se gostar em Use Theme; caso no goste, clique em Cancel.

Separador Editores
Os Editores so pessoas a quem voc deu permisso para editar o seu site. Faa clique em Adicionar editores. Depois ter de indicar os e-mails das pessoas que podem editar o site, separados por virgula, assim como o perfil destes (administrador que pode editar todas as pginas ou autor, em que pode apenas alterar algumas).

Se optar por autor, ter de pagar esse servio. Opte ento por administrador e indique a mensagem que estes devem receber. No fim clique em Add Editors.

NOTA: Indique o e-mail de um seu colega professor, para mais frente testar esta capacidade do webbly.

Separador Definies
Aqui pode personalizar algumas definies do seu site, tais como Definies gerais (titulo, .,.), Search Engine Optimization (para o site ser pesquisavel na web), definies de comrcio eletrnico, etc. Altere o ttulo do seu site.

Crie mais trs pginas alm de Home e Contactos, como por exemplo: Dados profissionais, Blog, Links teis. Para criar uma pgina Blog, dever: 1. No separador Pginas, clique em Adicionar blog (boto ao lado de Adicionar pgina). Insira alguns dados. 2. Ao clicar em Guardar definies obter o blog, que poder personalizar: insira ttulo, descrio, texto no boto:
Blog Prof JR

3. No boto pode escrever um texto e definir vrios links:

4. Opte por Arquivo no seu website. Para isso, escolha um documento seu, currculo ou outro, grave-o em PDF na sua pasta webbly. Depois volte aqui e clique Upload a new file. O ficheiro ser copiado para o servidor webbly. 5. Altere a imagem do blog. Para isso grave uma imagem a seu gosto na pasta webbly e depois volte aqui para a carregar. Nesta pgina de blog pode ainda inserir um post, clicando no boto New Post. Depois, pode:

Escrever um titulo e escolher uma data.

Arrastar elementos da barra superior para baixo, por exemplo um paragrafo de texto, que pode escrever e formatar.

Pode definir algumas opes para o blog:

No final, clique em Publish Live (ou grave em Drafts):

agora hora de gravar todas as pginas:

Clique no topo do ecr em Gravar todas as pginas. Depois faa clique em Publicar, para o seu site ser atualizado e fique online. Aceda no browser ao seu endereo (seja por exemplo: www.profjr.webbly.com) para ver o aspeto online do seu site. Anote o que deseja alterar.

Relativamente ao blog criado: 1. Teste a pgina Blog. Adicione um comentrio. 2. Envie o endereo do seu blog para todos os professores deste curso e pea para inserirem um comentrio no blog. Relativamente criao de utilizadores, recorda-se que indicou um colega para tambm administrar o seu site? Para que o colega que indicou possa trabalhar no seu site, pea-lhe agora que v ao seu email pois ter uma mensagem do webbly informando que foi convidado a ser tambm administrador do site. Quando esse professor clicar a mensagem tem assim a hiptese de criar uma conta para depois puder ser administrador e alterar o seu site:

Para criar as outras pginas Dados profissionais e Links teis, dever usar o separador Pginas. Atrs usamos o boto para abrir um ficheiro, use-o agora para abrir um link:

Selecione Abra link numa nova janela, para abrir uma nova com esse link mantendo por detrs a pgina. Insira outros links, usando botes, clicando a arrastando-os do topo para a zona da pgina. Insira uma caixa de pesquisa e um formulrio de contacto. Crie a pgina Dados profissionais, com textos e imagens.

NOTA: Ao criar uma nova pgina, se optar pela opo abaixo, criar uma pgina que liga diretamente ao site indicado por si: