Tutorial Weebly - Criando um site grátis - 1ª Parte

Pra criar um site ou você estuda bastante sobre html, css, editores html, editores de imagem, ou usa algum serviço gratuito de criação de páginas, as vantagens: Você não precisa ter conhecimento algum na área de web designer, não precisa pagar pra registrar um dominio próprio nem para hospedar o site. As desvantagens: poucas opções de personalização, restrição no desenvolvimento.
Mas enfim, se o seu objetivo é fazer um site simples, mas com visual bacana, irei mostrar numa série de tutoriais como isso é possível atravéz do Weebly.

1º Passo - Criando sua conta

Entre no site www.weebly.com e logo na tela inicial tem um campo pra cadastro super rápido, escolha seu login, senha e digite seu email e pronto, já podemos começar a criar o site.


2º Passo - Escolhendo um nome para o seu site

Na tela seguinte escreva um título para o seu site, lembrando que esse nome será a referência principal e aparecerá sempre no topo, feito a escolha e digitado clique em continue.


3º Passo - Escolhendo o nome de dominío do site.

Oque é um dominio? É o endereço do seu site, aquele que as pessoas digitarão sempre que quiserem acessar, se o nome do site for muito grande, escolha uma parte pelo menos pra abreviar, caso contrário, digite oque você desejar, clique em continue e pronto, seu site já estará disponível pra alterações

Tutorial Weebly - Criando um site grátis - 2ª Parte

Na 1ª Parte do tutorial mostrei como fazer o cadastro, dar um nome ao site e escolher um dominio a um site criado pelo Weebly, no post de hoje conheceremos as ferramentas disponíveis para edição do site.
1 - Conhecendo a aba Elements

A parte básica para criação do site está aqui, pra usar qualquer um dos elementos basta levar a seta do mouse até ele, segurar o botão esquerdo do mouse e arrastar até a tela principal. Pra começar vamos inserir uma coluna ao site, leve o mouse até a ferramenta Two Column Layout e arraste até a tela. O visual da página ficará como a imagem abaixo


Feito isso vamos acicionar texto as colunas, como é a página inicial do site, é interessante colocar links para outras páginas, mas por agora vamos trabalhar apenas com o layout inicial. Clique na ferramenta Paragraph with Title e arraste até a coluna da esquerda. Na coluna da esquerda vamos adicionar um título, uma image e um parágrafo, pra isso clique nas seguintes ferramentas e arraste até a tela: Title, Paragraph e Picture. O layout deve estar parecido com a imagem abaixo.


Pra concluir o layout inicial vamo mudar o topo do site e adicionar mais duas colunas. Pra mudar o topo, clique com o botão esquerdo do mouse sobre a imagem e escolha upload, você precisa ter uma imagem no seu pc pra isso. Adicione mais uma coluna logo abaixo da primeira e já teremos uma base de como ficará a primeira página do site.


Existem outras ferramentas disponíveis, basta usar a criatividade pra usa-las, lembrando que essa é a "carcaça" do site, está bem no ínicio. Se quiser clique no botão Publish no canto direito da página, para que o site já fique no ar, disponivel para outras pessoas acessarem.