TUTORIAIS CONECTE SEU NEGÓCIO

Embed Size (px)

Citation preview

Conecte Seu Negciohttp://www.conecteseunegocio.com.br

Bem-vindo ao Yola! Estamos felizes que tenha se juntado a ns!

1

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*;*!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!

?! >?! >?! >?!

S;:'$":%-='"=2T2E$)=*=%;"@*,*"E'-T29$,*,">%$"='>?-2'"@*,*"*@'-:*,"@*,*"'"(')*U"!"#$%"%$"=%3'"T*.%,/ " AV! 6$*)"'"-'>%"=';";%,32=',%;"='"(')*/" C'>@,*"=%"='>?-2'"#$*-='"3'EQ"KM"@$J)2E'$";%$";$J='>?-2'" C'>'"T*.%,"*):%,*XY%;"-'";%$";2:%"=%@'2;"=%"KM"@$J)2E*='"

2

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! S%$!5,6%!1T'!*=.%!1'!@'156.$6'.!3%!+,6%5!

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%*"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'-%:M,2*"='"d2=9%:"=%"P'K*"!-)2-%" 5):%,-*:23*"@*,*"'"8*c8*)" 8,'J)%>*;"[%,*2;"-'"E'-;:,$:',"=%";2:%"7":,'$J)%;D'':2-9" P2>@*-='"*">%>e,2*"E*ED%" 8',"#$%">%$";2:%"T',"=%;*:23*='/" !"(')*"@';;$2"$>"8,'9,*>*"=%"5T2)2*=';/" 6$%,'";%,"$>"@*,E%2,'"(')*"

9:/1,!";"'(1+%1(!/"'*//!/" 3

2$>"1:c)%;" 5):%,*-='"%;:2)';"

C'>'"%$"@';;'"%=2:*,"*"E*:%9',2*"='">%$";2:%/"

G! bb! bb! LL! LR! LR! LW! L\! L\! L0! L%*,";$*"@M92-*" C,2*-='"@*;:*;"@*,*"9%,%-E2*,";%$;"*,#$23';" f2,%2:';"5$:',*2;"7"C'>'"@,':%9%,">%$";2:%"

%/.($.$(*"%"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!

4

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'3%,"*"8,':%XZ'"@',"1%-D*"=*"@M92-*" 5=2E2'-*-='"$>*"E*2_*"=%"ED*:"E'>"3?=%'" +*-E';"=%"=*=';"16P"

WW! WW! W\! W0! W0! W! 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!

6

O que o Programa Conecte seu Negcio?O Google Brasil se uniu com o Yola e o Sebrae para ajudar o micro, pequeno e mdio empresrio brasileiro a conectar o seu negcio online de forma rpida, fcil e barata. Para maiores informaes e registro, visite o nosso site: www.conecteseunegocio.com.br

Tutoriais do programa Construtor de Sites do YolaGostaramos de dar todas as informaes necessrias para ajud-lo a construir seu site. Queremos que o Yola seja o mais fcil possvel de usar, e estamos aqui para assist-lo na fase inicial de aprendizagem e suporte sempre que precisar. Aqui esto algumas instrues que te ajudaro no comeo, assim que voc cadastrar sua conta no Yola: 1. Um nome para o seu site: Deve ser simples e fcil de lembrar e mostrar do que o seu site se trata. O nome do seu site tambm aparecer no alto de todas as pginas do seu site. Este nome no mesmo que o seu nome de domnio - se voc ainda no o adquiriu, voc poder selecion-lo quando for publicar seu site. 2. O endereo do seu site: Voc poder escolher o endereo do seu site como desejar, por exemplo um subdomnio gratuito (www.exemplo.yolasite.com) ou adquirir seu prprio domnio (www.exemplo.com.br). Se voc desejar deixar esta parte por enquanto, e publicar depois, clique na 3a. opo. 3. Um modelo para o seu site: O estilo ser usado em todas as pginas do seu site e determinar o visual das suas pginas. Role a pgina para baixo para ver todas as opes de estilos. Alguns estilos esto disponveis em cores diferentes, e tm opes para personalizar, como a habilidade de trocar de plano de fundo ou imagem do banner. 4. Quando voc estiver satisfeito, clique no estilo que voc gostaria de usar. Em alguns segundos, seu site ser criado e voc poder comear a adicionar contedo. 5. A barra lateral direita na sua tela, contm os widgets que voc usar para adicionar contedo ao seu site. Widgets so aplicativos que permitem que voc adicione coisas como texto (digitado) e imagens s suas pginas. Voc os adiciona clicando com o mouse, segurando o boto e arrastando-os para a rea que desejar na pgina. Se voc estiver fazendo certo, uma imagem cinza do widget aparecer se movendo pela pgina. Quando o widget estiver na pgina, solte o boto do mouse. Voc poder ento editar o widget e adicionar texto, imagens e vdeos. 6. Se voc quer uma nova pgina, clique em "Adicionar Pgina" (o terceiro boto da direita para a esquerda no alto da pgina) voc poder digitar o nome da nova pgina e ento adicionar contedo usando os widgets. 7. Quando estiver satisfeito com seu site clique em "Publicar na Web" se voc ainda no tiver publicado, voc passar pelas etapas para public-lo. Seu site estar no ar assim

7

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.

Perguntas Mais FrequentesPerguntas Frequentes sobre o Yola.

O que o Yola Bronze?O Yola Bronze inclui tudo que o Yola Free tem: ! 5 sites por conta. ! Armazenamento de 1GB por site e 5GB por conta. ! Carregamento de arquivos de at 15MB cada. ! Acesso a todos os recursos de criao de sites. ! Adicione quantas pginas voc quiser no seu site ! Hospedagem gratuita para seu site. ! A opo de usar um subdomnio gratuito ou comprar um domnio. ! Nenhum pop-up ou anncio indesejado no seu site ! Suporte 24/7 atravs dos nossos tutoriais, frum comunitrio ou atravs de email com um de nossos representantes de suporte: pelo [email protected] Sua conta se torna Yola Bronze quando tambm inclui um domnio personalizado. H diversas extenses de domnio disponveis para registro pelo Yola. Atravs do programa Conecte Seu Negcio, o primeiro ano de registro de um domnio .com.br est disponvel por apenas R$29,95.

8

Yola Silver FAQ - Perguntas FrequentesO que o Yola Silver?O Yola Silver o nosso pacote de assinatura que permite que voc atualize sua conta do Yola para criar um site realmente profissional e de destaque. O custo promocional para clientes do Conecte Seu Negcio de R$49,95 pelo primeiro ano e inclui os seguintes recursos: ! Um crdito para um nome de domnio personalizado para que voc possua seu prprio pedao da web. Extenses disponveis: .com.br, .com, .net, .org, e .biz. ! Registro privado para o seu nome de domnio personalizado ! Acesso ilimitado a nossa biblioteca de modelos Premium Style para ajudar o seu site se destacar! ! Suporte Premium: inclui suporte por email prioritrio. Suporte por telefone por enquanto est disponvel apenas em ingls. ! Site Analytics avanado disponvel no seu painel My Yola. ! Edio personalizada de CSS. ! Submenus. ! Use domnios comprados em outro lugar e aponte-os para o Yola para publicar seu site. ! Crie at 25 sites, receba 5GB de espao para armazenamento por site e faa upload de arquivos de at 100MB. ! A possibilidade de fazer upload de arquivos HTML e Javascript. ! E mais crditos de anncio com o Google AdWords (valor US$50) apenas para contas novas do Google AdWords e um crdito para fazer o seu prprio logotipo atravs HP LogoMaker (valor US$50).

O nome de domnio est includo no pacote?Sim, Yola Silver inclui um nome de domnio personalizado. Tambm est includo o registro de domnio privado. Voc tambm tem a opo de comprar ainda um nome de domnio como um nico item. No entanto, no vai incluir o registo privado, isso seria necessrio comprar separadamente.

A taxa do Yola Silver uma taxa nica ou uma taxa anual?A taxa promocional para clientes do programa Conecte Seu Negcio de R$49,95 pelo primeiro ano, cobrada anualmente. No final do seu perodo de assinatura, voc receber um email dando a oportunidade para renovar sua assinatura pelo valor normal de US$99,95. Cada produto do Yola tem um preo especfico em diversas moedas disponveis. Estes preos foram escolhidos com base em uma srie de fatores diferentes e voc poder usar a moeda de sua escolha na hora de pagar.

9

O limite do site para sites criados ou sites publicados?O limite para sites criados. Voc pode criar at 5 sites com uma conta gratuita e at 25 sites com Yola Silver.

Como vou saber se estou perto de passar ou j passei de um dos limites?Voc pode ver o nmero de sites que voc criou e quanto espao de armazenamento voc usou: ! Em sua pgina "My Yola" ! No Gerenciador de Sites no Construtor de Sites ! No Gerenciador de Arquivos (para armazenamento utilizado por site)

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.

Qual a idade mnima para usar o Yola?Nossos termos de servio estipulam que voc deve ter 13 anos de idade para usar o Yola.

Como entrar na minha conta e editar meu site?Para entrar no seu site, voc precisa clicar neste link para ir para a Pgina Inicial do Yola e seguir estas instrues:

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 CompatveisO Yola atualmente compatvel com:

Google Chrome;

Firefox 3 ou mais recente;

11

Internet Explorer 7, 8, ou mais recente;

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.

Construa meu site por mimNs no somos uma empresa de web design e no temos uma equipe disponvel para construir sites para o pblico. Todo o nosso pessoal trabalha no desenvolvimento do nosso programa, para o crescimento da nossa empresa e oferece suporte para nossos clientes na criao dos seus sites. Ns temos duas alternativas que podero iteress-lo: ! Yola Premier uma parceria que temos com a HP Logoworks que permite aos clientes do Yola criar um site com um designer profissional com o Yola por US$ 499,95. Detalhes da oferta podem ser encontrados neste link: Professional Web Design. A equipe Logoworks ser capaz de responder a quaisquer perguntas que voc tenha atravs do suporte por telefone (em ingls) e email. ! Contratar um especialista do Yola para construir o seu site para voc: Yola Experts Program. Os dois programas esto disponveis apenas em ingls, espero que uma destas sugestes possa atender s suas necessidades para a criao e desenvolvimento do seu site!

FTP: Posso usar?O Yola no oferece FTP. Para que um site seja hospedado em nossos servidores ele precisa ser criado com o nosso Construtor de Site. Se voc precisa carregar arquivos voc pode faz-lo no Construtor de Site. Clique no menu "Site", em seguida, selecione o "Gerenciador de Arquivos".

12

Como publicar meu site na internet para que todos vejam?Para colocar seu site online, para que possa ser visto pelo pblico, voc precisa public-lo! O Yola fez todo o possvel para disponibilizar todas as opes de publicao para voc. Observe que construo de sites e hospedagem no Yola so gratuitos, independente de qual opo de publicao voc escolher. Voc pode: 1. Comprar um domnio personalizado e hospedar seu site conosco de graa. As extenses de domnio disponveis atualmente so: .com.br, .com, .net, .biz e .org. 2. Publicar em um subdomnio gratuito e hospede tambm gratuitamente. 3. Publicar em um domnio que voc j possui e mesmo assim, hospedar seu site conosco de graa. Informao importante: 1. Se voc selecionar opes 1-3 voc pode facilmente alterar seu site publicado a qualquer hora, ento voc no precisa esperar que seu site esteja "terminado" para que possa public-lo. Um bom site est sempre "em construo" e voc deve continuar a atualizar seus sites o mais frequentemente possvel depois de publicado. 2. Quando voc publicar seu site qualquer pessoa poder ver seu site ao clicar num link para o site, ou ao digitar o seu URL (endereo na web) na barra de endereo do navegador. Porm, voc no poder buscar seu site imediatamente, pois leva um certo tempo para site recm publicados serem indexados pelos mecanismos de busca.

Qual ser minha URL?Voc escolhe sua URL (endereo do site) quando voc publica seu site. Se em algum momento voc precisar verificar qual o endereo do seu site, voc pode v-lo no Construtor de Sites. Assim que seu site for publicado, ser mostrado no alto da sua tela, do lado direito do logotipo do Yola.

13

Publique usando um domnio que voc j possuiSe voc j comprou um domnio em um outro lugar, voc pode us-lo para publicar o seu site. Para fazer isso voc cria registros A (A records ou registros de endereo) para apontar para este IP: "184.72.229.176". Para instrues detalhadas para alguns registros de domnio especficos, clique neste link: Configurao de domnio com GoDaddy, Register.com & outros registros de domnio. Se o seu registro de domnio no providenciar gerenciamento de nome de domnio, ns recomendamos os servios do ZoneEdit. Porm, a maioria dos registros de domnio podem ajud-lo com um registro A, nesse caso voc no precisa de um provedor de servios como o ZoneEdit. Essas so informaes gerais para configurar seu domnio para apontar para o Yola. Se voc precisar de ajuda especfica com a interface do seu registro de nome de domnio, ns recomendamos entrar em contato com o servio de suporte da respectiva empresa. Como configurar um nome de domnio que voc j possui: 1. Entre no site do seu registro de domnio, fazendo login. (por exemplo: GoDaddy.com, Register.com, Registro.br). 2. V para a pgina de gerenciamento de DNS. 3. Configurar dois registros A (A records). 4. O endereo de IP dos registros deve apontar para "184.72.229.176" Para configurar os dois registros A:

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

Se voc precisar de assistncia, entre em contato com o seu registro de domnio.Lembre-se de que pode levar at 48 horas (geralmente menos) para essas mudanas entrarem em rigor e voc deve procurar o seu registro de domnio se precisar de ajuda com relao a esse processo. Fique a vontade para nos enviar qualquer instruo que voc venha a receber do registro para que possamos te dar mais alguma ajuda. Assim que tiver configurado seu DNS: 1. Clique no boto verde "Publicar na Web" no Yola. 2. Selecione "Eu j possuo meu nome de domnio" e ento clique em "Prximo passo". 3. Entre o nome do seu domnio e siga os avisos para publicar o seu site. Se o seu site j estiver publicado, clique na seta do menu suspenso do lado do boto "Publicar na Web" e voc ver uma opo para adicionar um domnio que voc j possui. Se agora o seu domnio est redirecionando para o seu subdomnio, voc pode mud-lo seguindo os passos: 1. Entre na sua conta Yola e certifique-se que voc est na pgina "My Yola". 2. Clique em "Configuraes avanadas" e certifique-se que o site correto est selecionado no menu suspenso direita. 3. Os dois domnios sero listados na pgina e voc poder mudar o seu domnio principal, clicando em "fazer primrio". Quando o seu site estiver publicado para o seu domnio, a parte mais difcil j ter passado, e voc poder editar seu site e ento atualiz-lo com um nico clique!

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.

Qual o nome dos servidores do Yola?Quando voc configura seu prprio domnio, voc pode se deparar com um pedido de nome dos servidores. O Yola no possui nome de servidores. 1. Se voc compra um domnio atravs do Yola, ns cuidamos de tudo por voc com o nosso parceiro de registro de domnio. 2. Se voc comprou seu domnio em outro lugar, a sua empresa de registro precisa fornecer a voc um gerenciamento de nome de domnio (nome dos servidores). Voc deve apontar seu domnio para o seu site criando um A record (address record). 3. Se voc comprou seu domnio com uma empresa de registro que no oferece administrao de nome de domnio voc precisar usar uma empresa como ZoneEdit. Contudo, voc deve antes esclarecer se eles podem te ajudar com o A records para o seu domnio.

Compra de domnio quando voc j publicou seu subdomnioVoc pode facilmente adquirir um domnio depois de j ter publicado seu site como subdomnio - o seu endereo antigo (assim como exemplo.yolasite.com) ser automaticamente redirecionado para o seu novo endereo (www.exemplo.com). Desta forma voc no perde seus links ou visitantes que s conhecem seu endereo antigo e eles podero ver seu novo nome de domnio. Voc ver a opo de atualizar para um domnio personalizado sempre que publicar seu site. Se voc adquirir um domnio pelo Yola, ns tomaremos conta de todas as configuraes por voc.

Como fazer alteraes no seu site depois de j publicado fcil fazer alteraes no seu site j publicado, a qualquer hora. Ento voc no precisa esperar at que seu site esteja "terminado" antes de public-lo. Voc tambm no precisa colocar uma placa de "em construo" no seu site. Essa uma prtica antiquada. Hoje em dia sabemos que todos os sites esto em atualizao constante. Para saber se suas ltimas alteraes ao seu site ativo foram aplicadas, confira o semforo indicador do lado do boto verde "Publique na web". Se a luz estiver amarela, ainda h alterao a serem publicadas. Clique no boto verde "Publique na web" e pronto! Sempre que quiser fazer alteraes no seu site publicado:

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.

Por que no posso achar meu site no Google?Leva tempo para sites novos serem encontrados e indexados pelos sites de mecanismo de busca. Primeiramente seu site dever ser indexado pelo mecanismo de busca, antes que seu site esteja disponvel, para que os usurios da internet possam busc-lo usando a caixa de pesquisa. Indexao o processo do mecanismo de busca que vasculha todas as pginas do seu site, faz uma cpia e adiciona ao seu ndice. Isso pode levar semanas ou meses e infelizmente no podemos control-la. Se voc parar para imaginar os milhes de pginas que existem na internet, voc ver porque demora tanto. 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.

17

Tutorial: Google WebmasterO Google Webmaster uma ferramenta que te ajuda a gerenciar a indexao do Google no seu site, melhorando o trfego para o seu site. Esta uma lio avanada para aqueles que desejam utilizar esta opo. O Yola facilitou para que voc use as ferramentas de otimizao de site do Google Webmaster. Veja instrues passo-a-passo sobre como verificar seu site e enviar um Sitemap para o Google Webmaster. 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. 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.

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.

Perguntas mais frequentesOnde 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.

Meu site no abre no Construtor de SitesEste tutorial explica por que o seu site ou pgina podem no estar carregando no Construtor de Sites Yola. Vamos explicar como voc pode se certificar que seu contedo adicionado corretamente para que carregue seu site e possa edit-lo.

Efeitos de copiar e colar a partir do MS Word ou uma fonte externaNo copie e cole diretamente do MS Word ou qualquer outra fonte externa!Copiar e colar diretamente de um programa como o MS Word, email ou outras pginas da web uma das maneiras mais fceis de destruir o seu site. Quando voc copiar e colar diretamente a partir destas fontes, h formatao escondida no texto que pode fazer a pgina quebrar. Aqui esto algumas coisas que podem acontecer com o seu site como resultado de colar o texto diretamente: ! Sua pgina pode no carregar no Construtor de Sites. Isso pode no acontecer inicialmente, mas a sua pgina vai quebrar mais cedo ou mais tarde.

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.

Como resolver esse problemaNs construmos uma ferramenta para voc usar! Esta ferramenta ir ajud-lo a corrigir o texto copiado a partir de fontes como documentos do Word. O HTML Helper (em ingls) est disponvel neste link: html101.yolasite.com. Salve como favorito!

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.

Como adicionar imagens armazenadas em um documento do Word MSPara que suas imagens sejam exibidas corretamente em sua pgina, voc precisa fazer o upload das imagens individualmente e no incorporando dentro de um documento do MS Word. Se voc carregar o documento, um link para o documento do Word MS ser exibido em sua pgina, em vez da prpria imagem.

Aqui est como carregar as imagens:21

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.

Minha pgina est presa em "Pgina Abrindo" e o contedo no carregaIsso causado principalmente pela adio de cdigo de HTML invlido sua pgina. Quando isso acontece a pgina no editvel e, portanto, no te permite corrigir o cdigo. Esta situao bastante infeliz e voc tem apenas duas opes disponveis. A primeira opo tentar quebrar o cdigo, alterando o layout (geralmente 3-over-1 funciona melhor). Em seguida, arrastar o widget que contm o cdigo invlido para uma das colunas vazias e excluir. Se voc ainda no conseguir acessar o seu cdigo, ento sua nica opo excluir a pgina e recri-la. HTML invlido causa problemas muito parecidos ao texto colado diretamente do MS Word.

Como fao para evitar tal situao no futuro? aconselhvel testar seu cdigo HTML antes de adicion-lo sua pgina. Veja como testar o cdigo: 1. Criar um "site de teste" na sua conta Yola. 2. Antes de adicionar o cdigo HTML para seu site, basta test-lo no "site teste". 3. Adicione o cdigo, salve a pgina, abra uma pgina diferente e, em seguida, retorne pgina com o cdigo colado. 4. Se o cdigo parar de carregar a pgina ou se voc encontrar quaisquer problemas na pgina, eu sugeriria no adicionar o cdigo ao seu site at que seja corrigido.

Como fao para corrigir meu cdigo HTML invlido:1. Volte para a fonte do cdigo HTML e certifique-se de ter copiado o cdigo inteiro. Para se certificar que voc est copiando o cdigo inteiro, simplesmente clique direito sobre o cdigo com o mouse e clique em "selecionar tudo". Isto ir assegurar que todo o cdigo selecionado, em seguida, clique em "copiar". 2. Use uma ferramenta de HTML Tidy - h muitas ferramentas HTML arrumado disponveis para corrigir invlido o cdigo HTML. Recomendamos o uso de http://infohound.net/tidy.

Veja como usar a ferramenta para arrumar HTML:1. Copie o seu cdigo HTML (Com o boto direito do mouse, clicar em "selecionar tudo", boto direito novamente, clique em copiar - isso vai garantir todo o cdigo copiado). 2. Cole o cdigo HTML no campo chamado "HTML". 3. Clique em "Tidy!" Seu cdigo invlido sero corrigidos.

Como posso ganhar dinheiro com meu site?22

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.

Tutorial: Criando uma Loja VirtualSe voc tem uma produto ou uma seleo de produtos que voc deseja vender em seu site, ou se voc deseja coletar doaes para uma instituio de caridade, no h nenhuma maneira mais fcil do que com o PayPal widget. Simplesmente arrastando e soltando os widgets voc pode facilmente criar sua prpria loja online. O PayPal permite-lhe processar transaes online com segurana, sem ter para se preocupar com uma conta de comerciante. O Yola tem trs widgets do PayPal que voc pode usar em seu site:

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.com1. 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

2. Adicione o widget do PayPal ao seu site2.1. Adicionando o Produto nico 1. Arraste e solte o widget de produto nico em sua pgina. Uma caixa de dilogo se abrir e voc poder inserir as seguintes informaes: ! Digite o seu endereo de email PayPal. Este o endereo de email que voc usa para acessar sua conta no PayPal. ! D ao seu produto um ttulo. Este deve ser to curto e preciso quanto o nome para o produto que est vendendo. Nota Importante: Cada um de seus produtos deve ter um nico ttulo e descrio. Se voc der ao seu produto o mesmo ttulo ou descrio que outros, eles sero todos adicionados para o carrinho como o mesmo produto. ! Digite o preo do item. ! Indique uma descrio do produto. Use o campo de descrio para acrescentar mais detalhes relevantes sobre o produto. ! Envie uma imagem do produto. Uma fotografia, clara e bem tirada ajudar a vender seu produto! ! Voc pode usar o botes no canto inferior esquerdo da caixa de dilogo para definir o alinhamento do seu widget. 2. Quando voc terminar de editar as configuraes, clique em "Salvar" para adicionar todas as informaes do produto. Um boto PayPal "Compre Agora" ser adicionado sua pgina. 3. Se voc precisa voltar e editar as configuraes de um widget j adicionado o pgina, clique em "Editar" no canto superior esquerdo da barra de ferramentas do widget em sua pgina,ou simplesmente d um clique duplo em qualquer lugar dentro do widget.

25

2.2. Adicionando o Catlogo de Produtos1. Arraste e solte o widget de Catlogo de Produtos em sua pgina. Uma caixa de dilogo ir abrir onde voc pode adicionar o seu endereo de email do PayPal, assim como comear a adicionar detalhes dos produtos que voc est vendendo. Clique em "Clique aqui para adicionar um" ou "+ Adicionar Produto" para comear a adicionar seus produtos. 2. Voc pode ento adicionar e editar as configuraes do produto especfico que voc est vendendo. Observao importante: Cada um de seus produtos deve ter um nico ttulo e descrio. Se voc der aos seus produtos o mesmo ttulo ou descrio eles sero adicionados ao carrinho como o mesmo produto. 3. Voc pode continuar a adicionar produtos a sua pgina at que esteja satisfeito com o nmero de produtos que voc adicionou. 4. Clique em "OK" para adicionar o catlogo sua pgina. 5. Voc pode facilmente voltar e editar as configuraes ou adicionar mais produtos, clicando em "editar" no canto superior esquerdo do widget de catlogo em sua pgina. 2.3. Adicionando o arrecadao de donativos 1. Arraste e solte o widget Coleta de Doaes para a sua pgina. Uma caixa de dilogo se abrir pedindo o seu endereo de email do PayPal. Este o endereo de email que voc usa para acessar sua conta no PayPal. 2. Clique em "Salvar" para adicionar o widget em sua pgina. 3. Se voc precisar voltar e alterar o endereo de email do PayPal usado para configurar o widget de, clique em "Editar" no canto superior esquerdo do widget de arrecadao de donativos em sua pgina.

3. Publique a sua Loja Online!Para testar qualquer um dos botes do PayPal basta salvar e visualizar sua pgina. Voc ento poder clicar nos botes, e voc ser levado para a instalao do PayPal checkout. Quando algum quiser comprar um produto vai clicar em seus botes e vero a pgina para concluir a sua compra. Quando estiver satisfeito com sua loja, voc pode colocar o seu site online e comear a vender! Para mais informaes sobre publicao, consulte nosso tutorial Publicando seu site. Uma loja online PayPal permite o acesso instantneo ao mundo do comrcio eletrnico. Configure o seu e comece o seu negcio na Internet hoje!

26

Personalizando botes para o PayPal.comSe voc gostaria de adicionar seus prprios botes para o PayPal, voc so precisa seguir estes passos: 1. Visite este link no PayPal.com 2. Personalize os botes que voc deseja usar. 3. Copie o cdigo HTML fornecido. 4. No seu site, arraste e solte um Widget HTML do menu lateral direita na sua pgina (o boto para isso tem uma esfera azul). 5. Um editor de HTML vai abrir que permitir que voc escreva ou cole o seu cdigo (use boto direito do mouse > Colar ou Ctrl-V para colar). 6. Quando voc terminar, clique em "Save" e o boto PayPal ir exibir em sua pgina.

Editar o Widget de Loja Virtual do PayPalPara alterar qualquer um dos dados que voc adicionou usando Widget de Loja Virtual do PayPal, siga estes passos: 1. No Widget de loja online que voc deseja editar, clique em "Editar" no canto superior esquerdo da barra de ttulo do widget. 2. Uma caixa de dilogo se abrir em sua tela. Dependendo do widget que voc decidiu usar, voc pode clicar no produto voc deseja editar, ou editar a informao do produto diretamente. Ns temos um tutorial que explica como criar uma loja virtual usando o recurso de comrcio eletrnico no Yola. Aqui est o link: Criando uma Loja Virtual.

Alterar a unidade monetria do widget de Loja OnlineVoc pode alterar a unidade monetria dos widgets PayPal quando voc adiciona novos produtos sua pgina clicando sobre a lista de unidades monetrias. Voc poder mudar do padro (USD) para qualquer unidade monetria que voc escolher. Para editar a unidade monetria de um widget PayPal que voc j tenha adicionado sua pgina, por favor siga estes passos: 1. Em seu widget PayPal, clique em "Editar" (canto superior esquerdo da barra de ttulo do widget). 2. Na caixa de dilogo que se abre, ao lado da palavra "preo", selecione a sua nova unidade monetria da lista. 3. Clique em "Salvar".

27

Alternativa para o PayPalH muitas alternativas para o PayPal e se voc pesquisar no Google "alternativas para o PayPal" voc encontrar uma lista completa! Aqui esto dois que voc pode dar uma olhada: Google Checkout, PagSeguro e AlertPay.

Problemas Gerais no construtor de site troubleshooting nosso trabalho certificar que voc possa usar as ferramentas no Construtor de site eficazmente e essas so algumas sugestes que podem resolver algum problema: 1. Tente limpar o cache, veja abaixo informaes sobre como fazer isso. 2. Certifique-se de que voc est usando uma verso atualizada do seu navegador. 3. Tente usar um navegador diferente, como o Firefox ou o Chrome. O download gratuito. 4. Por favor, verifique se voc tem a verso mais recente do Flash instalado, para mais informaes clique aqui (em ingls): Version Test for Adobe Flash Player. Se as sugestes acima no ajudarem no problema que voc est tendo, procure o suporte.

Limpando a memria cacheSe voc est vendo uma verso antiga do seu site pode porque seu navegador ainda est se referindo informaes antigas, que foram salvas quando voc digitou a URL. Ele usa esse recurso para no precisar baixar toda a informao na prxima vez que voc visita o mesmo site, e pode ento carregar a pgina mais rapidamente. Ele armazena essa informao em um cache. Porm, pode representar um problema se informaes incorretas forem armazenadas em cache. D uma olhada neste link sobre como limpar o cache do seu navegador e por favor me avise se o problema persistir - limpando a memria cache. Para traduzir a pgina para portugus clique no boto de alterao de idioma na parte inferior da pgina.

Por que meu site for desativado?Infelizmente o seu site pode ser desabilitado por violar nossos Termos de Servio. Se voc deseja saber mais sobre porque o seu site foi desabilitado, por favor queira rever o contedo da poltica dos Termos de Servio do Yola. Por favor evite publicar qualquer contedo que venha a violar nossos termos. Se voc precisar de mais assistncia para entender como o seu site est em violao, voc precisar procurar assistncia legal.

28

O Yola possui um Programa de Afiliados?O Yola possui um Programa de Afiliados com o Commission Junction e voc pode encontrar maiores informaes neste link: Affiliate programme. Qualquer dvida ou suporte, por favor use este email: [email protected].

Quero ser um parceiro YolaObrigado pelo seu interesse em se tornar um parceiro Yola. Estamos sempre abertos a novas oportunidades de desenvolvimento de negcios. Por favor, visite a nossa pgina de Parceiros, onde voc vai encontrar detalhes sobre como se tornar um parceiro Yola, assim como o nosso contato para desenvolvimento de negcio. Estamos ansiosos para receber o seu contato.

Bsico - primeiros passosNovo no Yola? Aqui est um breve resumo - para gui-lo na direo certa.

Tutorial: Personalizar seu estiloO Yola oferece a voc a possibilidade de personalizar o visual do seu site, dando-lhe as ferramentas para mudar a imagem de banner, plano de fundo e remover o Link Yola. Personalizando o seu site com estes recursos poder ajud-lo a criar um site mais sofisticado e nico que ir ajud-lo a se destacar na multido! Contedo Edio de Imagem do Banner Alterando o fundo da pgina Removendo o Link Yola Editar o CSS do site Quando voc passa o mouse sobre a imagem do banner ou sobre o Link para Yola em sua pgina, lhe ver uma caixa azul aparecer, o que indica que esses elementos do estilo so editveis. Clicar diretamente na imagem do banner traz uma caixa de dilogo com todas as opes de edio de banner. Para alterar o fundo, clique em "Estilo" na barra de ferramentas. Selecione "Editar plano de fundo" e depois em "Alterar plano de fundo".

29

Imagem de BannerSe 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 fundoO 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

BG Patterns: bgpatterns.com Eos Development: eosdev.com Hex gerador de cor: cloford.com

Editar CSS do siteO site CSS outra tima maneira de realmente personalizar seu site. Isso lhe dar acesso aos cdigos CSS do site e permite que voc ajuste a aparncia geral do seu site. Para algumas dicas gerais de como usar o recurso , consulte este tutorial: Como editar CSS do site.

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.

Como eu posso editar a categoria do meu site?A categoria de site que voc selecionar no incio do processo de criao do site determina as pginas predefinidas que sugerimos e a ordem dos modelos de estilo que lhe apresentada. Ela no pode ser mudada, mas voc pode facilmente adicionar pginas ou mudar seu estilo, seguindo as instrues abaixo. Para adicionar mais pginas ao seu site clique no boto "Adicionar pgina". Voc ento vai poder selecionar o tipo de pgina que voc quer (em branco ou uma das pginas predefinidas), dar um nome a sua pgina e o ttulo que voc gostaria de ter na pgina. Voc tambm pode optar por ter sua pgina na navegao principal, e/ou ou aplicar proteo por senha. Para alterar o estilo: 1. Clique em "Estilo" na barra de ferramentas superior e selecione "Alterar Estilo" no menu suspenso. 2. Uma caixa de dilogo ser aberta com uma variedade de estilos Premium que voc pode escolher. 3. Se voc preferir escolher um estilo gratuito, selecione a opo "Estilos Gratuitos" link esquerda e todos os estilos sero exibidos. 4. Passe o mouse sobre os vrios estilos para visualiz los. 5. Quando voc tiver decidido sobre o voc gostaria de usar, clique em "Continuar" (ou "Experimente o estilo de graa" ou "atualizao para Silver" para ter acesso ilimitado a todos os estilos Premium). 6. O novo estilo vai carregar em seu site.

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.

O Guia de Estilos YolaNs criamos um guia de estilos (por enquanto somente em ingls) que o ajudar a escolher o estilo certo para o seu site: a Galeria de Estilos 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.

Estilos Premium StylesO Yola oferece uma seleo de lindos estilos Premium exclusivos para dar um toque extra e sofisticao ao seu site. Estes estilos esto disponveis apenas com o nosso pacote Silver. Com este pacote, voc ter acesso ilimitado a todos o estilos Premium disponveis para usar em qualquer site na sua conta. Para ver os estilos Premium, clique no boto "Estilo" e selecione "Alterar Estilo" no menu suspenso. Em seguida, alternar entre estilos "Gratuitos" e "Premium" para ver todas as opes disponveis.

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 estilosVeja 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).

Para comear com um estilo em brancoExistem algumas opes, se voc quiser um estilo "em branco". Os seguintes estilos so simples e em branco com opes de cor de fundo: 1. CleanSlate 2. BareNecessities 3. Nofrills 4. SqueakyClean 5. RedPlanet (Para fazer estilo em branco, criar um banner branco liso e carreg-lo. Voc ter, ento, o que parece ser uma simples pgina em branco). Esses estilos podem ser encontrados na seo de estilos gratuitos do seletor de estilo (clique de "Estilo" e selecione "Alterar Estilo" para ver a seleo de estilos).

Exemplos de site do Yola - eu quero verVoc pode certamente ver alguns exemplos de sites criados com o Yola! O primeiro lugar para o qual eu gostaria de dirigi-lo a rea Sites em Destaque do nosso blog. Aqui voc vai encontrar um site novo do Yola apresentado todas as semanas: Featured Sites. Outro timo lugar para ver os sites construdos com Yola e aprender mais sobre como funciona em nosso frum. Se voc pesquisar voc vai encontrar muitos exemplos de sites. Aqui est um link para uma lista de discusso onde as pessoas compartilham seus sites: I want to see your sites.

36

Ttulo de pgina - mudar cor e fonteSe voc deseja mudar a fonte, cor, tipo e tamanho de seu ttulo de pgina, siga estes passos cuidadosamente: 1. No menu principal, v para Pgina > Propriedades da pgina. 2. Na caixa ao lado de "ttulo de pgina", voc precisar adicionar um cdigo HTML. Aqui est o cdigo que voc precisa para adicionar caixa: digite o ttulo da sa pgina aqui Substitua o "5dc4d3" com o nmero, valor hexadecimal da cor que voc quiser. Por favor, consulte a nossa tabela de cores HTML para cores compatveis com a internet. Voc pode alterar o tipo de fonte, substituindo "Times New Roman". aconselhvel o uso de fontes compatveis com a internet. Voc pode encontrar uma lista dessas fontes, clicando no cone "A" na barra de ferramentas de edio de texto. Voc pode alterar o tamanho da fonte sua, substituindo o nmero "5". Voc pode inserir um valor numrico 1-10. Tenha em mente, que, alterando o tamanho, seu ttulo podem deslocar para baixo perto da parte inferior de sua rea de banner. Se voc atualizar para Yola Silver, voc ser capaz de fazer as alteraes acima, usando o recurso de CSS do site.

Adicionando mais pginasSiga os passos abaixo para adicionar uma nova pgina no seu site:

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.

Excluir uma pginaSe voc deseja excluir uma pgina no seu site, por favor siga estes passos:

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.

Renomear sua pginaPara renomear sua pgina: 1. Clique na guia "Pgina" e em seguida escolha "Gerenciador de pgina". 2. Do lado do nome de cada pgina voc ver um boto chamado "Renomear". Clique nele e digite o novo nome da sua pgina. Voc deve tambm alterar sua navegao e o texto que aparece com o mouse passando sobre o link, para que o novo nome da pgina seja refletido na sua navegao. Para fazer isso:

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.

Criando pastas para gerenciar seus arquivosO Uso de pastas uma forma eficaz de gerenciar todos os recursos para o seu site. Ao organizar seus arquivos em pastas que voc pode evitar que o Gerenciador de Arquivos se torne desorganizado e confuso. Ele tambm ir carregar mais rpido j que voc s vai estar exibindo uma parte de seus arquivos, ao invs de carregar todas elas cada vez que voc abrir o Gerenciador de Arquivos.

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.

Direitos Autorais - Como proteger meu siteQualquer coisa que voc colocar no seu site que seu trabalho original automaticamente protegido por direitos autorais, no entanto, isso no impede que algumas pessoas usem o seu material sem a sua permisso. Isso algo que acontece com todos os webmasters. O que voc pode fazer colocar um aviso de copyright em suas pginas (junto com do smbolo de direito autoral ), muita gente coloca isso no rodap do site. Como no possvel editar o rodap do site por enquanto, o que voc pode fazer colocar as informaes de direitos autorais em um widget de texto na parte inferior da pgina. Aqui est um link que lhe dar maiores informaes sobre este smbolo: Copyright Symbol. Voc pode inserir seu prprio smbolo de copyright em uma caixa de texto usando estes atalhos de teclado: ! Se voc estiver usando um PC use CTRL + ALT + C ! Se voc estiver usando um Mac use Option + g Outra coisa que voc pode fazer publicar os seus trabalhos sob uma licena. A Creative Commons oferece uma maneira fcil para voc escolher uma licena para seu trabalho. Confira seu gerador de licena: Creative Commons. Se algum copiar o seu trabalho, seu melhor recurso o jurdico. Voc pode registrar um aviso compatvel com DMCA para derrubar o site e o servio de hospedagem ser obrigado a honr-lo.

Estrutura e design do siteLayouts, menus, sites com uma tima aparncia - encontre aquela informao que ir ajud-lo a construir o site mais bonito da internet.

Eu quero adicionar meu prprio estilo/modeloNo momento voc precisa selecionar o seu estilo a partir de nossa biblioteca de estilos. Estamos trabalhando para adicionar uma seleo mais diversificada de modelos com mais opes de personalizao. Atualmente voc pode mudar a imagem de banner, a cor de fundo e imagem de fundo em alguns de nossos estilos. Ns queremos mais opes disponveis como esta, e um dos nossos planos para o futuro permitir que voc desenvolva seu prprio estilo CSS se isso algo que lhe interessa. No entanto, essa funcionalidade vai precisar de muita programao de nossa parte,

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.

Adicionando uma imagem de fundoO Yola lhe d a opo de mudar a cor de fundo do seu estilo ou carregar a sua prpria imagem de fundo, ou ambos! Voc tambm pode aplic-la a todas as pginas do seu site, ou apenas aqueles que voc selecionar. Observe que alguns estilos no ter essa opo. Se voc quer saber se a opo de editar a imagem de fundo est disponvel para um determinado estilo, consulte a Galeria de Estilos Yola. Editar a cor de fundo da pgina: 1. Clique no boto "Estilo" e selecione "Editar plano de fundo"e depois "Alterar plano de fundo". 2. Uma caixa de dilogo ser aberta, clique na seta para baixo ao lado de "preenchimento de plano de fundo" e o seletor de cores ser aberto. 3. Selecione a cor voc deseja usar e clique em "OK". Se voc souber o valor hexadecimal da cor voc gostaria de usar, digite-o no espao fornecido. (Para fcil referncia, aqui est um link a um gerador de cor Hex). Upload sua prpria imagem de fundo: 1. Clique no boto "Estilo" e selecione "Editar plano de fundo" e depois "Alterar plano de fundo". 2. Uma caixa de dilogo aberta, 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 esteja localizado na pgina e se voc gostaria que o fundo role com a pgina ou no. Aplicar a todas as pginas: Voc pode 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" e selecione "Editar plano de fundo" e depois "Aplicar a todas as pginas".

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.

Qual deve ser o tamanho da imagem de fundo?Embora voc possa usar qualquer tamanho para uma imagem fundo, se sua imagem for muito estreita, voc pode obter um efeito lado a lado. A altura da imagem no um problema muito grande, como sua pgina ir expandir com base na quantidade de contedo voc adicionar a ele. Tente uma imagem de 1500-1700 pixels de largura para evitar que fiquem lado a lado. Voc pode estar interessado nestes geradores de imagem de fundo: O Tartan Gerador de planos de fundo: tartanmaker.com Stripe Generator: stripegenerator.com Ribbon Generator: quickribbon.com Palette Generator (gera uma paleta com base de 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 BG Patterns: bgpatterns.com Eos Development: eosdev.com Gerador de cor Hex: cloford.com

Adicionado e editando contedoTudo o que voc precisa saber para construir o seu site. D uma olhada. Pode haver mais opes do que voc imagina.

Widget - o que isso?Voc pode no ter visto este termo antes. Ele certamente me intrigou quando eu o vi pela primeira vez. Mas quando voc se familiarizar com o que os widgets so e como eles funcionam, voc ir encontr-los teis para construir um site dinmico com facilidade. Um widget chamado s vezes tambm de aplicativo. Ele permite que voc adicione contedo sua pgina sem ter que escrever qualquer cdigo voc mesmo.

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 FaviconPara 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.

Adicionando imagens ao seu siteUse o Widget de Imagem:

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.

Imagens - redimensionar - alterar tamanho possvel alterar o tamanho da sua imagem de duas formas: ! Depois de adicionar a imagem sua pgina, clique nela e arraste a ponta vermelha para aumentar ou diminuir o tamanho da sua imagem. OU ! Use a nossa opo integrada do Picnik; um servio poderoso de edio e manipulao de imagens. Veja como usar o Picnik: Na imagem que voc deseja editar, cique em "Editar" no alto esquerda do seu Widget de Imagem. Uma caixa de dilogo abrir. Clique no boto "Editar com Picnik" e voc ser levado ao site de edio, Picnik.com. Clique no boto "Save To Yola" quando tiver terminado de editar. OU

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.

Widget Galeria de Imagens

Aqui esto os passos para criar a sua galeria de fotos:

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.

Slideshow - adiconar slide.comEstas so as etapas para a criao de uma apresentao de slides com Slide: 1. Abra a pasta "Colees de Widgets" . 2. Arraste e solte um Widget de slides em sua pgina. 3. Clique no link na caixa de dilogo e voc ser levado para slide.com. 4. Crie seu slideshow usando as etapas que o site Slide.com oferece. 5. Quando voc estiver feliz com ele, copie o cdigo para embutir o HTML e cole-o na caixa de dilogo no Yola. Salve e atualize o seu site.

Otimizao de imagensGrficos 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.

Adicionar Google MapsVeja como adicionar um mapa do Google em sua pgina:

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.

Adicionar Google Tradutor ao site em portugusPara adicionar um aplicativo que traduza sua pgina de portugus para outro idioma, sugiro que use o Google Tradutor. Este link te levar ao site em portugus do Google Tradutor. Siga estas instrues: ! Etapa um: Escolha: Adicione traduo a toda a pgina da web ! Etapa dois: Selecione o idioma da sua pgina da web: portugus ! Etapa trs: Todos os idiomas disposio ou apenas os de sua escolha. E selecione sua preferncias de visualizao.

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.

!

O que o Widgetbox Gallery?A Widgetbox Gallery fornece ferramentas online que permitem que voc adicione algo interessante para o seu site. Eles tm uma enorme variedade de categorias para escolher, tais como ferramentas para blogs, jogos, meteorologia, notcias, redes sociais, etc. A melhor coisa sobre o Widgetbox Gallery que voc no tem que tentar criar estas ferramentas, j est feito para voc! D uma olhada e experimente. Tenho certeza que voc encontrar algo que ser uma grande adio ao seu site. Se isso algo que voc gostaria de de experimentar, por favor siga estes passos:

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.

Como adicionar texto ao seu sitePara adicionar texto ao seu site, por favor siga estes passos: 1. Arraste e solte um widget de texto (parece um pedao de papel para escrever e uma caneta), a partir da barra lateral direita na sua pgina. 2. Clique dentro da widget de texto e comece a digitar ou colar seu texto. 3. Use a barra de ferramentas de edio de texto para formatar o texto. Esta barra se parece com uma barra de ferramentas que voc tenha visto em qualquer processador de texto que voc tenha usado e ele aparece na parte superior da sua pgina quando voc clica em um widget de texto. Observao: Se voc copiar e colar diretamente de um programa como o MS Word, a formatao do texto ir muito provavelmente quebrar a sua pgina. Para evitar isso primeiramante, copie e cole em um programa como o Bloco de notas (voc deve encontr-lo na pasta de acessrios de computador). Isto tira qualquer formatao indesejada e ento voc pode colar no widget de texto com segurana. Para um vdeo passo-a-passo sobre como adicionar texto ao seu site, por favor consulte: Adding Text.

Usando a Barra de Ferramentas de Edio de Texto para formatar no Widget de TextoVoc tem uma variedade de opes para alterar a aparncia do seu texto usando o widget de texto. Quando voc clica em um widget de texto adicionado ao seu site, a edio de texto aparecer abaixo do menu principal. A barra de ferramentas de edio de texto tem opes semelhantes s que voc encontra nos programas de processamento de texto como Microsoft Word.

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

Adicionando msica com o mp3 player do YolaDeseja adicionar msica ou um arquivo de udio no seu site? No tem problema! Com o Yola fcil implementar isto no seu site. Siga estas instrues: 1. Arraste e solte o Widget MP3 Player localizado na pasta "Multimdia" na barra lateral, direita da sua tela. 2. Voc ter a opo de fazer upload de seus arquivos de udio diretamente do seu computador ou do seu Gerenciador de Arquivos. 3. Salvar e publicar o site. Verifique se voc possui os direitos autorais para o arquivo de udio que voc vai tocar.

Tutorial sobre o Google Friend ConnectGoogle Friend Connect um servio que permite a criao de recursos sociais para o seu site, permitindo que as pessoas se inscrevam e tornem-se membros, diretamente no seu site! As pessoas podem participar com suas contas do Google, Yahoo, AIM ou OpenID, e interagir em seu site, convidando amigos, postagem de mdia ou fazer comentrios. Para obter mais informaes, voc pode clicar neste link. Para usar o Google Friend Connect, o site deve ser publicado.

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!

Como adicionar um vdeo ao meu site?Para adicionar um vdeo sua pgina, siga estes passos simples: 1. Abra a pasta Multimdia na Barra Lateral de Widgets, e ento arraste e solte o cone do YouTube ou Metacafe na sua pgina. 2. Na tela 'Adicionando vdeo' que aparece, clique no boto "Browse YouTube" ou "Browse Metacafe". 3. Procure no YouTube ou Metacafe pelo vdeo de deseja inserir em seu site. 4. Copiar a URL do vdeo da sua janela do navegador. 5. Volte tela 'Adicionando vdeo', e cole a URL sobre o URL padro no campo URL do vdeo. 6. Junto a isto, clique no boto "Atualizar Vdeo" (indicado pelas duas setas), e clique em "Salvar ". Como alternativa, voc pode facilmente adicionar um vdeo ao seu site com um widget do nosso Widgetbox Gallery, assim: 1. Abra a pasta Widget Collections, na Barra Lateral de Widgets. 2. Arraste e solte um Widget da Widgetbox Gallery em sua pgina. 3. Uma caixa de dilogo ser aberta, clique na categoria YouTube ou procurar por "vdeo" para ver todos os widgets disposio. 4. Escolha o widget de gostaria de usar no seu site e personalize as configuraes. 5. Clique no boto verde "Get Widget" e ele ser salvo e adicionado sua pgina. 6. Salve e visualize a pgina para ver o widget.

54

Adicionando HTMLVeja 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).

Adicionando um arquivo FlashVeja como adicionar um arquivo Flash para sua pgina: 1. Carregue o seu arquivo swf. Voc pode fazer isso clicando no Gerenciador de Arquivos. 2. Arraste e solte um widget de HTML no seu site, onde voc gostaria de ver a sua apresentao em Flash e cole o seguinte HTML dentro dele: 3. Em seguida, substitua "myswffile.swf" no cdigo acima - em ambos os locais com o nome do arquivo que voc carregou, e voc deve ver o filme em flash aparecer quando voc fechar o editor de HTML. Voc ter que mexer com os valores de largura e altura no texto acima para atender s necessidades do seu filme. 4. Lembre-se de incluir os nomes de pasta no caminho do arquivo se o arquivo est armazenado em uma pasta no gerenciador de arquivos. Por exemplo: "resources/pastaFlash/myswffile.swf"

Arquivos - carregamento de HTML e JavascriptSe voc estiver usando Yola Free, possvel adicionar cdigo de HTML e Javascript com o nosso Widget HTML. No entanto, no possvel carregar arquivos .html ou .js no Gerenciador de Arquivos. Infelizmente, fomos obrigados a restringir esses envios por razes de segurana, assim como criminosos de internet usando isso como uma brecha fcil criar sites fr