Raphaell

Opa galera...

Eu tô criando aqui um site só de brincadeira, aí se der certo eu boto pra frente, é o 3Colunas, que fala sobre webdesign e webstandards, aí eu fui criar o logo, e acabou saindo isso, aqui, quero que vocês dêem sugestões e avaliem esse logo:

Abraço !

Como escrever (e sustentar) um bom currículo

Por: Henrique Costa Pereira

Acho que o mais importante que este texto pode ter baseado no título é a parte do “sustentar”, o resto é apenas um detalhe. Escrever um bom currículo é sim muito importante, não menosprezo isso, mas sabê-lo sustentar é muito mais. Já tive acesso a dezenas de currículos de pessoas que diziam saber algo e não sabiam. De pessoas que colocavam certas informações que mais assustava do que interessava a quem estivesse analisando. Ouvi de amigos que já viram pessoas não serem contratadas por darem os “sinais errados” no currículo que enviaram. Pensando nisso resolvi escrever algo que pudesse ajudar quem procura emprego e quem está interessado em se tornar um web designer profissional.

O principal a ser sustentado é a parte que trata de conhecimentos. Uma coisa muito importante que todo profissional de TI sabe muito bem é que boa parte do conhecimento vem com a prática, mas ninguém quer contratar alguém sem conhecimento e sem experiência. Logo, como as pessoas o adquirem? Praticando é a resposta. Se você não tem muita experiência, procure ler os bons livros, fazer cursos e desenvolver sites de exemplos para praticar e mostrar o que você sabe. Se não sabe, corre atrás de XHTML e CSS mas não deixe de estudar usabilidade, tratamento de imagens, tipografia, um pouco (ou bocado) de javascript, procure entender como funciona as tecnologias de server side mesmo que não seja um programador. Saber bem como funciona é diferente de ser programador. Esta lista te daria um emprego inicial, mesmo não sendo especialista em nada ainda.

Ninguém vai te contratar como web designer se colocar no seu currículo que sabe java, php e asp.net. Esqueça se acha que isso vai impressionar. É melhor colocar no seu portifólio sites que possuam programação (se já tiver participado de um projeto assim) do que colocar experiência com banco de dados. Não que seja errado realmente ter conhecimento disso, mas são dois mundos distintos e você tem que escolher um. Todos esperam que você seja “web designer” e não programador e saber lidar com banco não é algo que terá que fazer parte no seu dia á dia. Muitos designers começam como freela, fazendo sites de pequenas empresas, amigos, etc. É uma boa forma de começar mas não deixe de estudar. Falando em estudar, estar na faculdade ou ter se formado é uma boa idéia e seria legal se fosse em algo relacionado com desenvolvimento para web. Estar cursando engenharia de alimentos não vai te ajudar em nada. Mas se você estudou outra coisa mas seu trabalho é muito bom e você demonstra realmente ter conhecimento naquilo que é necessário, acredito que você não vai deixar de ser contratado por causa disso (grita alguém daí se eu estiver enganado).

Ter conhecimento das ferramentas “exigidas” não é tão importante quando saber XHTML e CSS independente delas. Não deixe de enviar seu currículo mesmo que você nunca utilizou o Dreamweaver na vida por exemplo. Seu currículo não vai ser deixado de lado por causa disto, acredite. Mas ser muito bom em um editor de imagens (não tem como fugir disso) é muito muito importante. Espero que você saiba se virar bem. Se pegar um anúncio de empregos onde eles colocam que querem alguém que sabe DreamWeaver ao invés de “excelente conhecimento de HTML e CSS”, é mais fácil ainda pegar a vaga e revolucionar lá dentro.

Usabilidade, SEO e acessibilidade são conhecimentos que vão separar seu currículo do joio, e se colocar que você aplica microformats em seus projetos melhor ainda. Estes tópicos naturalmente já te separa do primeiro grupo de profissionais e é difícil ter chegado aqui sem nenhuma experiência. Sobre usabilidade, uma das melhores formas de provar isso é no seu próprio trabalho. Não adianta citar a palavra mágica se não tiver algo na prática para mostrar. Leia, estude e pratique muito. O mesmo vale para acessibilidade do seu HTML. É outro assunto que precisa correr atrás urgente se ainda o fez. E SEO é outra coisa que, mesmo que dê para dar uma olhada no seu código de HTML, seria melhor se fosse exemplificado. Para isso, seria bom que tivesse um site. Seria melhor ainda se digitassem apenas seu primeiro nome no Google e seu site pudesse aparecer em primeiro.

Manter um blog é algo que todo profissional antenado deveria arriscar. Blogs revelam muito sobre o tipo de profissional que você é, principalmente ser for sobre tecnologia. Blogs revelam se você sabe escrever, se é antenado em oposição a ser apenas alfabetizado. Se não sabe escrever é melhor que aprenda. Ninguém espera que você seja um Shakespeare, mas que pelo menos não seja alguém que não sabe se expressar bem com palavras. Talvez você está se perguntando o que isso tem haver com uma vaga de web designer. Mas saber se expressar bem demonstra que você é leitor de alma ou alguém que leu o último livro no primeiro grau. Há mais chances de você conseguir uma vaga demonstrando que é leitor não somente de livros técnicos do que o oposto.

Ainda sobre ter um blog, é nele que você vai colocar suas experiências profissionais, seu próprio portifólio. Tenha uma página separada para mostrar o que você já fez e os projetos que participou. Mesmo que nenhum tenha sido remunerado e que você ainda não tenha experiências profissionais formais, desenvolva sites de exemplos para demonstrar os conhecimentos que você possui. Isso é muito importante. Colocar referências onde você pode ser encontrado como Flickr, Orkut, lista de feeds ou OPML, Devian art etc, pode ser de interesse de algumas empresas e outras não. Mas se no seu orkut você fizer parte de comunidades como “sou nazista e odeio negros, homossexuais, nordestinos e mulheres” ou “sou cleptomaníaco, e daí?”, isso pode selar destino profissional pra sempre. Tome cuidado com isso.

Sobre o seu “design” também tem que ser legal, sem dúvida. A teoria é importante mas saber fazer é mais. Basta bater o olho no trabalho de alguém para saber se ele sabe trabalhar com cores ou não. Se somente sua família disse que as coisas que você faz na vida são “bonitas” e “legais”, desista. É interessante que você se aproxime de outros profissionais para avaliarem seu trabalho e ter um constante feedback. Faça parte de fóruns, listas e comunidades de web designers para colocar seu trabalho à prova se você não tem contato direto com outros profissionais. Design para web é muito diferente de impressos, por mais que você acredite que não. O tamanho dos elementos, a disposição etc, são completamente distintos. Um site é feito para “usar” e “navegar”, e isso é óbvio no primeiro contato.

Agora sim sobre o currículo propriamente dito. Se você está atrás de uma vaga para web designer, colocar que possui curso de Microsoft Word e Excel só vai demonstrar que você não sabe nada. Muito menos que tem curso de Windows e digitação. Isso vai revelar que você tem mais preocupação em convencer o RH de que você sabe usar um computador do que mostrar que você é um web designer competente. Deixe de fora do currículo aqueles empregos que não estão relacionados à vaga. Se você entregou pães na padaria da esquina até seus 18 anos ou trabalhou como engenheiro de aeronaves, colocar essas experiências profissionais não vão te ajudar a conseguir a vaga. Coloque somente experiências de trabalho como web designer. E se sempre trabalhou em casa como freela, coloque os sites que você mais se orgulha.

Seria legal que o mesmo currículo que você enviasse impresso (se for o caso) estivesse disponível online também. Coloque essa informação no topo do currículo informando que todas as urls na versão impressa estão facilmente clicáveis na versão digital que você deixou disponível na web. Se ao invés de currículo você preencher um formulário no site da empresa, coloque nas observações o endereço para o seu currículo e/ou portifólio, não se esqueça disso.

Informações falsas e mentiras sempre serão descobertas, acredite. E isso pode te manter bem longe de um emprego por um bom tempo se chegar a ser contratado e tiver que ser despedido por informações falsas. Se não sabe algo, não coloque. É melhor do que mentir. Saber uma língua estrangeira como o inglês é muito importante porque todos os bons livros e aqueles que realmente fazem a diferença para profissionais avançados estão em inglês. Se quiser ir longe não será possível sem o segundo idioma.

Tem mais alguma coisa que acha que deveria estar aqui? Vamos trocar experiências!

Filtros - Filters
_________________________________________
Artístico -Artistic
Afresco - Fresco
Aquarela - Watercolor
Arestas Posterizadas - Poster Edges
Bastão de Borrar - Smudge Stick
Espátula - Cutout
Esponja - Sponge
Foto Granulada - Film Grain
Lápis de Cor - Coroled Pencil
Neon - Neon Glow
Pastel - Rough Pastels
Pincel a Seco - Dry Brush
Plastificação - Plastic Wrap
Recorte de Arestas - Palette Knife
Tinta-Base - Paint Daubs
Toques de Tinta - Underpainting

Desfoque - Blur
_________________________________________

Desfoque - Blur
Desfoque de Movimento - Motion Blur
Desfoque Gaussiano - Gaussian Blur
Desfoque Inteligente - Smart Blur
Desfoque Maior - Blur More
Desfoque Radial - Radial Blur

Traçados de Pincel - Brush Strokes
_________________________________________

Arestas Acentuadas - Accented Edges
Borrifo - Ink Outlines
Hachura - Spatter
Rastro da Tinta - Crosshatch
Sumi-e - Sumi-e
Traçado Angular - Angle Strokes
Traçado Borrifado - Sprayed Strokes
Traçado Escuro - Dark Strokes

Distorção - Distort
_________________________________________

Brilho Difuso - Difuse Glow
Cisalhamento - Shear
Combinar - Displace
Coordenadas Polares - Polar Coordinates
Esferização - Sphrerize
Marola - Pinch
Ondas - Wave
Ondulação - Ripple
Redemoinho - Twirl
Sucção - Ocean Ripple
Vidro - Glass
Ziguezague - ZigZag

Ruído - Noise
_________________________________________

Adicionar Ruído - Add Noise
Desfoque Seletivo - Despeckle
Mediana - Median
Sujeira e Rabiscos - Dust & Scratches

Pixelização - Pixelate
_________________________________________

Cristalizar - Crystallize
Facetar - Facet
Fragmentar - Fragment
Meia-Tinta - Mezzotint
Meio-Tom em Cores - Color Halftone
Mosaico - Mosaic
Pontilhar - Pointillize

Acabamento - Render
_________________________________________

Efeitos de Iluminação - Lighting Effects
Nuvens - Clouds
Nuvens por Diferença - Difference Clouds
Reflexo de Flash - Lighting Effects
Transformação 3D - 3D Transform

Nitidez Sharpen
_________________________________________

Arestas Nítidas - Sharpen Edges
Máscara de Nitidez - Unsharpen Mask
Nitidez - Sharpen
Nitidez Maior - Sharpen More

Croqui - Sketch
_________________________________________

Arestas Rasgadas - Torn Edges
Baixo Relevo - Bas Relief
Bico de Pena - Graphic Pen
Carvão - Charcoal
Crayon Conté - Conté Crayon
Cromo - Chrome
Estampa - Stamp
Fotocópia - Photocopy
Gesso - Plaster
Giz e Carvão - Chalk & Charcoal
Matriz de Meio-Tom - Halftone Pattern
Papel de Carta - Note Paper
Papel Molhado - Water Paper
Reticulação - Reticulation

Estilização - Stylize
_________________________________________

Arestas Brilhantes - Glowing Edges
Difusão - Diffuse
Entalhe - Emboss
Extrusão - Extrude
Indicação de Arestas - Find Edges
Ladrinhos - Tiles
Solarização - Solarize
Traçado do Contorno - Trace Contour
Vento - Wind

Textura - Texture
_________________________________________

Bordado - Patchwork
Craquelé - Craquelure
Granulado - Grain
Ladrilhos do Mosaico - Mosaic Tiles
Texturizador - Texturizer
Vitral - Stained Glass

Vídeo - Video
_________________________________________

Cores NTSC - NTSC Colors
Desentrelaçamento - De-Interlace

Outros - Other
_________________________________________

Alta Freqüência - High Pass
Deslocamento - Off Set
Máximo - Maximum
Mínimo - Minimum
Personalizar - Custom

Digimarc - Digimarc
_________________________________________

Embutir marca d'água - Embed Watermark
Ler marca d'água - Read Watermark

Vamos lá galera, eu venho notando a quantidade de pessoas aqui que não utilizam essa tag no documento XHTML, então vamos começar.


Devo utilizar sempre o DOCTYPE ?

Bom, o elemento DOCTYPE é como se fosse as tags <html>, <head>, etc... as tags essenciais para o HTML, então o DOCTYPE também é uma dessas tags e temos que utiliza-la toda vez que desenvolvermos (x)HTML.

Mais afinal, pra que serve esse tal de DOCTYPE ?

A Definição do tipo de documento (Document Type Definitions DTD) especifica qual é a sintaxe SGML usada no documento. A DTD é usada pelas aplicações SGML ( tais como HTML ) para identificar as regras que se aplicam a linguagem de marcação usada no documento bem como o conjunto de elementos e entidades válidas naquela linguagem. Assim uma DTD para um documento XHTML descreve com precisão a sintaxe e a gramática da linguagem de marcação XHTML.

Parágrafo retirado do site do Maujor.


Como eu utilizo o DOCTYPE ?

Bom, o elemento DOCTYPE tem 3 tipos que são eles, Strict, Transitional e Frameset. A sintaxe do elemento é:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML; 1.0 TIPO" "http://www.w3.org/TR...l1-strict.dtd">

Mais e os tipos ? Como eu os uso ?

Os tipos, são utilizados assim:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML; 1.0 TIPO" "http://www.w3.org/TR...l1-strict.dtd">

Tipo Strict

O tipo Strict é adicionado desse tipo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML; 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Esse é o tipo mais recomendado á utilizar, pois ele não admite, nenhuma tag de formatação dentro do documento, e nem os items em desuso, com esse tipo é recomendado utilizar o CSS.

Tipo Transitional

O tipo Transitional é adicionado desse tipo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML; 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Esse tipo é mais flexível, ele permite a utilização de tags em desuso é recomendado á browsers sem suporte á CSS, e esse tipo não admite utilizar Frames.

Tipo Frameset

O tipo Frameset é adicionado desse tipo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML; 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

È a mesma coisa do Transitional, só que permite utilizar frames.


Bom por aqui término uma explicação do elemento DOCTYPE, espero que depois desse artigo começem á utilizar ele.

Referências:

http://maujor.com/tutorial/xhtml.php

Links úteis para você:

http://validator.w3.org/

Eis aqui algumas dicas para fazer uma validação de sua página HTML:

1. Sempre feche todas as tags, digo todas mesmo!
2. Evite códigos em maiúsculo, pois está sendo cada vez menos usado e não é muito bom para visualização
3. Estruture o código de acordo com a "hierarquia"
4. Evite códigos como <font color> e outros, opite pelo uso de css como por exemplo: <font style="color: #FFF;">
5. Coloque todos os elementos em que aplicará estilo no CSS, deixando o HTML o quanto menor e limpo possível
6. Coloque comentários quanto a "parte" do layout. Tais como "header", "main" e "footer" para uma organização melhor
7. Use sepre meta tags, pois muitos sistemas lêem tais
8. Quando for usar um CSS grande, opite por atachá-lo ao invés de por junto ao escopo
9. Respeito o "esqueleto" do HTML

Para verificarem se sua página se encontra válida, aqui vai o link do validador:

W3C Validator