Um modelo Web é um layout de página da Web básica --- ou recipiente --- você pode reutilizar para criar várias páginas. O modelo fornece a estrutura básica para o seu site, o que lhe permite manter um tema consistente e disposição em todo o site , sem ter que recriar cada página. Enquanto o Photoshop não é tecnicamente um programa de design de página da Web, você pode usá-lo para criar modelos da Web por " fatiar " a imagem PSD em várias seções e , em seguida, exportar o PSD para uma página da Web em HTML . Você pode, então, abrir o arquivo de modelo HTML no Dreamweaver ou outro programa de Web design e usá-lo para criar as páginas de seu site. Coisas que você precisa
Adobe Photoshop CS3 ou mais tarde
Show Mais instruções
1

iniciar um novo documento no Photoshop. Dê-lhe as dimensões que você deseja usar para suas páginas da Web , assim: Clique em "Arquivo " na barra de menu e escolha "Novo" para abrir a caixa de diálogo Novo. Digite a largura (em pixels ) da "largura " Campo e da altura (em pixels) no campo " Altura " . Clique em " OK".
2

Criar o banner para sua página web. A bandeira , é claro , representa a imagem ou gráfico que mostra na parte de cima da página . Ele geralmente consiste de um logotipo da empresa e alguns outros gráficos relativos a um produto ou serviço. Você pode inserir uma imagem existente ou usar tintas e ferramentas de texto do Photoshop para criar o banner.
3

Criar os botões para sua página web. Estas se tornarão links ou "hot spots ", que levam os usuários do site para páginas diferentes dentro do site. Ou inserir imagens de botão existentes e colocá-los onde quiser no modelo ou usar tintas e ferramentas de texto do Photoshop para criar os botões.
4

Selecione a ferramenta " Slice" (quinto botão de cima em Caixa de Ferramentas ) . Se você não tiver usado a ferramenta Slice antes , este botão provavelmente está definido para outra ferramenta. Clique e segure o botão e, em seguida, escolha " Slice Tool " do fly -out.
5

Arraste a ferramenta Slice em torno do primeiro botão ou área no modelo em que você deseja criar um link. Isso cria uma caixa de " Slice" em torno do objeto . Photoshop coloca esta caixa em uma célula da tabela que vai se tornar uma tabela HTML separado ao exportar este documento para HTML.
6

botão direito do mouse a nova fatia e escolha "Opções Editar fatia " da mosca - menu de fora. Isso abre a caixa de diálogo Opções da Fatia .
7

Digite a URL que você quer este botão para vincular a no campo " URL" . Você também pode inserir outras informações para o botão , como a página do navegador de destino , e marcas alternativas. Se você quer editar o tamanho ea posição da fatia , fazê-lo com as opções na seção " Dimensões " da caixa de diálogo . Clique em " OK".
8

Repita os passos anteriores para a criação de fatias e opções de edição de fatia para cada botão no modelo.
9

Clique em "Arquivo " no menu bar e escolha "Salvar para web e dispositivos. " Isso abre a caixa de diálogo Salvar para a Web e Dispositivos . A partir daqui você pode alterar vários aspectos do seu modelo , como a cor de fundo , compressão e qualidade de imagem, tamanho do documento e assim por diante. Estas opções são bem marcados e falam por si. ( Você pode visualizar o código HTML para este modelo clicando no botão "Preview" ).
10

Clique no botão " Salvar" . Nomeie e salve o arquivo HTML. Você criou com sucesso o seu modelo de web. Agora você pode abri-lo em um editor de páginas Web e adicionar seu conteúdo.