Photoshop é uma ferramenta excelente para a criação de maquetes . Quando é hora de implantar a maquete , que seria bom para simplesmente clicar em um botão e ter o seu protótipo vivo. No entanto , o Photoshop é estritamente um programa de gráficos sem recursos HTML . Felizmente , a exportação de sua maquete em um formato gráfico -friendly Web como JPEG ou GIF, e construção de uma página da Web que usa esses elementos é simples. Tenha em mente que você deve fazer um trabalho adicional no lado do HTML para criar os componentes interativos, como links, menus e pop- ups. As possibilidades de interatividade são infinitas , assim que escovar acima em seu HTML e CSS. Coisas que você precisa
Photoshop (qualquer versão )
HTML editor
browser
Mostrar mais instruções
Basics
1

Abra sua maquete em Photoshop e exportá-lo para um formato de imagem web-friendly . Escolha "Salvar para Web e Dispositivos " no menu "File" . Na caixa de diálogo , selecione um formato de arquivo , como JPEG , GIF ou PNG e escolha uma qualidade de imagem.
2

Clique em " Save" e nomeie o arquivo ( por exemplo, myMockup.jpg )

3

Abra seu editor de HTML e criar um novo arquivo HTML. Editores HTML como o Dreamweaver criará a página Web esqueleto para você.
4

Adicione uma tag de imagem dentro do elemento da sua página web. A tag de imagem será algo parecido com : .
5

Salve o arquivo HTML, em seguida, carregá-lo em qualquer navegador da Web
< br >