Adobe Photoshop é uma ferramenta ideal para a criação de um layout de site e é a ferramenta padrão da indústria para edição de fotos e criação de imagem bitmap. Criando um layout em Adobe Photoshop permite que o designer a capacidade de fazer mudanças rápidas sem a necessidade de ajustar qualquer código. Uma vez que o look and feel do site terminar, Adobe Photoshop torna muito simples para cortar e otimizar as imagens para uso da web. Coisas que você precisa
Adobe Photoshop CS3
compilador de código ou programa de web design
Show Mais instruções
1

Planeje o site no papel. Aproxime-se do computador com um plano claro e conhecimento do que o site terá de atender às expectativas do projeto. Encontre idéias para cores e estilos para retirar. Quanto mais planejamento e organização , que ocorre nesta fase, as opções de design menos difíceis serão uma vez trabalhando em Adobe Photoshop.
2

Abra o Adobe Photoshop CS3 e iniciar um novo documento . Ajuste a altura do documento para 800 pixels ea largura de 600 pixels. Este é um tamanho padrão para o projeto de layout web e garantir que a página pode ser visualizada por uma variedade de resoluções de tela.
3

Defina a resolução do documento de 72 pixels por polegada ( PPI ) . Certifique-se de que o modo de cor do documento está definido para RGB . Alterne as unidades de medida exibida na régua de pixels para medições precisas.
4

Construir o quadro da página usando guias. Os limites verticais criará parâmetros para a largura do site e as guias horizontais espaça elementos do site. Definir áreas para um cabeçalho , barra de navegação e na área de conteúdo. Deixar uma margem consistente, geralmente em torno de 10 pixels , entre os elementos a adicionar espaço estético para o site.
5

Adicione as imagens e textos que compõem o estilo da página. Para imagens complexas , como o cabeçalho do site , projetar uma imagem pela primeira vez em outro arquivo e colar no local desejado no arquivo de layout. Mantenha todos os elementos de layout em camadas separadas para assegurar a facilidade na edição. Nomeie cada camada após o elemento correspondente .
6

Faça uma imagem de fundo . Um padrão simples em um quadrado de pixels de 100 pixels x 100 pode ser telhado e é mais rápido para carregar do que uma imagem maior.
7

Slice o documento em pedaços de ser codificada no site. Use a ferramenta " Slice" para definir as áreas que serão salvos como arquivos de imagem individuais.
8

Escolha uma fatia para ser salvo usando " Slice Select ". Selecione Arquivo> Salvar para a Web e dispositivos para otimizar a imagem para a web. As imagens e estilo de página em fatias compreenderá a aparência do site.