Escolar Documentos
Profissional Documentos
Cultura Documentos
http://www.conecteseunegocio.com.br
Indice
!"#$%"&"!"'(!)(*+*",!-%,.%"/%$"-%)0,1!2" .$.!(1*1/"4!"'(!)(*+*",!-/.($.!("4%"/1.%/"4!"5!6*" '%()$-.*/"+*1/"7(%#$%-.%/"
!"#$%"&"'"(')*"+,'-.%/" (')*"12)3%,"456"7"8%,9$-:*;"4,%#$%-:%;" "!#$%!&!'!(')*!+,)-%./! "!1'2%!3%!3'241,'!%567!,18)$43'!1'!9*8'6%/! :!6*;*!3'!(')*!+,)-%.!&!$2*!6*;*!<1,8*!'$!$2*!6*;*!*1$*)/! "!),2,6%!3'!5,6%!&!9*.*!5,6%5!8.,*3'5!'$!5,6%5!9$=),8*3'5/! @'2'!-'$!5*=%.!5%!%56'$!9%.6'!3%!9*55*.!'$!A7!9*55%,!3%!$2!3'5!),2,6%5/! B'56*.,*!3%!8*..%C*.!$2!*.#$,-'!DE62)!'$!DA5D!F'55'!G*H%.!,55'!5%!%$!8'29.*.!(')*!+,)-%./! "!(')*!+,)-%.!,18)$,!8.&3,6'5!9*.*!5%.-,I'5!9*.*!2%!*A$3*.!8'2!2%$!5,6%D!@'2'!9'55'!G*H%.!$5'!3%55%5! 8.&3,6'5/! 6$*)"&"*"2=*=%">?-2>*"@*,*"$;*,"'"(')*/" C'>'"%-:,*,"-*">2-D*"E'-:*"%"%=2:*,">%$";2:%/" F*3%9*=',%;"C'>@*:?3%2;" C'-;:,$*">%$";2:%"@',">2>" 4H8I"8';;'"$;*,/" C'>'"@$J)2E*,">%$";2:%"-*"2-:%,-%:"@*,*"#$%":'=';"3%K*>/" 6$*)";%,M">2-D*"NOP/" 8$J)2#$%"$;*-='"$>"='>?-2'"#$%"3'EQ"KM"@';;$2" +%!-'8J!9.%8,5*.!3%!*55,56J18,*K!%16.%!%2!8'16*6'!8'2!'!5%$!.%C,56.'!3%!3'241,'D!
3! 3! 8!
0!
AB! AB! AA! AG! AL! AR! >L! AW! AW! AW! AG! AL!
A\! A0! >P! Q?! Q?! Q?! GB! Q?! Q>! Q>! Q>! Q>! Q>!
ST%2:';"=%"E'@2*,"%"E')*,"*"@*,:2,"='"^1"]',="'$"$>*"T'-:%"%_:%,-*" UT'!8'9,%!%!8')%!3,.%6*2%16%!3'!S+!O'.3!'$!#$*)#$%.!'$6.*!G'16%!%;6%.1*V! @'2'!.%5')-%.!%55%!9.'=)%2*! +%!-'8J!6,-%.!8'16%<3'!#$%!&!*.2*H%1*3'!%2!$2!3'8$2%16'!3'!O'.3!'$!#$*)#$%.!'$6.'!9.'C.*2*K!5,C*! %56%5!9*55'5M! N'8J!6*2=&2!9'3%!$5*.!'!W)'8'!3%!U'6*5!'$!X%;6R3,6!9*.*!.%5')-%.!%55%!9.'=)%2*M! @'2'!*3,8,'1*.!,2*C%15!*.2*H%1*3*5!%2!$2!3'8$2%16'!3'!O'.3!S+! :#$,!%567!8'2'!8*..%C*.!*5!,2*C%15M! ^2-D*"@M92-*"%;:M"@,%;*"%>"`8M92-*"5J,2-='`"%"'"E'-:%a='"-Z'"E*,,%9*" @'2'!G*I'!9*.*!%-,6*.!6*)!5,6$*IT'!1'!G$6$.'/! @'2'!G*I'!9*.*!8'..,C,.!2%$!8Y3,C'!ZXS[!,1-7),3'M! N%A*!8'2'!$5*.!*!G%..*2%16*!9*.*!*..$2*.!ZXS[M! C'>'"@';;'"9*-D*,"=2-D%2,'"E'>">%$";2:%/" H$:',2*)I"C,2*-='"$>*"P'K*"b2,:$*)" >D!\%C,56.%]5%!1'!F*^F*)D8'2! QD!:3,8,'1%!'!`,3C%6!3'!F*^F*)!*'!5%$!5,6%! QDQD!:3,8,'1*13'!'!@*67)'C'!3%!F.'3$6'5! bD!F$=),#$%!*!5$*!['A*!"1),1%V!
GG! GL! Q_! QL! Qa! Qa! G\! G\! G0! G0! G0! G<! G<! G\! G0!
9:/1,!";"'(1+%1(!/"'*//!/" 3
<=!
C'>'"%$"@';;'"%=2:*,"*"E*:%9',2*"='">%$";2:%/"
G<! b>! bb! bb! LL! LR! LR! LW! L\! L\! L0! L<! RB! RA! RA! RG! RL! RR! R0! R0! LV! LW!
%/.($.$(*"%"4%/1)-"4!"/1.%"
S$"#$%,'"*=2E2'-*,">%$"@,e@,2'"%;:2)'g>'=%)'" 5=2E2'-*-='"$>*"2>*9%>"=%"T$-='" 6$*)"=%3%";%,"'":*>*-D'"=*"2>*9%>"=%"T$-='/"
>?!
*41,1!-*4!"%"%41.*-4!",!-.%@4!"
]2=9%:"7"'"#$%"&"2;;'/" C*,,%9*-='"$>"4*32E'-" h>*9%-;"7",%=2>%-;2'-*,"7"*):%,*,":*>*-D'" 1)2=%;D'd"7"*=2E'-*,";)2=%UE'>" !:2>2.*XZ'"=%"2>*9%-;"
>A!
RL! RW!
5=2E2'-*,"[''9)%"^*@;" 5=2E2'-*,"[''9)%"H,*=$:',"*'";2:%"%>"@',:$9$Q;" !"#$%"&"'"]2=9%:J'_"[*))%,c/" C'>'"*=2E2'-*,":%_:'"*'";%$";2:%" N;*-='"*"+*,,*"=%"4%,,*>%-:*;"=%"S=2XZ'"=%"H%_:'"@*,*"T',>*:*,"-'"]2=9%:"=%"H%_:'" H$:',2*)";'J,%"'"[''9)%"4,2%-="C'--%E:" C'>'"*=2E2'-*,"$>"3?=%'"*'">%$";2:%/" 5=2E2'-*-='"iH^P" 5=2E2'-*-='"$>"*,#$23'"4)*;D" 5,#$23';"7"E*,,%9*>%-:'"=%"iH^P"%"j*3*;E,2@:" 5=2E2'-*-='")2-k;"@*,*"2>*9%-;"g"T':';" 5=2E2'-*-='")2-k;"*'":%_:'"g")2-k;"=%":%_:'" N;*-='"'"]2=9%:"=%"5,#$23';"7"42)%"]2=9%:" C,2*,"$>*"2>*9%>"=%"J*--%," 5=2E2'-*,")'9'"-*"M,%*"=%"J*--%," ^%-$"=%"F*3%9*XZ'"7"*):%,*,"E',l"T'-:%l":*>*-D'"'$"@';2XZ'" ^'3%-='"%"%=2:*-='"*;"9$2*;"-'";%$">%-$"=%"-*3%9*XZ'" 5=%;Z'"g"C,2%"E'-:*;"%")'92-;"@*,*"$>"32;2:*-:%" 5=2E2'-*,"$>"E'-:*=',"=%"32;2:*;" 5=2E2'-*-='"T',>$)M,2';" 4',>$)M,2'"(')*I"@*,*"'-=%"%)%;";Z'"%-32*=';" 5=2E2'-*,"$>"P23,'"=%"b2;2:*;" 4',>$)M,2'"=%",%92;:,'"=%"+')%:2>"h-T',>*:23'" 5=2E2'-*-='"=2;:,2J$2XZ'"=%"O11" C*2_*"=%"E'>%-:M,2';"7"*=2E2'-*,"m"@M92-*"
R<! VB! VA! VG! VG! VV! VV! VV! VW! VW! V\! V0! WB! WA! WA! WG! WL! WL! WV! WR! WV! VL! VR!
V\! V<!
WW! WW! W\! W0! W0! W<! \B! \B! \A! c>! cQ! cb! \L! \R!
'$961,*BC!D"4!+E-1!"%",!((%1!"%6%.(F-1,!"
H,*-;T%,2-='";%$"='>?-2'"@*,*"$>*"'$:,*"%>@,%;*"=%",%92;:,'"=%"='>?-2';" H,'E*-='"$>"='>?-2'"E'>@,*='"-'"(')*"@',"$>"-'3'" C'-T29$,*-='";%$"%>*2)"E'>"'"[''9)%"5@@;" [''9)%"5@@;"7"E'-T29$,*-='"'"!$:)''k" O%-'3%"'"='>?-2'"#$%"3'EQ"E'>@,'$"-'"(')*" 1%9$,*-X*"7"E%,:2T2E*=';"11P"
G3!
W0! \B!
'(!+!BC!D"/%!D".(:7%)!"%"'$961,14*4%"
8',"#$%"-Z'"@';;'"*ED*,">%$";2:%"-'"[''9)%/" H$:',2*)I"[''9)%"]%J>*;:%," F*55'!>M!N%.,G,8*13'!5%$!+,6%!8'2!'!B''C)%!O%=2*56%.! F*55'!QM!R1-,*13'!$2!+,6%2*9!9*.*!'!B''C)%!O%=2*56%.! F%.C$16*5!2*,5!G.%#$%16%5! 5=2E2'-*,":?:$)'l"=%;E,2XZ'"%":*9;"=%"@*)*3,*;7ED*3%"
3H!
FZ'"E'-;29'"E*,,%9*,"$>"*,#$23'"iH^Pl"E'>'"@';;'"3%,2T2E*,">%$";2:%"E'>"'"[''9)%"]%J>*;:%,/"
*4+1-1/.(*BC!"4%",!-.*"
5):%,*,";%$"%>*2)"=%")'92-" O%=%T2-2-='";$*";%-D*" C'>'"E*-E%)*,"*"@$J)2E*XZ'"='";%$";2:%" H,*-;T%,2,"='>?-2'"@*,*"T',*"='"(')*"7"DM"E'J,*-X*/"
3>!
\R! \V!
\L!
\W!
que voc public-lo. Se voc j tiver escolhido seu endereo da web quando criou seu site, simplesmente clique no boto verde "Publicar na Web". 8. Se voc quiser fazer alteraes no seu site depois de public-lo, muito fcil, simplesmente faa log in na sua conta do Yola e abra seu site. Voc poder fazer as mudanas que voc desejar. No esquea de publicar seu site novamente depois de cada sesso. Para mais instrues passo-a-passo busque nos nossos tpicos de ajuda ou veja nossos tutoriais. Sugerimos que voc comece a construir seu site usando nossos tpicos de ajuda e tutoriais como guia. Ento, se voc encontrar um obstculo em particular, fique a vontade para nos enviar um email e ns faremos o possvel para ajud-lo. Voc pode tambm publicar suas questes no nosso Frum de Suporte Comunitrio, onde voc encontrar muitas dicas teis.
Gostaria de carregar um arquivo .html ou .js. Posso fazer isso se eu comprar Yola Silver?
Sim! Esses carregamentos de arquivos no so acessveis a clientes de contas gratuitas por razes de segurana. No entanto, se voc se tornar um cliente do Yola Silver a restrio terminada e voc pode fazer upload de arquivos .html, .htm, e extenses .js!
O Yola Silver inclui crditos para servios para me ajudar com meu site. Como posso fazer uso desses crditos?
Quando voc compra Yola Silver, voc recebe um email com os cdigos que voc precisa e instrues para usar seu crdito de anncio do Google AdWords e crditos HP LogoMaker.
10
1. No alto da sua tela, do lado direito, voc ver o link "Log in" para quem j um usurio cadastrado - pessoas que j possuem uma conta - clique nele. 2. Na caixa que aparecer, insira nos campos correspondentes, o endereo de email que voc usou para se cadastrar com o Yola, e sua senha (aquela que voc escolheu ao se cadastrar) e clique no boto "Log in". 3. Voc entrar na sua conta, onde poder abrir seus site e fazer alteraes. Lembre-se se publicar seu site clicando no boto verde "Publicar na Web".
Navegadores Compatveis
O Yola atualmente compatvel com:
Google Chrome;
11
Safari 3 Beta ou mais recente. No momento O Yola no compatvel com: Opera; AOL Explorer (tambm conhecido como AOL Browser, ou Navegador do AOL.
12
13
14
! ! !
Alguns registros de domnio requerem um registro A com o hostname "@" e um com o hostname "www". Outros registros de domnio te permitem criar um hostname chamado "domnio.com" e outro "www" (substitua "domnio" com o seu prprio endereo). Ambos devem apontar para o nosso endereo de IP: 184.72.229.176
Estou tendo dificuldades para configurar meu domnio para apontar para o Yola. O que eu devo fazer?
Cada registro de domnio tem uma interface um pouco diferente. O Yola s pode compartilhar as instrues gerais acima com voc, mas se estiver tendo dificuldades em segui-las, voc ter que pedir ajuda ao seu registro de domnio. Lembre que o Yola no tem acesso configurao do seu DNS, a no ser que voc compre um domnio conosco, ento se voc encontrar problemas, sugerimos que voc envie um email ao seu registro de domnio como o seguinte: "Caro . . . Eu criei um site usando Yola.com e gostaria de apontar meu domnio para l, e publicar meu site. Para apontar meu site para o Yola, eu tenho que usar o seu servidor de nome, mas configurar at dois A records
15
(address record) para apontar para "184.72.229.176". Os A Records devem ser configurados para suportar o endreo com e sem 'www'." Assim que seu domnio estiver apontado para os nossos servidores, voc poder publicar seu site a partir do Construtor de Sites do Yola.
16
1. Entre na sua conta e abra o seu site 2. Edite seu site normalmente 3. Quando tiver acabado, clique no boto verde "Publique na web" e todas as suas boto verde "Publique na web" e todas as suas ltimas mudanas sero adicionadas imediatamente ao seu site
Atualizaes frequentes ao seu site ajudam o seu site a aparecer bem nos resultados em mecanismos de busca. Por isso ns procuramos facilitar o processo para voc. Observe: 1. Ao salvar seu trabalho, voc apenas salva o rascunho do seu site na sua conta. Para aplicar as alteraes no seu site ativo, voc precisa clicar no boto "Pulicar na web". 2. Se voc j fez isso e ainda no consegue ver as ltimas alteraes no seu site publicado, clique no boto de atualizar do seu navegador, ou limpe sua memria chache para retirar a verso antiga do seu site.
17
Assim que voc tver uma conta e tiver efetuado log in, voc ver uma pgina inicial com um boto "Add a Site", ou "Adicione um Site", que o levar adicionar um site. Voc deve preencher com a URL do seu site aqui. Importante: Insira a URL do seu site publicado, no o URL preview (a URL longa que voc v quando voc d preview no seu site no Construtor de Sites do Yola). A URL do meu site teste : http://tradingpost.yolasite.com - digite a URL do SEU site. Quando voc tiver terminado, clique em "Continuar". Se voc possui um domnio personalizado assim como meusite.com, este deve ser inserido no campo incluindo o www, ento ficar assim: http://www.meusite.com.
18
A prxima tela te dar informao sobre o seu site e te dir que seu site no foi verificado. Garanta que o mtodo de verificao "Meta Tag" seja escolhido e voc ver um longo meta tag: Esta a parte mais delicada! Voc precisa copiar a parte correta para adicionar o cdigo ao seu site com xito. A parte que voc precisa est entre as aspas. Agora que voc tem o cdigo de verificao, hora de aplic-lo ao seu site. Abra seu site no Construtor de Sites do Yola e clique na guia de Propriedades na Barra Lateral direita da sua tela. (Tenha certeza que no selecionou nenhum widget para assegurar que so as propriedades da pgina e no do widget que est sendo visualizado. Cole o cdigo na caixa marcada "Google Webmaster Code". Importante: Voc deve colar este cdigo dentro do campo Google Webmaster Code abaixo da guia de Propriedades na Barra Lateral somente na pgina index do seu site. Voc s precisa fazer isso nesta pgina, mas se voc no colar o cdigo na pgina index, o Google no poder verificar seu site. Quando tiver terminado, clique no boto verde "Publique na Web". Assim que voc tiver colado o cdigo e publicado seu site novamente clicando no boto verde "Publique na Web", retorne tela do Google Webmaster e clique no boto "verificar". Se voc colou o cdigo corretamente voc receber uma mensagem dizendo que seu site foi verificado: Parabns! Voc completou a primeira parte do processo. Se quiser, voc pode seguir para o passo 2.
19
Passo 2: Enviando um Sitemap para o Google Webmaster Quando voc publica os seu site, o Yola gera um Sitemap no seu lugar. Voc pode enviar este Sitemap para o Google Webmaster para dar mais informaes sobre o seu site para o Google. Para maiores informaes sobre porque voc deveria enviar um Sitemap, clique aqui: O que um Sitemap. Veja como voc pode encontrar o Sitemap para o seu site publicado. o nome do seu domnio, seguido de "/sitemap.xml." Ento a URL do meu Sitemap para o meu site teste seria: http://tradingpost.yolasite.com/sitemap.xml Na pgina do Painel de Controle (a mesma pgina onde voc acabou de verificar seu domnio), clique em "Submite Sitemap" abaixo e direita da pgina. Digite 'sitemap.xml' depois ad sua URL e clique em 'Submit Sitemap' ou 'Enviar Sitemap' Seu site ser verificado e voc dever ver a seguinte tela: Parabns! Voc acabou de verificar seu site com as ferramentas do Google Webmaster e enviou um sitemap. Quando o Google rastrear seu site, voc poder fazer login na sua conta do Google Webmaster para ver dados que iro ajud-lo a a otimizar seu site para mecanismos de busca.
20
! ! ! ! ! !
Contedos da pgina podem no ser editveis. A aparncia inconsistente do seu texto em navegadores diferentes. Texto e imagens aparecem "confusos" e no aparecem da maneira que voc colocou. Incapacidade de formatar o texto como voc gostaria. Os outros elementos do estilo pode quebrar, como os links do menu. Pode no ser possvel acessar diversos recursos do Construtor de Sites, tais como salvar ou publicar.
Se voc tiver contedo que armazenado em um documento do Word ou qualquer outro programa, siga estes passos:
V para HTML101 e clique no boto "Colar do Word" Uma caixa de dilogo ser aberta. Copie e cole o contedo do MS Word na caixa de dilogo. Clique em "OK". Toda a formatao vai agora ser removida do seu contedo. Agora seguro para copiar e colar este contedo em sua pgina. Se o contedo do MS Word j est copiado e colado diretamente na sua pgina, por favor, use as etapas listadas aqui: Removendo Tags MS Word. 1. 2. 3. 4.
Voc tambm pode usar o Bloco de Notas ou TextEdit para resolver esse problema:
1. Copie o contedo do documento MS Word ou fonte externa. 2. Cole o contedo em um programa como o Bloco de Notas. Todos os computadores Windows tm esse programa. Voc pode encontr-lo em: "Iniciar -> Acessrios". 3. Se voc estiver usando um Mac da Apple, voc pode fazer uso de TextEdit para esta finalidade. TextEdit estar disponvel em seu Finder em "Aplicativos". Por favor, note que se voc usar o Editor de Texto, voc deve selecionar a opo "Plain Text" depois de colar. V para: "Formatar -> Make Plain Text". 4. Bloco de notas ou TextEdit simplesmente tira qualquer formatao indesejada e voc pode, ento, com segurana copiar e colar o texto na Janela de Texto. 5. Voc pode ento usar a barra de ferramentas de edio de texto para formatar o texto como desejado.
1. Abra o seu documento MS Word. 2. Com o boto direito do mouse sobre a imagem, clique em "salvar como" e salvar a imagem em seu desktop ou em qualquer local no seu computador. 3. Siga o passo acima para todas as imagens. 4. A imagem ser salva como .gif ou .png se uma ilustrao grfica, ou um .jpg se for uma fotografia. 5. Agora voc poder carregar sua imagem, seguindo as isnyrues para adicionar imagens neste documento.
Ns podemos fornecer ajuda sobre como construir um site no Yola, assim como outras dicas gerais sobre construo de sites, porm a respeito de como ganhar dinheiro com um site, no podemos dar muita informao. H vrias possiblidades como venda de produtos ou plataformas de anncios adicionadas ao seu site. H vrias formas de adicionar anncios ao seu site: ! Ns temos um widget chamado Google AdSense que facilita a adio desta ferramenta de publicidade bastante efetiva. Abra a pasta "Comrcio eletrnico" e clique e arraste o widget "Google AdSense" para a sua pgina. Clique no link que aparece na caixa de dilogo para se cadastrar com uma conta do AdSense e obter anncios no seu site copiando e colando cdigos fornecidos pelo Google, assim que seu site for aprovado pelo programa. ! Adicione uma imagem de banner ao seu site usando o widget de texto (clique em inserir imagem na barra de ferramentas do editor de texto) ou use um widget de imagem. Voc pode ento tornar seu banner de anncio um link ativo usando o editor de links. ! Coloque qualquer outra forma de publicidade no seu site contanto que voc tenha o cdigo HTML. Integre-o sua pgina do Yola arrastando e soltando um widget de HTML sua pgina e colando o cdigo no editor de HTML. Observe: Voc responsvel pela aprovao do seu site pela rede de anncios escolhida. Podemos assist-lo com instrues sobre como criar seu site, mas cada programa tem seu prprio grupo de requisitos e sua responsabilidade cumpr-los.
23
1. nico produto Apresenta um nico produto para venda. 2. Catlogo de Produtos Adicione sua pgina para mostrar nitidamente mais de um produto para venda. 3. Coleta de Doaes Permite que as pessoas faam doaes e contribuies para a sua causa. Para poder utilizar estes widgets voc precisa se inscrever no www.paypal.com para abrir uma conta gratuita ou Premier Business (O Yola fornece um link - ver abaixo). Uma vez que a sua conta PayPal tenha sido criada, voc est pronto para adicionar botes do PayPal ao seu site.
1. Registre-se no PayPal.com
1. Clique na pasta do comrcio eletrnico no barra lateral. 2. Voc tem trs opes - de produtos nicos, catlogo de produtos e arrecadao de donativos. 3. D um clique duplo ou arraste e solte o seu widget escolhido para a sua pgina, a caixa de dilogo PayPal ser aberta. 4. Clique no boto "Obter um agora" para obter uma conta no PayPal. 5. Na tela do PayPal, clique em "Sign Up" link. Isso levar voc a uma tela onde voc pode criar sua conta. 6. Preencha todos os seus dados pessoais e crie sua conta.
24
25
26
27
28
29
Imagem de Banner
Se o estilo que voc selecionar suporta uma imagem de banner personalizado, basta passar o cursor do mouse sobre o rea do banner at que a caixa azul aparea e clique dentro dela para revisar o caixa de dilogo que exibe as opes disponveis para personalizao. Tamanho do banner: Cada banner tem dimenses recomendadas que podem ser utilizadas para alcanar um melhor resultado. Embora seja possvel editar a imagem de banner uma vez que foi carregada, melhor fazer o upload de uma imagem que corresponda s dimenses do banner recomendado. Para descobrir as dimenses do banner, olhar na parte inferior da caixa de dilogo que aparece quando voc clica dentro o rea do banner. Neste estilo em particular voc pode ver que o tamanho recomendado de banner 978px por 263px.
Carregue e edite a imagem de banner: 1. Clique em qualquer lugar na imagem do banner para abrir a caixa de dilogo. 2. Clique em "Alterar Imagem de Banner" e uma caixa de dilogo se abrir.
30
3. Voc pode selecionar "Atualize novo banner", "Navegue pelos banners carregados" ou "Encontre banners profissionais". 4. Selecione a imagem banner e o Editor de banner abrir onde que voc pode dimensionar a imagem para caber na rea de banner perfeitamente. 5. Faa as alteraes e clique no boto "OK". A imagem banner ser carregada na pgina no Construtor de Sites. Aplicar a todas as pginas: O Yola lhe d a opo de fazer upload de uma imagem de banner diferente em cada pgina do seu site, ou aplicar a mesma imagem de banner para todas as pginas. Para aplicar a imagem de banner para todas as pginas no seu site: 1. Clique dentro do banner, em seguida, clique em "Aplicar a todas as pginas". 2. Uma caixa de dilogo ser aberta solicitando que voc confirme se deseja aplicar a alterao para todas as pginas no seu site. Clique em "Aplicar e Salvar" se que voc deseja ir em frente. Alterando para padro: No gostou do resultado? No tem problema! Voc pode facilmente reverter para a imagem de banner padro. Clique dentro de seu banner e, em seguida, clique em "Usar padro" na caixa de dilogo que se abre. Isso vai trazer de volta a imagem de banner original que veio com o estilo. Voc pode usar essa imagem, ou comear de novo fazendo o upload de uma nova. Para alterar a imagem de banner em todas as suas pginas de volta para o banner padro, siga do passos acima e siga o tutorial "Aplicar a todas as pginas" descritos acima.
Plano de fundo
O Yola lhe d o opo de mudar a cor de fundo do seu estilo ou carregar a sua prpria imagem de fundo, ou ambos! Editar a cor de fundo: 1. Clique no boto "Estilo". Em seguida, selecione "Editar Plano de Fundo " e depois em "Alterar plano de fundo". 2. Uma caixa de dilogo abrir, clique na seta para baixo ao lado de "preenchimento de plano de fundo" e o seletor de cores abrir. 3. Selecione a cor que voc deseja usar e clique em "OK". Se voc souber o valor hexadecimal da cor que voc gostaria de usar, digite-o o espao fornecido (aqui est um link para um gerador de cor Hex). Upload sua prpria imagem de fundo: 1. Clique no boto "Estilo". Em seguida, selecione "Editar Plano de Fundo" e depois em "Alterar Plano de fundo". 2. Uma caixa de dilogo abrir, marque a caixa ao lado de "Usar uma imagem de fundo". 3. Agora voc pode carregar um arquivo do seu computador ou navegar pelos arquivos de imagem no Gerenciador de Arquivos. 4. Aps o upload, personalizar as configuraes - se voc gostaria que a imagem fique lado a lado (repetir), onde voc gostaria que o fundo seja localizado na pgina e se voc gostaria que o fundo role com a pgina ou no.
31
Para voltar e editar o fundo que voc adicionou, clique no boto "Estilo". Em seguida, selecione Editar Plano de Fundo" e depois em "Alterar Plano de fundo". Aplicar a todas as pginas: Voc poder optar por aplicar o mesmo fundo a todas as pginas do seu site, em vez de mudar o fundo de cada pgina individualmente: 1. Clique no boto "Estilo". Em seguida, selecione "Editar Plano de Fundo" e depois em "Aplicar todas as pginas". 2. Uma caixa de dilogo ser aberta solicitando que voc confirme se deseja aplicar a alterao para todas as pginas do seu site, clique em Aplicar e Salvar se voc quiser ir em frente. Alterando para padro: Se preferir mudar o imagem de banner no seu site de volta para o fundo padro do estilo, clique em "Estilo" . Selecione "Editar Plano de fundo" e depois clique em "Usar Padro ". Para alterar o fundo do todas as suas pginas de volta para o fundo padro, siga o passos acima e siga o "Aplicar a todas as pginas" descritos acima. Links para recursos de fundo til (com agradecimentos a nossa comunidade!): O Tartan gerador de padro de fundo: tartanmaker.com Stripe Generator: stripegenerator.com Ribbon Generator: quickribbon.com Palette Generator (gera uma paleta com base em uma foto) se voc quer combinar o seu plano de fundo a uma cor de uma foto: bighugelabs.com Gradient Image Maker: tools.dynamicdrive.com/gradiente
32
O que CSS?
CSS (Cascading Style Sheet) uma linguagem de estilos que define o layout de documentos HTML. Por exemplo, o CSS pode cobrir e definir coisas como fontes, cores, margens, linhas, largura, altura, imagens de fundo, posicionamentos e muitas outras coisas. realmente uma linguagem de script incrivelmente verstil da Web, mas mais voltada para usurios avanados. Caso queira dar uma olhada em CSS e us-lo, visite a W3Schools para maiores informaes. O Yola, no momento, no oferece suporte para CSS personalizado. Ns oferecemos o recurso para nossos usurios avanados, mas no podemos ajudar se o seu site quebrar quando voc alterar o CSS.
33
7. Lembre-se que se voc tiver adicionado seu prprio banner o estilo anterior, no ser adicionado ao novo - voc precisa adicion-lo novamente seu novo estilo (se o estilo tem a opo). Se voc est interessado em ver como uma categoria diferente iria funcionar para o seu site voc tambm pode passar pelo processo de criao de sites desde o incio novamente, criando um novo site. Voc est permitido at 5 sites com a nossa conta grtis do Yola.
Em "Recursos" - selecione os requisitos voc gostaria de ter para o seu estilo desejado e voc vai poder ver uma lista do estilos que se encaixam a essas necessidades.
34
Ambos os banners e os fundos do Premium Styles podem ser personalizados, mais informaes neste tutorial: Personalize o seu Estilo. Para experimentar um estilo Premium antes de se decidir pela atualizao, siga estes passos: 1. Clique em "Estilo" na barra de ferramentas e selecione "Alterar Estilo". 2. No Seletor de Estilo que se abre, clique em "Premium" no lado esquerdo da caixa de dilogo. 3. Procurar os estilos e escolha um que lhe interessa. Uma visualizao ser aberta com o estilo aplicado ao contedo do seu site. Para testar o estilo do seu site, clique no boto "Experimente o estilo de graa" na parte inferior da caixa de dilogo. 4. Se voc est feliz e gostaria de adquirir o estilo, clique em "Upgrade para Silver".
Alterando estilos
Veja como mudar seu estilo: 1. Clique no boto "Estilo" no menu principal. No menu suspenso, selecione "Alterar Estilo". 2. Uma caixa de dilogo abrir com a variedade de estilos que voc pode escolher. O menu esquerda da caixa de dilogo permite que voc navegue entre Estilos Gratuitos, Premium Styles e My Styles (Premium Styles que j tenham sido utilizados na sua conta Yola Silver). Voc tambm pode procurar por estilos de acordo para as diversas categorias. 3. Percorra os estilos disponveis passando o mouse sobre eles. Ao passar o mouse sobre um estilo uma maior visualizao do estilo ser exibida.
35
4. Quando que voc tiver decidido o estilo que voc quiser usar, clique nele. Um preview do seu site vai abrir com o novo estilo aplicado a ele. 5. Se que voc gosta do que v: clique de "Continuar" no canto direito inferior da caixa de dilogo. (Observao: Se um estilo premium o boto ir indicar "Upgrade para Silver" e clicar neste ir ativar a tela de pagamento. Alternativamente, voc pode experimentar o estilo no seu site de graa antes de fazer sua compra, e voc ser solicitado a fazer uma atualizao para o Silver da prxima vez que voc publicar seu site.) 6. Depois de ter feito sua seleo, o novo estilo ir carregar no seu site. 7. Lembre-se que se voc tiver adicionado seu prprio banner ou plano de fundo para o estilo anterior, no ser adicionado ao novo - voc precisa adicion-lo novamente ao seu novo estilo (se o estilo tiver a opo).
36
37
1. Clique em "Pgina" no menu principal do seu site. Selecione "Adicionar nova pgina" . 2. Aparecer uma tela permitindo que voc crie uma nova pgina. 3. Selecione o tipo de pgina que voc deseja ter, voc poder renomear essa pgina, escolher que essa pgina fique no menu principal de navegao ou at mesmo proteger por senha. 4. Clique em "OK" para salvar as selees.
38
Abra o seu site no Construtor de Sites. Clique no menu Sites e v ao Gerenciador de Pgina, ou diretamente na guia Pgina. Procure o nome da pgina que voc deseja excluir. Clique no link "Excluir". Uma caixa de dilogo ser aberta, solicitando que voc confirme que deseja apagar a pgina especfica. 6. Clique em "OK". Lembre-se que a excluso da pgina no reversvel! Voc no pode recuperar suas informaes quando a pgina for excluda.
1. 2. 3. 4. 5.
39
1. Clique na guia "Site" e escolha "Propriedades do Site". Clique no boto "Editar" ao lado de "Navegao". 2. Uma caixa de dilogo abrir com uma lista de todas as suas pginas. Clique no link azul que diz "editar rtulos". 3. Voc ver duas caixas chamadas "Texto de Navegao" e "Focalizar Texto" 4. "Texto de Navegao" nome que aparece no menu de navegao do seu site. 5. "Focalizar Texto" o texto que aparece quando algum passa o mouse sobre uma das guias no seu menu de navegao. Digite o texto que voc deseja nessas duas caixas. 6. Clique em "OK" e sua navegao ser atualizada com suas alteraes.
Aqui esto os passos para a criao de pastas: 1. Clique em "Site" > "Gerenciador de Arquivos" em seu Construtor de Site. 2. Clique no boto "Nova Pasta " esquerda (no meio). 3. Digite o nome da pasta que voc gostaria de adicionar (por exemplo, "Fotos dos Novos Produtos"), e clique em "Adicionar Nova Pasta".
40
4. Faa o carregamento de arquivos para essa pasta, clique na pasta na coluna do lado esquerdo do seu gerenciador de arquivos para abri-la. Carregue os arquivos, como faria normalmente.
41
assim vai ficar ainda um pouco para o futuro. Nesse meio tempo eu espero que voc possa encontrar um estilo para se adequar s suas necessidades. Voc pode estar interessado neste link: Galeria de Estilos Yola. Ele tem uma funo til de filtro para voc ver qual o estilo que voc poder gostar. Voc tambm pode visitar este site: forsite.synthasite.com, onde um dos nossos clientes Yola criou uma pgina para comparar estilos.
42
2. Uma caixa de dilogo ser aberta solicitando que voc confirme se deseja aplicar a alterao para todas as pginas do seu site, clique em "Aplicar e Salvar" se voc gostaria ir em frente.
43
No Yola, voc arrasta e solta widgets da barra lateral direita e os edita, a fim de adicionar contedo, tais como texto, imagens, vdeos, mapas, formulrios e muito mais. Para saber mais sobre os widgets que esto disponveis em Yola e como us-los, por favor d uma olhada no nosso tutorial: What's a widget? (em ingls)
Carregando um Favicon
Para adicionar um Favicon no seu site (a pequena imagem que aparece prxima do seu URL na janela do navegador) voc precisa seguir os seguintes passos: 1. Clique no "Site" no menu principal. 2. Em seguida, selecione "Propriedades do site" do menu suspenso. 3. Voc ver um campo de "Icones favorites" (o terceiro item de cima para baixo). Clique no boto "Carregar" para carregar uma nova imagem do seu computador ou no boto "Browse" para navegar imagens em seu gerenciador de arquivos. 4. Para visualizar como ficar o seu favicon, salve e visualize a pgina. Por favor, note que o Internet Explorer no permite favicons a ser exibido ao lado de seu URL ou na guia da janela. O favicon ser exibido se o site for marcado na sua pasta de Favoritos. A melhor opo seria mudar para o Firefox que mostra o favicon nas trs reas. Se voc quiser obter mais informaes sobre como criar um favicon cruzado no navegador do seu site, confira esta lista de discusso onde um de nossos Champs deu algumas instrues (em ingls) sobre como fazer isso: Cross Browser Favicon.
H uma variedade de maneiras de colocar imagens no seu site. Por favor experimente umas das opes abaixo:
44
1. Clique, arraste e solte o Widget de Imagem na sua pgina. Ele est localizado na barra lateral direita da tela na pasta "Bsico" 2. Uma caixa de dilogo abrir. Voc ter a opo de selecionar "Carregar nova imagem" que carregar imagens do seu computador ou voc pode selecionar "navegar por imagens carregadas" que te dar a opo de selecionar uma das imagens j carregadas para o seu Gerenciador de Arquivos. Para este exemplo ns vamos carregar uma imagem do computador. Clique na primeira opo: "Carregue Nova Imagem" 3. Uma segunda caixa abrir e voc poder navegar pelas pastas no seu computador e selecionar um arquivo para carregar. Observe que este exemplo dado segue a interface de um apple mac, a caixa de seleo de arquivos varia de acordo com o sistema operacional usado. 4. Depois de clicar em "Selecionar", a imagem ser carregado para a sua pgina e tambm armazenada no gerenciador de arquivos. 5. Quando uma imagem adicionada sua pgina, a Otimizao de Imagens ligada automaticamente. Se voc no deseja que sua imagem seja otimizada, clique em editar no alto do seu Widget de Imagem. Uma caixa de dilogo abrir e em Otimizar, voc pode selecionar o boto desativar. Mais informaes neste link: Otimizao de Imagem. 6. Nesta caixa de dilogo, voc tem tambm a opo de trocar a imagem. Voc pode selecionar "carregar" para selecionar uma imagem do seu computador ou "Navegar" para selecionar uma imagem do seu Gerenciador de Arquivos. Clique em "salvar". 7. Voc pode tambm editar a imagem usando Picnik clicando no boto "Edite com Picnik" na caixa de dilogo. 8. Se a imagem est muito grande na pgina , voc pode simplesmente clicar e arrastar para mudar para o tamanho de sua preferncia. Dica: Use um widget de diviso de coluna se voc quiser adicionar uma linha de imagens.
45
Use um Widget de Texto - permite que voc insira vrias imagens em uma caixa de texto. Voc pode inserir quantas imagens o seu estilo comportar. Veja como:
1. Clique, arraste e solte o Widget de Texto na sua pgina. Ele est localizado na barra lateral direita da tela na pasta "Bsico" 2. Clique no boto "Imagem" no alto da pgina do Construtor de Sites em edio de texto (o cone uma rvore verde em uma moldura). 3. O Gerenciador de Arquivos abrir e o permitir navegar e selecionar uma imagem como descrito acima. 4. Separe cada imagem com um ou dois espaos para melhores resultados. H outras opes para adicionar imagens, incluindo pesquisa do Flickr, galeria de fotos, e show de slides. Para maiores informaes sobre formas de apresentar imagens no seu site e timas idias de design de sites, veja os seguintes tutoriais: Explorando Imagens, Imagens and Mais! e Galerias de Fotos, Portiflios e Apresentaes.
1. Clique no boto "Gerenciador de Arquivos". Clique na imagem que voc deseja editar e ento no boto "Editar Imagem" no alto. Isto tambm o levar ao site de edio. 2. * Picnik pode demorar s vezes para abrir, mas vale a ena esperar!
46
3. Quando o Picnik abrir, use as ferramentas de edio de imagem para ajustar a sua imagem. Uma das opes disponveis "Redimensionar". Digite o tamanho desejado. 4. Clique em OK e no boto "Save To Yola" quando tiver terminado de editar e seu arquivo ser substitudo no seu Gerenciador de Arquivos. Observao: Se voc editou sua imagem atravs do Widget de Imagem, a imagem na sua pgina ser tambm atualizada com as novas alteraes. Contudo, se voc foi atravs do Gerenciador de Arquivos voc ter que adicionar novamente sua imagem editada sua pgina.
1. Arraste o widget Galeria de Imagens para sua pgina (voc ir encontr-lo no menu "Bsico"). 2. Carregue uma nova imagem, ou navegue atravs dos arquivos j carregados no seu Gerenciador de Arquivos. " Para carregar uma imagem do seu computador: clique em "Carregue Novas Imagens". Voc poder navegar pelas pastas do seu computador para selecionar um arquivo para carregar. Selecione o arquivo, clique em "Abrir" e ele ser automaticamente enviado para sua galeria. " Para adicionar fotos que j foram carregadas no seu Gerenciador de Arquivo: clique em "Adicionar Imagens Carregadas" e selecione a imagem do Gerenciador de Arquivos. Clique na imagem carregada que voc deseja adicionar, clique em "Selecionar" e a imagem ser adicionada sua galeria. " Para fazer o upload de vrias fotos ao mesmo tempo: segure "ctrl" (para usurios de PC) ou a tecla "cmd" (para usurios de Mac), enquanto clica nas
47
imagens que voc gostaria de carregar. Clique em "Selecionar" no canto inferior direito para fazer carregar as imagens. 3. Assim que a sua galeria for criada voc pode editar o estilo, margens e nome da foto, s clicar em "Editar" no canto superior esquerdo do widget. Salve e publique seu site para ver a galeria de imagens online.
Otimizao de imagens
Grficos e imagens incrveis podem melhorar muito o seu site. No entanto, eles podem causar problemas se forem muito grandes. Imagens grandes podem causar atrasos para abrir, fazer upload, salvar, visualizar, publicar e exibir seu site. Esta ser uma fonte de frustrao para voc, e os visitantes do seu site. Se sua pgina demora mais de 10 segundos para carregar, os visitantes vo correr mais rpido do que voc imagina (http://www.theinternetdigest.net/archive/optimize.html). Imagens compatveis com a web devem ter entre 20KB e 100KB cada, dependendo de quantos voc tem em uma pgina. Voc pode ver o tamanho do arquivo exibido abaixo da visualizao da imagem em seu Gerenciador de Arquivos. Para ajudar a resolver esse problema, voc pode agora usar o widget de imagem para otimizar as imagens na sua pgina. Quando voc carregar a sua imagem no Gerenciador de Arquivos, a imagem original armazenada no gerenciador de arquivos. A otimizao da imagem s ocorre quando adicionado pgina com o Widget de Imagem. Quando a imagem adicionada pgina, voc pode clicar em "Editar" no alto do Widget de Imagem. Uma caixa de dilogo ir abrir e voc ver em "Otimizar" a opo de selecionar "ligado" ou "desligado". Isso ser indicado por um contorno branco ao redor do boto selecionado.
48
Otimizador "ligado" significa que a otimizao de imagens ativada para a imagem e a imagem vai carregar mais rpido em sua pgina. Se o Image Optimizer est "desligado", ento o tamanho original da sua imagem exibido na pgina. Se a imagem exibida tambm em grande parte na pgina, voc pode simplesmente arrastar e redimensionar a imagem de acordo com a sua preferncia. Voc pode ver a sua nova imagem otimizada visualizando a pgina ou republicando seu site. A otimizao das suas imagens pode melhorar drasticamente o tempo de carregamento das suas imagens em suas pginas. Se voc usar o widget de texto para adicionar imagens a sua pgina, as imagens no sero otimizadas. A otimizao de imagens s pode ser feita ao usar o widget de imagem e se ele estiver ligado. Se voc adicionar a imagem usando o widget de texto sua pgina, ento a sua imagem original ser exibida na pgina. Se voc no deseja que suas imagens sejam otimizadas e deseja utilizar a imagem original em sua pgina, voc pode usar o seguinte: 1. Voc pode adicionar a imagem pgina usando o widget de imagem. 2. Clique em "Editar" e a na caixa de dilogo, em "Otimizar", selecione "off". 3. Adicione a imagem sua pgina usando a janela de texto. 4. Link para as imagens originais que voc j carregou no Gerenciador de Arquivos: ! Selecione a imagem na pgina no Construtor de Sites. ! Abra a guia Propriedades, no lado direito da tela. ! Clique no boto "Escolha um link" . ! Clique no boto de procura "..." ao lado da opo "Arquivo". ! Salvar / Preview / Publicar.
49
1. Arraste e solte o Google Map widget em sua pgina. 2. Digite o seu endereo quando a caixa de dilogo aparecer. A caixa de dilogo tambm permite que voc defina o tamanho, zoom e alinhamento do seu mapa. Voc pode escolher se voc quer que ele mostre como um mapa, imagem de satlite ou um hbrido dos dois. 3. Clique em "OK" no canto inferior direito da caixa. O mapa ser incorporado em sua pgina. Se voc deseja incluir as direes com o Google Map, siga estes passos: 1. Ir para o Google Maps. 2. Digite o seu endereo na caixa fornecida e tecle "enter". 3. No lado direito do seu mapa, clique em "Link". 4. Em "Colar HTML para incorporar ao website" - copie o cdigo fornecido. 5. No Construtor de Sites doYola, clique, arraste e solte na pgina, um widget HTML e cole o cdigo. 6. Salvar e publicar o site.
50
Etapa quatro: Selecione todo o cdigo dentro da caixa e copie, clicando com o boto direito do mouse/copiar ou digite Ctrl C. Agora voc deve entrar na sua conta do Yola, e abrir seu site no Construtor de Sites. Na barra lateral direita, clique no Menu Bsico. Clique no aplicativo (widget) de HTML e o arraste para a sua pgina. Uma janela se abrir e nela voc deve colar seu cdigo, clicando com o boto direito do mouse/colar ou digitando Ctrl V. Clique no boto Salvar. Voc dever repetir o processo nas pginas em que deseja adicionar o tradutor. Agora s Salvar e Publicar seu site. Um boto do Google Tradutor aparecer na sua pgina e voc poder escolher o idioma.
1. Arraste e solte um Widgetbox Gallery em sua pgina (voc pode encontr-lo na pasta Colees de Widgets). 2. Uma caixa de dilogo se abrir. Clique na categoria que voc gostaria ou use o campo de busca se voc quiser ver mais opes.
51
3. Escolha o widget que voc gostaria de usar em seu site e personalize as configuraes. 4. Clique sobre o boto verde "Get Widget" e ele ser salvo e acrescentado sua pgina. 5. Save e visualize a pgina para ver o widget.
Para usar a barra de ferramentas de edio de texto, selecione o texto que voc gostaria de editar e use os botes da barra de ferramentas para mudar o estilo, fonte, tamanho, cor, negrito, itlico, travesso, e assim por diante. Explore essas opes, como elas iro ajudar voc a formatar o texto de acordo com suas preferncias.
52
Aqui esto os passos para adicionar o Google Friend Connect no seu site: 1. V para o Google Friend Connect e clique no grande boto azul que diz "Get Started".
53
2. Voc ser levado pgina para digitar o nome do site (o nome que voc deu o seu site quando voc o criou) e endereo do seu site (por exemplo, http://.tradingpost.yolasite.com/). Clique em "Continuar" depois de pronto. 3. Na pgina seguinte, clique no boto azul "Adicionar gadget dos membros". 4. A pgina ir abrir para 3 etapas para personalizar as configuraes do gadget. 5. Depois de ter concludo as etapas 1 e 2, clique no boto "Generate Code" na etapa 3. Uma caixa abrir contendo o cdigo JavaScript que voc precisa adicionar ao seu site. Copie todo o cdigo e volte para o seu site Yola no Construtor de Sites. 6. Arraste e solte um widget de HTML sobre a pgina. Cole o cdigo no editor de HTML que se abre. Clique em "Salvar ". 7. Voc ver uma mensagem de erro que diz "Pedimos desculpa... Este gadget est configurado incorretamente..." Por favor, ignore esta mensagem, ele ir aparecer no Construtor de Sites, porque no o seu site publicado online. 8. Clique no boto "Publicar na Web" para atualizar seu site e voc ver o Google Friend Connect exibido na pgina do seu site. Agora voc pode comear a usar este timo recurso para criar uma comunidade no seu prprio site!
54
Adicionando HTML
Veja como adicionar HTML ao seu site usando o Widget de HTML: 1. Clique e arraste um Widget de HTML da barra de ferramentas do lado direito da sua pgina (o cone uma esfera azul) 2. Um editor de HTML ir abrir para que voc escreva ou cole o seu cdigo (use o boto direito do mouse e selecione cole ou tecle Control V para colar. 3. Quando voc tiver terminado, clique Salvar e voc poder ver como o HTML aparecer na sua pgina. Veja como adicionar HTML ao seu site usando o Widget de Texto: 1. Para editar HTML em um Widget de Texto, clique no ltimo cone na ferramenta de edio de texto (HTML) 2. Voc j pode editar o HTML. 3. Quando voc tiver terminado, clique OK para voltar a editar texto com o Editor de Texto do Yola. Se voc estiver editando um post de blog, voc pode inserir HTML personalizado, usando o boto de HTML na barra de ferramentas de edio de texto de blog. (Funciona da mesma maneira que o Widget de Texto).
55
No entanto, com a atualizao para Yola Silver, uma das grandes caractersticas includo a capacidade de carregar esses arquivos .html e .js! Yola oferece pacotes como Yola Free e Yola Silver para que voc possa escolher o melhor Yola para suas necessidades! Se voc quiser permanecer com a sua conta gratuita, no ser possvel fazer carregamento de arquivos HTML ou Javascript. Dependendo a sua razo para a necessidade de carregar esses arquivos, pode haver uma alternativa que podemos sugerir. Se voc deseja nos dizer o que voc est esperando realizar, vamos lhe informar se h uma soluo alternativa disponvel.
56
Esta uma explicao simples sobre como adicionar links, ns escrevemos um tutorial que mostra o processo com maiores detalhes. Aqui est o link: Criando Links. Para um vdeo passoa-passo sobre como adicionar links de texto, assista Adicionando links de texto.
57
3. Outra caixa de dilogo se abrir, permitindo que voc navegue pelo seu computador por uma imagem ou escolha uma imagem do Gerenciador de Arquivos. 4. Depois de selecionar sua imagem, voc ser levado ao editor de Banner. 5. Voc pode cortar e redimensionar a imagem de banner. 6. Feito isso, clique em "OK" e sua imagem de banner ser adicionada sua pgina. 7. Clique em "Salvar" para a imagem do banner ser salva em sua pgina. 8. Voc tem a opo de aplicar esta imagem em todas as pginas do seu site, selecionando a opo "Aplicar a Todas as Pginas" na caixa de dilogo.
58
Certifique-se que as dimenses da rea do banner do seu estilo (clique na rea do banner e voc vai ver as dimenses apresentadas na parte inferior da caixa de dilogo), de modo que voc pode criar o seu banner para ser o tamanho adequado. Se a imagem do banner pode ser alterado, este ser indicado quando voc colocar o mouse encima da imagem do banner. Para alterar a imagem do banner: 1. Clique sobre a imagem diretamente no banner em sua pgina. 2. Uma caixa de dilogo se abrir, que permitir que voc procure no seu computador uma imagem ou escolher uma imagem do "Gerenciador de Arquivos". 3. Depois de selecionar sua imagem, voc ser levado para o Editor de Banner. 4. Voc pode cortar e redimensionar a sua imagem banner. 5. Uma vez feito isso, clique em "OK" e sua imagem banner ser adicionado sua pgina. 6. Clique em "Salvar" para que a imagem do banner seja salva sua pgina. 7. Voc tem a opo de aplicar esta imagem em todas as pginas do seu site, selecionando a opo "Aplicar a todos" opo da caixa de dilogo.
59
Voc pode colocar um link no boto desta forma: 1. Adicione o boto sua pgina, utilizando o Widget de Imagem. 2. Clique no link "Editar" no canto superior esquerdo do seu Widget de Imagem. 3. Uma caixa de dilogo se abrir. Clique em "Escolha um link" e faa a sua escolha, voc poder criar um link para uma pgina em seu site, uma URL externa, um endereo de email ou um arquivo. 4. Clique em "Salvar ". Para verificar se o link est funcionando, visualize a pgina e clique no link. Observe que o menu uma funcionalidade do estilo que voc selecionar. Se no est funcionando para voc, pode ser necessrio alterar os estilos. Como alternativa, a atualizao para o Yola Silver lhe d acesso ao site CSS e recursos de submenu, permitindo que voc faa essas mudanas, e adicione menus de segundo nvel, facilmente! Maiores informaes sobre Yola Silver no incio deste documento.
60
Para obter mais informaes leia o post no Frum comunitrio do Yola (em ingls): Site traffic statistics are now available! Se voc desejar usar uma ferramenta diferente temos um tutorial detalhado sobre o Google Analytics para o seu site aqui: Adding Analytics Tutorial.
61
Se voc decidir que voc quer um contador de visitas para seu site, existem vrias maneiras de adicionar um. Voc pode encontrar mais informaes neste link: Adding a hit counter.
Adicionando formulrios
Se voc deseja adicionar um formulrio ao seu site, busque na pasta "Formulrios e Compromissos" na barra lateral com Widgets do lado direito da tela.
62
Voc poder usar o Widget de Formulrio do Yola onde voc ter a opo de escolher um de contato ou em branco. O formulrio em branco te permite personalizar completamente. Voc pode adicionar e excluir, renomear e mover a posio dos campos. Para maiores informaes sobre Widgets de Formulrios veja este link em ingls: Yola Form Widget. Voc tambm pode usar o servio chamado Wufoo, servio de formulrios. Veja o link em ingls: Wufoo. Os comentrios e formulrios preenchidos sero enviados para o endereo de email usado para se cadastrar no Yola, ou outro que voc pode inserir na caixa de edio do Widget de Formulrio. Inclua links em pontos relevantes do seu site que traro seus visitantes para o formulrio de contato. Voc poder ento responder pessoalmente ou postar os comentrios diretamente no seu site.
63
especfico para o seu site de uma das bibliotecas de widgets na pasta "Colees de Widget" (como o Google Gadgets, Widgetbox Gallery, ou Slide.com). Veja como adicionar um livro de visitas do Widgetbox Gallery: 1. Arraste e solte um Widgetbox Gallery Widget (localizado na pasta "Colees de Widget") na sua pgina. 2. Uma caixa de dilogo se abrir, procure por "guestbook" para ver todos os widgets disponveis. 3. Escolha o widget que voc gostaria de usar em seu site e personalize as configuraes. 4. Clique sobre o boto verde "Get Widget" e ele ser salvo e acrescentado sua pgina. 5. Salvar e visualizar a pgina para visualizar o widget. Aqui esto os passos usando o Slide.com como exemplo: 1. Adicionar um widget de slides para seu site (localizado na pasta "Colees de Widget") na barra lateral, direita da sua tela. 2. Uma caixa de dilogo se abrir. Clique no link que ir lev-lo para o site Slide.com (a escrita azul no canto inferior direito). 3. No site Slide.com, selecione a opo "make a guestbook". 4. Personalize o seu livro de visitas e clique em "save". 5. Copie o cdigo fornecido e cole-o na caixa de dilogo de volta ao Yola. 6. Clique em "Salvar" e voc ter um guestbook para seu site. Se voc no gostou de nenhuma dessas opes, por favor visite smartgb.com ou busque no Google por "free guestbook". Personalize o guestbook, copie o cdigo HTML fornecido e cole em um widget HTML que voc adicionou sua pgina.
64
65
1. Em primeiro lugar login em sua conta do Google. Se que voc no tiver uma, ento voc pode criar uma conta gratuita do Google aqui. 2. Por favor, v para a caixa de comentrio HTML. 3. Na caixa azul, voc ter que clicar no boto "Entrar" - isto lhe dar as ferramentas de moderao. Voc ser levado sua conta de email do Google. Digite suas informaes de login. Uma vez concludo voc ser levado de volta ao site da caixa de comentrio HTML. 4. Por favor, selecione as opes que desejar que estejam disponveis (que encontrada na caixa azul). Em seguida, copie o cdigo que voc v na caixa verde. 5. V para o seu Construtor de Sites, arraste pgina um elemento HTML e cole o cdigo. 6. Salvar e publicar o site.
66
2. Selecione o programa de Mensagem Instantnea que deseja usar (deve ser um que j esteja usando) para seu chat em vdeo e preencha seus dados de log in para o sistema de Mensagem Instantnea, e clique em "Sign In". 3. Voc ser lavado para a pgina inicial que contm o Tokbox que voc acabou de criar. Na parte de baixo da sua tela, voc ver alguns links, um deles chamado "Embed". Clique neste link. 4. Se uma caixa aparecer sobre o Adobe Flash Player, clique no boto ao lado de "Allow" e em "Remember". Ento clique em "Close". 5. Selecione as vrias opes para Call size, Text Chat and Guest list. Ento clique em "Add to my Site". 6. Clique em "copy code". 7. No seu site no Construtor de Sites do Yola, clique em um Widget de HTML na barra lateral direita da tela, arraste e solte-o na sua pgina. Cole o cdigo dentro do editor de HTML que aparece na sua tela. 8. Clique no boto azul no alto da sua pgina para salvar suas alteraes. 9. Clique no boto verde "Publicar na Web" para que suas alteraes sejam publicadas online.
67
68
Se voc no quiser usar a interface na web do Gmail, voc pode configurar as definies para downloads de email para o seu cliente de email no seu computador (ver informao nas FAQs abaixo). Para mais informaes sobre o Google Apps, veja o link para o FAQ: Google Apps.
1. Configuraes do Google Apps sero adicionadas automaticamente ao seu domnio, voc s precisa ir ao Google Apps para criar uma conta e verificar a propriedade do domnio. Verificar o seu domnio significa que voc precisa colar um cdigo que o Google oferece em uma caixa de configuraes avanadas de DNS na sua conta do Yola. 2. Para obter a sua configurao de conta do Google Apps, escolha a Free Edition ou Business Edition dependendo de suas necessidades. 3. No Google Apps, clique no boto "Get Started" para comear!
69
70
At que seu site seja indexado, as pessoas podero encontrar seu site ao digitar seu endereo, assim como meusite.com, na janela no alto da pgina do navegador. Para maiores informaes veja este tutorial em ingls: Getting your site indexed by the search engines.
Passo 1: Verificando seu Site com o Google Webmaster Antes de tentar verificar seu site com Google Webmaster, seu site deve ser publicado. Voc precisar da URL do seu site, para poder envi-lo para ser verificado. Se o seu site ainda no foi publicado e voc precisa de instrues sobre como public-lo, veja o nosso tutorial no incio do documento. Quando seu site for publicado, e voc tiver uma URL, v para o Google Webmaster para enviar seu site! Voc precisar criar uma conta do Google se voc no tiver uma, ou faa o sign in.
71
Assim que voc tiver uma conta e tiver efetuado log in, voc ver uma pgina inicial com um boto "Add a Site", ou "Adicione um Site", que o levar adicionar um site. Voc deve preencher com a URL do seu site aqui. Importante: Insira a URL do seu site publicado, no o URL preview (a URL longa que voc v quando voc d preview no seu site no Construtor de Sites do Yola). A URL do meu site teste : http://tradingpost.yolasite.com - digite a URL do SEU site. Quando voc tiver terminado, clique em "Continuar". Se voc possui um domnio personalizado assim como meusite.com, este deve ser inserido no campo incluindo o www, ento ficar assim: http://www.meusite.com. A prxima tela te dar informao sobre o seu site e te dir que seu site no foi verificado. Garanta que o mtodo de verificao "Meta Tag" seja escolhido e voc ver um longo meta tag: Voc precisa copiar a parte correta para addicionar o cdigo ao seu site com xito. Agora que voc tem o cdigo de verificao, hora de aplic-lo ao seu site. Abra seu site no Construtor de Sites do Yola e clique na guia de Propriedades na Barra Lateral direita da sua tela. (Tenha certeza que no selecionou nenhum widget para assegurar que so as propriedades da pgina e no do widget que est sendo visualizada. Cole o cdigo na caixa marcada "Google Webmaster Code" Importante: Voc deve colar este cdigo dentro do campo Google Webmaster Code abaixo da guia de Propriedades na Barra Lateral somente na pgina index do seu site. Voc s precisa fazer isso nesta pgina, mas se voc no colar o cdigo na pgina index, o Google no poder verificar seu site. Quando tiver terminado, clique no boto verde "Publique na Web". Assim que voc tiver colado o cdigo e publicado seu site novamente clicando no boto verde "Publique na Web", retorne tela do Google Webmaster e clique no boto "verificar". Se voc colou o cdigo corretamente voc receber uma mensagem dizendo que seu site foi verificado: Parabns! Voc completou a primeira parte do processo, Se quiser, voc pode seguir para o passo 2. Passo 2: Enviando um Sitemap para o Google Webmaster Quando voc publica os seu site, o Yola gera um Sitemap no seu lugar. Voc pode enviar este Sitemap para o Google Webmaster para dar mais informaes sobre o seu site para o Google. Veja como voc pode encontrar o Sitemap para o seu site publicado. o nome do seu domnio, seguido de "/sitemap.xml." Ento a URL do meu Sitemap para o meu site teste seria: http://tradingpost.yolasite.com/sitemap.xml
72
Na pgina do Painel de Controle (a mesma pgina onde voc acabou de verificar seu domnio), clique em "Submite Sitemap" abaixo e direita da pgina. Digite 'sitemap.xml' depois ad sua URL e clique em 'Submit Sitemap' ou 'Enviar Sitemap' Seu site ser verificado e voc dever ver a seguinte tela: Parabns! Voc acabou de verificar seu site com as ferramentas do Google Webmaster e enviou um sitemap. Quando o Google rastrear seu site, voc poder fazer login na sua conta do Google Webmaster para ver dados que iro ajud-lo a a otimizar seu site para mecanismos de busca. Perguntas mais frequentes Onde posso conseguir mais informaes sobre como o Google Webmaster funciona? A pgina de ajuda do Google Webmaster est cheia de informaes, aqui est o link: Ajuda do Google Webmaster. Me ajude! O Google Webmaster est me mostrando erros, e eu no sei o que significam! Voc encontrar informaes detalhadas sobre o que esses erros signifcam e como arrum-los nesses links: Erros de Rastreamento e Cdigos de Status HTTP.
No consigo carregar um arquivo HTML, como posso verificar meu site com o Google Webmaster?
Para verificar seu site com Google Webmaster voc precisa usar a opo meta tag. muito importante que voc copie a poro correta da tag para que funcione. Copie apenas parte com letra/nmero entre as aspas e cole no campo prprio na barra lateral de Propriedades. Por favor use nossas instrues, e no as do Google. As do Google esto escritas assumindo que voc est trabalhando com cdigo no site desde o comeo. Nossas instrues so especficas para o sistema do Yola.
73
Administrao de conta
Como redefinir sua senha, alterar seu email de login, assinar o nosso boletim informativo.
74
75
76
77