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...]

Treinando margin:0 auto; (centralizar) e !important (definir quem é importante) em CSS

centralizando-div021

Eu comecei criando um arquivo HTML no Dreamweaver. Para isso, é só clicar em Arquivo > Novo e escolher um novo arquivo HTML. Renomeei o título do arquivo para "centralizando", no caso vai aparecer esse nome na barra de títulos quando abrirmos o HTML no navegador. (Fazer o download dos arquivos)   Posteriormente, também no Dreamweaver (pode ser feito até no bloco de notas e salvo em HTML ou CSS) criei um arquivo CSS em Arquivo … [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 6

criando-um-site-simples36

(Continuação) 1. Agora partiremos para a configuração do corpo do site. Note na imagem abaixo que acrescentei uma imagem de 300px por 200px, e coloquei o comando dentro da div Fotoconteudo, que a mesma se encontra dentro da div CONTENT. O ideal seria colocar ela fora da div content, mas na hora que você estiver fazendo, você escolhe. 2. Visualizando no navegador. … [Read more...]