O objetivo deste tutorial de fireworks é ensinar algumas técnicas básicas de vetorização no Fireworks, usando como base o logotipo das olimpíadas do Rio 2016.

O primeiro passo para desenhar o nosso logotipo do Rio 2016 é preparar a base vetorial do mesmo, esta base será composta pelos seguintes elementos: 3 elipses de tamanhos 190 X 300px, 94 X 200px e 94 X 172px e também uma linha diagonal que vai dividir nosso logo em 2 partes. Os objetos vão ficar da seguinte maneira:

Como se trata de um simbolo simétrico ( o desenho de um dos lados do simbolo equivale ao desenho do outro lado ) a próxima etapa do nosso tutorial de fireworks é dividir todas as nossas elipses ao meio, para isso selecione as elipses e utilize a ferramenta Knife Tool ( faca ) do Fireworks, você vai obter o seguinte resultado:

Agora que você já tem as 3 elipses cortadas, pegue a metade da elipse maior que você obteve e use a ferramenta Distort Tool ( distorção ) para inclinar esta elipse e faze-la encaixar na linha horizontal que você desenhou:

Agora que você produziu metade do desenho, pegue a outra metade recortada da elipse que você produziu acima no nosso tutorial de fireworks, aplique as rotações: Transform->Flip Vertical e Transform->Rotate 90º CW e depois ajuste esta outra metade também junto a linha central do logotipo, obtendo o seguinte resultado:

Agora que você fez a vetorização da parte principal do logotipo, aplique estes mesmos passos descritos acima no nosso tutorial de fireworks, para as elipses menores, produzindo então a primeira parte da montanha do desenho:

Produzir a segunda parte da montanha é mais fácil, basta selecionar a primeira parte e reduzir o tamanho dela de 138×138px para 105×105px.

Obs.: se os seus tamanhos ficaram diferentes, basta usar o mesmo princípio e reduzir a imagem, para atingir o melhor resultado, só fazer alguns testes.

Agora que você produziu todos os elementos, basta unir todos, a primeira etapa do nosso tutorial de fireworks ( fazer o desenho do logo do Rio 2006 ) está concluida !!

Tutorial de Vetorização no Fireworks: Colorização do Objeto Vetorizado

A próxima etapa agora no nosso tutorial de fireworks vai ser a colorização. Você deverá utilizar as seguinte cores ( são as cores originais do logo do Rio 2016 ):

Para conseguir o efeito final de colorização, basta agora tirar as bordas vermelhas:

Na etapa final do nosso tutorial de Fireworks agora produziremos as letras presentes no logotipo.

Produção das Fontes do Logotipo

Como base para as letras presentes no logotipo, utilize a fonte Arial Black, tamanho 120, para escrever a frase “Rio” um tamanho menor de 90 para escrever “20″ e uma fonte maior tamanho 140 para escrever o “6″ da seguinte maneira ( obs.: em todos os casos foi usada Arial Black ):

O próximo passo do nosso tutorial de Fireworks agora é produzir o “i” estilizado, para obter este efeito, clique na palavra “Rio” e pressione Ctrl+Shift+P, essa técnica vai transformar as fontes em figuras vetoriais editáveis. Agora que você pode editar o seu “i”, apague o pingo quadrado, crie uma inclinação no topo da letra e por fim desenhe um novo pingo redondo da seguinte maneira:

Para produzir o “1″ do Rio 2016, basta agora inveter o “i” que você produziu, as fontes estão prontas !! Agora só falta pintar das cores originais:

Depois de produzir estas fontes, basta unir com o desenho da primeira parte do nosso tutorial de fireworks que está pronta a figura, nosso logotipo das olimpíadas do Rio 2016 está pronto:

A vetorização de figuras no fireworks é interessante pois permite reduzir e ampliar os logotipos sem que se perca a qualidade original, por isso os logotipos de empresas e eventos sempre são vetorizados, seja no Fireworks, no Corel Draw ou em qualquer outro programa. Por enquanto é isso, até a próxima !

Na primeira parte deste Tutorial de Fireworks ensinamos como desenhar a fachada principal do nosso prédio, utilizando algumas ferramentas de desenho vetorial.

Caso tenham alguma duvida, ou queiram relembrar bastar dar uma olhada na parte 1 do nosso tutorial: Tutorial de Fireworks: Desenhando a Fachada do Prédio.

Agora que temos a fachada principal, nosso próximo passo nesse tutorial de fireworks é desenhar a fachada lateral. Para produzi-la, nossa sugestão, para facilitar é usar os próprios elementos da fachada principal, só que sem as janelas, da seguinte maneira:

A Ferramenta Distort e a Produção de Objetos 3D no Fireworks

A ferramenta distort ( Distort Tool ) é uma ferramenta do Fireworks bem útil para produzir efeitos de perspectiva e 3 dimensões, no caso deste tutorial de fireworks será mais um efeito isométrico ( efeito tridimensional mais básico, sem a perspectiva ).

Antes de poder trabalhar com a nossa fachada do prédio com a ferramenta distort, nossa dica é transforma-la em um símbolo ( Symbol ), isso vai facilitar bastante o nosso tutorial de fireworks, pois transformando a figura em um simbolo ao invés de ter que trabalhar com todos os polígonos a figura toda da fachada será encarada como uma figura única.

Para transformar a figura da fachada em um simbolo basta seleciona-la inteira, clicar com o botão direito e depois clicar na opção Convert to Symbol, fazendo da seguinte maneira:

Agora que temos a fachada pronta, para produzir a lateral do prédio, basta copiar e colar a figura do andar da lateral e produzir uma torre da mesma altura. Como resultado final das nossas fachadas vamos ter:

O próximo passo do nosso tutorial de fireworks agora é realizar a transformação 3D em sí.

Usando a Ferramenta Distort para o Efeito Tridimensional

Para obter o efeito tridimensional do nosso tutorial de fireworks, selecione a sua fachada, e clique na ferramenta Distort Tool, assim que você clicar, edite os novos ângulos usando o mouse, faça em duas etapas como mostrado na figura abaixo:

Use o mesmo princípio para editar a textura da lateral do prédio, só que do lado oposto, como resultado final você deve obter:

Agora já está quase pronto ! A última etapa do nosso tutorial de fireworks agora é desenhar o topo/lage do prédio. Para isso, utilize a ferramenta Caneta ( Pen Tool ), construindo um polígono que complete o teto da seguinte maneira:

Como resultado final dos trabalhos, temos pronto o nosso prédio 3D:

Por enquanto é isso, qualquer dúvida só comentar, até o próximo !

O objetivo deste Tutorial de Fireworks é ensinar a usar algumas ferramentas básicas de desenho vetorial do Fireworks para editar a fachada de um prédio imaginário e posteriormente usar esta textura para produzir um prédio tridimensional ( como se fosse em um jogo por exemplo ).

Produzindo a Base da Fachada

A primeira etapa deste tutorial é desenhar a base da fachada. Para desenhar, utilize a ferramenta Rectangle Tool ( ferramenta vetorial para desenhar retângulos e quadrados ).

A base desta fachada será composta por alguns retângulos. Basicamente são 9 retângulos construidos da seguinte maneira:

Estes retângulos foram numerados para facilitar a identificação dos mesmos durante o tutorial de fireworks. Agora que os retângulos estão prontos, podemos passar para o próximo passo que é realizar a pintura dos mesmos.

Para dar um bom efeito de concreto e também de vidro para as janelas, pinte os retângulos 1,3 e 5 da cor #A7A7A6, os retângulos 2 e 4 da cor #999B98, o retângulo principal da parede da cor #CCCCCC e as janelas com as cores #373947 e #263E54. Como resultado dessa etapa, você deve obter:

Tutorial de Fireworks Prédio 3D: Aplicando Efeitos Visuais

Agora que a fachada está devidamente pintada, a próxima etapa do nosso tutorial de fireworks é aplicar alguns efeitos para dar um maior realismo. Para conseguir esse resultado, tire as bordas pretas dos retângulos e coloque uma borda da cor #59595C somente na janela. Após modificar a pintura desta maneira use o filtro Noise ( filtro de ruído, fica na sessão filters ) na sua figura, ajustando o nível para 2 ( pouco ruído ).

Após adicionar o efeito de ruído, selecione somente o retângulo principal da fachada e aplique nele um filtro de Inner Shadow configurando o efeito da seguinte maneira:

Agora que todos os efeitos foram aplicados,  a proxima etapa do nosso tutorial de fireworks é construir o andar completo, para isso, copie e cole 4x as janelas que você produziu lado a lado, você vai obter o seguinte efeito:

Tutorial de Fireworks Prédio 3D: Finalizando a Fachada

Agora que temos um andar completo, podemos passar para a etapa final deste tutorial de fireworks que é finalizar a fachada do nosso futuro prédio.

Já que temos um andar, podemos fazer um prédio com quantos andares quisermos, mas para facilitar, vamos fazer um edificio mais baixo com 7 andares.

Em relação a entrada do nosso prédio, ela pode ser feita de diversas maneiras, no nosso caso, para simplificar o nosso tutorial de fireworks optamos por um modelo simples, usamos uma versão modificada do que já temos, as portas de vidro sendo feitas a partir das janelas mesmo. Como resultado da nossa edição final tivemos a seguinte fachada:

Por enquanto é isso, no próximo tutorial de Fireworks desta série, vamos mostrar como transformar esta textura de fachada em um verdadeiro prédio 3D. Até a próxima !

Nesse tutorial de Flash vamos ensinar a fazer de um modo simples e em poucos passos um efeito do planeta terra girando no espaço.

É um Tutorial de Flash Básico, ideal para quem está começando a montar animações e o resultado fica bem legal, fica profissional.

O primeiro passo deste tutorial de flash é escolher uma foto que represente a terra, uma foto quadrada que tenha os continentes e os mares. Para facilitar o trabalho já separamos um boa foto que tem essas características:

Como a terra vai ficar dando voltas ao redor de sí mesma, é interessante que enquanto um continente esteja do lado visível da terra, uma cópia dele também esteja rodando do lado oposto para poder dar um efeito de continuidade quando a animação em flash rodar.

Para conseguir esse efeito, o próximo passo do nossso tutorial de flash é duplicar essa imagem, uma após a outra. Copie e cole a imagem usando um programa de edição e deixe da seguinte maneira ( é importante deixar a foto muito bem encaixada para a animação não ficar pulando ! ):

Agora que o nosso fundo do planeta terra está pronto, é só pegar uma boa foto de fundo do universo:

Pronto ! Já temos todo o material necessário para fazer o nosso tutorial de flash, já podemos entrar na parte da animação em sí.

Planeta Terra Girando: Implementação da Animação em Flash

Crie um novo projeto no flash definindo o tamanho em 470 por 320, o fundo branco e a velocidade em 12 frames por segundo, da seguinte maneira:

Continuando nosso tutorial de flash, crie agora 3 layers de 20 frames para o seu projeto, use os nomes Globo, Mapa e Universo para ficar mais fácil entender.

Para o layer Universo, cole a foto do universo acima ( esse será o fundo da animação ). No layer Mapa, cole a foto do mapa ( a duplicada ) e por fim no frame do globo use as ferramentas de desenho do Flash para fazer um circulo vermelho de 215×215 pixels. Você vai obter o seguinte resultado:

O próximo passo agora do nosso tutorial de Flash é programar os layers.

Tutorial de Flash Terra Girando: Programação dos Layers e Finalização

Criando o Movimento

Para criar o efeito de movimento do planeta. Crie um Keyframe no final do layer do mapa ( para criar o Keyframe no Flash, selecione o frame e clique como botão direito e escolha: Insert Keyframe ). Dentro deste Keyframe desloque o meio da imagem do mapa para o final do circulo. Vai ficar da seguinte maneira:

Voltando ao keyframe criado, crie agora a animação do movimento selecionando o layer com o botão direito do mouse e escolhendo: Create Motion Tween. A programação final dos layers deste tutorial de flash vai ficar da seguinte maneira:

Adicionando a Máscara e Finalizando o Efeito

Agora que as fotos já estão prontas e os layers foram programados, vem última etapa do nosso tutorial Flash: adicionar a máscara que vai modelar o planeta de forma redonda. Para adiciona-la basta clicar com o botão direito no layer do Globo e selecionar mask:

Pronto !! Como efeito final você deve obter a seguinte animação:

Neste Tutorial de Fireworks vamos mostrar algumas técnicas simples para poder envelhecer fotos, alterando as cores da foto, textura e também usando alguns efeitos simples de sombra do fireworks.

A primeira etapa é escolher uma foto a qual se quer envelhecer. Escolhemos esta foto de um castelo:

Notem que se trata de uma foto recente e bem colorida, no caso, a quantidade de cores da foto não vai alterar o efeito, este tutorial de fireworks pode ser aplicado em qualquer imagem.

A primeira característica da foto que devemos alterar neste tutorial de fireworks é justamente o brilho e saturação das cores. Para poder obter um bom efeito de envelhecimento, clique na foto e selecione o menu Filters->Adjust Color->Hue Saturation. Como mostrado abaixo:

Assim que este filtro do fireworks estiver aberto, altere as propriedades das cores da figura deixando da seguinte maneira:

Você deve obter o seguinte efeito na sua foto:

Agora que as cores da foto já estão envelhecidas, vamos para a segunda etapa do nosso tutorial de fireworks: adicionar a foto também um efeito de desgaste para parecer ainda mais envelhecida.

Produzindo Efeitos de Desgaste em uma Imagem no Fireworks

Nesta etapa do tutorial de fireworks, nosso objetivo é desgastar a foto ( simular os efeitos do tempo ). Para obter este efeito, podemos começar diminuindo a nitidez e colocando algum ruido.

Para adicionar ruido a uma imagem no Fireworks, basta selecionar a imagem e na sessão de filtros ( que fica na parte inferior do Fireworks ) e escolher a opção: Filters->Noise->Add Noise. Uma vez aberto o filtro, ajuste o efeito para a intensidade 4:

Como efeito final do nosso tutorial de Fireworks você vai obter a seguinte foto:

Comparando com a foto inicial, dá pra ver bem a diferença, com ferramentas simples do fireworks, foi possível fazer um efeito bem interessante.

• Absolute Link / Link Absoluto: ou Links Absolutos, são links que referenciam o caminho completo para seu destino. Exemplo: SEO. Onde o caminho está sendo referenciado por completo, caso o endereço seja acessado dentro do mesmo diretório seria possível apontá-lo de maneira relativa, como exemplo: SEO
• Acessibilidade: é a prática de desenvolvimento para auxiliar pessoas deficientes, especialmente em pessoas cegas. Com esta prática, há desenvolvimento de web sites especiais com possbilidades de ampliação de caracteres para pessoas com cegueira parcial. Ou mesmo desenvolvimento de sistemas de voz, para auxiliar aqueles com cegueira total.
• AdSense: Como exemplo o Google Adsense, uma prática de exibição de links patrocinados em web sites de qualquer tamanho e propósito. Há relevância nos links exibidos pelo adsense e os textos encontrados na página onde estão inseridos, para os usuários serem direcionados a serviços/produtos de interesse. É uma forma do webmaster ter retorno financeiro com seu site.
• AdWords: ou Google AdWords, utiliza o pagamento por clique feito pelo usuário (CPC – Cost Per Click). Desta forma o contratante dos serviços paga ao google a quantia definida por clique de seu link. Aposição do link patrocinado contratado a ser exibido nas páginas do google é levado em consideração ao “clickthrough rate” além do valor definido do contratante por clique.
• Agent Name: é o nome do Crawler/Spider que irá visitar a página web. É definido o agent name no robots.txt para especificar sua atuação na indexação do site.
• AJAX: “Asynchronous JavaScript And XML“: Permite a criação de aplicações web mais amigáveis ao usuário, pois atua em segundo plano dando mais interação ao utilizador.
• Algoritmo: Um algoritmo em SEO, seria uma programação direcionada para determinar como uma Search engine, ou Mecanismo de Busca, irá indexar um conteúdo e irá disponibilizar os resultados para os usuários.
• AllTheWeb: É um mecanismo de busca pertencente ao Yahoo!, que utiliza seu banco de dados.
• Alt Attribute: Este atributo tem o propósito de definir um texto equivalente à figura exibida.
• Alt Tags: texto alternativo associado a imagens exibidas num site web quando o usuário descansa o ponteiro do mouse sobre a figura.
• Anchor Text: Texto âncora, é a parte textual de um link, geralmente aparece sublinhado.
• Animated Ad: Propaganda animada, pode ter sido desenvolvida em Java applet, Flash/Shockwave ou arquivo GIF animado.
• API: “Aplication Program Interface“: É um conjunto de rotinas, protocolos e ferramentas para construção de softwares, determina como o serviço é invocado por uma aplicação.
• ASP: “Active Server Pages”: Uma linguagem de programação proprietária da Microsoft para criação de web sites dinâmicos. Também é um acrônimo para “Aplication server Provider”, um serviço hospedado disponível pela internet.
• Automated Submitting: É a utilização de softwares para inscrever web sites em diversos diretórios e mecanismos de busca. Pode ser considerado técnica black hat SEO pelas Search Engines, pois há diretórios com banco de dados compartilhados, o que causaria redundância de informação.
• Agências SEM: Assim como as agências de publicidade e propaganda para divulgar informação tradicional, existem agências voltadas para divulgação na web, estas sendo as Agências SEM (Search Engine Marketing).
• Anúncio Contextual: É um anúncio que é vinculado a uma página devido sua relevância com o contexto da mesma, este link patrocinado não é fruto de pesquisa pela keyword que o representa, tampouco inserção absoluta.
• Atualizações via XML (XML Feeds): Ao contrário de indexação das páginas pelos web crawlers/spiders, os mecanismos de busca utilizam através de linguagem XML uma forma de angariar conteúdo.
• Affiliate: Ou Afiliação, consiste em programa de pagamentos por comissão na compra de produtos/serviços, onde os webmaster promovem links de outros sites e ganham por cada venda efetuada.

• Backlinks: ou Inbound Links, são links provenientes de outros sites. Há grande relevância na determinação do PageRank de um site e a quantidade de backlinks que o mesmo possui, desta forma importantes para o SEO (otimização de sites).
• Bait and Switch/Isca e Mudança: é considerada uma técnica black hat SEO, é um sinônimo para as técnicas de IP delivery, pois direcionam o usuário de acordo com seu IP. É mostrado um doorway page para uma determinada search engine ou diretório e uma diferente para os demais “user agents”. Na implentação da mesma, é criado uma página otimizada para indexação das search engines ou diretório, porém assim que o mesmo ocorre a página em questão é trocada por outra.
• Banned/Banimento: é o resultado da utilização de técnicas proibidas pelas Seach Engines (Ferramentas de Busca), desta forma o site é apagado do banco de dados dos mecanismos de pesquisa. Fato é ocorrido pela não utilização das normas de boa conduta (guidelines), com utilização de técnicas Black Hat SEO.
• Banner Ad / Banner de Propaganda: Imagem gráfica, tipicamente um GIF ou JPG, que é colocada em qualquer parte de uma página web, freqüentemente é centrada no topo da página. O Tamanho padrão do banner de propaganda é 468 x 60 pixels, e para o banner lateral “tile ad” é 125 x 125 pixels. O Interactive Advertising Bureau define normas de conduta e padrões para exibição de propagandas.
• Beacon: linha de código implantada em uma página web para ajudar a rastrear as ações do visitante, como registros e compra.
• Beyond The Banner: qualquer tipo de propaganda que não seja um banner, como uma janela pop-up de propaganda.
• Bid Management Tool / Ferramenta de Gerência de Leilão: software ou serviço em ASP utilizado para gerenciar leilões para cliques no sistema “pay-per-click” (PPC) como no Yahoo Search Marketing e no Google AdWords.
• Bidding: significa o valor que você estaria disposto a pagar para uma propaganda dentro de um programa “pay-per-click” de uma Search Engine.
• Black Hat SEO: são técnicas banidas pela maioria das search engines, pois não obedecem as normas de boa conduta e prejudicam o conteúdo na internet assim como os usuários. A sua utilização quando descoberta causa em penalidades para o web site, podendo este até ser banido do banco de dados das ferramentas de pesquisa.
• Blacklist: são listas criadas pelos mecanismos de pesquisa e por vigilantes sobre spammers, tais listas são utilizadas para banimento ou boicote.
• Blog: também conhecido como “weblog”. É basicamente um diário on-line, com atualizações periódicas. Vastamente difundido atualmente, tendo propósitos variados, mas todos ligados a certo tipo de divulgação.
• Body Copy: se refere a parte textual de um site. É o texto visível para o usuário, não incluindo conteúdo gráfico, navegação, ou informação escondida em código HTML.
• Bot: abreviação de “robot“, ou robô.
• Bridge Page: o mesmo que “doorway page“.
• Broad Match: é uma forma de vínculo de palavras, buscando termos semelhantes, e se refere a comparar uma lista de procura ou propaganda para as palavras-chave em qualquer ordem. Desta forma se as palavras-chave (keywords) forem “copos azulados”, assim o ads (propaganda) ou a lista de procura deverá ser mostrada caso os usuários digitem as palavras correspondentes: “azulados copos”, “copos azuis”, “copo azul”.
• Bulk Submission Services: assim como o “Automated Submitting”, é um software que submete várias URL´s para os mecanismos de pesquisa de seu interesse. Como já explicado, este processo é considerado spam, em alguns casos.
• Base de Dados: ou mesmo “banco de dados”, é o conjunto de informações armazenadas para futuras referências. Os mecanismos de pesquisa possuem em sua base de dados, informações pertinentes aos sites que já indexaram pelo processo de web crawler/spider. Basicamente é uma parte do conteúdo de cada página web, com uma prévia do assunto tratado
• Busca Orgânica: ou “Busca Natural”, é a pesquisa relevante ao termo buscado, assim mostrado a página com maior relevância pela ferramenta de busca utilizada.
• Buscador: ou mecanismo de busca (Search Engine). São sites na web que disponibilizam serviço de busca por palavra-chave (keyword).
• Bread Crumbs: uma técnica que aumenta a experiência do usuário com um web site, basicamente é uma barra de navegação que se localiza abaixo do meu principal. Contém orientações dos níveis das páginas onde o usuário se encontra. Sua principal função é a usabilidade.
• Bounce Rate: é basicamente um método de verificar a taxa de rejeição de um site, o “bounce rate“ é a porcentagem de usuários que saem da página web visitada logo após de visualizá-la.

• Cache: cópias de páginas web armazenadas localmente no disco de armazenamento do usuário, ou em banco de dados de uma search engine (motor de busca). O Cache é um dos fatores na qual é responsável para que uma determinada página web seja carregada mais rapidamente, principalmente quando o usuário utiliza o botão de voltar do browser, pois desta maneira a página não é carregada novamente da internet, e sim acessada localmente. O motor de busca Google, é fora dos padrões, pois é a única search engine de grande porte que permite os usuários da internet visualizar sua versão de cache das index das páginas web.
• Call To Action / Chamada para Ação: é uma técnica utilizada nos banners de propaganda para que os usuários sejam atraídos a completar uma ação defina nestas propagandas. Primeiramente eram definidas com “doing words” como exemplo: “click here – clique aqui”, “Buy Now – Compre Agora”, “Enter Now – Entre Agora” ou “Click to Download – Clique para Download”. Atualmente são utilizadas propagandas interativas que utilizam o mesmo processo de “Call to Action” para pequenas tarefas/jogos nos banners que tem como “prêmio” o redirecionamento para a finalidade desejada.
• Cgi-bin: acrônimo para “Common Gateway Interface“, pode ser utilizado com um script para conter um diretório “virtual” dentro de uma determinada URL. Também sua utilização é uma dica para o spider que esteja visitando seu site, tenha impressão que seu site é dinâmico.
• Click-down Ad or Click-within Ad: uma propaganda em um web site que tem a funcionalidade de mostrar um determinada propaganda requisitada sem necessidade de redirecionamento, o mesmo sendo feito dinamicamente. A propaganda do tipo Click-Down, apresenta uma extensão de seu campo habitual, podendo este ser acima, ou abaixo de onde estiver inserida, com informações extras de propaganda para o usuário. Já aqueles do tipo Click-Withins possibilitam a visualização de mais informações dentro de seu campo habitual, com interação do usuário.
• Clickthrough: é definida como a ação de clicar dentro do elemento de propaganda gerando como conseqüência o redirecionamento para outra página web.
• Clickthrough Rate: a taxa em que os visitantes clicam em um link em determinada página web, ou listagem de pesquisa ou banner de propaganda.
• Cloaking: técnica Black Hat SEO, que basicamente consiste em mostrar conteúdo diferente para a search engine do mostrado ao usuário. É considerada uma técnica “bit and bait”, onde o servidor web “alimenta” os spiders visitantes das search engines com conteúdos ricos, enganando assim o motor de busca. Este que posiciona numa posição privilegiada nos resultados de pesquisa. Deste modo porém, quando o visitante clica no link, é mostrado um conteúdo diferente ao proposto, podendo não ter qualquer relação a descrição dada pelo site. Esta técnica é passível de punição, podendo sua index ser excluída do banco de dados dos mecanismos de pesquisa.
• Cold Fusion: é linguagem de script com capacidade limitada, muito utilizada em acessos a banco de dados. Os arquivos de utilização do Cold Fusion são salvos no servidor web com a extensão .cfm.
• Conversion/Conversão: é o ato de converter o visitante web a algum serviço ou produto exibido. Esta conversão pode ser o ato de vender o produto/serviço, ou somente o ato de aproximar o visitante a sua intenção final, com envio de orçamento ou conversa voltada ao produto.
• Conversion Rate: é a taxa na qual os visitantes são covnertido em clientes, ou movidos um passo a frente em se tornar um cliente em potencial.
• Cookie: informação armazenada no computador do visitante ou em um servidor web. No momento em que o web site é acessado, os dados do cookie do visitante pode ser armazenado ou recuperado. A maioria dos cookies são utilizados como identificadores únicos ( ID do usuário, sessão de identificação) para isolar os movimentos deste visitante de outros durante aquela visita e outras subsequentes. Outros dados que podem ser armazenados em um cookie são número de pedido de ordem, endereço de email, etc.
• Cost Per Action (CPA): o custo embutido, ou preço pago por uma ação específica, como cadastro em mecanismo de divulgação on-line, a entrada em um concurso, registro no site, o preenchimento de uma pesquisa de opinião, etc.
• Cost Per Click (CPC): o custo ou preço pago pelo clicktrough para sua página principal..
• Cost Per Lead (CPL) Cost per LOAD: preço baseado no número de novas ligações ao seu site. Como exemplo: um visitante chega ao seu site via banner de propaganda e preenche um formulário no site em questão. O contratante paga ao publicitário proporcional ao número de assinantes.
• Cost Per Order (CPO): preço baseado ao número de ordens recebidas como resultado do posicionamento das propagandas. Também conhecido como custo por transação (cost per transaction).
• Cost Per Sale (CPS): preço baseado no número de transações de vendas atraídas pelas propagandas que direcionaram o usuário ao seu site. Como os usuários visitam seu site diversas vezes antes de efetuar uma transação, há possibilidade de utilização de cookies para traçar a rota que os levou a sua página principal, ou a página de venda. Também conhecido como custo por aquisição (cost-per-acquisition), ou custo por venda (cost-per-sale).
• Cost Per Thousand (CPM): o custo incorrido ou preço pago por mil de impressões.
• Counter: um programa simples que verifica o total de impressões de uma página web.
• Crawler: é um software desenvolvido para varrer a internet de maneira sistemática através de informação relevante a sua função. São uma das bases das Search Engines , eles são responsáveis pela indexação dos sites, armazenando os mesmo na base de dados dos motores de busca. É também conhecido como Spider ou Bot (robô).
• CSS: acrônimo para Cascading Style Sheet, arquivo utilizado para gerência e controle do design do website.
• Click Through Rate (CTR): é uma medida de avaliação do número de cliques recebidos de um número de impressões oriundos de propaganda emitida. A fórmula para se calcular o CTR é: CTR = “número de cliques”/ (”número de impressões de propaganda” x 100).
• Custom Error Page: é possível customizar as páginas de erro padrão que são geradas caso haja algum problema na solicitação das mesmas. Estas são chamadas de “custom error pages”, como a famosa página de erro 404, que é o exemplo clássico de uma página de erro padrão, quando a página não é encontrada.
• Cadastro em Sites de Busca: quando um novo web site é criado, é preciso submetê-lo ao banco de dados dos sites de busca para que o mesmo passa a participar nos resultados de pesquisa.
• Conteúdo Duplicado: esta ocorrência é passível de punição, sendo caracterizada como uma técnica Black Hat SEO, que parte do princípio uma cópia não autorizada, ou conteúdo redundante na internet. É possível alterar problemas com conteúdo duplicado no mesmo domínio com a utilização de linha de código em seu .htaccess.
• Click Fraud: é uma ação anti-ética, onde cliques são fraudados para aumejar melhores resultados nas campanhas de Pay-Per-Click. Seja gerando maiores lucros para os webmasters, ou custos para os anunciantes.
• Content Management System (CMS): é uma plataforma pré-contruída para auxiliar iniciantes no ramo da computação gerenciar seus conteúdos on-line e construir sites na internet, também conhecido como sistemas de gestão de conteúdo. Um exemplo é o próprio Wordpress, utilizado em blogs.
• Customer Relationship Management (CRM): também conhecido como “Gestão de Relacionamento com Cliente”, são as técnicas e metodologias utilizadas para melhor atender o cliente, dando maior satisfação, garantindo o retorno e a qualidade do atendimento.

• Database-driven: no sentido de um web site ser baseado em banco de dados ou Database-driven, significa que o mesmo está conectado a tal banco de dados e seu conteúdo é parte de informação extraída do mesmo.
• Database-generated: um web site gerado por banco de dados ou Database-generated é aquele em que a página web é gerada dinamicamente “on-the-fly” através do banco de dados.
• Daughter Window: uma página com propaganda que executa associada a um banner em exibição.
• Deep Submitting: inscrever todas as páginas de um web site para as search engines. Esta técnica não é mais utilizada, pois os mecanismos de busca com seus spiders/crawlers conseguem encontrar todas as páginas com referência a partir da página inicial do domínio. O ato de “Deep Submitting” é considerado spam, sendo passível de punição.
• Directory/Diretórios: foram os mecanismos de busca de primeira geração, eram compostos pela base de dados de web sites com descrições dos mesmos, separados por categorias. Como o processo não era automático, era necessário de cadastro de seu site para aparecer na busca de determinado diretório.
• Doorway page: famosa técnica black hat SEO, também conhecida como “bridge page” ou “gateway page“. É uma página composta por palavras-chave (keywords) que não apresentam informação relevante para os usuários, com a utilização de ip delivery, essas páginas são apresentadas para as search engines, para que sejam bem ranqueadas.
• Dynamic: gerado de forma “on-the-fly”.
• DMOZ: também conhecido como “Open Directory Project“, é um dos maiores diretórios web e um dos mais bem conceituados.

• Error Page: consiste em uma página de erro apresentada por um web site. Ver Custom Error Page.
• Exact Match: ou “comparação exata“, forma de busca antiga, onde os termos buscados deveriam ser exatamente idênticos as palavras-chave utilizadas. Com a expansão desta tecnologia, é também apresentados formas no plural e alguns sinônimos.
• Exclusive Advertising: base de contrato que permite aos contratantes de serviço de publicidade que tenham acesso a todos os banners de propaganda de um dado site, ou prioridade sobre palavras-chave escolhidas.
• Expandable Banner: um banner de propaganda que expande com interação do usuário. A interação pode ser ativada por clique ou pelo passar do mouse. A padronização de expansão é de 468×240 pixels.

• Findability: definição para o quão facilmente seu site é encontrado usando os motores de busca (search engines).
• Firefox: browser de internet muito famoso por seus plugins que aumentam ainda mais seu potencial de uso.
• Flash: tecnologia de animação desenvolvida pela Macromedia ( comprada pela Adobe) que possibilita o webdesigner/webdeveloper embutir multimídia interativa junto as páginas web. Utilizada para introdução, jogos, e navegação animada.
• Flash Intro: animação criada utilizando a tecnologia Flash, para finalidade de introdução de um site.
• Floating Ads: uma propaganda que aparece na janela do browser no topo da página, aparentemente esta propaganda “flutua” no topo da página.
• Forums: definição básica de fórum é uma comunidade virtual, também conhecido como grupo de discussão. É utilizado por profissionais da otimização de sites (Search Engine Optimizer) e webmasters para troca de informação. Usuários podem postar mensagens em fóruns distintos, para um grupo vasto de pessoas, ou um grupo restrito. Porém todos os post´s podem ser acessados por aqueles com acesso ao fórum, salvo material dedicado aos moderadores (staff) e materiais destinados aos emails particulares.
• Frames: quando páginas web distintas são combinadas em uma, cada qual com a possibilidade de ter sua própria barra de rolagem, você então estará provavelmente em um web site com frames. A utilização de frames fruta os usuários, pois na maioria das vezes quando o visitante tenta marcar a página em questão aos favoritos, o mesmo não funciona, pois marca o a página do “frameset”, que tipicamente é a página inicial do site.
• Frameset: uma página web que é feita de frames. Uma analogia útil é que: se os frames individuais que formam o frameset são chamados de “filhos”, então o “frameset” é denominado de “pai”.
• Frequency: o número de vezes que uma propaganda é direcionada para o mesmo browser em uma única sessão ou período de tempo.
• Fresh: termo utilizado pelo Google para fazer referência a páginas que mudam com freqüência. Quando o Googlebot verifica que determinada página está mudando constantemente, este revisita a página com maior freqüência.
• Fav Icon: ou “Favourite Icons”, em português, ícones favoritos. Recebem este nome, pois usualmente no início dos web browser estes ícones são eram referenciados quando o usuário marcava uma página web como favorita, então caso houvesse um “fav icon” definida pela mesma, este aparecia vinculado a sua barra de favoritos. Com a evolução dos web browsers, os “fav icons” aparecem juntamente as abas das páginas web abertas.
• Ferramenta de busca: são basicamente vinculadas aos sites de pesquisa, que tem uma programação especifica vinculada que chamamos motores de busca, ou Search Engines. Estas ferramentas de busca, que fazem pesquisa nas web para retornar o conteúdo desejado para o usuário.
• Feed: Ver RSS.

• GAP – Google Advertising Professional: é um programa de distribuição gratuita, oferecido pelo Google, para profissionais que desejam gerenciar múltiplas contas de clientes do Google Adwords.
• Gateway page: ver doorway page.
• Geo-Targeting: técnica utilizada para direcionar o tráfego baseando-se na localização do endereço IP de acesso.
• Google: Uma das principais ferramentas de busca do mercado.
• Google AdSense: permite que os webmasters reservem um espaço em seu site para que o google possa fazer alguns anúncios de propaganda. O pagamento é feito baseado no sistema “pay-per-click”.
• Google Analytics: ferramenta de gerenciamento web com diversas funcionalidades. Proporciona níveis detalhados de estatísticas do site, esta ferramenta pode ser utilizada para rastrear todas as atividades usuais de um web site: número de visitantes, número de páginas visualizadas, relação páginas e visita, taxa de rejeição, tempo médio no site, etc.
• Google Bombing: é uma técnica utilizada em conjunto por um grupo de sites que desejam fazer algum tipo de reclamação. Basicamente, os sites em questão unem forças direcionando links para um site que faz uma referência a uma empresa, ou algum serviço mal feito. Como a união das referências faz com que o determinado web site ganhe uma posição de destaque, este processo é utilizado para vincular uma reclamação, ou desabafo, e que a mesma tenha grande visibilidade.
• Google Bowling: é uma técnica Black Hat SEO, utilizada para retirar os concorrentes das buscas dos mecanismos de pesquisa. É feito uma sabotagem no SEO do concorrente, fazendo com que centenas de links questionáveis façam referências
• Google Cache: no cache do google que se encontra as index das páginas web visitadas pelo seu crawler/spider.
• Google Checkout: sistema de pagamento on-line desenvolvido pelo Google. Possibilita aos usuários armazenar seus dados sobre cartão de crédito e endereço de entrega de produtos vinculados a sua conta do Google. Desta forma também, minimizando a quantidade de informação necessária para estabelecer uma compra on-line. Este serviço tem algumas funcionalidades de destaque: Proteção anti-fraude, habilidade de rastrear suas compras, transações pela internet de forma mais simplificada.
• Google Dance: é o termo designado as atualizações feitas pelo google nas index das páginas visitadas. Este período de funcionamento também tem algumas características pertinentes como: as flutuações no tamanho das páginas índice, conseqüentemente uma mudança nas posições de pesquisa na busca orgânica. Este fato é relacionado também, ao período de tempo necessário para que os data center´s do google entrem em sincronia.
• Google Juice: é o termo referente a analogia dada ao número de hyperlinks em um web site. Sites com muitos hyperlinks tem um número alto de “google juice”, diminuindo relevância ao destino.
• Google Labs: são os laboratórios do google. É o centro de desenvolvimento e inovações do Google, temos como serviços desenvolvidos por lá: Google Reader, Google Docs Spreadsheets, Google Video, Personalized Search, Google Desktop e iGoogle.
• Google Pack: pacote de produtos especificamente selecionados pelo google. Não há presença de spyware, e estão prontos a serem utilizados com apenas alguns cliques. Como exemplo: Google Earth, Spyware Doctor, Google Photos Screensaver, Star Office, Norton Security Scan, Google Desktop, Google Talk, Picasa, Adobe Reader, Firefox with Google Toolbar, Skype e Real Player.
• Google Knol: serviço disponibilizado pelo Google, que é semelhante ao wikipedia, onde é possível submeter artigos sobre todos os tipos de assunto. Algumas diferenças básicas do Google Knol: é a não permissão de mudança em artigos alheios, salvo permissão do dono.
• Google Supplemental Index: é um índice disponível pelo google contendo resultados complementares, estas são páginas definidas com menos relevância pelo algoritmo de pesquisa do google, ou aqueles de baixo nível de confiança.
• Google Toolbar para Internet Explorer e Mozilla Firefox: é uma ferramenta do tipo add-on desenvolvida pelo Google, que possibilita vários outros recursos ao browser utilizado.
• Google Traffic Estimator: ferramenta desenvolvida para indicar o número de cliques a serem esperados no Google Adwords para determinadas palavras-chave selecionadas.
• Google Trends: ferramenta desenvolvida pelo Google Labs que possibilita verificar o número de pesquisas feitas entre determinadas palavras-chave num período de tempo. Mostra resultados de popularidade de palavras-chave à partir do começo de 2004.
• Google XML Sitemap: são arquivos no formato XML qie listam todas as URL disponíveis para acesso em um web site. Sua principal funcionalidade é auxiliar os webmasters na notificação das search engine sobre as páginas disponíveis para indexação.
• Googlebot: é um robô de busca utilizado pelo Google. Sua funcionalidade é coletar documentos ou sites de toda internet para que montar uma estrutura de busca a ser utilizada pelo motor de busca do Google.
• Googleware: conjunto de ferramentas produzidos pelo google que podem ser utilizados para pesquisas, relatórios, entretenimento e busca. Temos como exemplos:
• Googlewhack: uma sentença de pesquisa formada por duas palavras, que tem como retorno apenas um resultado.
• Grey Hat SEO / Gray Hat SEO: técnicas utilizadas para otimização de sites de características duvidosas. Não há uma definição ou escopo exato sobre sua utilização.
• Google Bomb: técnica utilizada para manipular os resultados de uma pesquisa para determinada keyword. Um trabalho em conjunto entre vários webmasters para vincular uma determinada palavra-chave em um anchor text a outro determinado web site. O exemplo mais famoso é sobre o presidente George W. Bush. Segue a notícia: link . O Google elimina essas manipulações sempre que são identificadas.