Apresentação

Salve-salve Fireworkseiros de plantão!

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:

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:

Bom, pessoal, agora é só abrir o arquivo e conferir os links.

CADASTRE-SE no blog e faça o download do arquivo final em PDF.

A dica que eu dou é que vocês criem uma capa de apresentação, cabeçalho e rodapé também para ficar bem apresentável.

Até a próxima.

CarlosHPS Webdesigner

Autor: CarlosHPS Webdesigner – Colunista Fireworks do Portal MXSTUDIO

Não deixem de me fazer uma visita:

• BLOG: www.carloshps.com.br/blog
• CURSOS ONLINE: www.carloshps.com.br/cursos
• PORTFÓLIO: www.carloshps.com.br/

1.404 assinantes,
assine você também!