Ed23 by Emanuel Limeira

novembro 2005 :: ano 2 :: nº 23 :: www.arteccom.com.br/webdesign

Emprego conheça os atuais níveis salariais e onde estão as oportunidades mercado de trabalho

confira dicas para se destacar e garantir uma vaga na área

6D Estúdio O design superando as 3 dimensões

tutorial padrões web aprenda como incluir o CSS em seu projeto na web

R$ 7,90

use

RSS

Estudo aponta que usuários de RSS acessam sites três vezes mais e com maior freqüência. Saiba como implementá-lo em sua página

direitos autorais

são chamados de colaboradores, associados, isso sem citar as palavras estrangeiras que já estão aí para definir esse novo perfil de profissional, como se “funcionário” fosse um termo a ser evitado. Provavelmente porque deve ser mudada urgentemente a forma de pensar e agir, a mentalidade de quem trabalha para uma organização. As empresas precisam de pessoas empreendedoras, criativas, não só nas áreas de design e de criação, mas em qualquer outra. Pessoas que façam diferença, que contribuam realmente para o seu crescimento. Cada vez mais é impossível ignorar a competitividade. É preciso, não apenas ter o melhor produto ou serviço, mas o melhor atendimento, o melhor preço, o melhor design. Precisamos das pessoas mais competentes do mercado para gerar produtos inovadores, originais, que se destaquem realmente da concorrência. Precisamos, hoje, criar DIFERENCIAIS. Ou seja, não basta apenas cumprir as tarefas diárias. Isso tornou-se insuficiente, ineficaz para as empresas. A “função” agora é DESENVOLVER um trabalho que faça a diferença, atraindo mais clientes ou gerando mais lucro, é PROPOR novas idéias e soluções, é COLABORAR para o

Direção Geral Adriana Melo adriana@arteccom.com.br

Criação e Diagramação Camila Oliveira camila@arteccom.com.br

Leandro Camacho leandro@arteccom.com.br

Ilustração Beto Vieira beto@arteccom.com.br

Direção de Redação Luis Rocha luis@arteccom.com.br

Redação Tatiana Serra tatiana@arteccom.com.br

Assinaturas Jane Costa jane@arteccom.com.br

Gerência de Tecnologia Fabio Pinheiro fabio@arteccom.com.br

Desenvolvimento Web Eric Nascimento eric@arteccom.com.br

Financeiro Luana Rocha luana@arteccom.com.br

crescimento da empresa. Crie e torne-se um colaborador. Ou desenvolva novos projetos que o façam um associado. Seja o que for, só não preste simplesmente “funções”. Saia da linha de conforto. Funcionário, aquele que exerce funções, não existe mais. Então, se sua meta é conseguir um bom emprego, estabilidade e a ainda tão almejada “carteira assinada”, desista. Agora, para os que pretendem fazer a diferença numa companhia, boa leitura!

A Arteccom é uma empresa de design, especializada na criação de sites e responsável pelos seguintes projetos: Revista Webdesign :: www.arteccom.com.br/webdesign Curso Web para Designers :: www.arteccom.com.br/curso Encontro de Web Design :: www.arteccom.com.br/encontro Portal Banana Design :: www.bananadesign.com.br Projeto Social Magê-Malien :: www.arteccom.com.br/ong

Criação e edição www.arteccom.com.br

Produção gráfica www.prolgraca.com.br

Adriana Melo

Distribuição www.chinaglia.com.br

:: A Arteccom não se responsabiliza por informações e opiniões contidas nos artigos assinados, bem como pelo teor dos anúncios publicitários. :: Não é permitida a reprodução de textos ou imagens sem autorização da editora.

quem somos

Funcionário. Não soa antiga, ultrapassada, essa palavra? Hoje

Editorial

Funcionários não existem mais

Equipe

apresentação pág. 4 quem somos pág. 5 menu

contato pág. 6 emails pág. 6 fale conosco

fique por den tro pág. 8 direito na web pág. 10 clipping

portfólio pág. 12 veterano: 6D Estúdio pág. 18 calouro: Isabela Rodrigues

matéria de capa pág. 20 entrevista: Marcelo Abrileri pág. 28 quanto vale um profissional de internet? e-mais pág. 40 vantagens do RSS pág. 47 debate: RSS vs. Newsletters pág. 51 estudo de caso: Telelistas pág. 55 tutorial : Padrões Web 5

com a palavra pág. 60 webwriting: Bruno Rodrigues pág. 62 bula da Catunda: Marcela Catunda pág. 64 usabilidade: Marcos Nähr

emails

Assunto: Portfólio Olá, vocês são 10, sou assinante

Blogs, Flogs e Vlogs, pois não

o Fireworks vai parecer a solução

me lembro de ter visto nada a

perfeita, pois é muito mais simples

da revista e conto os dias para

e leve de se usar. Já quem trabalha

chegar o início do mês para ler

com tratamento de fotos de alta

mais uma edição. Faço estágio

resolução, efeitos, o ideal é usar

em uma agência de design.

o Photoshop, pois mesmo sendo

Minha dúvida é: as minhas

pesado, possui todas as ferramentas

criações, por exemplo, layouts

necessárias. Conclusão: se você

em geral para clientes dessa

utiliza o editor de imagens para

mesma agência, entram em meu portfólio? Assunto: Concursos

layouts, logos, arquivos vetoriais,

Felipe Miraldi contato@felipemiraldi.com

Sou webdesigner e trabalho

Claro, Felipe. Só não esqueça de

em uma agência de internet.

colocar os créditos para a agência

Gostaria de inscrever nossos

nos projetos que você participou.

sites em concursos, mas

Converse com os responsáveis

existe pouca informação na

também, veja se existe alguma

internet sobre esse assunto.

restrição.

coisas rápidas, use o Fireworks; se utiliza para tratamento de imagens, use o Photoshop. Abraços, Fábio Pinheiro.

Quero parabenizá-los, fazia

é fácil de navegar, clean,

são os principais festivais

simplesmente o máximo.

nacionais que premiam

Márcia Guimarães marciaguicam@ig.com.br

sites e como fazer para participar. Obrigado pela atenção e parabéns pela

A equipe Arteccom agradece! E

revista. Tenho todas!

não deixe de participar da revista,

Everton Vianna everton.viana@terra.com.br

avaliando as edições, participando das enquetes, da pesquisa, enviando

Vocês têm dicas de concursos de design para sites? Obrigado, Leandro Jorge leandro@desigart.net

Olá Everton e Leandro. Fiquem atentos que estamos sempre divulgando concursos de sites. No momento, vocês podem participar do Plugin Websites Award

Assunto:

Fireworks X Photoshop

é o mais usado para web)? Sabemos que o Photoshop reina há anos, mas o Fireworks

(www.plugin.com.br/concurso). As

tomou uma grande parte dos

inscrições vão até 18 de novembro.

usuários web, então queria ver

Os prêmios são um Pentium IV e

alguma pesquisa sobre isso.

uma câmera digital. Boa sorte!

Denis Eustáquio denis@deustaquio.com.br

E, sobre concursos em geral, zemos uma matéria na edição nº13.

entrevista ótima com Helen Bar. Sobre Vlogs ainda não. Um dia podemos retomar o assunto, ok? E, então, entraremos com outros focos. Abraços!

Olá para todos! Tenho reunido uma série de equipamentos de informática (com e sem defeitos), no intuito de poder reciclar ou doar para alguma instituição. Existe alguma ONG, de preferência aqui em Salvador, que tenha interesse em recebê-los? Aproveito para sugerir a publicação na revista de uma lista com os contatos de ONGs de Inclusão Digital, Design e áreas ans. Um grande abraço, Andrea Soares asoares@ipqtecnologia.com.br

de nosso conteúdo depende dessa

Assunto: Blogs

Andrea, por enquanto, ca dado o recado e disponibilizado seu email. Quanto à matéria, vamos prepará-la sim. Obrigada!

Estou para enviar este email há meses (risos). Comprei a revista a partir da edição nº2 e estou apaixonado! Fui “obrigado” a comprar a edição nº1 assim que a loja virtual cou pronta. Não podia car com a coleção

Difícil armar qual o melhor editor

incompleta. Gostaria

de imagens, quando, na verdade,

de sugerir uma matéria

eles se completam. Para quem

que falasse sobre

trabalha com web, criação de

fale conosco pelo site www.arteccom.com.br/webdesign :: Os emails são apresentados resumidamente. :: Sugestões dadas através dos emails enviados à revista passam a ser de propriedade da Arteccom.

na edição nº8, e na nº20 uma

pelo site da Webdesign. A qualidade contribuição!

Fireworks vs. Photoshop (qual

Fizemos uma matéria sobre blogs

sugestões etc. Isso tudo pode ser feito

Vocês possuem alguma pesquisa sobre o uso do

Querido colecionador,

Assunto: Inclusão Digital

o site da revista. Ficou ótimo,

uma matéria que aponte quais

artes@doiscliques.com

Assunto: Parabéns pelo site!

algum tempo que não acessava

Dessa forma, queria sugerir

respeito. Adriano Santos

direito na web

Links de terceiros Poderia o dono de determinada página inserir o endereço de página criada por terceiro em seu site? Não estaria ele violando direito autoral, por “distribuí-la”, “reproduzi-la” e “divulgá-la”? Gustavo Pugliesi – gupugliesi@hotmail.com Gustavo Pugliesi – gupugliesi@hotmail.com

Na verdade, quanto à essa questão existem dois entendimentos doutrinários. O primeiro afirma que o criador de um site necessita, sob pena de violação de

que, por sua seleção, organização ou disposição de seu conteúdo, constituam uma criação intelectual.”

direitos autorais, de permissão para incluir

De onde se conclui que o ato de

um link objetivando o endereçamento a

estruturar, seqüenciar e organizar links em

site de outro. Tal entendimento se baseia

uma página poderia, talvez, criar proteção

em algumas disputas judiciais americanas,

autoral sobre si, e, assim, um indivíduo

Lioce Advogados.

onde se decidiu que a cópia de um trabalho

que copiasse essa seqüência em outro

Envie sua dúvida para:

em memória RAM é uma cópia para fins de

site poderia, perfeitamente, responder por

direitos autorais.

violação à Lei de Direitos Autorais, pois

Marianna Furtado é advogada com pós-graduação em Direito da Propriedade Intelectual pela PUC-Rio. Atualmente, pertence à equipe do escritório Montaury Pimenta, Machado &

marianna@montaury.com.br

A segunda corrente de entendimento considera que a World Wide Web é um protocolo existente apenas para ligar um site a outro, não havendo razão para restringir a menção ou acesso a um website, não necessitando haver permissão específica para tanto. Ademais, há que se ressaltar que o link é mera instrução, portanto, em um primeiro momento, não se adequaria ao instituto de direitos autorais, essa reserva de direitos. Entretanto, tal fato não significa que não haja problemas em copiar uma série de links organizados por uma página, vez que o inciso XIII, do artigo 7.º, da Lei de Direitos Autorais, estipula que “São obras intelectuais protegidas (...): as coletâneas ou compilações, antologias, enciclopédias,

dicionários, bases de dados e outras obras,

teria copiado um dos elementos da obra.

clipping

Estudante ganha US$ 160 mil com minianúncios online Em menos de um mês, o britânico Alex Tew, de 21 anos, conseguiu levantar US$ 160 mil, vendendo em seu site pequenas tiras de publicidade a US$ 1 dólar cada. Mas seu objetivo é faturar algo como US$ 1 milhão nos próximos dois anos. São Paulo - Para pagar sua faculdade, o estudante britânico

Lula assina decreto e “oficializa” programa de inclusão digital

Alex Tew teve uma idéia singular: criar um site somente com microanúncios. A iniciativa foi bem sucedida: em menos de um mês, Tew já levantou cerca de 160 mil dólares. Seu objetivo, ao longo deste ano e do próximo, é faturar algo como um milhão de dólares.

O presidente Luiz Inácio Lula da Silva assinou na terça-feira,

Os anúncios publicados por Tew em seu “MillionDolar” medem 1

dia 23/09, um decreto referente ao programa de inclusão digital

pixel e custam um dólar cada. O negócio fez tanto sucesso que

Computador Para Todos. Com a medida, o presidente lançou

já está sendo copiado em todo o mundo, inclusive no Brasil.

oficialmente o projeto.

Mas por que alguém deveria comprar os pixels de Tew?

A oficialização permite que seja colocado em prática o tão

“Porque você terá uma imagem com link para sua home,

esperado financiamento facilitado para micros de até R$ 1.400. A

fornecida por um site que, de acordo com pesquisas recentes,

outra frente do projeto --isenção de PIS/Pasep e Cofins para PCs

deverá ser visto por milhões de internautas nos próximos anos”,

de até R$ 2.500-- já vigora desde junho em redes varejistas como

ele esclarece em seu FAQ ( Perguntas Mais Freqüentes).

Extra e Magazine Luiza.

Tew, de 21 anos, mora na pequena cidade de Wiltshire, na

“A assinatura habilita o Ministério da Ciência e Tecnologia a

Inglaterra, e cursa Administração de Empresas.

cadastrar as lojas que vão utilizar o financiamento do BNDES

(02)

[Banco Nacional de Desenvolvimento Econômico e Social]”, afirmou Luiz Cláudio Mesquita, assessor de diretoria do Serpro (Serviço Federal de Processamento de Dados). Antes de iniciar os cadastramentos, no entanto, o MCT ainda

Britânico imagina prótese de silicone que toca MP3

deve publicar uma portaria --esperada para os próximos dias- com definições, especificações e características mínimas dos

Chips que armazenam música poderiam ser embutidos em próteses

computadores de até R$ 1.400 que terão financiamento facilitado.

de silicone femininas. Um seio guardaria o tocador de MP3 e o outro

Para se encaixar na categoria beneficiada, o equipamento, de

a coleção de músicas inteira da mulher. O futurologista britânico

qualquer marca, deve utilizar obrigatoriamente software livre.

Ian Pearson, que desenvolveu a idéia, disse que isso poderia estar

Além disso, precisa contar com um processador de 1,5 GHz,

disponível dentro de 15 anos.

disco rígido de 40 GB, memória RAM de 128 MB e monitor de 15

Analista dos laboratórios da British Telecom, Pearson disse que

polegadas, entre outros itens.

um material plástico eletrônico e flexível seria colocado dentro

Ainda de acordo com o comunicado do Planalto, o governo está

da prótese. O sinal seria enviado aos fones de ouvido enquanto o

preparando uma campanha de lançamento para o programa de

dispositivo poderia ser controlado via Bluetooth mediante o uso de

inclusão digital. Além de propagandas, a iniciativa deve conter um

um painel no pulso.

portal com as principais orientações e informações sobre o projeto.

“Agora é difícil para mim pensar em seios de silicone simplesmente

(01)

como decorativos. Se uma mulher tem algo implantado permanentemente, é bom que seja algo útil, também”, disse Pearson ao tablóide britânico The Sun.

(01) http://www1.folha.uol.com.br/folha/informatica/ult124u19018.shtml (02) http://www.estadao.com.br/tecnologia/internet/2005/out/05/31.htm (03) http://tecnologia.terra.com.br/interna/0,,OI706931-EI4799,00.html (04) http://www.estadao.com.br/tecnologia/internet/2005/out/10/38.htm (05) http://tecnologia.terra.com.br/interna/0,,OI703778-EI4799,00.html (06) http://www1.folha.uol.com.br/folha/informatica/ult124u19102.shtml (07) http://concurso.plugin.com.br/

(03)

clipping Yahoo estréia busca por podcasts Com o novo serviço, o portal passa a concorrer com o Odeo.com e o podcast.net na pesquisa, organização e classificação da nova forma de distribuição de programas de áudio pela internet.

Programas facilitam envio de mensagens indesejadas no Orkut Além de ter se transformado em abrigo para comunidades racistas e para usuários com identidades

São Paulo - O Yahoo está estreando um novo recurso

falsas, o Orkut também virou um foco

de buscas que permite encontrar, organizar e classificar

para a disseminação de mensagens

os programas de áudio conhecidos como podcasts , por

não-solicitadas (spam).

meio de palavras-chave, categorias ou tags. Os resultados

Pessoas cadastradas no site

podem ser armazenados em reprodutores de MP3.

recebem propagandas por

Com a iniciativa, o portal passa a concorrer com ofertas do

todos os meios: nos fóruns de

gênero como as do Odeo.com e o podcast.net. Os analistas

discussão, via e-mail e até no

acreditam que a curto prazo o Google e o MSN Search

scrapbook (mural de recados).

explorem também o nicho que está em plena ascensão.

Entre os responsáveis por essa

Os podcasts são utilizados hoje por diversas empresas no mundo para divulgar notícias e programação. Na versão 4.9 de seu player digital iTunes, a Apple ampliou o suporte à novidade. O iPod também adiciona a categoria “Podcasts” ao menu “Music”. Segundo o Yahoo, existem 5 milhões de internautas fazendo o download de podcasts, mas o potencial de mercado é muitas vezes maior, levando-se em conta que só a Apple já vendeu mais de 20 milhões de ipods.

(04)

“Relógio” monitora membros da família via GPS Pesquisadores da Microsoft estão trabalhando um aparelho, para ser pendurado na parede, que mostra onde está cada membro da família. O dispositivo usa o GPS dos aparelhos de celular de cada um dos integrantes da família para identificar onde estão.

situação estão os programas para Flood, termo em inglês que significa inundação, mas, no jargão dos hackers, dá nome a uma técnica de envio em massa de mensagens para um só destinatário. Esses programas, inicialmente criados para ataques isolados, foram adaptados para espalhar anúncios de sites, produtos, festas e comunidades. Sempre sem a solicitação do usuário. De acordo com o analista de sistemas que criou o programa chamado Flood Tudo e preferiu se identificar como Hunter, o crescimento da popularidade do programa é surpreendente. O Flood Tudo está na versão 2.0 e é gratuito, mas já existem softs pagos especializados em enviar spam pelo Orkut. Eles têm preço médio de R$ 30 e prometem muitas facilidades. Enquanto isso, os usuários que são vítimas da propaganda têm poucas opções para se defender. Mesmo restringindo o acesso a suas informações pessoais apenas para amigos autorizados, basta estar cadastrado em uma comunidade para ser incluído na lista de envio de propagandas. A maneira encontrada para mostrar insatisfação são comunidades como a “Odeio programa flood tudo”, com 4.250 membros.

O aparelho, batizado de

(06)

Whereabouts Clock, é um monitor de vídeo, e apresenta na tela um ponteiro para cada pessoa da família, que aponta se ela está em casa, no trabalho, na escola ou genericamente em outro lugar.

Plug In Website Award 2005

O dispositivo também é capaz de receber mensagens SMS e disponibilizá-las na tela, como, por exemplo, “chegarei atrasada, aqueçam a comida”.

Estão abertas as inscrições para o Plug In Website Award 2005,

Para evitar que qualquer um seja cadastrado e monitorado no

iniciativa da Plug In, em parceria com a Arteccom, destinada a apontar

Whereabouts Clock, o cadastramento dos celulares e locais seria

os melhores websites relacionados ao mercado de Internet no Brasil.

feito pela operadora do serviço.

O primeiro lugar, na categoria Empresa, ganhará um computador. Já o

O Whereabouts Clock ainda é um produto em desenvolvimento.

primeiro na categoria Pessoa Física, uma câmera digital.

(05)

Cadastre o seu website! Mais informações: http://concurso.plugin.com.br/

(07)

portfólio veterano :: 6D Estúdio

6D Estúdio

promessa de ir além das 3 dimensões

Eles eram seis e, hoje, são sete sócios trabalhando do design impresso ao design em movimento, em vídeo ou internet. Eles unem diferentes conhecimentos técnicos com base no design e atendem a clientes de peso como Coca-Cola, Central e TV Bandeirantes, Jota Quest, Nelson Motta, Cultura Inglesa, entre outros.

Por Tatiana Serra

Apesar das diferentes características de cada área,

diferentes áreas, lançaram a 6D Estúdio, com a idéia

a essência é a mesma: o bom design. “Se você conhece

de que poderiam ir além das 3 dimensões que todos

as limitações técnicas de cada área, nada te impede

conhecem. O nome 6D Estúdio surgiu, então, como uma

de adaptar um layout de uma área para outra. Quando

brincadeira com o conceito de 3D. Trabalhando com mídias

montamos a 6D, nós juntamos esses conhecimentos

variadas, a empresa tem como diferencial a diversidade, a

técnicos diferentes com a base parecida, que é o design”,

possibilidade do cliente resolver tudo num só lugar.

diz Bernardo, um coringa na empresa, atuando onde estiver a maior necessidade. Existem, porém, duas funções que só ele faz: trabalhos que envolvem 3D e o

“Quando montamos a 6D, nós juntamos esses conhecimentos técnicos diferentes com a base parecida, que é o design” – Bernardo Vieira, designer, animador e sócio da 6D Estúdio

cuidado com a rede e o servidor da empresa. Antes da 6D existir, Bernardo fazia 3D para vídeo, mas não tinha a liberdade de criação que tem hoje. A única área que permitia uma certa liberdade era animação. Ele também chegou a trabalhar com arquitetura e cenografia, que lhe ajudaram a perceber o design aplicado em outras áreas e a desenvolver a representação espacial que hoje ele usa nos trabalhos em 3D. Design: atividade solitária?

Para eles, a versatilidade é um passo natural. É claro

Hoje, a 6D conta com 11 pessoas em sua equipe,

que há muitas diferenças entre os tipos de trabalhos.

fazendo web, vídeo, ambientação e impresso. Além do time

"O impresso, por exemplo, se encerra no momento em

fixo, também existem parceiros terceirizados para suprir

que você manda os arquivos para a gráfica. Na web, não

a demanda quando necessário. “Essencialmente, acredito

tem isso, o cliente está sempre pedindo alguma pequena

que o design é uma atividade solitária. Você cria sozinho,

alteração de texto ou de layout. Em compensação, a web

tem que primeiro desenhar o que se passa na sua cabeça;

te proporciona uma fidelidade com relação ao trabalho

e isso é tarefa de um homem só. Depois que você tem um

final que é impossível no trabalho impresso, já que você

layout, pode receber ajuda externa. Então, nós buscamos

trabalha no monitor e o resultado final será impresso em

sempre conceituar os projetos juntos”, explica Bernardo.

papel", afirma o designer e animador Bernardo Vieira, de

A equipe 6D também analisa os layouts e o progresso

31 anos, um dos fundadores da 6D.

www.6d.com.br

13 13

portfólio veterano :: 6D Estúdio

Em maio de 2003, seis designers, atuantes de

portfólio veterano :: 6D Estúdio

dos trabalhos em conjunto, “buscando ter o máximo de cabeças pensando o trabalho, para contrabalancear essa característica solitária do design”. Traduzindo em design Com tratamento personalizado, oferecendo ao cliente a liberdade para escolher por qual sócio ele prefere ser atendido, a 6D acredita que o fundamental é traduzir em design o que o cliente pretende. Na empresa, há uma carteira-fixa de clientes e também uma renovação freqüente, sendo a falta de tempo para prospectar uma das dificuldades enfrentadas para conseguir novos clientes. Dentre os projetos atuais, Bernardo destaca as

Website desenvolvido para o escritório de advocacia, Castro, Barros, Sobral e Gomes

projeções da turnê do Jota Quest, o website do escritório de arquitetura Bernardes e Jacobsen e os livros de ensino

ao nosso dispor aqui na empresa. Além disso, costumamos

da Cultura Inglesa.

navegar muito na web e ir às exposições que a cidade (Rio de Janeiro) oferece. Sempre tem um dos sócios ou funcionários chegando com alguma novidade que viu no final de semana, em alguma viagem ou em alguma página da internet”, diz. Aliás, conhecimento faz bem tanto para os veteranos, quanto para os calouros. Para quem está começando no mercado de trabalho, o designer e animador dá algumas dicas: “o mercado é carente de bons profissionais, então, é só querer. Tem que correr atrás mesmo, gostar de aprender, se dedicar muito. Se sua condição financeira permitir, não trabalhe pelo dinheiro no começo da carreira, trabalhe pelo aprendizado, escolha um lugar que te instigue, que desperte sua

Website desenvolvido para a loja de roupas Cavendish

Focada na criação O principal foco da empresa é a criação com base no conhecimento, que, de acordo com o Bernardo, pode ser adquirido através da internet, da leitura de jornais, revistas etc. “Temos uma biblioteca de design bem legal

14 14

curiosidade”.

portfólio veterano :: 6D Estúdio

Profissionalmente, Bernardo diz ter muito a evoluir. “Daqui a 10 anos, talvez eu me considere um bom designer. Por enquanto, vou aprendendo um pouco aqui, batendo a cabeça ali; ainda estou descobrindo meu potencial. Pessoalmente, acho que estou um pouco mais evoluído, trabalho com grandes amigos e tenho uma mulher pela qual sou apaixonado. No momento, querer mais é até pecado”, confessa o típico carioca, que tem o surf, pelo visto, como sua segunda paixão.

Capas d

e CDs d

esenvo

lvidas p

elo 6D

Estúdio

“Essencialmente, acredito que o design é uma atividade solitária. Você cria sozinho, tem que primeiro desenhar o que se passa na sua cabeça; e isso é tarefa de um homem só” – Bernardo Vieira, designer, animador e sócio da 6D Estúdio

15 15

portfólio veterano :: 6D Estúdio

Alguns clientes 6D Estúdio: A seguir, Bernardo cita alguns dos principais clientes da 6D Estúdio: Dubas Música, EMI, Lenny, Isabela Capeto, Cultura Inglesa, Jota Quest, Cavendish, Coca-Cola, Nelson Motta, Monobloco, Comedy Central e TV Bandeirantes. Devido à exposição na mídia, Bernardo considera a abertura da novela Floribella (TV Bandeirantes) um dos trabalhos mais importantes que a empresa fez, assim como as capas de CDs. “Fizemos algumas usando ilustração e outras usando 3D, que deram supercerto; e foi muito legal ver o projeto inteiro conceituado e executado aqui dentro, envolvendo várias áreas da empresa”, afirma ele, além de ressaltar que os maiores desafios na internet são técnicos. “Integrar uma autopublicação no Flash, usar 3D de uma forma viável, desenvolver uma navegação interessante; esse tipo de desafio quebra a cabeça da gente. É uma área em que a tecnologia é muito importante. Temos que estar sempre muito antenados com o novo”, completa. Quando a 6D Estúdio foi inaugurada, “um dos principais atrativos era a perspectiva de podermos viver daquilo que gostamos de fazer e passar o dia com amigos queridos. Ao longo da nossa curta história, isso só se solidificou”, conta o designer, lembrando ainda que, de um modo geral, a meta da empresa é aprimorar sempre, com muita dedicação, afinal, “não existe milagre sem sacrifício”.

“Um dos principais atrativos era a perspectiva de podermos viver daquilo que gostamos de fazer e passar o dia com amigos queridos. Ao longo da nossa curta história, isso só se solidicou” Bernardo Vieira, designer, animador e sócio da 6D Estúdio

Imagem da abertura da novela Floribella

A 17

portfólio calouro :: Isabela Rodrigues

Liberdade como ferramenta de criação Experiências servem como ótima fonte de inspiração

por Tatiana Serra

Isabela Rodrigues debutou cedo no mundo do design (dos

Já na web, não existe fronteira, é livre, todo mundo conhece

14 para os 15 anos de idade), foi diretora de arte da Rage, já

o trabalho de todo mundo, é uma mídia relativamente barata,

recebeu prêmios por seus projetos e, hoje, aos 21 anos, está na

onde você pode experimentar mais”. O lado negativo seria o

Globo.com. Tudo começou graças a um “empurrão” do irmão,

limite, tanto de peso quanto de proporções. “Não gosto de

que também é designer.

seguir proporções pré-determinadas. Acredito que as coisas

Esta gaúcha de Pelotas, que mora no Rio de Janeiro, fez

estejam mudando, as resoluções estão maiores, a conexão é

curso técnico de Desenho Industrial no CEFET e agora cursa

banda larga. As pessoas querem mais conteúdo. Precisamos

o 3º período de Desenho Industrial na Univercidade. “Por ser

quebrar conceitos, mas, claro, bom senso é importante”,

uma profissão que depende muito de um senso estético, os

afirma ela, que, em breve, pretende fazer um projeto paralelo

diplomas não foram e acredito que nunca serão sinônimos

relacionado à moda, além de desenvolver suas técnicas e firmar

de qualidade em um designer. Não existe receita de bolo,

seu estilo profissional.

qualquer faculdade que fizer isso para seu aluno estará

E por falar em estilo profissional, “gosto muito de

formando designers limitados e sem criatividade”, diz Isabela,

trabalhar com vetor, desenhos, serrilhados mesmos, gosto de

reconhecendo, em contrapartida, que a faculdade amplia os

brincar com objetos, de ver a percepção do mal acabado ou

horizontes e os contatos profissionais.

desalinhado por querer... Gosto de misturar cores estranhas”,

Da experiência de estar trabalhando na Globo.com,

diz Isabela, que “escaneia” tudo o que vê e guarda como

Isabela destaca a “bagagem profissional incalculável” que

referência, afinal, o que a inspira pode ser transformado em

vem acumulando numa empresa de tamanha expressão. “A

peça gráfica.

preocupação da usabilidade para os usuários em massa não

Em seu novo site (www.isabelarodrigues.com), lançado no

era uma coisa que eu pensava quando criava layouts. Se fico

final de outubro, Isabela mostra o que anda fazendo e recebe o

mais presa para criar? Não, eu crio, e logo me preocupo como

feedback das pessoas. “Gosto do virtual visitar o real”, diz.

isso será visto pelos outros usuários. Mas devo admitir que, em trabalhos que exigem mais liberdade e experimentação, deixo de lado os conceitos e ‘piro’ mesmo”, conta a designer. Dos principais projetos de seu portfólio, ela cita o da Telefônica-RS e o teaser da Paquetá (que ganhou o GrandPrix no último Festival de Web do RS). Dos atuais, o novo site Globo Online, que entrará no ar em breve, bem como o projeto da Fundação Gol de Letra, com o qual foi premiada. Isabela também adora trabalhar com design impresso e vê como ponto positivo a liberdade para criar, experimentar papel, cores etc. “O lado ruim? É uma mídia que não é para todos. Site da Fundação Gol de Letra, um dos projetos premiados de Isabela

O site de Isabela Rodrigues é <www.isabelarodrigues.com> e o email para contato, <isa_belar@hotmail.com>. Para participar da seção portfólio, cadastre-se no site www.arteccom.com.br/webdesign.

18 18

A 19

entrevista :: Marcelo Abrileri

Passando

pela

PENEIRA

Como vencer no mercado de trabalho Por Luis Rocha

Quais são as profissões mais valorizadas na internet?

Wd :: O senhor poderia citar quais áreas

O que devo fazer para conseguir uma oportunidade nesta

cresceram e estão sendo valorizadas entre os

área? Quais diferenciais podem garantir uma vaga? Ter ou

profissionais que trabalham com internet?

não uma formação acadêmica causará impacto em minha remuneração?

Marcelo :: Nestes dez anos, assistimos a muitas transformações. Aliás, tivemos o surgimento de um mercado

Talvez essas sejam algumas das principais perguntas

que não existia. A internet comercial nasce em 1995 e

na cabeça de quem deseja investir na web como um campo

teve um boom entre 1999 e 2000, mas sofreu algumas

de atuação profissional. Para ajudar nossos leitores a

modificações depois do estouro da bolha, com a crise das

sanar tais dúvidas, fomos procurar a ajuda do especialista

pontocom.

Marcelo Abrileri, presidente da Curriculum.com.br, empresa especializada na área de recolocação profissional.

Apesar disso, este mercado continua em evolução e se encontra agora num bom momento, sem dúvida. Um nicho

Abrileri fala com propriedade sobre o assunto, pois

profissional que cresce é o desenvolvimento de páginas

há mais de dez anos atua no mercado de internet. Nos

web. Bons profissionais nesta área estão sendo cada vez

anos 90, fundou o provedor de acesso e BBS Alphanet,

mais bem remunerados. Além disso, temos os segmentos

que depois seria vendido ao ZAZ - atual Terra Networks

de rede e infra-estrutura. Hoje, todas as empresas precisam

-, além de liderar o desenvolvimento e a implementação

de e-mail e configurações de acesso. Os profissionais que

da Curriculum.com.br. A seguir, ele vai nos desvendar um

cuidam dessas áreas têm se tornado valiosos.

pouco do atual cenário na web.

Por último, poderia citar a segurança, cada vez mais

entrevista :: Marcelo Abrileri necessária para se proteger todas as informações que migram para a internet. Esta talvez seja a profissão mais desafiadora de todas e a mais bem remunerada. Há vários outros cargos e funções, tais como redator de textos para web, além de outras ligadas à administração e supervisão, que sempre serão necessárias. Em todos eles, há algo em comum: a necessidade de aprimoramento contínuo, pois, em internet, o que ontem era fato, hoje talvez não seja mais. E o que hoje é fato, amanhã talvez já seja diferente. Wd :: Podemos considerar a internet como um mercado de trabalho consolidado no Brasil? E no exterior? Marcelo :: Sim, sem dúvida. Cada vez mais a internet

“Dinamismo e um lado empreendedor, sem dúvida, são sempre bemvindos”

tem participado de nosso dia-a-dia e não vejo como a estrutura moderna das grandes empresas seria mantida hoje sem e-mail e os serviços web. A tendência geral está mostrando que é um mercado que ainda vai se expandir por muito tempo, tanto no Brasil como no exterior, mesmo com toda a novidade que o segmento ainda representa. Toda empresa, tradicional ou não, vai precisar marcar presença na web. Entre muitas outras coisas, a internet acabou virando uma importantíssima fonte de consulta para quem está buscando produtos ou serviços. E ela não é só um mero veículo de publicidade, vai muito além disso. Alguns tipos

entrevista :: Marcelo Abrileri

de serviços, como os da própria Curriculum, somente

Portanto, o que se aprende na universidade, muitas

são possíveis com a web. Ou seja, eles já nascem

vezes não é mais aplicável no dia-a-dia das empresas.

essencialmente indissociáveis da rede. Uma série de

Por outro lado, não tenho dúvidas de que a formação

produtos e serviços estão surgindo, paralelamente à

universitária dá base ao profissional e é muito

presença de empresas tradicionais que estão com

importante para que depois ele possa continuar

frentes de vendas na área. Portanto, o mercado tem

construindo sobre ela.

fôlego para contratar muito mais gente no futuro.

Em termos de impacto no salário, acredito que o

Wd :: Existe alguma particularidade que

maior peso envolva o conhecimento acumulado, seja

destaca o profissional de internet das outras

ele obtido pela universidade ou de outra forma, pois

áreas?

utilizando sabiamente este conhecimento é que a

Marcelo :: Sim, há, muito embora qualquer um possa se tornar um profissional de internet.

pessoa se transformará em um bom profissional, com reflexos no seu salário.

Eu classificaria estas particularidades da seguinte

Wd :: Quais são as qualidades essenciais

forma: em primeiro lugar, o profissional deve saber

que um profissional de internet deve apresentar

aprender e reaprender. Quero dizer, perceber que

como um diferencial no mercado?

o conhecimento em internet é algo volátil e o que

Marcelo :: Conhecimento e experiência. Acho que

se sabe hoje, talvez não seja mais tão útil amanhã.

estes, sem dúvida, formam o conjunto mais importante

Por isso, é necessário ficar sempre atento às novas

para um profissional de web. O conhecimento pode ser

tecnologias ou tendências de mercado. A dica é saber

adquirido em cursos. Além disso, no caso da internet

interagir com grupos, ler e se informar sempre a

especificamente, fique sempre atento às novidades.

respeito.

Fóruns de discussão, revistas especializadas e livros

Como em qualquer outra área, dinamismo e um lado empreendedor, sem dúvida, são sempre bem-

podem ser consideradas boas fontes para se buscar tal atualização.

vindos. Na internet, estas qualificações talvez sejam ainda mais exigidas. Devido a estes dois fatores, acredito que o perfil mais jovem se enquadra com mais facilidade. No entanto, qualquer pessoa pode vir a preencher estes quesitos. Basta força de vontade. Wd :: Qual a importância da formação acadêmica para quem deseja atuar no mercado de internet? E qual o seu impacto/peso na remuneração do profissional? Marcelo :: De todas as áreas, a internet é aquela em que a formação acadêmica tem menos impacto. Mas não quero dizer com isso que ela seja dispensável, não é isso. Falo devido ao dinamismo da área e as alterações freqüentes que ela sofre.

22 22

“Fique atento ao que surge e ao que deixa de existir para não gastar sua energia em lugares errados”

entrevista :: Marcelo Abrileri Quanto à experiência, ela também é importantíssima, pois fixa o conhecimento adquirido e faz com que a pessoa não só compreenda mais cabalmente sua própria atividade, como também permite ao profissional construir novas visões sobre o assunto. Wd :: Alguns especialistas em Recursos Humanos apontam que as transformações ocorridas no mercado nos últimos anos podem decretar o fim do emprego tradicional, abrindo espaço para os profissionais com perfil empreendedor. Com sua experiência na Curriculum.com.br, você acredita que o mercado brasileiro já vivencia este tipo de realidade? Marcelo :: Acho que há razão, mas isso é apenas um lado do que estas tecnologias estão nos trazendo. Atualmente, há um aumento significativo na área de serviços e a possibilidade do trabalho remoto, o que faz surgir um novo perfil profissional, que é meio funcionário, meio empreendedor. No entanto, por outro lado, o mercado obriga as empresas a serem cada vez mais competitivas. Esta competição, aliada ao uso intenso da tecnologia, faz com que as organizações trabalhem com margens de lucro cada vez menores, aumentando a exigência sobre seus colaboradores, cuja dedicação vai além das tradicionais horas de jornada e o empenho tenha que crescer muito mais (como um time). Portanto, percebo que há um aumento nestes dois pólos e é por isso que não vejo, em curto ou médio prazo, o fim do emprego tradicional.

23 23

entrevista :: Marcelo Abrileri

Wd :: Quais dicas você daria para o profissional que deseja investir na internet como um campo de trabalho? Marcelo :: Recomendaria que se especializasse em algo e conhecesse a fundo a especialização escolhida, seja ela qual for: Design, Redação, Programação, Base de Dados, Tecnologia de Rede, Segurança etc. Mas é importante também não perder a visão do todo e compreender a internet de uma forma ampla, lendo bastante a respeito e entendendo bem a sua dinâmica, de forma a não só compreender as novidades que surgem nela, bem como conseguir prever o que está por vir. Procure ter, paralelamente a tudo isso, uma visão de negócio sobre a internet. Muito embora isso não seja necessário para todas as áreas de atuação, sempre é bom saber como é que o dinheiro surge dos negócios para contribuir neste sentido. Além de se preparar para o cargo que deseja, o profissional não deve parar de se atualizar e manter tal prática como um hobby, uma diversão, algo alegre e que traga prazer. Esteja muito atento ao dinamismo da internet. Em resumo, fique de olho ao que surge e ao que deixa de existir para não gastar sua energia em lugares errados. Outra dica é: não importa o que você venha fazer, faça bem feito, uma vez que a internet é cruel neste ponto, pois a exposição faz com que o acesso e a avaliação sejam rápidos e intensos, mas se a idéia for boa e bem feita, as chances de sucesso podem ser grandes. E por fim, muito embora seja preciso manter os pés no chão, sonhe, sonhe muito, pois praticamente todos os grandes negócios de internet nasceram pequenos, às vezes num quarto ou numa garagem com poucas pessoas, para depois se tornarem gigantes em suas categorias. Falo isso porque, como acredito que muita coisa ainda está por vir, quem sabe não será o leitor desta matéria que irá se tornar um grande nome da internet de amanhã?

A 26

Emprego

Quanto vale

um profissional

internet

Por Luis Rocha

28 28

Emprego Talvez muitos ainda não saibam, mas a atividade dos

“A internet está com suas raízes bem profundas

profissionais de internet já é reconhecida pelo principal

por aqui e, do quadro atual, não há volta. A quantidade

órgão regulador do trabalho no país, o Ministério do

de áreas, serviços e profissões que surgiram em torno

Trabalho e Emprego (MTE).

desse universo são infindáveis. Ela iniciou de certa forma

Isso porque a Classificação Brasileira de Ocupações

discreta, cresceu, evoluiu, criou suas regras e, aos poucos,

(CBO - http://www.mtecbo.gov.br), documento que traz

está atravessando as barreiras dos PCs, dando seus saltos

“o reconhecimento, a nomeação e a codificação dos

por outros territórios, como os celulares, a televisão, os

títulos e conteúdos das ocupações do mercado de trabalho

aparelhos domésticos etc.”, diz Otávio Silveira, diretor

brasileiro”, incluiu em sua última atualização, realizada em

de arte da D.Mark Publicidade e professor da Unifran

meados de 2002, uma série de atividades relacionadas com

(Universidade de Franca).

a web.

Segundo Ricardo Bevilacqua, Diretor Geral da

Para se ter uma idéia, no documento encontramos

CASE Consulting, consultoria de recrutamento e seleção

listados os seguintes cargos: desenhista de páginas web

especializada, a associação de empresas de telefonia com

(webdesigner), programador web, analista de sistemas

as de internet reforçou o papel da web como um mercado

web (webmaster), analista de comércio eletrônico (e-

de trabalho. “Tanto é que vemos ótimos profissionais

commerce), editor e repórter de web.

atraídos por empresas como Terra, UOL e outras, que há

Tal medida é extremamente significativa para uma

algum tempo não levariam executivos de outros mercados

área que completou, em 2005, apenas dez anos de

mais seguros, como Bens de Consumo, Telefonia Fixa

existência. Mas, diante de sua jovialidade, já podemos

entre outros”, relata.

considerar a internet como um campo profissional estável e seguro?

Apesar

dos

movimentação,

reflexos alguns

positivos

aspectos

ainda

toda

essa

geram

uma

certa desconfiança: há “Piso Salarial” definido para tal

“A internet atravessou as barreiras dos PCs, dando seus saltos por outros territórios, como os celulares, a televisão, os aparelhos domésticos etc”

categoria? As oportunidades existentes são suficientes para absorver a crescente demanda de profissionais? Profissionalização do mercado Antes de nos aprofundarmos na questão de salários e oportunidades, vamos falar primeiro sobre a maturação do profissionalismo na internet. Até porque refletir sobre esse

Emprego

período serve como um valioso aprendizado para quem

conscientização

por

muitas

empresas

(clientes)

hoje luta por um espaço neste mercado.

que trabalhos destinados à mídia digital se fazem com

Dentre as principais lições, podemos citar a criação de

profissionais gabaritados e equipes multidisciplinares.

novos cargos, a oscilação dos salários, o desaparecimento

Passou a época que bastava colocar alguns textos e

de empresas, a valorização de determinadas categorias

fotos online para as pessoas e as empresas se sentirem

profissionais etc. “Nos últimos anos, houve um crescimento

modernas e atualizadas. Hoje, o que interessa é a

vertiginoso de pessoas interessadas em ingressar nesse

capacidade de informar, transformar, propagar, saber o

mercado. Mas essa aparente alimentação com mão-de-

porquê de se ter um espaço na internet, como deve ser

obra muitas vezes não especializada, também proporcionou

ele e onde se quer chegar. Com isso, fomos colocando os

algumas adversidades, como baixa qualidade de trabalhos,

pingos nos ‘is’ e houve a necessidade de agregar novos

menor remuneração e clientes insatisfeitos”, explica

profissionais às frentes produtivas das empresas de web,

Alexandre Pereira, Diretor de Criação da DK2 Fórmulas

como: designers, publicitários, programadores, jornalistas

Interativas.

etc.”, conclui Otávio Silveira.

“Este mercado vem sofrendo mutações desde o

Salários e oportunidades: o cenário atual

estouro da bolha em 2001, quando diversas empresas

Fazendo um levantamento sobre as sugestões enviadas

ruíram e muitas delas, que prometiam mundos e fundos

diariamente pelos nossos leitores, constatamos que

para os seus profissionais, como stock options (participação

“Piso Salarial” e “Oportunidades na área” são alguns dos

nas ações da empresa) e outros benefícios, foram por água

principais temas que mais suscitam curiosidade. Como na

abaixo. Nisso, muitos profissionais de qualidade acabaram

Webdesign “o seu desejo é uma ordem”, vamos a elas.

ficando à deriva no mercado, causando uma desvalorização no qual os salários já não eram mais atrativos e as pessoas iam para as empresas por medo de ficar sem emprego”, complementa Ricardo Bevilacqua.

Região Sudeste ainda é o mapa da mina para os prossionais de internet

Passado o período de turbulência, a prática hoje já pode ser considerada outra. “Entre muitas transformações

“As maiores oportunidades no mercado de internet

que ocorreram, acredito que a principal delas foi a

estão, sem dúvida, na região Sudeste, principalmente

30 30

Emprego

no estado e na cidade de São Paulo. No entanto, o seu desenvolvimento é um caminho sem volta e cada vez mais novas oportunidades de emprego estão surgindo em todos os estados e pólos urbanos do Brasil”, aponta Marcelo Abrileri, presidente da Curriculum.com.br (saiba mais sobre mercado, na seção Entrevista). A predominância das oportunidades no Sudeste seria explicada pelo fato de as principais empresas do país

Júnior

Profissional que possui conhecimento para a solução dos problemas mais simples da área e que trabalha sob supervisão direta. Tem como requisitos mínimos: Superior Incompleto ou Recém Formado, com experiência até 2 anos. Fonte: Grupo Catho

Sênior

Profissional que possui elevado conhecimento técnico de todas

estarem localizadas dentro dessa região. Apesar disso, a

as fases da atividade, podendo orientar colaboradores de menor

boa notícia é que outras cidades começam a abrir novas

conhecimento na solução de problemas mais complexos. Tem

frentes de trabalho. “Você já consegue encontrar empresas de desenvolvimento de novas tecnologias em cidades como

como requisitos mínimos: Superior Completo, com alguma especialização ou pós-graduação, e experiência acima de 4 anos. Fonte: Grupo Catho

Curitiba, Porto Alegre, Brasília e até no Nordeste, mas em menor escala”, acrescenta Ricardo, da CASE Consulting

Pleno

(ver box “Fique de olho nas vagas!).

Prossional que possui conhecimento para a solução da maioria dos

Em termos de valorização, algumas funções parecem

problemas da área, trabalha sob supervisão geral, podendo precisar de orientação em algumas fases da atividade. Tem como requisitos

ser as mais privilegiadas. “Hoje, webdesigner, editor de

mínimos: Superior Completo, com experiência até 3 anos.

conteúdo e webmaster são os cargos com melhores chances

Fonte: Grupo Catho

de remuneração, mesmo porque profissionais dessa área

Traduzindo as palavras do especialista em números,

saem, geralmente, de agências de publicidade com prêmios

apresentamos cinco diferentes estudos sobre “Piso

e excelência como Leão em Cannes etc. Além disso,

Salarial”: uma da empresa de recolocação profissional

atualmente grande parte dos profissionais de qualidade

Catho e outras quatro dos sites Curriculum.com.br,

trabalham em agências especializadas em web, como One

Elancers.com.br, Manager Online e ApInfo.com (ver box

Digital, Agência Click, entre outras”, revela Ricardo.

“Tabela Salarial”). Cruzando todas essas informações,

Internet: média salarial varia entre

é possível afirmar que hoje os salários no mercado de internet estão situados em uma faixa que vai de

R$1.500,00 a R$ 9.000,00

R$ 1.500,00 a R$ 9.000,00, dependendo do nível de classificação da carreira do profissional: júnior, pleno ou sênior.

Emprego Fique de olho nas vagas! Sites

Área de Conteúdo

ApInfo.com - www.apinfo.com Aurélio Galvão - www.aureliogalvao.jor.br/empregos.htm

Área de Programação

Área de Webdesign

Banco Nacional de Empregos - www.bne.com.br

Bumeran - www.bumeran.com.br

Catho - www.catho.com.br

ClickJobs - www.clickjobs.com.br

Comunique-se (Banco de Empregos) www.comuniquese.com.br/bancodeempregos/index.asp?menu=BE Curriculum.com.br - www.curriculum.com.br

X X

Curriex - www.curriex.com.br

Elancers - www.elancers.com.br

Empregos.com.br - www.empregos.com.br

e-Panelinha - www.e-panelinha.com.br/

FreeCode (Jobs) - www.freecode.com.br/jobs.php

InfoEmprego.com.br - www.infoemprego.com.br

InfoJob - www.infojob.com.br

JobCenter (TI Master) www.timaster.com.br/jobcenter/jobcenter.asp

Jornal do Emprego www.informatica.emprego.jor.br/internete-commercee-businesswebweb-designer.html Link Zero - www.alexandresena.jor.br/linkzero.html

Manager - www.manager.com.br

RH Info - www.rhinfo.com.br

Trabalho para Jornalistas (Orkut) www.orkut.com/Community.aspx?cmm=153330 Vagas.com.br - www.vagas.com.br Universia (Empregos) www.universia.com.br/empregos/index.jsp

Emprego

Curso superior faz diferença na qualicação do nível de carreira

profissional para contratá-lo. Porém, para crescer e desenvolver uma carreira de gestão, empresas desse mercado (aí eu falo de empresas de grande porte) ainda exigem uma formação técnica. Caso contrário, a carreira

“A qualificação desses níveis é muito discutível

do profissional pode limitar-se a uma supervisão ou

hoje em dia, visto que novas formas de remuneração

coordenação. Gerência e diretoria ficarão mais distantes.

são aplicadas e novos critérios, como competências e

O MBA é desejável e a especialização, em 90% dos

performance, também influenciam. Contudo, podemos

casos, é um grande diferencial”, afirma Ricardo, da CASE

qualificar os níveis de carreira de um cargo com exigência

Consulting.

de curso superior para o exercício da função. Isto não é regra, mas são os conceitos mais comuns na nossa pesquisa salarial”, argumenta Mário Fagundes, consultor de remuneração do Grupo Catho.

Procure ter a capacidade de envolvimento positivo com o trabalho

Fatores que determinam o “preço” do prossional Consultar uma tabela salarial serve como uma boa

No caso específico dos webdesigners, Alexandre

referência quando queremos mapear a realidade de um

Pereira, da DK2, diz que a participação em grandes

determinado segmento de mercado. No entanto, lembre-

projetos e o acúmulo de trabalhos de destaque no portfólio

se que sua interpretação deve ir além dos cifrões. “Muitos

trazem reflexos positivos na hora de se pleitear um

fatores são levados em consideração para se definir a

bom salário. “Mas o que vai fazer com que esta pessoa

remuneração de um profissional de internet. Mas creio

permaneça no cargo, e desperte o interesse de seus

que três deles são os principais: a responsabilidade do

superiores, será sua capacidade de envolvimento positivo

trabalho a ser executado, sua complexidade e, sem dúvida,

com o trabalho. Ou seja, a habilidade e a sensibilidade

o porte da empresa para quem se presta o serviço, pois

para solucionar determinados problemas. A conseqüência

geralmente este quesito acaba aumentando as exigências

disso está bem clara: obtenção de melhor remuneração,

e a responsabilidade do que deve ser desenvolvido”, relata

bem como o reconhecimento”, complementa Otávio

Marcelo Abrileri, da Curriculum.

Silveira, da D.Mark Publicidade.

Sobre a influência da formação acadêmica, os

Já para quem trabalha com produção e edição

especialistas apontam que ela pode ser imprescindível para

de conteúdo na web, o acúmulo de conhecimento é

o profissional que almeja alcançar cargos de decisão. “O

considerado um ótimo diferencial. “É preciso apresentar

mercado de internet não exige formação superior técnica.

uma formação sólida. Além da universitária - jornalismo

Existem empresas que não pedem nem a formação do

(não vamos falar sobre diploma aqui, pois isso é tema de outra matéria), procure participar sempre de cursos,

Emprego

Média salarial - Profissionais de Internet Cargos Analista Programador(a) Web Analista Júnior Desenvolvimento de Internet / Sistemas Web

Valores * Curriculum R$1961,71 (353 fontes)

Valores ** Apinfo R$2420,00

R$1956,36

R$2461,00 (156 fontes)

R$4275,00 (189 fontes)

Analista Sênior Desenvolvimento de Internet / Sistemas Web

Editor(a)/Produtor(a) de Conteúdo Web Webdesigner - Auxiliar Webdesigner - Instrutor(a) Webdesigner -Estagiário(a)

R$3272,00

Webdesigner Pleno Webdesigner Sênior

R$5471,00 (172 fontes)

R$2035,39

R$6812,00

(23 fontes)

(65 fontes)

R$1973,33

R$2181,00

(15 fontes)

(26 fontes)

R$543,08

Valores **** Elancers

Valores ***** Manager

R$3500,00 R$1800,00 R$4000,00 R$7500,00

R$5970,00

R$9000,00

R$600,00

(13 fontes)

R$815,63 (16 fontes)

R$502,55

R$665,00

(64 fontes)

(136 fontes)

R$1582,00

Webdesigner - Trainee Webdesigner

R$2369,00 (236 fontes)

(22 fontes)

Analista Pleno Desenvolvimento de Internet / Sistemas Web

Coordenador(a) de Projetos Web

Valores *** Catho

(80 fontes)

R$1391,56 (16 fontes)

R$1571,00

R$2314,00 (175 fontes)

R$3000,00

R$4049,00

R$2211,43 (90 fontes)

R$3338,80

R$9000,00

(46 fontes)

R$3719,00

Webdeveloping Webmaster

(45 fontes)

R$1769,00

R$2320,00 (203 fontes)

R$9000,00

R$6120,00

Observações: * As estatísticas da Curriculum são obtidas com base na informação espontaneamente cadastrada pelos próprios prossionais que utilizam o site da empresa para divulgar seus currículos na web. ** Pesquisa feita pela internet, de 21/04 a 30/06 de 2004, pelo site www.apinfo.com. Valores referentes a remuneração mensal em R$ (Reais). Participaram 8.214 prossionais de todo o Brasil, com maior concentração nos estados do Sudeste e Sul. *** Todas as informações da Catho são referentes ao mês de Agosto de 2005 e referem-se à Média Brasil. **** A pesquisa da Elancers é referente ao mês de Agosto de 2005 e a apuração acontece junto a empresas do segmento de TI. A empresa informa que, aos valores lançados na tabela, devem ser somados benefícios como Plano de Saúde (quarto de internação), Visa-Vale de R$ 10,00 por dia útil e 14º Salário. ***** Estes dados referem-se somente aos valores de salário-xo praticados na Grande São Paulo. Tais números fazem parte da 10ª Pesquisa Manager de Remuneração, que teve como base os salários praticados em maio de 2005 e abrangeu 388 empresas de grande, médio e pequeno porte de 35 segmentos da economia nacional e 9 regiões geográcas.

35 35

Emprego encontros, realizar pesquisas, estar envolvido com uma

“Nenhum profissional de tecnologia

entidade (associações profissionais) e ler muito”, orienta Cristina Dissat, sócia da Informed Jornalismo. A jornalista ressalta que nem sempre essas ações

gosta de estagnação”

representam gastos altos para os profissionais. “Entrar em um grupo de estudo, freqüentar debates e pequenos

no trabalho desses profissionais. “Em minha experiência,

eventos pode ter custo zero. É só procurar. Apresentar

tenho observado que o salário ajuda, mas nem sempre é a

pesquisas realizadas, monografias (já que as universidades

única coisa capaz de reter o profissional de tecnologia. Os

solicitam isso hoje em dia), artigos etc. também mostram

profissionais querem bons salários, sim. Quem não quer?

o seu interesse na área. Quanto a conhecimentos gerais,

Mas antes disso, eles buscam bons desafios profissionais,

não acho que você tenha que ser um expert em softwares

se a empresa trabalha continuamente no desenvolvimento

técnicos e sim saber o que eles possibilitam fazer. Afinal,

de novas soluções para atender ao seu público. Dessa

trabalhar com uma equipe técnica afinada é muito bom. Se

forma, o trabalho se torna um grande aprendizado em seu

não quero que façam o meu trabalho de redator e editor,

dia-a-dia. Afinal, nenhum profissional de tecnologia gosta

porque tenho que entender de programação a fundo?”,

de estagnação. O desafio constante mantém um estado

questiona.

de aprendizado contínuo, se torna gratificante e conquista

Só o salário atrai e retém um bom profissional?

equipes inteiras”, destaca Abrileri.

Será que o interesse por uma vaga de trabalho se

Para completar, não podemos esquecer da influência

restringe apenas a um alto salário? Pois bem, segundo os

nossos leitores, que responderam a enquete de setembro

profissionais de internet são talentosos e criativos. Por

no site da revista, não. Perguntados sobre “além do

isso, se tornam participativos e querem ver que sua

salário, o que o atrai numa empresa?”, mais de 80% dos

participação é reconhecida. Isso os incentiva a buscar

participantes apontaram os itens “crescimento profissional”

cada vez mais reconhecimento. Com isso, todos ganham.

e “ambiente de trabalho” como os principais fatores na

Nesse ponto, é muito importante a presença de um líder

busca por uma oportunidade.

que saiba conviver com estes talentosos profissionais e dar

“Toda e qualquer empresa precisa remunerar bem o seu profissional para retê-lo. Claro que ninguém trabalha por caridade, mas outros pontos contam muito para a manutenção do profissional. Podemos citar o ambiente

clima

organizacional.

“Na

sua

grande

maioria,

a eles o clima necessário para que possam crescer e serem úteis em sua plenitude”, relata. Qual seria a receita do sucesso? Três colheres de especialização, duas pitadas de...

de trabalho (que deve ser informal e alegre), a autonomia

Existe uma receita para o sucesso profissional? Alguns

nos projetos da empresa e também os benefícios indiretos,

acham que sim, outros não. Pois bem, para quem deseja

como

tornar sua carreira em um prato saboroso e desejável pelo

cursos

especializações”,

enumera

Ricardo

Bevilacqua. A opinião é compartilhada pelo presidente da Curriculum, que acrescenta o desafio como um estímulo

36 36

mercado de trabalho, nada melhor do que aproveitar as dicas de profissionais que já colocaram a “mão na massa”. Como primeiro ingrediente, vamos incluir doses

Emprego generosas

especialização.

“Além

criativo,

muitas colheres de prazer, considerado o condimento

imprescindível que o profissional se especialize, para se

especial para se alcançar, qualquer que seja, o seu

dedicar à área de atuação que possui maior identificação.

objetivo. “O profissional deve gostar realmente do que faz,

É um erro julgar ser plenamente competente em todos os

não dá para ser meio termo. Não basta praticar apenas

processos que envolvem um projeto de webdesign. Isso

durante o expediente. Você tem que ser um apaixonado,

não existe. Ser especialista, por exemplo, no Desenho

observar, estar sempre atento: seja no restaurante, nas

da Interface, na Arquitetura da Informação, na Animação

ruas ou no cinema. Ao navegar horas pela internet,

ou na Programação, é muito mais respeitável do que ser

troque conhecimentos, fique atento às novidades e se

ligeiramente competente em todos deles. E o mercado

inspire em trabalhos de sucesso. Enfim, ao observar tudo

já reconhece que cada um desses profissionais é um

com atenção, as idéias surgirão e você com certeza irá

mecanismo importante no funcionamento do todo e saber

despertar seu lado criativo, ganhará um diferencial para o

trabalhar em equipe é o que mais se aprecia”, explica

seu trabalho. Neste caso, mesmo se o mercado aparentar

Alexandre Pereira.

estar perto da saturação, pode ter certeza: seu lugar estará garantido e as portas estarão sempre abertas”,

“Você tem que ser um apaixonado,

finaliza Otávio Silveira.

observar, estar sempre atento: seja no restaurante, nas ruas ou no cinema”

Além do salário, o que mais te atrai numa empresa ? 56% Crescimento profissional

Um bom exemplo de como nossa receita caminha na

29% Ambiente de trabalho

direção correta aparece quando conhecemos um pouco

8% Prestígio da empresa

da carreira de Cristina Dissat, editora de conteúdo do site da Sociedade Brasileira de Diabetes (SBD). “Você deve conhecer poucos jornalistas especializados em diabetes,

7% Benefícios acessa e participe! www.arteccom.com.br/webdesign

pois é. Nem eu imaginei que essa seria uma área de atuação. Encontrar esse diferencial pode garantir um projeto na sua mão ou um emprego”, afirma. E para que a massa não desande, inclua no recheio boas pitadas de humildade. “Cuidado com o excesso de confiança e ar de superioridade, pois pode parecer arrogância em alguns casos. Lembre que sempre existe alguém que sabe alguma coisa que você desconhece”, orienta Cristina. Como toque final, não se esqueça de acrescentar

Emprego

Participação dos assinantes Qual o segredo para manter um bom relacionamento no trabalho em equipe?

Antonio Felipe Silva Fernandes felipe.fernandes@terra.com.br

O bom humor, com certeza. Na minha equipe, nós usamos a criatividade até nos dias mais sacais, quando o trabalho está muito chato, nós descontraímos da maneira que achamos melhor: seja com a famosa “guerra de papel amassado”, ou fazendo reunião sentado no chão ou na parte externa da empresa. Resumindo, sempre tentando criar uma maneira nova para afastar o fantasma da rotina que nos aflinge.

Tiago Azeredo Peçanha tiago.azeredo@terra.com.br

Uma boa liderança feita com carisma, respeito e valorizando os potenciais de cada indivíduo é extremamente estimulante ao buscar atingir metas. Além disso, agregar valor a cada tarefa a ser efetuada gera grande estímulo emocional!

Daniel Schmidt da Silva dsilverinha@terra.com.br

Ter em mente que a aplicação pessoal (individual), integrada com o compartilhamento (para com o grupo), provê resultados maiores, além de mais idéias. Isso porque a diversidade hoje nos proporciona “somar” nossos conhecimentos. Claro, todas essas coisas devem estar alinhavadas com respeito, relação mais que profissional, dignidade, honestidade...

Kerley Silva kerleysilva@gmail.com

Saber ouvir, respeitar as decisões da maioria, principalmente se forem opostas as suas. Sempre dizer o que pensa, mesmo que não seja a melhor solução para um determinado assunto, mas com certeza voce será respeitado por tentar ajudar. Uma ótima equipe de trabalho é diferente de um ótimo grupo de amigos, saiba diferenciar com bastante cautela. E claro, como não pode faltar em nada nessa vida: uma boa dose de bom humor.

Jorge Elias Bachur Junior bachur.net@terra.com.br

Primeiramente, dizer “Bom dia”, “Como vai”, “Boa Noite”. Acho que nos dias de hoje, com o corre-corre, parece que falta tempo para este tipo de tratamento. Dar e receber atenção é muito importante num relacionamento em equipe. Pesquisar, projetar, discutir, debater e, inevitavelmente, saber ouvir. As melhores sugestões, a saída para aquele problema ou determinada situação, a superação para aquele desafio pode estar do nosso lado. E isso só é possível se puder ouvir o próximo. Ouvir é respeitar a opinião seja lá de quem for e, tratando-se de uma equipe, se não houver respeito, teremos apenas um grupo. Um grupo que, em seu meio, disputa uma liderença e não uma equipe vencedora.

Se você é assinante, participe desta seção pelo site www.arteccom.com.br/webdesign/clube

debate

RSS

cha Por Luis Ro

Reportagem sugerida pelo leitor Ozi (ozi@areiahostil.com.br)

40 40

RSS Quando estudamos a Teoria da Comunicação, aprendemos que ela é composta dos seguintes elementos: emissor, receptor, mensagem, código, canal de comunicação e referente. Aplicando tais conceitos no mundo da internet (canal de comunicação), sabemos que o fluxo das informações produzidas trafega da seguinte maneira: geralmente, são os internautas (receptor) que buscam o conteúdo (mensagem) produzido pelos sites (emissor). Pois bem, parece que esse cenário vem se transformando após o surgimento da tecnologia RSS. Agora, é a informação que vai até o usuário. Isso porque, munido de um programa ou aplicativo leitor de arquivos RSS feeds, você passa a ser informado assim que um novo conteúdo é publicado em um determinado site. Mas lembre-se: para que todo esse processo funcione, o desenvolvedor tem que disponibilizar tal programação em sua página. Feed

Arquivo XML (eXtensible Markup Language) que alimentará o programa leitor de RSS. Fonte: Wikipédia (http://pt.wikipedia.org/wiki/Feed)

“O RSS é um padrão que simplifica e facilita uma pessoa acompanhar notícias ou tópicos do seu interesse. Ao assinar feeds RSS, as pessoas passam a

RSS é um padrão que simplica e facilita o acompanhamento de notícias

RSS

depende muito da facilidade em sua utilização. “O que é interessante notar também sobre este estudo da Nielsen

Benefícios no uso do RSS - A informação vai até o receptor da mensagem - Leitura de notícias em “tempo real” - Concentração de conteúdo de diversos sites - Processo automatizado Fonte: UOL

é que ele menciona os ‘Aware RSS users’, ou seja, aqueles que entendem o que é RSS. Mais uma vez enfatizo que o que é necessário é que o usuário utilize os feeds de maneira transparente, sem saber o que é, de fato, RSS ou ATOM, assim como acessam sites sem se preocupar com a tecnologia usada para construí-lo (HTML, por exemplo). Acho que ainda é preciso um grande avanço neste sentido”, afirma. Como funciona Para entendermos como um usuário vai utilizar o RSS,

acompanhar mais de perto tudo o que é publicado - são

vamos a um exemplo prático. “Publiquei uma matéria e di-

avisadas instantaneamente de novidades”, explica Victor

vulguei para meus leitores via newsletter. Você que assinou

Ribeiro, diretor de produtos e estratégia do UOL (Universo

a newsletter vai receber um e-mail informando e fornecendo

Online).

um link para a matéria. E receberá, via e-mail, as newslet-

Disseminação do RSS

ters de todos os sites aos quais você se inscreveu. De modo

Um estudo do instituto Nielsen/Ratings, divulgado

muito semelhante, você ‘assina’ os RSS de várias páginas

no final de setembro, revela que a conveniência e a fac-

e instala em seu computador uma interface de leitura

ilidade para se obter novas informações são os principais

(existem várias delas gratuitas ou você poderá utilizar um

motivos para o uso do RSS. A pesquisa constatou ainda

navegador que suporte RSS). Sempre que houver uma novi-

que os usuários dessa tecnologia acessam sites três vezes

dade no site assinado, você recebe não um e-mail, mas um

mais e com maior freqüência do que aqueles que não a

aviso no seu desktop (por exemplo, um popup semelhante

utilizam.

ao do Messenger) de que foi publicada uma matéria nova no site”, detalha Maurício Samy Silva, professor do centro

Usuários de RSS acessam sites três vezes mais e com maior freqüência

de treinamento iLearn. Segundo o especialista, abrindo a interface de leitura, o internauta acessará um conteúdo semelhante ao de um boletim informativo. “Em geral, com o título da matéria

“Isso acontece porque primeiro o usuário de feeds agrupa todos os sites que o interessam em um lugar só e isso faz com que ele tenha a capacidade de gerenciar um número maior de sites. Segundo, porque o usuário cria

seguido de uma breve descrição com um link ‘Leia mais’. AsATOM

Outro tipo de formato para divulgação de notícias. Fonte: Wikipédia (http://pt.wikipedia.org/wiki/Feed)

um vínculo maior com os sites que compõem sua lista, já que ele sabe que um site foi atualizado quase que instan-

Feed Readers

taneamente e, se esta atualização o interessar, ele muito

Feed Readers (agregadores de conteúdo): programa ou

provavelmente vai acessar o site para poder ler na íntegra

aplicativo utilizado para a leitura de arquivos RSS de um

o conteúdo”, aponta o web developer Bruno Torres. No entanto, ele ressalta que a disseminação do RSS

determinado site. Exemplos: FeedReader, BlogLines, Leitor de Notícias (RSS/XML), NewsGator etc. Fonte: CVRD (http://www.cvrd.com.br)

Saiba mais! - Projeto RSS http://www.rssficado.com.br/ - RNP - RSS http://www.rnp.br/rss - RSS users visit three times as many news web sites as non-users - Pesquisa Nielsen/Ratungs http://direct.www.netratings.com/pr/pr_050920 - Implementando caching em feeds RSS/ATOM http://brunotorres.net/2005/01/26/caching-feeds - My Yahoo http://br.my.yahoo.com/

Bloglines O Bloglines (www.bloglines.com) é um exemplo de interface de leitura de arquivos RSS. Gratuito e online, ele verifica periodicamente a atualização dos canais feeds assinados pelo usuário.

Bloglines - exemplo de interface de leitura de RSS

RSS sim, ele terá todos os RSS em uma só interface, acessíveis a qualquer momento no seu desktop, sem necessidade de e-mails”, completa. Passos para se adotar o RSS em seu site Tudo bem, você se convenceu sobre os benefícios no uso do RSS. Mas a pergunta que fica é: como faço para implementá-lo em meu site? “Atualmente, a grande maioria dos gerenciadores de conteúdo (CMS) existentes já tem suporte nativo aos feeds. O desenvolvedor precisa apenas habilitar este recurso. Caso o seu gerenciador não tenha suporte, ou seja, um sistema customizado, feito por você, criar um feed não é nada difícil”, argumenta Bruno Torres. Falando na criação de feeds, ela envolve, basicamente, duas formas de desenvolvimento. “Uma é acessando o conteúdo do site via HTTP, retirando apenas a informação que interessa e formatando de acordo com a especificação do RSS (ou ATOM). A outra é criar os feeds internamente, com os dados obtidos, por exemplo, do banco de dados. Aí o trabalho é o mesmo que se tem ao criar um HTML, só mudam os elementos e o Media (MIME) Type”, explica.

RSS aumenta principalmente o número de visitas de uma mesma pessoa Para finalizar, Victor Ribeiro lembra que nada adianta adotar RSS em um site se não houver o que comunicar. “É preciso que o site tenha conteúdo permanentemente atualizado e de relevância para seus visitantes. O RSS aumenta principalmente o número de visitas de uma mesma pessoa, de alguém que já visita o site. Dificilmente uma pessoa irá adicionar ao seu agregador, site que não conheça, ou que não tenha relevância. Sites que inundam os feeds com muitas novidades logo são descartados. É fundamental manter e informar o que é importante em tópicos bem definidos. Se tiver muitos tópicos distintos para serem abordados, divida em vários feeds”, diz.

44 44

45 45

debate

RSS

Minha teia 2.0

RSS: mudando a maneira de fazer sites

Por René de Paula Jr. ( Diretor de conteúdo do Yahoo Brasil) O Tarzan deve morrer de inveja do Homem-Aranha: o cara clica num botão e zás, sai um cipó automático limpinho para se baloiçar sobre abismos. Assim é fácil. Para piorar a raiva, a selva de pedra tem mocinhas muito mais interessantes do que a Jane e a Chita. Sem platéia feminina, de que adianta desfilar saradão e seminu pela floresta, afinal? Uma banana para esse mascarado! - deve grunhir o homem-macaco. É curioso que um dos super-heróis mais queridos seja... uma aranha. Imagine você convencendo um cliente ou chefe de que um homem-inseto que sobe pelas paredes e lança teias vai ser um estrondo comercial. Faça isso hoje e o cara ou te demite ou pede antes um focus-group (discussões de grupo), que vai optar fragorosamente pelo iridescente Homem-Borboleta. Só o Stan Lee mesmo para emplacar uma idéia improvável dessas. Mudemos da Cartoon Network para o Discovery Channel: o forte das aranhas não é o bungiejumping. Aranhas vivem por um fio, mas um fio que tece teias. O bichinho escolhe um canto e vai pacientemente esticando, prendendo, enredando, até que uma teia complicada e invisível fique estendida no ar. Como um certo senhor barbudo, ao final da criação ela descansa. Descansar é modo de dizer: na ponta de suas patas, os fios tensos vão dando notícia se o almoço chegou ou não. Um tremelique nervoso no setor XYZ é a sineta do lanche: ela corre para o ponto exato, antes que o almoço escape. Biologices à parte, vou confessar uma coisa: pela primeira vez, em anos, vejo sentido nessa história de falar em web. Que web é teia em inglês não é novidade, mas antes o que me vinha à cabeça era uma teia mundial de computadores interligados e zunindo, e a metáfora não me comovia muito. Tudo mudou, ou melhor, tudo está mudando muito rápido. A teia agora é outra. Posso escolher quais são as fontes de notícia e informação mais relevantes para mim e concentrá-las todas numa página só ou em um único software. Bato o olho ali e vejo o que tem de novo em “N” fontes. Como a aranhazinha, sem sair do lugar, fico ligado em mil fios que me anunciam as novidades. E tudo o que produzo, de podcasts a blogs, passando por minhas fotos, tudo pode ser importado nas teias alheias. Como isso é possível? RSS. Não, RSS não quer dizer “risos”. RSS é tão fácil que é até divertido, mas é algo bem sério. A tecnologia foi um recurso criado anos atrás para facilitar a distribuição de informações. Atualizo meu podcast “roda e avisa” (http://www.usina.com/rodaeavisa) e automaticamente um arquivinho é gerado com o resumo das mudanças. Esse arquivinho de nada é que permite que pessoas pelo mundo “acompanhem” as coisas que publico sem ter que visitar minha página. Preste atenção em grandes sites de notícias, em bons blogs e portais: você vai ver que em algum lugar vai ter um botãozinho escrito RSS, XML ou Feed. Esse botão tem um link e esse link você pode adicionar à tua teia pessoal de interesses e fontes de notícia. Quer ver bons exemplos? A CNN oferece inúmeros feeds (http://www.cnn.com/services/rss/). Outro exemplo: recentemente me indicaram um blog bárbaro de um americano superantenado (http://jeremy.zawodny.com/blog/). Como o blog dele tinha RSS, adicionei-o imediatamente à minha página agregadora e pronto: agora ele faz parte da minha teia, ou melhor, da minha web. OK, agora todos nós temos “sentidos de aranha”, todos lançamos teias num duplo-clique. Isso o Peter Parker já tinha. Mas temos uma vantagem sobre o CDF solitário: somos milhões de aranhas, cada uma construindo sua própria web, cada uma produzindo e pendurando na teia para todas as outras aranhas, cada uma aliando forças com outras aranhas e montando sua própria rede de comunidades e trabalho. Para nós que trabalhamos com essa selva de teias, qual o impacto? O que muda? Vamos ter que repensar nossa maneira de fazer sites, de criar serviços, de pensar em ações de comunicação? Sim, e rápido. A menos que queiramos ficar de tanga escutando gorilas.

debate es cilidad s as fa a d o t o veitand a o. Apro d a ail um m r info or e-m p m e r b e b r e te de rec se man ia, além rocura d p r e o u p q al ias i ssion ndo. e notíc mais fo de pro no mu sites d e s lo o p il s nunca s r m a e a e r x iv B id e d v lo r a m e u p po éu RSS, s 0 avega staque a Silva cada 2 em de nologia t, ele n c e s João d e n t ia r e íc a t ado a t d o is in n o v s a la s u e a é p o no ltim as oi SS, Joã idades o as ú cionad so só f as facil uivos R ontend propor c q r iu s r a r b Mas is e e t o . t d c s s le a o e s r id d u w r ne leit efe uta ites pr e faz a ade de interna seus s ivo qu varied bravo t a m o c e s li s p o o d n ua publica is que rama o ? , depo a a ser h m prog n u e etters inas. e v Porém d newsl as pág o que ravés u d e t s ú a d e , t m o a i n e r v co a! Ago e o en nologia alquer tal tec tícias a mesm bre qu o m o n s a v , e a d lo s iliz exemp isponib or site s, por es já d ação p it g s e s minuto v e s a n es todos nuir a orque i dimi p a l v e S ív s S R pos que o , será a r. m r o f segui Dessa iões a n i p o mas a algu Conr

47 47

debate

“Sim, com certeza. O RSS permite que o internauta

pessoais e/ou de trabalho. Segundo porque os feeds de

receba todas as chamadas publicadas pelos sites de notí-

RSS podem ser recebidos no próprio browser, onde também

cias que usarem o sistema em um programa que podemos

será lida a notícia ou - outra opção - os programas leitores

chamar, genericamente, de leitor de RSS. Desta maneira,

incluem um browser próprio para leitura.

ele não precisa mais ‘navegar’ por seus sites preferidos para saber das novidades.

Nos boletins enviados por correio eletrônico, ou recebemos os textos na íntegra - muitas vezes com recur-

No entanto, isso não significa menos acessos a um

sos (HTML, Java) não suportados pelo programa de e-mail

determinado site, ao contrário, cada vez que o internauta

do assinante -, ou recebemos os links das notícias, os quais,

‘clica’ no link de uma chamada, ele acessa a página da

acionados, serão abertos em um browser à parte.

notícia, sem, no entanto, navegar’ pelo site (entendendo

Isso sem falar que, para quem distribui as notícias, o

navegar por um site como mover-se por ele, o que não é o

RSS é muito mais prático, pois evita a necessidade de cadas-

caso, já que se vai diretamente a uma página específica e,

tro do assinante e manutenção do mesmo, criação de lista

geralmente, não se move desta para outras).

ou uso de ferramenta de distribuição de correio eletrônico.

Em outras palavras, com o uso de RSS, o internauta

A desvantagem é que o cadastro pode ser importante para

não precisa mais entrar e navegar nos sites para encon-

a empresa que distribui as notícias, principalmente para

trar coisas que o interessem. As chamadas de vários sites,

fins comerciais. Mas este não é o caso da Rede Nacional de

selecionadas pelo internauta e, dependendo do site e do

Ensino e Pesquisa (RNP), que só deseja que o maior número

leitor usado, no intervalo que ele determinar, chegam até

de pessoas tenha a possibilidade de acessar todas as suas

o usuário automaticamente. A seleção do que ler e do que

notícias quando bem entenda. Para nós, o RSS é um forte

não ler torna-se muito mais fácil e rápida.

aliado.”

No caso das newsletters eletrônicas, enviadas por email, a vantagem do RSS é mais evidente ainda. Primeiro porque as notícias não se misturam com outras mensagens

:: Eduardo de Carvalho Viana Analista de Comunicação Sênior da RNP www.rnp.br

debate debate :: Thiago Ávila Diretor de Tecnologia da Informação do ITEC/AL (Instituto de Tecnologia da Informação e Informática do Estado de Alagoas

“Muito pelo contrário. O formato RSS, ao invés de diminuir a navegação nos sites de notícias, tenderá fatalmente a ser um estímulo a visitação de portais que se preocupem em disponibilizar fontes de notícias de qualidade. No contexto dos portais, públicos ou corporativos, um dos maiores problemas detectados pelos especialistas é o excesso de informação. Esse excesso é altamente desmotivante para o leitor, gerando no mesmo, uma rejeição natural a portais que não se preocupam em estruturar a informação de forma adequada. Assim, o RSS permite que o leitor se dirija ao portal para ler exatamente o que lhe interessa, ou seja, um portal que disponibilizar através de RSS, conteúdo interessante e bem estruturado, será beneficiado por esta tecnologia, graças aos recursos dos clientes RSS que permitem alertar ao usuário em seu desktop sempre que há novas notícias. Vejo que essa tecnologia é apenas o segundo passo para uma relação pró-ativa entre a máquina e o homem, no contexto da informação digital. Inicialmente vieram as newsletters, hoje temos o RSS e em breve teremos a popularização do SMS e do MMS como uma forte mídia digital. É um caminho sem volta. Cabem aos portais de conteúdo ficarem sintonizados com as novidades tecnológicas e tirar proveito delas da melhor forma possível.”

:: Edney Souza Sócio diretor da InterNey Informática www.interney.net/

“Sim e não. Sim, diminuirá o envio de newsletters, porém isso ainda está longe de acontecer devido a maioria dos webmasters ainda desconhecerem o RSS. Não, pois acredito que aumentará o tráfego dos sites de notícia. Ao receber a notícia em RSS, o usuário clicará em um link para vê-la completa no site (com informações adicionais como gráficos, pesquisas, debates), pois a ferramenta de RSS permite um acesso mais eficiente às notícias (pesquisas por palavras-chave, por exemplo). A popularização da mesma tende a prevalecer sites com maiores volumes de notícias ou com notícias especializadas por segmento de mercado, colaborando para o crescimento dos veículos de comunicação mais eficientes.”

49 49

debate

:: Maurício Samy Silva Criador do “CSS para Webdesign” www.maujor.com

telas e mais telas de matéria em seu conteúdo total, sem a facilidade de acesso imediato à manchete que interessa, em muitos casos, desistiria daquele feed.

“Em pesquisa feita no meu site para saber a quanti-

Esta é a fórmula, salvo raras exceções, atualmente

dade de leitores que assinam meus arquivos RSS, forneci

adotada e consagrada e não vejo qualquer tendência que

como opções de respostas: ‘SIM’, ‘NÃO’ e ‘O QUE É RSS?’. A

aponte para uma mudança. Sem dúvidas, RSS é uma ex-

resposta campeã foi a de número três, com a esmagadora

celente opção para newsletter. Não só para o usuário que

percentagem de 87%. Assim, gostaria de iniciar minha res-

assina como para o desenvolvedor que divulga, pois elimina

posta com um rápido esclarecimento. Arquivo RSS ou ‘feed’

todo o processo de uso de e-mail com manutenção de ca-

é um documento XML destinado à publicação automática

dastros de usuários em banco de dados, envio de e-mails e

de conteúdo. Existem excelentes artigos na internet, expli-

todo o processamento que conhecemos.

cando detalhadamente o assunto. Faça uma busca digitando a palavra-chave ‘RSS’ e pedindo ‘Páginas em português’.

Realmente é a próxima geração da newsletter. Para um futuro, arriscaria dizer ainda distante da nossa realidade,

Os RSS, quando disponibilizados pelos sites de notí-

pois o desconhecimento do assunto inibe usuários e desen-

cias, em sua quase totalidade, escrevem seus arquivos no

volvedores, uns não assinando os RSS disponíveis e outros

formato citado acima, ou seja, com o título, um resumo e o

não implementando RSS.”

link tipo ‘Leia mais’. Isto, na prática, levará o leitor ao site que publicou a notícia. Entendo que diferente não poderia ser, pois o usuário ao abrir sua interface e se deparar com

estudo de caso :: Telelistas

Telelistas.net A prestadora de serviรงos que oferece mais que nomes, endereรงos e telefones Por Tatiana Serra

51 51

estudo de caso :: Telelistas

Na web desde 2000, a Telelistas disponibiliza serviços, informações em geral e entretenimento num único endereço. Quem acessa o www.telelistas.com.br, espera

Desao de transmitir informações sobre diferentes olhares

se deparar apenas com um serviço de utilidades, como:

tos, quatro analistas e dois designers. O gerente de projetos

nomes, telefones e endereços. Porém, já que para o inter-

é responsável pelo estudo, estruturação e implementação

nauta informações “úteis” são mais que isso, ao carregar a

das tarefas solicitadas à equipe pelos setores de Marketing

página, ele tem acesso ao portal Telelistas.net, com dados

e Novos Negócios. Os analistas trabalham com a manuten-

sobre Gastronomia, Turismo, Cidadania, Saúde, entre outros

ção e o desenvolvimento de sistemas. Nós dois cuidamos da

assuntos, todos com base na interatividade com o público.

parte visual dos produtos online da empresa. O conteúdo

Afinal, não basta dar um endereço virtual a uma empresa,

fica sob responsabilidade do setor de Novos Negócios e uma

é preciso adequá-lo ao mundo web. Aliás, foi através dos

equipe de jornalistas realiza as atualizações diárias (guias,

canais de interação com o público que constatou-se a ne-

matérias, receitas, enquetes etc).

cessidade de reformulação do site. E, em julho deste ano, ele ganhou uma nova versão.

Wd: Quais são os diferenciais de se trabalhar num site como o da TeleListas?

Em entrevista exclusiva, os webdesigners Vitor Gau-

VeR: A responsabilidade de criar para um público

lia Ferreira e Rosival de Cerqueira Costa nos dão mais

muito grande e, ao mesmo tempo, ter um único cliente, que

informações sobre o site e nos falam sobre o desafio e a

é a própria empresa, proporciona o desafio de transmitir

responsabilidade de criar para um público muito grande e,

informações sobre diferentes olhares. Isso torna nossos

ao mesmo tempo, ter um único cliente, a própria Telelistas.

projetos desafiadores e estimulantes.

Acompanhe! Wd: Como é trabalhar no site de uma “prestadora de serviços”? É possível “usar e abusar” da criatividade?

Wd: Quando a TeleListas foi lançada na web? Quando e por que foi desenvolvida uma nova versão do site? VeR: Em 1999, o Grupo TeleListas era composto por

VeR: Projetos online que envolvem um vasto público

duas empresas, a TeleListas e a RioListas, esta última já

com necessidades diferentes, como é o da TeleListas, sem-

online. Em 2000, houve a fusão dessas empresas, tornando-

pre necessitam de estudos e análises detalhadas, pois temos

se apenas TeleListas, ganhando, em 2002, sua versão online

por objetivo o alcance das informações pesquisadas com fa-

www.TeleListas.net. De 2000 até hoje, o portal passou por

cilidade, exatidão e rapidez, num universo muito grande de

seis grandes reformulações estruturais e de tecnologia.

usuários. Temos como ‘carro-chefe’ o portal TeleListas.net,

Nessa última versão, lançada em julho de 2005, o portal

e dele ramificam-se vários outros projetos relacionados à

ganhou novas seções, o novo motor de busca possibilitou

empresa, onde estamos sempre inovando e criando, como

a busca nacional (pesquisa de um assinante em todo o ter-

é o caso dos hotsites comemorativos, não necessariamente

ritório nacional) e foram criadas áreas destinadas à publici-

obedecendo a uma identidade visual estabelecida, o que

dade. Todas as modificações ocorreram pelas necessidades

acontece no portal. Esses projetos têm sua própria identi-

encontradas através de canais de interação (Enquetes, Fale

dade, desassociando-se da TeleListas.net.

Conosco, Opine, SAC) com o nosso público.

WD: A equipe do site é formada por profissionais da própria Telelistas. Quem são eles? VeR: Somos sete profissionais: um gerente de proje-

Wd: O site institucional, por diversas vezes, funciona apenas como uma cópia fiel da filosofia da empresa. Para Michel Lent, designer gráfico, mestre

estudo de caso :: Telelistas

Todas as modicações ocorreram pelas

Campanha online desenvolvida por Suzana

necessidades encontradas através de

Apelbaum para Trident. Apesar de não ser um e-card

canais de interação (Enquetes, Fale

tradicional, funcionava como tal, por ser um vídeo divertido

Conosco, Opine, SAC) com o nosso público

que os amigos repassavam entre si.

em Telecomunicações Interativas e um dos primeiros brasileiros a trabalhar com internet, “a marca precisa se comportar na internet de forma semelhante ao mundo offline, mas sem ser uma simples adaptação. Precisa ser uma releitura adequada”. Qual sua opinião sobre a representatividade de uma empresa na internet? Qual é a postura da TeleListas na web? VeR: No caso da TeleListas, a empresa tinha como principal produto a lista impressa, que existe até hoje. Com o crescimento web no Brasil, nosso foco passou a ser a in-

www.telelistas.com.br

ternet, onde é possível encontrar as mesmas informações que existem nas listas, só que de forma mais rápida e fácil

totalmente diferente. Agregamos a eles informações que

– de acordo com a linguagem da web. Por se tratarem de

fazem com que o usuário encontre tudo o que precisa por ali

mídias diferentes, não poderíamos associar nosso portal

mesmo. Ao buscar um serviço, ele acaba se deparando com

online à lista impressa, porém tínhamos que disponibilizar

notícias relevantes, que tornam esse visitante cada vez mais

o mesmo serviço encontrado na lista.

fiel ao site. As enquetes são uma forma de conhecer melhor

O conteúdo é sempre um diferencial, mesmo sendo um site de serviços

nosso público e interagir com ele, cerca de três mil usuários participam delas semanalmente. As seções de maior sucesso são as matérias dos guias, as receitas, os cartões virtuais, as enquetes e os mapas digitais.

WD: Quando se pensa no portal TeleListas.net,

WD: E, por falar nas seções do site, a TeleListas

imagina-se um prestador de serviços prático e obje-

está homenageando o centenário de Erico Verissimo

tivo, simplesmente. Porém, quando o usuário acessa

com um hotsite sobre o escritor, fruto de uma par-

o www.telelistas.com.br, ele se depara com mais

ceria entre o Circuito Cultural TeleListas e o Centro

informações do que se imaginava: são matérias e

Cultural CEEE Erico Verissimo. Fale sobre a atuação

enquetes sobre assuntos atuais; guias de serviços

da Cultura no site e sobre a criação do hotsite em

variados, e, até mesmo, homenagens a personali-

homenagem ao escritor.

dades. Como se deu a escolha das seções? Quais são as de maior sucesso?

VeR: A TeleListas é uma empresa 100% nacional que investe na cultura. Através de ações locais, ela faz seu papel

VeR: Os guias de automóveis, restaurantes, medicina

de empresa cidadã valorizando e disseminando a cultura

e saúde e cidadão (em breve, teremos o turístico), ape-

do país. Assim como o hotsite do Erico Verissimo, foram

sar de serem heranças da lista impressa, têm um formato

desenvolvidos o hotsite do Candido Portinari, Patativa do

53 53

estudo de caso :: Telelistas

de tags HTML. Otimizamos todas as imagens que são produzidas na empresa e precisam estar online, definimos tamanhos-padrão para a publicidade. A navegação foi reestruturada, evitando páginas intermediárias sem função.

Para cada guia foram denidas cores que estimulam o sentimento de estar em um ambiente diferenciado e associado ao Hotsite criado para homenagear o escritor Erico Verissimo

Assaré, JK (Juscelino Kubitschek) e 310 anos da cidade de Curitiba (PR). WD: Imagino que, por se tratar de um prestador de serviços acima de tudo, o site tenha sim a preocupação de mostrar um conteúdo diversificado, porém sempre objetivo para atender ao usuário que o acessa, basicamente, para buscar informações também objetivas. Sendo assim, como é feita a escolha dos temas? Quais são as prioridades para a página principal? VeR: Se a referência da escolha dos temas diz respeito às matérias, o que a equipe de conteúdo faz com freqüência é analisar as mais lidas, os temas que causam mais impacto, além de escutar as sugestões diárias dos leitores/usuários. A página principal é atualizada com as matérias de maior destaque. WD: Buscando justamente atender ao usuário com praticidade e objetividade, que recursos são utilizados para trazer leveza ao site, além de uma dinâmica às seções? Quais são as técnicas utilizadas no site? VeR: As páginas do site e ferramentas internas foram criadas utilizando ASP.NET. Para o armazenamento dos dados, utilizamos o banco de dados SQL Server 2000. Passamos a utilizar folha de estilos, o que diminuiu consideravelmente o tamanho do código, e a quantidade

serviço, de forma a fortalecer sua idéia. WD: E quanto ao visual... Como se dá a escolha das cores e das imagens? VeR: A empresa possui como cores principais o laranja e o azul, sendo cores contrastantes e fortes, causando impacto visual e fortificando nosso nome e identidade. Na home do portal, usamos as cores da empresa para definirmos as diferentes seções e serviços; separamos as seções de grande importância com tonalidades fortes, chamando a atenção do usuário. Nas seções secundárias, colocamos cores neutras, evitando uma poluição visual e o excesso de cores. Para cada guia foram definidas cores que estimulam o sentimento de estar em um ambiente diferenciado e associado ao serviço, de forma a fortalecer sua idéia. WD: Com o surgimento de um conteúdo diferenciado, houve um aumento do número de visitantes? Fale também sobre o tempo de visita, se o mesmo usuário costuma voltar ao site etc. VeR: O aumento vem sendo progressivo. Para se ter uma idéia, em outubro do ano passado, a média mensal era de 700 mil visitantes únicos; em agosto deste ano, foram 1,2 milhão. O conteúdo é sempre um diferencial, mesmo sendo um site de serviços (objetivo específico). Percebemos pelas estatísticas que os usuários têm o hábito de ler, buscar receitas, enviar cartões, responder enquetes, ou seja, quem está na rede tece suas teias, uns entram e realizam pesquisas, outros pesquisam e lêem, e outros só lêem. A psicologia explica?

tutorial

Padrões Web 5

Prof. Everaldo Bechara e Prof. Maurício Samy Silva Professores do Centro de Treinamento iLearn falacom@iLearn.com.br

A ampliação do HTML desembocou na famigerada “guerra dos browsers”, na qual cada fabricante desenvolvia, ao seu juízo, uma solução própria para facilidades de renderização e interpretação da linguagem de marcação. O W3C, percebendo o rumo caótico para onde se encaminhava a internet, não vem economizando esforços para alcançar uma maior padronização. Padronização de softwares, de hardwares, de códigos de dispositivos, enm, de todo componente relacionado à web. Uma padronização que garanta compatibilidade com dispositivos em uso, com dispositivos futuros, e que garanta servir um único código não só para diferentes navegadores e resoluções de monitor, como também para diferentes mídias, dispositivos especiais e agentes de usuários os mais diversos.

Incluindo CSS em seu projeto web Dando continuidade ao Tutorial do CSS, nesta segunda e última parte aprenderemos como incluir o CSS em seu projeto na web.

Evoluindo no caminho certo, observamos no exemplo a seguir, como poderemos escrever menos linhas com os mesmos resultados visuais encontrados no exemplo acima. ...

Antigamente, colocávamos as formatações no próprio

<head>

código, conforme podemos observar no exemplo abaixo:

<title>

...

Minha Home Page

</title>

<tr>

.logo {color:#FFFFFF;font-size:46pt;font-family:hel-

vetica, arial, sans-serif,;} .cabecalho1,.link {color:#FFFFFF;font-family:helvetica,

<p>

sans-serif, arial;} <font color=”#FFFFFF” size=”7”

face=”Helvetica, sans-serif, Arial”>Cursos</font> </p>

. cabecalho2 {color:#FF0000;font-family:helvetica, sans-serif, arial;font-weight:bold;} .

</td>

cabecalho3

{font-family:helvetica,

sans-serif,

arial;font-weight:bold;}

</tr>

.azul {background-color:#000066;}

<tr>

</style> <td rowspan=”4” valign=”top” bgcol-

or=”#000066” width=”20%”> <p> <b><font face=”Helvetica, sans-serif, Arial” color=”#FFFFFF”>Cursos de WebDesigner:</font></b> ...

</head> ... Com isso, estamos alcançando nosso objetivo, separando a formatação do seu conteúdo, mas ainda existe um problema. Os códigos, apesar de separados, estão no mesmo arquivo.

No código acima, podemos observar diversas ocor-

CSS permite que o HTML ou o XHTML volte ao seu

rências de inclusão de elementos de formatação. Esta é

objetivo original, ou seja, em seu conteúdo. Separando o

uma forma que, infelizmente, ainda é muito encontrada em

conteúdo da exibição, o CSS permite uma nova maneira e

páginas na Web.

facilita a vida dos designers e desenvolvedores.

tutorial

Logo, devemos nos acostumar a usar o CSS para con-

nifica economia, qualidade e otimização dos recursos.

trolar a exibição. Quando eu digo “exibição”, são todas as

Dispositivos

formas de exibição, inclusive layout. Uma, duas ou três

A possibilidade de visualizarmos nossos sites em disposi-

colunas são formas de layouts, portanto controladas pelo

tivos diversos é uma realidade. PDAs, celulares ou mesmo em

CSS. Sei que é meio intrigante no início e para muitos que

dispositivos lançados por empresas que fogem aos padrões

estão acostumados a desenvolver layouts não entenderão

de design que estamos acostumados, acessam a Web. Desta

no início como um arquivo CSS tem tanto “poder” assim.

forma, ser acessível aos dispositivos hoje existentes é uma

Na evolução natural do XHTML, muitos elementos de formatação serão eliminados, portanto veja como o W3C está direcionando a Web e como você está no caminho certo. Vantagens de separar estilo de conteúdo Com a introdução do XML (metalinguagem do XHTML), a exibição de dados se torna única e a formatação é atribuí-

obrigação de todos os designers e desenvolvedores. Quando um dispositivo não interpreta o CSS, o conteúdo desta página passa a ser visualizado sem a formatação. Veja, por exemplo, um site visualizado pelo browser Firefox com a barra de desenvolvedor instalada. A visão do site para desktop (computador tradicional) é apresentada a seguir.

da as folhas de estilo. Esta separação é fundamental, pois permite aos desenvolvedores um controle muito maior que antes, conseguindo assim, diversas vantagens, como descreveremos abaixo: Legibilidade É muito mais fácil e lógico manter seu site com as folhas de estilos, pois com os códigos cada vez maiores, imagine com tudo isso (apresentação + conteúdo) misturado?! Quando der algum problema, você ficará louco procurando

Figura 1 - Página home do site de Eric Meyer www.meyerweb.com

em uma quantidade muito grande de linhas. Com as folhas de estilos, tudo ficará mais simples. Se

Agora, vamos visualizar esta mesma página, como se

o problema for detectado como sendo de apresentação,

estivéssemos em um dispositivo que acesse a internet, mas

basta analisar o CSS. Caso o problema seja de conteúdo,

que não dá suporte ao CSS.

analisaremos o XHTML. Simples, não. Pode imaginar como a manutenção de seu projeto Web irá ganhar de tempo e em produtividade? Otimização de código

A imagem abaixo exibe a seguinte situação: mesmo não acessando e interpretando o CSS, o documento continua acessível, ou seja, a página analisada poderá ser visualizada e seu conteúdo estará disponível para leitura.

Imagine uma empresa com vários departamentos. Ao criarmos uma folha de estilo, ali estará toda a identidade visual desta empresa. Assim, o arquivo CSS poderá ser encaminhado para diversos setores, criadores de conteúdo desta empresa, com a garantia que todas as páginas estarão seguindo a mesma identidade visual. Uma matriz poderá encaminhar este CSS para todas as suas filiais espalhadas pelo mundo. Isso não é sonho. Isso já acontece com algumas empresas globalizadas. Isso sig-

Figura 2 - Página home do site de Eric Meyer visto por um dispositivo sem a implementação do CSS

tutorial Este recurso é muito interessante e importante aos desenvolvedores Web.

text-transform, word-spacing, letter-spacing, whitespace, text-shadow, font-size-adjust e font-stretch, além de direction e unicode-bidi, duas formas de con-

Fundamentos do CSS - continuação

trolar a direção do texto.

Valores e unidades

Veja o exemplo a seguir:

Unidades de cor

<head>

Propriedades de fundo, cor de texto etc podem as-

<title>Exemplos</title>

sumir diversas cores diferentes. Uma forma de atribuirmos

as cores aos elementos desejados é pelo nome. Embora

não seja aconselhável tal utilização, ainda é possível. Nomes como RED, BLUE, AQUA etc. Esta forma é bastante conhecida para quem já trabalha com HTML. Uma outra forma é a utilização do código hexadeci-

letter-spacing:1em; word-spacing:1em } </style>

mal, ou seja, representando o RGB. FFFFFF significa FF

</head>

para R (Red), outra seqüência de FF para o G (Green) e

<body>

a última seqüência de FF para o B (Blue). Ou seja, uma

<p>Veja este exemplo de texto.</p>

cor como a preta é representada por #000000, ausência

</body>

de cor. R (00) + G (00) + B (00) = Preto.

Veja o resultado do código anterior no browser

Como existe a repetição de caracter no R, no G e no

Veja este exemplo de texto

B, podemos abreviar para #000. Neste sentido, se tenho um componente com #EE5511, então posso representá-

Caixas e bordas

la da seguinte forma: #E51. Melhor e menos código.

Existem várias propriedades para manipular a exi-

Unidades de tamanho

bição de caixas e bordas. Display, height, width, float,

Muitas propriedades utilizam unidades de tama-

clear, border-top-width, border-right-width, border-left-

nho como valores, podendo ser positivo ou negativo

width, border-color, border-style, border-top, border-

(menos para algumas propriedades que restringem o

bottom, border-left, border-right, border, margin-top,

uso do negativo).

margin-left, margin-bottom, margin-right, margin,

As unidades de tamanho estão descritas abaixo: Nome Eme Polegada Ex Paica Ponto Pixel Milímetro Centímetro Porcentagem

Abreviação em in ex pc pt px mm Cm %

Figura 3 – Tabela dos tamanhos possíveis

padding-top, padding-left, padding-bottom, paddingright e padding.

Veja o exemplo: <head> <title>Documento XHTML</title> <style type=”text/css”> ul { background: aqua;

Propriedade de texto

margin: 10px 10px 10px 10px;

A quantidade de propriedades dedicadas a for-

padding: 3px 3px 3px 3px;

matação básica de um conteúdo é muitíssima grande.

}

Vertical-align, text-align, text-decoration, text-indent,

tutorial

li { color: black;

Vejamos o exemplo abaixo. Neste código identificaremos as três formas de adição de estilos.

margin: 10px 10px 10px 10px;

<?xml version=”1.0” ?>

padding: 12px 0px 12px 12px;

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML

list-style: none;

1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/ xhtml1-strict.dtd”>

}

<html

li.border { border-style: dashed;

xml:lang=”en” lang=”en”> <head>

border-width: medium;

<title>Folha de Estilo</title>

border-color: black;

}

<link

</style> </head>

xmlns=”http://www.w3.org/1999/xhtml”

rel=”stylesheet”

type=”text/css”

href=”file.css” />

<body>

<ul> <li>Itens da Lista</li>

@import “file.css”;

<li class=”border”> Itens da Lista</li>

body { color:green;

</ul>

font-weight:bold;

</body>

} </style>

Veja o resultado

</head> <body> <p>Texto em negrito e verde.</p> <!-- trodução de estilo inline, ou seja, no corpo do

Incluindo CSS em documentos XHTML Ter como arquivo externo o CSS, ou seja, a for-

XHTML --> <p style=”color: red”>Texto em vermelho.</

matação é muito produtiva, pois como vimos, um único arquivo poderá ser utilizado por centenas de páginas HTML ou XHTML. Vamos aprender agora como incluir nosso arquivo

p> </body> </html>

CSS em documentos XHTML. Existem quatro formas de incluirmos estilo em suas páginas. Então, vamos conhecê-las.

Link

Importar

Regras de estilo no corpo do XHTML

Regras de estilo no elemento head

Ótimo, agora que passamos a conhecer mais sobre o CSS e seu poder, tente implementá-lo em seu próximo projeto e boa sorte! Até o próximo tutorial.

webwriting

Bruno Rodrigues Autor do primeiro livro brasileiro e terceiro no mundo sobre conteúdo online, intitulado “Webwriting - Pensando o texto para a mídia digital”. É coordenador de informação do website Petrobras e titular da primeira coluna sobre Webwriting no mundo, elaborada desde 1998 e hoje veiculada na revista online “WebInsider”. Ministra treinamento de Webwriting e Arquitetura da Informação no Brasil e no exterior. bruno-rodrigues@uol.com.br

Todos podem escrever! Redação online não possui reserva de mercado. O que significa que não apenas jornalistas podem escrever para a web, mas todos aqueles que precisam elaborar textos para a Rede. Sinto muito àqueles que acreditam que é necessário formação em Jornalismo para tornar-se um redator (isto funciona – e bem – em outras mídias), mas na internet o canudo ficou em segundo plano. Por que? Há dois motivos bem simples. Em primeiro lugar, redação na Rede vai muito além de veículos informativos como jornais e revistas. Há sites de comércio eletrônico, de entretenimento, páginas financeiras, portais, blogs e até mecanismos de busca que utilizam, e bastante, o trabalho de redação. Nestes ambientes, o que vale mesmo é o talento, e muitíssimas vezes o conhecimento sobre algum assunto específico. O outro motivo que coloca o canudo em segundo lugar no pódio é a necessidade. São administradores de empresas, economistas, engenheiros, técnicos em informática e até médicos que se vêem obrigados, no dia-a-dia das empresas, a lidar com a redação online, seja incluindo conteúdo em sites intranet ou alimentando sites internet. Em resumo, escrever para a web é possível e acessível a todos – e basta pensar só um pouquinho para perceber que este ímpeto de liberdade é nada mais, nada menos, que a filosofia de toda a internet. Abaixo estão as categorias de webwriters que estão invadindo o mercado de redação online, e estarão no topo em pouco tempo. •

Profissionais de Humanas, em geral - Estão mudando de área para mergulhar

de cabeça no webwriting. Nesta categoria está, principalmente, um número considerável de pessoas que migraram do mercado de Letras e estão fazendo belíssimos trabalhos. •

Jornalistas da Velha Guarda - São profissionais que têm experiência de sobra e

mente aberta o bastante para perceber que existe, sim, uma maneira especial de trabalhar a informação para a web, e batem uma bola redondinha com quem está saindo do forno das universidades. Só de olhar já dá gosto. •

Redatores Publicitários - Eles têm uma vantagem imensa na Rede se com-

parados aos jornalistas. Afinal, texto publicitário é 100% persuasão, e é ela quem dita as regras na web. •

Usuários Comuns - É dono de um blog ou de site pessoal. Como ninguém gosta

webwriting

“Sinto muito àqueles que acreditam que é necessário formação em Jornalismo para tornarse um redator, mas na internet o canudo cou em segundo plano. ”

de fazer feio, os trabalhos costumam ser caprichados, e por vezes alcançam o sucesso apenas com o boca-a-boca. Neste processo, é essencial entender como se comporta a informação online. Em tempo: é a pura verdade que nada supera o talento, a vocação e a experiência. Os profissionais de Comunicação estão na dianteira quando o assunto é escrita, seja para a web ou não – afinal, nesta área respira-se (em teoria) redação. Ainda assim, é bom tomar cuidado... *********************************** Meu workshop sobre Webwriting & Arquitetura da Informação chega a São Paulo e Florianópolis neste final de ano. Na capital paulista estarei em 22/11 - para informações, basta ligar para 0xx 11 3283-4588 ou enviar um email para sandrazanetti@aba.com.br. Em Florianópolis, estarei, no dia 12/12, no Instituto Stela, 0xx 48 239-2559 ou email rcpauli@stela.org.br. Até mês que vem!

bula da Catunda

Marcela Catunda Trabalhou na TV Globo, TV Bandeirantes, TV Gazeta, Manchete e SBT. Foi redatora da DM9DDB e Supervisora de Criação de Mídia Interativa da Publicis Salles Norton. É sócia do site Banheiro Feminino, está no Orkut e trabalha como autônoma. marcelacatunda@terra.com.br

A cigana leu o meu destino... Eu sempre fui chegada num universo astrológico, numas cartas de tarô, num I Ching básico e mais recentemente andei emprestando minhas mãos ao talento de um vidente. E tudo isso sempre à procura da tal resposta: O que será do meu futuro? Esse clima todo de final de ano deixa a gente com aquela vontade de saber se o próximo vai ser melhor. Tudo que sei de 2005, por enquanto, é que ele será mais um ano sem décimo terceiro, sem poder se atirar nas prestações, sem poder passar na frente das grandes lojas de departamento, quer dizer, passar na frente até que eu posso, só não posso é entrar. Isso, de jeito nenhum. Nem morta. Será que minha vida de freela modelo 2006 será mais animada? Mais lucrativa? Mais interessante? Tumultuada? Divertida? Enquanto 2006 não chega, encaro esse dois mil e cinco de frente. Entre um marasmo e outro na tal entressafra de freelas, procuro elevar meu espírito aos píncaros do autocontrole enquanto repito o mantra: O próximo mês vai ser melhor. O próximo mês vai ser melhor. O próximo mês vai ser melhor. Se o próximo mês não for melhor, eu vou dançar. O próximo mês vai ser melhor. Aoooom!!! Aproveito os tempos de freelas tranqüilos para escrever e me dedicar àqueles projetos pessoais como: fazer um roteiro de um longa, ir ao dentista, limpar gavetas, pensar no referendo das armas, assistir a nova velha novela de depois do almoço e aos velhos episódios do Chaves (que eu adoro). Essas coisas deliciosas, que a vida de freela nos permite quando não estamos tomados de trabalhos para ontem. Buracos na vida de freela. Cuidado! É. Quando eu escrevi lá do tal mantra eu tava falando sério, ou quase. Porque na tal da entressafra pinta cada freela roubada que vou te contar. Tem coisa que tá mais pra “friia” do que pra freela. - E aí Catunda, ferradona? – diz um cliente ao telefone. - Especifique o ferradona – peço suplicando por uma resposta. - Ferradona, querida. Sem trabalho. Precisando de algum? – responde. - Especifique o “algum” - suplico quase aos prantos. Depois de escutar a proposta indecorosa e descobrir que o algum era praticamente nenhum, entenda-se nenhum dinheiro, desligo o telefone um tanto irritada enquanto lanço ao universo o mantra: O próximo mês vai ser melhor. O próximo mês vai ser melhor. O próximo mês vai ser melhor. Eu não estou ferrada. O próximo mês vai ser melhor. Eu não

sou querida desse cara. O próximo mês vai ser melhor. Quando as coisas não estão agitadas na vida de um freela é preciso tomar muito cuidado para não pegar a

- E aí Catunda? Tudo certo? Então, uma amiga minha tá precisando de uma roteirista pra um freela. Parece bem legal. Posso indicar você? – diz um amigo ao telefone.

primeira coisa que aparecer pela frente. Essa coisa pode

E então passo a mão numa canetinha e anoto o

custar caro, muito caro. Caríssimo e daí seu desespero vai

endereço da tal agência que pode ser mais uma grande

fazer de você um escravo de um job porcaria que vai durar

parceira. Liguei, marquei a reunião, fui e cá estou eu e mais

séculos, como tudo que é ruim e não acaba nunca. Por isso,

um freela.

não caia na primeira roubada que surgir em seu caminho. Ser freela é também saber esperar. Se conseguir, espere.

Por isso, aqui vai uma dica valiosa para quem, assim como eu, encara a dura vida do freelar: tenha amigos.

Tem hora que me sinto uma David Copperfield do

Porque se na pior das hipóteses eles não te indicarem

mundo dos freelas. Do nada eu levito, faço uma gasolina

pra algum trabalho, você terá pelo menos, ótimas com-

surgir no meu tanque, o telefone toca, um cliente aparece,

panhias para as tardes de calmaria. E nada melhor do que

um roteiro reeditado surge, um pagamento atrasado cai na

amigos e um saco de pipocas.

conta, um amigo me indica pra alguma coisa e pronto, faz-

O telefone tá tocando. Será que é mais um freela?

se a mágica e a tal luz no fim do túnel dá lugar a um trem de

O próximo mês vai ser melhor? O próximo mês vai ser

algumas coisas para aliviar o mês que até então anunciava

melhor? O próximo mês vai ser melhor. O próximo mês vai

ser um fiasco.

ser melhor. Aoooom!!!

Escuto a tal Madoninha Capixaba e sua versão de Like a Virgin e vejo enquanto a escuto, que nem tudo está perdido. É preciso buscar forças onde quer que elas estejam.

bula da Catunda

“ Quando as coisas não estão agitadas na vida de um freela é preciso tomar muito cuidado para não pegar a primeira coisa que aparecer pela frente. Essa coisa pode custar caro, muito caro. ”

usabilidade

Marcos Nähr Web technologist do departamento de marketing da Dell Computadores. Responsável pelo desenvolvimento do site e loja online da Dell Computadores no Brasil. marcos_nahr@dell.com

Design tem sexo? Sabemos que homens e mulheres possuem preferências estéticas diferentes, disto não há dúvidas. Mas será que um designer, ao produzir o layout de um website, carrega consigo estas preferências? E mais, será que o usuário desta página pode ser positiva ou negativamente afetado pelo estilo (masculino ou feminino) do design? Um estudo recente conduzido por especialistas da Universidade de Glamorgan, na Inglaterra, demonstrou que homens e mulheres são realmente pólos opostos quando se leva em conta o que prende a atenção deles na internet. Ao estudar o que homens e mulheres acham esteticamente atrativo quando navegam na web, descobriu-se que o que atrai o público de um sexo pode não ter apelo algum para o do outro sexo. Com a internet dobrando de tamanho a cada dois ou três meses, é cada vez mais importante para os websites atrair a atenção do seu público-alvo específico, do seu mercado-alvo. O estudo foi feito analisando-se websites criados por 60 estudantes universitários (30 mulheres e 30 homens) para averiguar se existia alguma grande diferença no design. Foram avaliados, entre outros, aspectos como linguagem, estética e navegação. As diferenças ficaram aparentes de forma imediata. No total, foram levados em conta 23 diferentes aspectos nas análises e foram encontradas diferenças em praticamente metade deles. Nos aspectos visuais, os homens preferem, em sua maioria, linhas retas, poucas cores além de fontes formais. Quanto à linguagem empregada pelos homens, houve uma predileção pela mais formal e técnica, com poucas abreviações e uma tendência a autopromoção. Uma seleção de sites da universidade foi apresentada a um grupo de ambos os sexos que deveriam dar notas para os sites que achassem mais interessantes e atraentes. Em praticamente todos os casos, as mulheres preferiam os sites desenvolvidos por mulheres e o mesmo valia para os homens, que apontavam o design dos sites desenvolvidos por homens. Não há dúvida em relação à força da preferência de homens e mulheres aos sites produzidos por pessoas do mesmo sexo. Os pesquisadores aplicaram posteriormente estes dados para medir os valores estéticos de websites de 32 instituições educacionais da Inglaterra.

Link do estudo

http://www.glam.ac.uk/news/releases/003056.php

usabilidade

“...homens e mulheres são realmente pólos opostos quando se leva em conta o que prende a atenção deles na internet.”

Para reforçar o estudo, foi escolhida uma série de websites de estudantes da França e Polônia, onde foram

Apesar de o público destas instituições ser relativamente

encontrados resultados semelhantes aos da Inglaterra,

equilibrado (proporção entre homens e mulheres), os

reforçando a idéia de que estes dados têm implicações

resultados demonstraram que 94% destes sites ostentavam

globais nos websites e por isto devem ser levados em

uma orientação de design masculino e apenas 2%

conta.

apresentavam uma orientação tipicamente feminina.

Estes achados se tornam importantes na medida

Analisando quem desenvolveu estes sites descobriu-se

em que 78% dos sites orientados à beleza feminina

que 74% eram formados de equipes predominantemente

na Europa apresentam um design produzido por times

masculinos e 7% apenas de times femininos de designers.

predominantemente masculinos.

A pesquisa detectou que as organizações educacionais

Não acredito, no entanto, que sites para um público

britânicas não estão levando em conta no desenvolvimento

feminino devam ser desenvolvidos exclusivamente por

estes aspectos, ou seja, não estão preocupadas em tornar

designers do sexo feminino, nem sites para homens por

seus websites atrativos para todo o seu público-alvo. Isto

designers do sexo masculino. Mas os resultados desta

leva a pensarmos que o mesmo deve estar acontecendo com

pesquisa deixam claro que este é um aspecto da produção de

os sites comerciais.

websites que deve ser cada vez mais levado em conta.

Se as visitas aos sites precisam ser aumentadas, será necessária mais atenção à produção estética. Levandose em conta a forte tendência de cada sexo de preferir os resultados do design do seu próprio sexo, não faz sentido tentar atrair mulheres usando uma estética que é notoriamente masculina.