Como e por onde começar em Webdesign? – Html, CSS, PHP, Jquery etc.

site-infografico

No intuito de ajudar às pessoas que estão interessadas em começar a estudar para serem Webdesigners, eu resolvi criar esse artigo descrevendo tudo o que deve ser feito para que depois de alguns meses você consiga  construir um Website. Não vou ensinar a fazer nada, mas vou apenas mostrar o caminho e dar algumas dicas. Sei que isso é importante para quem está começando porque quando iniciei, não encontrei muito material motivador para me incentiva … [Read more...]

Como encontrar erros de Html e CSS facilmente no seu site

Encontra erros CSS

Há um projeto chamado Diagnostic CSS onde você pode estar pegando o código e colocando no arquivo CSS do seu site para, quando você abrí-lo, ele mostre visualmente onde estão os erros CSS e Html. É bom porque você não perde muito tempo procurando nos códigos, é só você colocar aquelas regras no código que quando você abrir a página, ela vai denunciar os erros pintando as partes erradas, aí você corrige. O link do projeto é esse: Diagnostic C … [Read more...]

Fazer Html e CSS funcionar bem em IE6 sem sofrimento

ie9js

Há um projeto na Web chamado IE9.js criado por Dean Edward onde você pode fazer as versões do IE5 até o IE8 trabalhar por você, sem precisar de você sofrer desenvolvendo gambiarras. Para acessar, pode clicar no link abaixo: Script que tira os erros de css e html do Internet Explorer (http://code.google.com/p/ie7-js) Como o nome do projeto é IE9.js, a pessoa até pensa duas vezes quando olha para aquela Url alí em cima, mas pode ficar tran … [Read more...]

Como estruturar um layout com HTML e CSS da maneira certa

tutorial-css-022

Neste tutorial, eu vou mostrar como criar rapidamente um layout usando só HTML e CSS. Vou usar o Dreamweaver porque eu já sou acostumado com ele, mas você pode muito bem usar o NOTEPAD++ (Tem gente que acha melhor trabalhar com ele) ou até o Bloco de Notas do Windows mesmo. É só você ir copiando o código e colocando nos diretórios. No Caso eu criei um arquivo index.php e coloquei em um diretório (pasta) chamado "outlinexborder" no diretório "ww … [Read more...]

Tutorial – FIREBUG Ótima ferramenta para inspecionar elementos em HTML/CSS

tutorial-firebug-7

O tutorial de hoje é sobre o Firebug, uma extensão que você instala no seu navegador para facilitar o seu trabalho com HTML e CSS. Primeiro visite o site http://get.firebug.com e instale a extensão. É recomendável que você tenha o Firefox para usá-lo, pois fornece mais opções, e pode explorar as funções por completo, mas se você não usa o Firefox, visite http://getfirebug.com/lite e instale no navegador que você usa. Você também pode instalar e … [Read more...]

Tutorial – criando um site simples usando psd (Photoshop), html e css – para iniciantes – Parte 5

criando-um-site-simples36 (1)

(Continuação) 1. Vamos começar a configurar a parte de cima (header) do site. No arquivo CSS, note que eu fiz a adição da propriedade Margin, e defini para a div #nutrição a margem de cima com 15pixels, a do lado direito com 2pixels, a de baixo com 2pixels e a do lado esquerdo com 58px. Se você salvar o documento agora pode notar que a imagem símbolo da nutrição descera um pouco e correrá um pouco para a direita da tela. Na div título eu fiz … [Read more...]

Tutorial – criando um site simples usando psd (Photoshop), html e css – para iniciantes – Parte 4

criando-um-site-simples27emeio

(Continuação) 1. No photoshop Pressione Ctrl+alt+Z para desfazer o corte e transfira a imagem (nutrição, das cobras) para outro documento. Escolha no menu Image/Trim para que o conteúdo transparente ao redor da imagem desapareça e fique só ela no canvas. ( Dica: Para transferir uma layer para outro documento facilmente, escolha Window / Arrange/ Float all in Windows, para que todas as abas do Photoshop fiquem uma acima da outra e clique, segur … [Read more...]