Projetando uma página web mock up permite delinear um conceito antes de estender o esforço para realmente criar a página. Isso é útil para identificar quaisquer problemas quando o lançamento de um novo site , e é especialmente necessário se você está fazendo um trabalho para um cliente. Adobe Fireworks CS3 é uma solução ideal para realizar esta tarefa , pois você não precisa ter uma vasta educação ou experiência gráfica. Usando as várias barras de ferramentas , você pode rapidamente começar a construir suas idéias. Instruções
1

Inicie o aplicativo Fireworks.
2

Vá em "Arquivo " na barra de ferramentas do Fireworks e selecione " Novo" a partir da lista drop-down.

3

Digite a largura ea altura da sua página web destinada na janela " New Document " . Um tamanho comum é de 800 pixels por 600 pixels. Para a "Resolução" , digite 72 . Para o " Cor ", marque a opção ao lado de seu fundo preferido. As opções incluem "White ", " transparente " e "Custom ". Aperte o botão " OK" quando terminar.
4

Verifique se o seu "Ferramentas" e em "Propriedades" barras de ferramentas são visíveis . Faça isso selecionando "Window" no menu do Fireworks e destacar a opção "Ferramentas". Repita este procedimento para a opção "Propriedades " .
5

Selecione " retângulo " do " Ferramentas " da barra de ferramentas para desenhar uma caixa para o seu cabeçalho na parte superior do documento. Faça isso clicando em um ponto na tela e arrastar o mouse para que o retângulo se expande e chega à forma desejada . Se você quiser que o seu retângulo para ter uma borda colorida , vá para o "Propriedades" da barra de ferramentas e clique no ícone "Stroke Color" para selecionar uma cor . Clique no ícone " Cor de preenchimento " para selecionar uma cor de fundo .
6

Adicione o texto ao retângulo clicando no botão " ferramenta de texto " do " Ferramentas " da barra de ferramentas . Você pode formatar esse texto , destacando-o e indo para a "Propriedades" da barra de ferramentas para escolher as opções , como tamanho, cor e peso.
7

Adicionar imagens , se quisesse , selecionando "Arquivo" do menu do Fireworks e clique em "Importar " no menu drop-down. Selecione a imagem de seu arquivo e clique em um ponto na página e arraste-o até que ele é o tamanho que você precisa.
8

Continue adicionando retângulos e texto para o seu documento para representar os diferentes elementos da sua página . Características comuns incluem uma barra de navegação , caixa de ligação e seção de conteúdo .
9

Salve o arquivo , selecionando " Arquivo" no menu do Fireworks e clique em " Salvar como " no menu drop-down. Nomeie o arquivo e salvá-lo como " PNG ", para que mais tarde você pode voltar e editar este arquivo , se necessário.