Nos primeiros tempos da Internet, as Search Engines ( sistemas de bucas de sites ) consistiam em bancos de dados contendo informações sobre os sites, e que faziam pesquisas sobre essa base. Com o passar do tempo e o aumento da complexidade da intenet, o numero de sites chegou aos bilhões e uma certa classificação dos sites passou a ser necessaria.

Grandes companhias, como o Google por exemplo, hoje em dia possuem um aparato de hardware colossal e milhares de pequenos sistemas chamados Spiders ou Robôs que diariamente vasculham a internet coletando informações e lendo os sites. Uma vez lidos esses sites passam então por uma classificação que decide quais são os mais interessantes para o usuário e que vão aparecer primeiro nos resultados de busca. Dentre as características que decidem quais são os melhores sites temos:

• O tempo que o dominio está no ar
• A relação entre o nome do dominio e o assunto do site
• A qualidade da informação contida no site ( palavras chave corretas, descrição, densidade da citação das keywords no conteudo, etc… )
• Quantidade de acessos
• Os outros sites que estão linkando para o site em questao e a qualidade destes
• Com que regularidade o site é atualizado
• Se o site não está usando nenhuma tecnica de spam ou de cheat ( roubo ).

Por que se Preocupar com as Search Engines

Search engines são na maioria das vezes a principal fonte de novos visitantes para o seu site, sendo inclusive que em média 60-70% do trafego dos sites vem através delas. O restante da porcentagem geralmente é proveniente de links de outros sites, ou então revisitas de pessoas que já acharam o seu site anteriormente e estão o acessando de novo.

Por que se preocupar com o Google

Existem muitos search sites no ar atualmente, mas poucos deles tem uma search engine propria. A imensa maioria, incluindo os grande e pequenos ( 80% ), utiliza os resultados de search engines alheias. Aproximadamente 1/3 de todas as horas gastas em search sites são gastas no Google, que é forte em todo o mundo, e outro 1/5 é gasto no search site da America OnLine ( AOL ) que é bem forte nos USA.

É interessante salientar no entanto, que os resultados exibidos na AOL também vem da search engine do Google, ou seja, pelo menos 50% de todos os resultados obtidos em pesquisas na internet são providos pelo Search System da Google. Só isso já bastaria pra que o Google fosse considerado o principal Search System que temos atualmente, no entanto, ele ainda alimenta mais 4 dentre os 10 maiores search sites atuais com resultados: Yahoo!, ASK Jeeves, NetScape e Earthlink.

Embora a relação acima pareça meio confusa, ela mostra como os principais sites de busca estão interligados, destacando mais uma vez que o Google ocupa uma posição dominante e fornece resultados para a maioria deles.

Mas afinal o que quer dizer SEO ?

SEO ( Search Engine Optimization ), termo que em português pode ser traduzido como Otimização de Sites, consiste basicamente em otimizar as páginas do seu site tornando-as mais visíveis e relevantes para os mecanismos de busca como o Google por exemplo, e fazendo com que elas apareçam nas primeiras páginas. Tornar um site mais vísivel é interessante pois assim se obtem mais visitas, o que aumenta as vendas dos serviços, produtos, propagandas ou o que quer que o seu site ofereça. Por isso cada vez mais profissionais da área de TI se preocupam com SEO, que é um nicho de mercado que cresce cada vez mais.

Nos proximos tutoriais vou abordar técnicas básicas de SEO e explicar como você pode dobrar ou triplicar as visitas e a visibilidade do seu site de um modo relativamente simples.

Abraços e até a próxima !

No primeiro tutorial de Fireworks dessa serie, mostrei como foi desenhado o painel do MP3 Player, agora o nosso objetivo vai ser desenhar o corpo e uni-lo ao painel. Caso tenham alguma duvida, ou queiram relembrar bastar dar uma olhada na parte 1 do tutorial:

Tutorial Fireworks – Desenhando um MP3 Player – Parte 1

Bem, então vamos começar !

Corpo do MP3 Player

Para desenhar a frente do corpo do MP3 Player use a ferramenta Rectangle e faça uma caixa de 150 por 225:

Uma vez desenhado esse retangulo, para preenche-lo use o preenchimento Gradient->Bars do Fireworks, nesse preenchimento utilize as cores preta #333333 e branca #FFFFFF.

O resultado deve ser esse:

Mas esse não o resultado final desejado do preenchimento, o proximo passo é clicar nesse retangulo com a ferramente Pointer Tool do e editar o preenchimento da seguinte maneira:

O resultado final agora será:

Lateral do MP3 Player

Já que o nosso desenho nesse tutorial de Fireworks será tridimensional, agora teremos de desenhar o lado do nosso player. Para isso basta desenhar com a ferramenta Elipse uma pequena bola de 30 x 30 ao lado do corpo do MP3, uma vez desenhada a bola, use a ferramenta Knife do Fireworks e corte esta bola ao meio, separando-a ficando uma metade do lado de cada extremidade do corpo do player:

Uma vez feito isso agora basta unir as 2 metades de circulo usando a pen. Tendo desenhado o lado do corpo do Player já podemos usar essas peças pra montar uma caixa 3D. Basta copiar e colar o lado do Player como na figura abaixo:

Selecione as figuras marcadas em vermelho e aplique nelas a opção Modify->Combine Parts->Union do menu principal do Fireworks, obteremos então a nossa caixa 3D do corpo do MP3 Player.

Finalizando o Trabalho

Agora que o painel e o corpo do MP3 Player estão prontos basta uni-los e aplicar alguns efeitos para realçar o tridimensional. Como você deve ter notado, o painel do MP3 desenhado no primeiro tutorial está numa proporção maior que o corpo, eu acho interessante fazer os desenhos maiores e depois diminuir se for preciso, porque assim fica mais facil fazer os pequenos detalhes. Então para unir o painel ao corpo a primeira coisa é diminuir a proporção do painel, faça isso diminuindo a metade os atributos de tamanho do painel:

Agora que estão proporcionais podemos unir os nossos dois desenhos:

Pronto !! O player está pronto, mas podemos ir um pouco mais longe e criar um efeito tridimensional melhor, para isso basta selecionar o desenho inteiro, e aplicar a ferramenta Transform->Distort do Fireworks. Para acessar o menu com a ferramenta basta clicar no desenho selecionado com o botão direto do mouse.

Agora jogando um efeito de sombra no nosso desenho, ele está pronto !! Resultado final:

Espero que tenham gostado do meu tutorial de fireworks tanto quanto eu gostei de te-lo escrito. Agradeço a todos.

Abraços e até a proxima !

Meu nome é Luis Matos e esse é o meu primeiro tutorial de Fireworks que escrevo aqui no MXStudio.

Meu objetivo é mostrar o uso básico de algumas ferramentas do Fireworks e demonstrar que é possivel criar um desenho no fireworks bem interessante de modo bem simples. Nesse tutorial vou ensinar como desenhar um MP3 Player do tipo iPod em 3D.

A primeira coisa a ser feita é o painel do nosso Player.

Painel do MP3 Player

Para desenha-lo inicie usando a ferramenta Doughnut do Fireworks e faça “uma rosquinha” de 260 por 260.

O ideal é que a nossa doughnut fique bem fina para isso ajuste o circulo central:

Agora que o painel foi desenhado, é hora de pinta-lo. Para obter um bom efeito 3D, clique no combo box de preenchimentos do Fireworks e escolha o tipo Gradient -> Radial. Após escolher o preenchimento Gradient->Radial selecione as cores que você vai usar na pintura, no nosso caso as cores Cinza #CCCCCC e branca #FFFFFF.

Como resultado você deve obter:

Botão de Play do MP3 Player

Agora que o painel está desenhado, é hora de fazer o botão de play que fica no meio do painel. Para desenha-lo basicamente usaremos a mesma ideia do painel. Só que dessa vez usaremos a ferramenta Elipse do Fireworks. O botão será feito por um circulo de 180 por 180. E ficará posicionado bem no meio do painel.

Para o preenchimento utilize o mesmo que foi utilizado no painel.

Simbolos nos Botões

O proximo passo agora é desenhar os simbolos dos botões. Para desenha-los basta usar a ferramenta as Pen ( caneta ) e Rectangle do Fireworks. Para o botão play desenhe um triangulo com a Pen:

Agora complete inserindo o botão Pause, desenhando 2 retangulos com a ferramenta Rectangle:

Os botões que passam e voltam a musica podem ser feitos aproveitando o botão play que já fizemos, basta usar algumas tecnicas simples de manipulação. Primeiramente copie e cole o botão play 2 vezes um na frente do outro e selecione os 2 juntos:

Manipule agora esta figura diminuindo o tamanho a metade, nesse exemplo passamos de 38×32 para 19×16. Temos agora o botão que vai uma musica pra frente, para desenhar o botão que vai uma musica pra trás, basta pegar o desenho obtido e girar pra trás usando a ferramenta do Fireworks Transform->Flip Horizontal, ela aparece no menu clicando com o botão direito na figura:

Agora pra finalizar os botões faltam os botões que sobem e abaixam o volume. Mais uma vez usando o Rectangle fica facil desenhar, basta fazer os simbolos de + e -. Como resultado final temos o conjunto de símbolos:

Unido com o primeiro desenho que fizemos temos:

O painel do MP3 player agora está completo !! A próxima parte será o corpo. Mas sobre isso falarei no próximo artigo. Espero que tenham entendido e gostado desse meu tutorial de desenho no Fireworks pois esse é o objetivo, obrigado a todos.

Até a próxima !!!

Link para a parte 2 do tutorial:

Tutorial Fireworks – Desenhando um MP3 Player – Parte 2