Jump to content


Raphaell's Content

There have been 94 items by Raphaell (Search limited from 27/04/2023)



Ordernar por                Order  

#862006 Tutorial De Como Fazer Um Template

Posted by Raphaell on 24/07/2007, 16:06 in Tutoriais e Dicas

Nossa, velho eu estava procurando um tutorial desse a tempos, concerteza vai me ajudar na criação de meu blog, muito obrigado !

Funciona com Wordpress ?



#862452 Como "proteger" Um Site

Posted by Raphaell on 26/07/2007, 11:30 in Tutoriais e Artigos de Javascript, Ajax e Metodologias

Hummmm...

Entendi bimonti, obrigado.



#861949 Como "proteger" Um Site

Posted by Raphaell on 24/07/2007, 12:38 in Tutoriais e Artigos de Javascript, Ajax e Metodologias

htacess também ajuda na proteção do site correto ??



#861913 Qual editor html vc prefere?

Posted by Raphaell on 24/07/2007, 11:19 in Editores HTML Proprietários

EditPlus !!

Juntando o útil ao agradável!!



#862007 Cursos Iped

Posted by Raphaell on 24/07/2007, 16:09 in Cursos e Certificações

Não recomendo eles.

Eu fiz o de HTML que é de graça, e sinceramente não me agradou pois não utiliza o método mais atualizado.

Então recomendo procurar outro.



#861902 Briefing

Posted by Raphaell on 24/07/2007, 10:47 in BrainStorm Design

Concerteza, quem ler este artigo vai se conscientizar, de que toda criação deve ter um briefing antes, seja uma assinatura, avatar, fan bar, layout, que seja.

Meus parabéns !



#861888 Que Código é Esse?

Posted by Raphaell on 24/07/2007, 10:09 in HTML, CSS e Metodologias

O código seria JavaScript !

:P !



#862173 Referências Sobre Design (links E Info)

Posted by Raphaell on 25/07/2007, 11:40 in Teoria da arte e tipologia

Opa...

Senac.com.br

Òtimos cursos no Senac !



#861935 Lista De Referência

Posted by Raphaell on 24/07/2007, 11:51 in CSS & Semântica (Tableless)

" sem.Ponto, concordo plenamente com você brother, muita gente não dá valor ao nosso conteúdo, que por vista é muito completo e muito bom !

Usabilidoido na lista !



#861926 Lista De Referência

Posted by Raphaell on 24/07/2007, 11:37 in CSS & Semântica (Tableless)

Por Raphael Taveira(Raphaell)

Referências CSS & Semântica - Nacional

Maujor
Tableless
iMasters
HTML.net
Revolução do CSS
CriarWeb
CSS Zen Garden em Português
fechaTAG

Usabilidoido


Referências CSS & Semântica - Internacional

W3Schools
The Semantic web - Introduction and Overview
MeyerWeb
Zeldman
Glish


Tem mais alguma sugestão ??

Posta aqui uai !



#862332 Saiba Como Seu Site Fica Em Vários Navegadores.

Posted by Raphaell on 25/07/2007, 21:08 in Tutoriais e Artigos de (X)HTML e CSS

Putz, demais cara esse site que você indicou é muito bom mesmo, principalmente pra mim, posso ver em outros navegadores como IE, Safari como você citou, meus parabéns!



#862514 Menu Vertical E Horizontal

Posted by Raphaell on 26/07/2007, 13:49 in Tutoriais e Artigos de Javascript, Ajax e Metodologias

Entra aí !

http://maujor.com/tu...l/ddownmenu.php
http://maujor.com/tu...ddownmenu-a.php

Abraços !



#862530 Mais De Uma Versão Do Navegador

Posted by Raphaell on 26/07/2007, 14:32 in Software

Olha, não precisa instalar todos os navegadores, você pode visualizar por esse site:

http://browsershots.org/

Facilitará sua vida !



#861921 Quanto Cobrar Para Fazer Um Site?

Posted by Raphaell on 24/07/2007, 11:24 in BrainStorm Desenvolvimento

Visual = 400 reais

Código + Visual = 1000 reais

Código = 600 reais



#862635 Como Escrever (e Sustentar) Um Bom Currículo.

Posted by Raphaell on 27/07/2007, 01:50 in Mercado de Trabalho

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!



#862702 Como Escrever (e Sustentar) Um Bom Currículo.

Posted by Raphaell on 27/07/2007, 12:30 in Mercado de Trabalho

Qual seria o local pra por sobre webdesign ?



#862521 Tradução Dos Filtros

Posted by Raphaell on 26/07/2007, 14:05 in Artigo, tutoriais e dicas

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



#862501 Menu "deslizante"

Posted by Raphaell on 26/07/2007, 13:20 in HTML, CSS e Metodologias

Você pode fazer também pelo Fireworks, se você utilizar essa ferramenta.

http://www.maujor.co...down-menu-a.php

:P !



#861896 Usar Fonte No Css Que Nao Tem Em Todas As Maquinas.

Posted by Raphaell on 24/07/2007, 10:31 in CSS & Semântica (Tableless)

Andreia, muito bom eu ainda não tinha visto esse artigo e olha que já frequento o Maujor á muito tempo!

Muito obrigado !



#862467 Fixar Rodapé No Final Da Página A Ser Impressa

Posted by Raphaell on 26/07/2007, 11:53 in CSS & Semântica (Tableless)

Ué então deixe com o Margin-Left que fica perfeito.



#862457 Fixar Rodapé No Final Da Página A Ser Impressa

Posted by Raphaell on 26/07/2007, 11:41 in CSS & Semântica (Tableless)

Acessa aí:

http://w3css.blogspo...a-imprimir.html

Abraço !



#862512 Sobre Doctype.

Posted by Raphaell on 26/07/2007, 13:44 in Tutoriais e Artigos de (X)HTML e CSS

Valeu bimonti, pelo link e pelos elogios.

Nas avaliações que eu faço, muitas vezes não vejo o DOCTYPE, então decidi fazer esse artigo, tomara que seja de ajuda para a galera.

Eu esqueci de por sobre a versão 1.1, mais depois eu adapto ele.

Abraços !



#862472 Sobre Doctype.

Posted by Raphaell on 26/07/2007, 12:13 in Tutoriais e Artigos de (X)HTML e CSS

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/



#862161 Avaliação De Sites

Posted by Raphaell on 25/07/2007, 11:17 in Avaliação de Sites

Veja meu quadro de preços:

Visual = 400 reais

Código = 600 reais

Visual+Código = 1000 reais

O código é todo validado, e utilizando a metodologia Tableless.



#861943 Nova Identidade

Posted by Raphaell on 24/07/2007, 12:08 in BrainStorm Design

Adorei o logo, cores combinativas.

Me lembrou o Joomla não sei porquê :P !




IPB Skin By Virteq