Passo 6 – Corrigir a transparência no IE6
O único problema com as PNG’s transparentes é que o IE6 não suporta a transparência. Felizmente, isto é fácil de resolver graças a este script. Basta fazer download e colocar esta linha extra no CSS:
Passo 5 – Fazer um logo transparente
Bem, vamos passar ao logótipo. Já fiz um logótipo mas desta vez, um PNG transparente. Isto deve-se porque mais tarde irei utilizar outras cores no tema e o melhor a fazer é uma imagem transparente. Se quiserem, podem fazer download daqui.
Passo 4 – Teste nos browsers
Não se esqueça de testar em todos os browsers. Aqui fica uma screen do teste no IE7.
Passo 3 – Adicionar imagens de fundo
Para já o nosso layout está muito pobre… Feio mesmo não é? Com os elementos principais já posicionados, é só uma questão de dar uns toques no estilo e fica muito melhor! Não podia ser mais fácil! 
A primeira coisa que iremos precisas é de imagens. Pode fazê-las vocês apartir do .PSD fornecido ou então pode fazer download daqui.
Aqui está uma screen da primeira imagem a ser utilizada. É uma grande imagem de fundo para fazer o efeito de radius no centro. Dos lados será usado uma “fatia” desta imagem de 1px para cobrir o resto do fundo.
Passo 2 – Primeiro Layout
A primeira coisa que iremos fazer é um pequeno layout com HTML e algumas coisas básicas de CSS para nos certificarmos que temos um base sólida para poder avançar.
Também devemos consultar vários browsers (IE6, IE7, Firefox, Opera e Safari) para nos certificarmos que a página fica igual em todos os browsers. Não há nada pior que dar conta de um erro e depois ter de ver todo o código. Se formos consultando vários browsers à medida que avançámos, é melhor pois poupa-nos várias dores de cabeça.
Parte 1 – Construir o Framework e a primeira página
Este tutorial irá avançar por partes. Primeiro, iremos construir o Framework, que será a base de todas as páginas, depois páginas alternativas e finalmente uma página com uma alterações de cor.
Passo 1 – Preparando a ferramenta
Aqui podem ser usadas várias ferramentas que podem ser encontradas facilmente na internet ou em lojas. Eu, tal como o autor original deste tutorial, irei utilizar o Dreamweaver CS3 mas, podem utilizar até o bloco de notas do Windows, o GEdit no Ubuntu ou o Editor de Texto no Mac. É indiferente. Este será um critério do utilizador.
Depois do software escolhido, vamos criar a estrutura das pastas para o nosso site. Crie uma pasta em qualquer lado com o nome do site, no nosso caso pode ser “Creatif”. Dentro dessa pasta crie outras duas com o nome “images” e outra com o nome “scripts”.
Agora estamos prontos para o próximo passo.
Bem-vindos ao primeiro grande tutorial traduzido pelo Código PT para todos vocês. Este tutorial, é a versão traduzida do tutorial da NetTuts, que eu achei muito bom.
Este primeiro tutorial irá conduzir o utilizador durante vários dias ao mundo do Web Design. Este tutorial irá dar uma boa base ao leitor para HTML e CSS.
Estejam bem atentos, pois este tutorial é bastante interessante e penso ser bom para todos.
Bom trabalho! Ler o resto desta entrada »
Finalmente, férias… Pois é, por fim chegou o meu tempo de descanso. Mas, se pensam que o Código PT vai ficar parado, estão muito enganados!
Durante as duas semanas que vou estar fora, vão se colocados automáticamente aqui, um óptimo tutorial de Web Design da NetTuts totalmente traduzido por mim. Todos os dias será colocado um passo do tutorial que todos vocês poderão acompanhar quer sejam iniciantes ou já conheçam alguma coisa de Web Design.
Bem, os tutoriais estão prontos, as malas feitas, adeus!!
A Mozilla está desta vez a apostar num browser móvel para fazer concorrência ao Opera Mobile. O seu nome é Fennec.
No início deste mês, o Fennec chegou à milestone 6 (M6) e já é possível instalá-lo num Nokia N8X0. Este M6 contém várias funções como as tabs e os campos “tel:” e “mailto:”.
Prevê-se uma nova milestone já para dia 19 de Agosto.
Aqui fica a screen deste novo navegador móvel muito promissor!
Fonte Profissionais da Web
No passado dia 8 de Agosto deu-se a abertura dos Jogos Olímpicos de Pequim 2008, o maior evento do ano. Milhões de pessoas rumaram até Pequim para este acontecimento e adivinhem quem também tirou férias para este evento desportivo? É claro, o maior amigo dos utilizadores de Windows: o Blue Screen Of Death!
No preciso momento em que Li Ning, o último portador da tocha límpica, subia no ar e “corria” para acender a chama olímpica, o nosso amigo BSOD decide fazer uma aparição pública num dos projectores que apontados para o estádio.
Várias câmaras (não oficiais) apanharam este célebre momento. Apreciem esta aventura do BSOD por terras orientais!
Fonte Peopleware
Template Baunilha 1.0.1
Desenhado e construído por Vanilla Lounge e modificado por Código PT, com ícones FamFamFam
6 Visitantes Online | Powered by WordPress 2.8
RSS (Artigos)
RSS (Comentários)
XHTML Válido
CSS Válido