Tutoriais de Webdesign

Pequenos manuais que tratam sobre aspectos básicos de webdesign através de um enfoque prático.
Capítulos do manual
1.- Como fazer um gif animado com Photoshop
Descrição passo a passo de como fazer um gif animado com Photoshop e Image Ready.

2.- Definições de tela
Veremos a melhor forma para definições de tela sendo producente.

3.- As cores e HTML
Neste artigo tratamos de aproximar-lhe todos os detalhes relativos ao bom uso de cores em HTML. Cores compatíveis com todos os sistemas

4.- Formatos gráficos para páginas web
Apresentamos os formatos gráficos utilizados nas páginas web, o GIF, o JPG e PNG. Insistimos nos dois primeiros, resumindo suas características e ensinando a otimizar os arquivos.

5.- Tabela com esquinas arredondadas
Prático artigo de HTML no qual criamos uma tabela com cor de fundo cujas esquinas estão arredondadas.

6.- Tabela com desenho em sua base
Como dar formato a uma tabela utilizando desenhos. Um efeito HTML para conseguir que a silhueta da tabela não seja vista totalmente quadrada.

7.- Tabela com desenho em sua base II
Continuamos com o capitulo anterior, oferecendo outras distintas maneiras de conseguir efeitos em uma tabela.

8.- Frames sem bordas
Artigo de HTML no qual explicamos como realizar frames sem bordas e nos navegadores mais habituais.

9.- Barra de navegação HTML simples
Neste artigo de HTML vamos desenvolver uma barra de navegação de uma maneira muito simples, na qual utilizaremos uma imagem para dar um pequeno efeito para fazer uma das bordas da tabela oblíqua.

10.- Barra de navegação HTML
Todos os passos para conseguir implementar uma barra de navegação cujos links têm um estilo similar a uma aba.

11.- Setores de Photoshop
Veremos como dividir uma imagem em vários pedaços para por exemplo, realizar um desenho de página avançado ou para dividir uma imagem muito grande em várias partes para que se carregue mais rapidamente.

12.- Listas HTML feitas com tabelas
Workshop de HTML no qual se realiza uma lista de elementos, porém utilizando tabelas no lugar da estrutura de lista OL ou UL.

13.- Tabela melhorada com imagens para barra de navegação
Uma tabela de links HTML a qual intercalamos imagens para transformá-la um pouco e torná-la mais vistosa. Utilizável em uma barra de navegação.

14.- Informe sobre o estudo Eyetrack III
Trabalho baseado no estudo dos movimentos oculares de um conjunto de pessoas durantes suas visitas a diversas páginas web de notícias.

15.- Montar uma web a partir de uma imagem com Photoshop
Vemos como utilizar os setores de Photoshop para montar de uma maneira simples o desenho de uma página web que tínhamos em uma imagem.

16.- Como criar um gif com Photoshop II
Vejamos outro exemplo de GIF animado que pode ser criado facilmente com Photoshop e Image Ready.

17.- Fluxograma
Mostramos o tratamento de uma imagem no Adobe Photoshop.

18.- Formatos de Arquivos
Entendendo os formatos de arquivos com Photoshop

19.- 30 dicas de Photoshop
Oferecemos uma série de dicas de Photoshop que nos possibilita trabalhar de uma forma mais eficiente.

20.- Criar imagem em miniatura (thumbnail) com Photoshop
Dois mecanismos para criar imagens em miniatura ou thumbnails, utilizando o programa Photoshop.

21.- Efeito de texto com Photoshop
Pequeno tutorial para fazer um efeito de texto com resplendor exterior e bisel – relevo

22.- Links sem sublinhado
É muito simples tirar o feio sublinhado que apresentam os links de uma página web. Aprenda como fazê-lo por uma via rápida e eficaz.

23.- Fundo tipo mosaico a partir de uma imagem com Photoshop
Partindo de uma imagem e utilizando Photoshop faremos um fundo para página web, que se veja bem tramado ao fazer o mosaico.

24.- Efeito de reflexo de texto em Photoshop
Criar um reflexo de um texto que está refletido na parte de baixo, utilizando Photoshop.

25.- Fazer um texto que se adapta a um círculo, Photoshop CS2
Tutorial para realizar com Photoshop CS2 um texto que se escreve ao redor de una circunferência. O texto se adapta à forma do círculo.

26.- Trabalho com ações de Photoshop. Gravar e executar uma ação
Para que servem as ações de Photoshop e como criar uma ação e logo executa-la sobre outros arquivos gráficos.

27.- Lote com Photoshop para executar uma ação sobre os arquivos de um diretório
Vamos aprender a criar um lote para realizar automaticamente ações sobre todos os arquivos que existem em uma pasta ou diretório de nosso disco rigído.

28.- Mudar o tamanho de todas as imagens de uma pasta com Photoshop
Vamos realizar um processamento automático de todos os arquivos de imagem que há em um diretório de nosso computador para mudar suas dimensões.

29.- O banner perfeito
Análise do uso de banners como ferramenta de comunicação. Conselhos para melhorá-los e mais documentação.

30.- Páginas fluidas
Sãs as que suas dimensões se adaptam ao tamanho do navegador. Quando usa-las e quando não.

31.- Programas de retoque fotográfico recomendáveis se você não quer usar Photoshop
Uma listagem com opções diversas de programas de retoque fotográfico e editores gráficos que poderiam ser recomendáveis quando por qualquer razão você não quer usar Photoshop.

32.- Tendência de Desenho Web: Blocos de Cor
Analisamos uma das mais recentes tendências no mundo do desenho web: o uso dos blocos de cor: suas distintas vertentes e como se pode usar devidamente a combinação das cores mais berrantes.


Downloads
Versão imprimível do manual Versão imprimível do manual. Agora você tem a possibilidade de obter o manual em um só arquivo optimizado para sua melhor impressão.


Manual traduzido em espanhol
Está disponível em Desarrolloweb.com:Curso práctico de diseño web

Comentarios
Envie seus comentários ou opiniões sobre este manual.
Comentar o manual

Comentários do manual
Foram enviados 3 comentários à manual
2 comentários não revisados
1 comentário revisado:
Um bom guia mas ATENÇÃO
Por: andremafei
09/4/10
Desde de que eu comecei a aprender webdesign anos atrás eu já consultei várias vezes esse site. Mas atualmente tem que tomar cuidado com as páginas com mais de 3 anos, pois a Internet muda muito rápido e você pode acabar gastando tempo para aprender algo que já está antigo.

No entanto continua sendo um site muito bom e confiável. Eu até cito ele várias vezes no Guia de Webdesign: http://webmap.in

O webmap.in já virou notícia no O GLOBO, e nos portais Yahoo, iG, POP, etc.

Usuários :    login / registro

Neste manual

Categorias relacionadas:

Manuais relacionados