Neste tutorial veremos uma excelente aplicação do Fireworks para apresentação de um projeto, geralmente um protótipo, ao cliente em formato PDF em poucos cliques.
A idéia é criar links dentro do próprio projeto que levam o cliente a outra página contida no mesmo arquivo que foi gerado em PDF, dando-lhe uma sensação de estar navegando em um site que na verdade, ainda nem foi publicado na Internet.
Pré-Requisitos
Facilidade quanto ao manuseio do Fireworks CS4
Objetivo
Gerar um arquivo PDF com as páginas (e links) de um protótipo criado pelo Fireworks CS4
Conteúdo
1º Passo – Criando as Páginas do Protótipo
Vamos aproveitar o layout disponiblizado para download no tutorial Criando Layout – Empresa de Tecnologia: Parte 2, para facilitar o entendimento deste tutorial.
Com o arquivo aberto (obviamente 
), devemos ter visível no painel à direita, a seção Pages (F5) para renomear a página atual e criar uma duplicação. Para dar um nome a página, basta clicarmos duas vezes sobre o nome da mesma e trocarmos, como sugestão, para HOME.
Fig. 01 - Nomeando página
A intenção é aproveitarmos os links do layout e criarmos (só a efeito de exemplificação) as páginas internas no intuito de apresentarmos o cliente. E para reaproveitarmos a “home”, vamos criar mais 4, dando-lhes os respectivos nomes:
- A Empresa
- Serviços
- Suporte
- Fale Conosco
Fig. 02: Duplicação das páginas
2º Passo – Editando as Páginas Duplicadas
Só para ilustrar, pois o objetivo deste tutorial é outro, fiquemos à vontade para editar as páginas duplicadas. Para isso é só clica na página indicada e fazer sua edição. As minhas ficaram assim:
-
Fig. 03: Edição das páginas internas
3º Passo – Criando Links Internos
Páginas criadas e editadas, agora elas estão prontas para serem vinculadas através de links internos. Então, voltemos à página “HOME” para que, a partir delas, criemos tais vínculos no menu.
Utilizando a ferramenta Rectangle Hotspot Tool, selecionemos a área onde desejamos criar um link, e no Painel Properties, façamos o direcionamento como mostrado na imagem a seguir:
Fig. 04: Criando links
Com este mesmo procedimento, façamos todos os outros links para as outras páginas e, em todas elas, não esqueçamos de criar um link para colocar no logotipo das páginas, com link para a “HOME”.
4º Passo – Exportando o Projeto em PDF
Concluída a etapa de criação de links, agora vem a parte mais fácil: criar o arquivo PDF.
Para isso, acessemos o menu File > Export e configuremos como na imagem a seguir:
-
Fig. 05: Exportação em PDF
Bom, pessoal, agora é só abrir o arquivo e conferir os links.