Para uma página web graficamente agradável , muitos designers encontrá-lo mais fácil de criar um projeto usando o Photoshop e , em seguida, converter o projeto para html para o FrontPage . Photoshop CS3 ou superior tem a funcionalidade necessária para criar modelos de páginas web a partir de arquivos PSD . Com modelos de Photoshop , é possível criar projetos que você não pode conseguir com html sozinho. Coisas que você precisa
FrontPage software
Show Mais instruções
Photoshop CS3 ou superior a versão de software
1

Abra um arquivo de imagem em branco. Quando concluído, este arquivo de imagem será o seu Photoshop modelo de página web. Nomeie o arquivo e defina as propriedades para especificar a altura da imagem , largura e resolução.
2

Selecione uma cor de fundo e aplicá-lo ao seu arquivo template psd .
3

Arraste uma imagem digital para o local desejado em seu arquivo psd modelo. Redimensionar a imagem digital se o desejar.
4

Adicione outros elementos de design de escolha. Designar a localização dos botões de navegação usando a Rectangular Marquee Tool. Clique na ferramenta , em seguida, posicione a ferramenta no local desejado na imagem . Clique e arraste até obter o tamanho desejado. Adicionar cabeçalhos e rodapés , se desejado, da mesma maneira .
5

Visualize seu modelo como um grupo de retângulos.
6

Divida o seu modelo de página web psd em retângulos utilizando a ferramenta fatia Photoshop. Selecione Slice Tool e ponto no canto do primeiro retângulo que você deseja criar. Clique e arraste até a delinear a seção desejada . Continuar dessa maneira até que todas as partes do modelo de site foram feitas em seções.
7

Clique na Slice Select Tool e apontar para uma fatia. Clique com o botão direito do mouse para que a caixa de propriedades irá aparecer. Você vai tratar cada fatia como uma imagem separada depois de converter o arquivo psd em um modelo , por isso é importante que você nomear cada fatia de uma maneira que você reconhecerá facilmente quando você editar seu html . Se você pretende a fatia para se tornar um botão de navegação , especifique o URL da página da Web para o qual você vai ligar este botão.
8

Exportar o arquivo psd para ImageReady . Otimizar arquivos para a velocidade de carregamento rápido. Salve cores sólidas como gif ou png para tempo de carregamento rápido. Salve fotos digitais como arquivos JPEG para nitidez.
9

Salve o psd otimizado como html . Quando você selecione "Salvar otimizado como , " uma caixa de pop-up que permite que você salve o seu modelo de html em seu computador. Se preferir, você pode escolher " Ir para " e ir diretamente para o FrontPage para editar e salvar em seu site.