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 »
Depois do Mojave Experiment (que irei explicar aqui mais tarde), a Microsoft está a fazer de tudo para melhorar a imagem do Windows Vista.
Para isso, a sua última acção nesse sentido foi a publicação de um guia de optimização do sistema.
Segundo algumas opiniões esse guia está estruturado e claro. Eu ainda não o li completamente, apenas dei uma vista de olhos, mas pareceu-me bem.
Guia de Optimização do Windows Vista: Link
Fonte Tech4Pc
De certeza que já viu em screens o então em computadores da Apple com o Mac OS instalado o fantástico dock deste sistema. Na última versão do Mac OS X, apareceu uma nova funcionalidade no dock: os stacks.
Os stacks são colunas de ícones que se abrem quando clicámos numa pasta do dock. Isto dá um efeito muito bom e até ajuda a organizar as coisas.
Para ter acesso a esta funcionalidade no Windows, o Glob-PT criou um tutorial que ensina a criar este efeito com o programa Rocket Dock. Não deixem de dar uma olhada!
Como ter stacks no Windows: Link
Descobri este tutorial ontem no pBlog e gostei bastante deste tutorial criado pela Nettuts. O tutorial encontra-se em inglês. Se acharem bem, eu posso traduzi-lo.
Este tutorial utiliza HTML e CSS para a programação logo convém ter umas noções básicas destas duas linguagens. Embora, este tutorial esteja bastante fácil mesmo para quem não domina muito.
Ao longo do tutorial, o autor irá utilizar o Dreamweaver e o Photoshop (se ainda não tem nenhum deste dois softwares, aconselho vivamente a conseguirem estes dois softwares).
A resultado final do tutorial será este. O autor também disponibiliza todos os ficheiros utilizados no tutorial.
Link para o Tutorial: Link
Após vários pedidos de há já algum tempo, consegui terminar o primeiro tutorial básico de Visual Basic. Este tutorial está em PDF e contém 11 páginas.
Este tutorial baseia-se num projecto de uma (muito) simples calculadora para transmitir diversos conteúdos básicos. Penso que não está muito chato pois tem muitas imagens e não tem explicações muito complicadas.
Divirtam-se!
Tutorial Visual Basic by Código PT: Link
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