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 2

criando-um-site-simples10

(Continuação) Agora vamos terminar de montar o site em CSS e Html. Já criamos quase todas as imagens que usaremos no site. Os menus rodapé e textos criaremos em Html e CSS. Um site comercial é bom que tenha o mínimo de imagens, e máximo de texto, pois melhora na indexagem em mecanismos de buscas como o Google, e isso é o que queremos. 1. Abra o Dreamweaver (pode usar qualquer editor de texto, Bloco de notas do Windows, Notepad ++ Plus ou qualquer … [Read more...]

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

site

Este tutorial destina-se a pessoas que ainda estão iniciando na produção de sites. Vamos criar um Layout no Photoshop e depois transformar esse layout em html para colocar no servidor. Note que o layout não ficou muito bom, visto que ele foi criado de maneira simples. Criei o tutorial com o objetivo de ensiná-los a usar o CSS e html. Depois de acompanhar todo o tutorial, você já estará sabendo os princípios de CSS e html, e poderá fazer um site pe … [Read more...]

Criando um favicon e instalando no servidor

fav5

Hoje vamos criar um Favicon. É um ícone de 16px por 16px que se coloca em um site para que ele apareça na barra de endereços quando acessado. O nome Favicon é a abreviação de "Favorites Icons". Ele serve para dar um toque pessoal ao seu site mostrando um pequeno ícone na barra de endereços do navegador ou até mesmo nas abas do lado do título da janela. Geralmente uma pessoa quando está navegando em um site e tem aberta em seu navegador diversas … [Read more...]