Escolar Documentos
Profissional Documentos
Cultura Documentos
2/55
2/55
Direitos reservados
A cpia parcial ou total desta obra estritamente proibida. A distribuio deste
material
feito
de
forma
inteiramente
grtis,
partir
do
endereo:
3/55
Sobre o Autor
Jair Rebello um analista de sistemas especializado no
desenvolvimento de sites e sistemas para a web, possui
anos de experincia nesta rea e dedica parte de seu
tempo a partilhar conhecimentos no Escola Sites, um blog
dedicado ao ensino de tcnicas para criao de sites e
blogs e a manuteno dos mesmos. criador de dezenas
de templates, fazendo desta atividade a fonte de grande
parte de sua renda. Voc pode o achar no blog, ou mesmo nas redes sociais.
Blog: http://www.escolasites.com
Facebook: http://www.facebook.com/jair.rebello
Twitter: http://www.twitter.com/jairrebello
Email: contato@escolasites.com
4/55
Sumrio
Direitos reservados ............................................................................................... 2
Sobre o Autor......................................................................................................... 3
ndice de imagens ................................................................................................. 7
Introduo .............................................................................................................. 8
1.
2.
3.
4.
5/55
6.
7.
8.
9.
10.
6/55
Recursos do Comunidades.net.......................................................................... 42
Recursos Premium do Comunidades.net .......................................................... 42
Como criar conta no comunidades.net .............................................................. 43
Modelos do Comunidades.net ........................................................................... 43
Concluso .......................................................................................................... 44
BNUS: Hospede seu site de graa .................................................................. 45
possvel encontrar um bom servio de hospedagem de sites grtis? ............ 45
Hospedagemlivre.com.br ................................................................................... 47
Caractersticas do Hospedagemlivre.com.br.................................................. 47
Resumo das caractersticas do servio: ......................................................... 48
Hospedandosites.com.br ................................................................................... 49
Caractersticas do Hospedandosites.com.br .................................................. 50
HospedaFree ..................................................................................................... 51
Caractersticas do HospedaFree .................................................................... 51
Concluso .......................................................................................................... 52
Consideraes Finais ......................................................................................... 53
7/55
ndice de imagens
Figura 1: Criando sites com o Webnode ................................................................. 9
Figura 2: Templates Webnode ............................................................................... 10
Figura 3: Templates para webnode, mais modelos ............................................... 11
Figura 4: Google Sites ........................................................................................... 13
Figura 5: Tela de configurao do Google Sites .................................................... 14
Figura 6: Escolha de templates do Google Sites................................................... 15
Figura 7: Wordpress.com ...................................................................................... 17
Figura 8: Templates do Wordpress.com ................................................................ 18
Figura 9: WebAcappella ........................................................................................ 21
Figura 10: Criar sites na Wix ................................................................................. 23
Figura 11: Boto para comear a criar sites na Wix .............................................. 24
Figura 12: Templates do Wix ................................................................................. 25
Figura 13: Edio de templates do Wix ................................................................. 26
Figura 14: Weebly ................................................................................................. 27
Figura 15: Configurao de site no Wix ................................................................ 28
Figura 16: Configurao de domnio no Weebly ................................................... 29
Figura 17: Templates do Weebly ........................................................................... 30
Figura 18: Joomla .................................................................................................. 32
Figura 19: Templates para Joomla ........................................................................ 33
Figura 20: Drupal................................................................................................... 36
Figura 21: Tela de cadastro do Jimdo ................................................................... 39
Figura 22: Comunidades.net ................................................................................. 41
Figura 23: Tela de incrio no Comunidades.net .................................................. 43
Figura 24: Templates do Comunidades.net ........................................................... 44
Figura 25: Melhores hospedagens de sites grtis ................................................. 46
Figura 26: Especificaes da Hospedagemlivre.com.br ........................................ 47
Figura 27: HospedandoSites.com.br ..................................................................... 49
Figura 28: Especificaes do HospedaFree .......................................................... 51
8/55
Introduo
Me dedico a criao de sites h anos, e sempre me deparei com situaes de
clientes totalmente desesperados a busca de uma maneira de ter um site, muitas
destas vezes tudo que o cliente desejava era ter um espao para divulgar um
servio, um produto ou mesmo um evento como um casamento. Nestes casos no
se faz muito necessrio a utilizao de um robusto CMS ou mesmo a contratao
de uma hospedagem super poderosa, muitas ferramentas grtis fazem o servio
muito bem e muito melhor no gastar nada.
Como percebi a nsia de muitas pessoas por um material de qualidade que
trouxesse informao sobre a criao de sites de maneira rpida e prtica sem
gastos, tentei reunir nas mais de 50 folhas deste ebook e mais de 7500 palavras,
informaes relevantes para este intuito, espero que tenha uma boa leitura.
Abraos,
9/55
10/55
11/55
12/55
Para que seu site seja criado de forma totalmente gratuita, escolha a opo Site
Pessoal, nas opes Site empresarial e Loja Online necessrio realizar
pagamentos aps os primeiros 30 dias de uso.
SEO no Webnode
O Webnode no chega a ser uma plataforma de criao de sites perfeita para SEO,
mas possui algumas opes bem interessantes para que sua pgina seja mais
facilmente encontrada pelos mecanismos de busca. No Webnode possvel editar
o ttulo das pginas, editar a descrio da pgina e ainda incluir metatags. Para ter
um website bem customizado para os mecanismos de busca aconselho a usar outra
plataforma de gerenciamento de contedo, como o WordPress.
13/55
Google Sites um servio de criao de sites online que foi desenvolvido pela
Google com o objetivo de facilitar ao mximo a construo de sites por parte de
pessoas que no possuem conhecimentos avanados sobre criao de sites, com
isso temos um produto de fcil utilizao e que permite criar sites com
funcionalidades interessantes.
14/55
sites, como deve ser a sua primeira vez no Google Sites, a lista deve estar vazia.
Clique ento CRIAR.
Aparecer uma tela para que voc escolha o nome de seu site, o endereo em que
ele ficar disponvel (http://sites.google.com/site/seusite) e tambm se deseja
utilizar algum template j configurado anteriormente ou se deseja iniciar o
desenvolvimento de seu website do zero. Aconselho olhar os diversos modelos
disponveis, certamente ter um que se encaixe bem no perfil de seu futuro website.
Irei criar um site de teste, criarei um site para uma empresa de suporte
computadores, depois de digitar as informaes, minha tela deve ficar mais ou
menos desta forma:
Escolher template
Diversas pessoas j utilizaram o Google Sites e deixaram disponveis os templates
criados neste processo, voc pode utilizar estes templates como base para o seu
15/55
prprio template, para escolher algum destes templates clique na opo Navegue
na galeria para ver outros modelos e escolha o template que desejar.
16/55
17/55
Figura 7: Wordpress.com
18/55
19/55
com o nome COMECE A USAR. Se abrir ento a tela de cadastro, faa o cadastro
no servio. Depois de se cadastrar, abrir a tela de login, faa ento o login com as
informaes inseridas anteriormente.
Aps realizar o login voc ter ento o painel de controle do wordpress.com, que se
assemelha e muito ao que estamos acostumados em ver no Wordpress.org, com
algumas limitaes. No painel de controle voc poder fazer todas as configuraes
necessrias para que seu blog funcione do jeito que voc deseja. L voc poder
escolher o template, habilitar servios e muito mais.
seria
mais
difcil
lembrar
digitar http://escolasites.wordpress.com do
que http://www.escolasites.com. Tendo um domnio prprio voc mostra que
investe no seu projeto.
No Wordpress.com possvel ter um domnio personalizado, o servio custa apenas
$13 dlares ao ano e certamente vale muito a pena, pois um preo razovel se
comparado ao mercado e voc no ter qualquer dor de cabea com configuraes.
Creio que apenas seja possvel configurar domnios de extenso internacional.
20/55
Neste momento muita gente se v em um beco sem sada mas no o fim existem
algumas sadas que talvez voc considere para o seu blog:
Concluso
Certamente o Wordpress.com um servio de criao e hospedagem de blogs e
sites de muita qualidade, com ele voc consegue criar um blog e ter uma
hospedagem de 3GB totalmente gratuita, tambm possvel configurar um domnio
prprio para que o mesmo fique mais profissional, vejo que a principal limitao do
servio quanto ao uso de cdigos de terceiros o que impossibilita o uso do Google
Adsense.
21/55
Figura 9: WebAcappella
Existem aqueles que j possuem conhecimentos e criam seu prprio web site;
outros pagam profissionais para a criao de um site de acordo com o seu desejo
e tem aqueles que criam seu prprio site, sem conhecimento na rea, utilizando
ferramentas e servios gratuitos. Neste artigo, vou apresentar um excelente
programa, feito para iniciantes e experientes, que podem criar seus prprios sites
sem a necessidade de programar linguagens web, seja HTML, CSS ou PHP, por
exemplo.
22/55
23/55
24/55
Depois de se cadastrar e/ou realizar login, voc est apto a comear a construir seu
site, se for a primeira vez que voc cria sites na Wix, aparecer a seguinte
mensagem, clique em COMECE A CRIAR.
Para que apenas os templates em HTML 5 sejam exbidos voc precisa escolher
esta opo na barra lateral esquerda, por padro, esta opo j estar marcada,
muito importante criar o site j em HTML 5, pois o que h de mais novo na
construo de sites. A seguir, escolha a categoria que melhor se enquadra ao seu
negcio, se quiser pesquisar entre todos os templates, deixe na opo padro
"Todas". Ao lado iro aparecer os templates desta categoria e voc poder escolher
o que melhor se enquadra em suas expectativas.
25/55
Voc pode ver o template e Editar o template, que a opo onde voc ir
personalizar o seu template ao seu gosto. Antes de escolher um template, verifique
se o mesmo gratuito ou depende de um plano pago, a grande maioria dos
templates so grtis e podem ser usados de forma livre.
Ao clicar em Editar, voc ser direcionado a tela de edio de templates, nela voc
poder fazer as alteraes necessrias para que o site fique com as informaes
de seu negcio. Voc pode mudar textos, imagens, fundos, adicionar outros
elementos, incluir slider e muito mais, o painel de edio da Wix realmente bem
flexvel, o que permite realizar diversas combinaes e sempre possuir um site
nico.
26/55
27/55
Cadastro no Weebly
O cadastro pode ser feito de forma bem fcil e simples, para se cadastrar, acesse o
site http://www.weebly.com apenas informe seu nome, email e a sua palavra-passe, ou
seja, a sua senha. Depois disso ser requisitada uma confirmao atravs de um
Captcha. Seu cadastro, j foi realizado, agora iremos iniciar a configurao de nosso
novo site.
28/55
Configurao do site
Para iniciar a configurao de seu novo site ou blog, insira o ttulo de website na
caixa de texto e tambm insira a informao relativa ao tipo de site ou blog que voc
est criando, no meu caso informei que seria um site pessoal.
29/55
Depois disso, seu site j est devidamente cadastrado, tudo o que voc ter que
fazer utilizar todos os fantsticos recursos da ferramenta a seu favor para criar o
seu website, os recursos vo desde textos e imagens at vdeos e blocos de
anncios Adsense. incrvel como este servio disponibiliza recursos para a criao
de sites de forma grtis.
Templates no Weebly
Um grande diferencial deste servio so os templates. H muitos templates a
disposio para criao de websites. H uma diversidade incrvel e voc pode criar
diversos tipos de sites com os templates disponveis no repositrio oficial do servio.
Voc pode visualizar cada um dos mais de 100 modelos (templates) antes de aplicar
no seu website.
30/55
Elementos de texto
Elementos de imagem
Formulrio de contato
Elemento que divide a rea do site em colunas
Elemento HTML
Galeria de fotos
Apresentao de slides
Google Maps
Vdeos do Youtube
Depois de incluir cada um desses elementos, apenas salve e voc ver tudo em
funcionamento, voc pode tambm a qualquer momento rearranjar os elementos
para uma outra disposio.
31/55
problema, o Weebly cobra uma espcie de comisso de 50% dos ganhos. 50% das
vezes so exibidos os seus anncios e 50% das vezes so exibidos os anncios do
servio.
32/55
33/55
Voc pode encontrar templates para o Joomla em diversos sites espalhados pela
web, alguns muito bons, outros nem to bons assim, alguns pagos outros de graa,
a verdade que, semelhantemente ao Wordpress, possvel encontrar templates
com as mais diversas especificaes e aplicveis em diversas situaes,
certamente no ser problema encontrar um bom template para o seu projeto.
Abaixo listo algumas opes onde voc pode encontrar um template para baixar
gratuitamente ou para comprar, se voc tiver interesse em algo mais profissional.
34/55
Templates Gratutos:
SiteGround
JoomlaShack
Joomla Templates
Templates Pagos:
Gavick
Joomla Art
YooTheme
Template Monster
Quanto mais adaptado o template estiver ao que voc pretende para seu site,
menos customizaes voc precisar fazer ento pesquise bem antes de adquirir
e/ou aplicar um template em seu site.
Recursos necessrios
Para se instalar o Joomla necessrio ter um servidor com PHP + MySQL instalado,
na verdade uma hospedagem que o Wordpress funcione perfeitamente no deve
apresentar problemas para rodar o Joomla. O Joomla possui uma administrao
super fcil mas a instalao um pouco mais complicada se compararmos ao
Wordpress ento eu recomendo que leia um pouco a respeito do assunto para no
ter nenhuma surpresa desagradvel ao meio do processo.
35/55
Enfim, o Joomla uma ferramenta incrvel e que pode lhe auxiliar e muito na gesto
do contedo de um website. Certamente ele uma das alternativas grtis mais
adequadas para que procura um bom CMS, baixe o Joomla e teste-o.
36/55
O que o Drupal?
Certamente, sempre bom ter vrias opes quando se deseja tomar uma deciso
e utilizar a melhor plataforma para uma determinada tarefa. O Drupal um CMS de
cdigo aberto, ou seja, voc no pagar nada para utilizar e ainda poder realizar
alteraes ao seu gosto em seu cdigo para adequ-lo as suas necessidades. Ele
desenvolvido por uma comunidade internacional e mantido pela mesma, sempre
lanando novas verses de tempos em tempos. O mtodo utilizar pela comunidade
drupal bem semelhante ao que vemos com a comunidade wordpress, em que
vrios desenvolvedores mantm a plataforma sem cobrar nada por isso.
37/55
Concluso
O Drupal uma excelente plataforma para gerenciar sites e grandes blogs. Sua
curva de aprendizado um pouco maior que outros CMS como o Wordpress e o
Blogger se assemelhando muito com o Joomla. Com isso aconselhamos que
usurios mais avanados se aventurem pelo mesmo, para comear o Wordpress e
Blogger so mais adequados. A quantidade de material disponvel sobre Wordpress
e Blogger tambm maior o que torna a aprendizagem um pouco mais facilitada.
38/55
39/55
40/55
Jimdo em portugus
Um dos fatores que fazem o Jimdo ser um dos construtores de sites mais
interessantes e fceis de se manusear o fato do mesmo ser totalmente traduzido
para o portugus logo a lngua no ser dificuldade para a criao de seu site.
41/55
42/55
Olhando a primeira vista podemos desconfiar e pensar que o servio bem limitado,
se engana quem pensa desta forma, o comunidades.net apresenta recursos muito
interessantes e que podem ser o necessrio para a maioria dos websites.
Recursos do Comunidades.net
Imagens: Ilimitadas;
43/55
Fcil, no?
Modelos do Comunidades.net
O ponto forte do servio comunidades.net a imensa quantidade de modelos
disponveis, so mais de 250 modelos, muitos utilizando HTML5 e CSS3,
tecnologias atualizadas e que daro ao seu site um aspecto bonito e moderno. Os
modelos so separados por categorias que possibilitam ao usurio a pesquisa
44/55
rpida de um template que lhe agrade, certamente voc encontrar um modelo que
se encaixe no que voc est pensando para seu site.
Concluso
Certamente o Comunidades.net oferece uma plataforma que pode auxiliar muitas
pessoas que no possuem muitos conhecimentos relativos a criao de sites, nele
voc pode produzir um site e t-lo no ar em questo de minutos de forma fcil e
prtica.
45/55
46/55
Certamente voc ter que fazer uma migrao para um servio mais qualificado to
logo seu blog tenha uma quantidade razovel de acessos dirios, pois estes
servios no costumam ser to confiveis e afinal de contas voc no est pagando
logo no possui muitos direitos para reclamar.
47/55
Hospedagemlivre.com.br
Caractersticas do Hospedagemlivre.com.br
O Hospedagemlivre.com.br oferece 5GB de espao e ainda 100GB de
transferncia mensal, isto mais do que suficiente para manter 99% dos sites. Um
site institucional, no coseguir ocupar nem mesmo 100MB, normalmente. A
qualquer momento voc poder migrar para um pacote pago e ento ter espao e
transferncia ilimitados.
48/55
Construtor de websites;
Ativao instantnea;
49/55
Hospedandosites.com.br
50/55
Caractersticas do Hospedandosites.com.br
Acesso FTP;
Subdomnios grtis;
51/55
HospedaFree
Caractersticas do HospedaFree
Acesso FTP
52/55
Concluso
No mercado brasileiro e mundial existem solues de hospedagem de sites grtis
que oferecem bons recursos mas se voc quer algo mais profissional e seguro
recomendo que contrate uma boa hospedagem paga. Sempre leia os termos de
uso antes de hospedar qualquer arquivo, pois a empresa poder ter acesso aos
seus arquivos se os termos de uso assim permitirem. Procure sempre por empresas
brasileiras em que a comunicao ser mais fcil do que com uma empresa
estrangeira. Sempre hospede sites que no necessitem de grande profissionalismo
e tempos de uptime, nunca blogs de grandes acessos e que no podem fica offline
nunca, com essas dicas voc no ter dor de cabea e ainda economizar na hora
de hospedar o seu site ou blog.
53/55
Consideraes Finais
Espero que tenham gostado do material reunido neste ebook com o objeivo de
mostrar solues totalmente grtis para a criao de sites. Sabemos que muitas
pessoas no possuem o conhecimento necessrio para a criao de sites atravs
de programao mas mesmo assim possuem a necessidade de ter um espao na
web, atravs das ferramentas apresentadas neste material espero que voc consiga
construir o seu website com sucesso. Certamente no conseguimos esgotar o
assunto e nem deixa-lo totalmente sem dvidas sobre o processo de criao de
sites, estamos ao seu dispor para qualquer esclarecimento adicional atravs do
blog, acesse quando desejar http://www.escolasites.com.
Abraos!
At j.