anterior
Tweet about this on TwitterPin on PinterestShare on LinkedInShare on Google+Email this to someoneShare on Facebook
QR CODE

Tutorial: Incorporando HTML e vídeos do YouTube no Adobe Fireworks

 

Vou disponibilizar o arquivo pronto para baixar.

Então, vamos começar?

Passos

1) Abra o projeto

2) Neste projeto, reservei uma área vazia, que será adicionado à fatia para o HTML.

3) Clique na Ferramenta Retângulo

4) Desenhe um retângulo na área reservada, como mostra na figura abaixo.

5) Adicione sombra no Retângulo, configurando as propriedades abaixo.

6) Deixe como na figura abaixo

7) Clique na Ferramenta de Texto

8) E digite o texto.

9) Adicione o “Efeito de sombra” e configure como a figura abaixo.

10) Clique no Retângulo que foi criado anteriormente, clique com o botão direto do mouse e escolha a opção “Inserir fatia retangular”.

11) Com a fatia selecionada, vá no Painel de Propriedades, e na propriedade “Tipo” altere para “HTML”

12) Clique no botão “Editar”

13) Entre no site do YOUTUBE, escolha o vídeo desejado (no meu caso escolhi um vídeo de acordo com o tema, Ondas gigantes do Havaí).

13a) Clique no botão em Compartilhar

13b) Clique no botão Incorporar

13c) Copie o código e cole na janela do Editar do Fireworks

14) Altere a Largura e Altura de acordo com o tamanho do seu Retângulo.

15) Aperte a tecla F12 para Visualizar no navegador

16) Vamos acrescentar uma Fatia com conteúdo HTML, clique na Ferramenta “Fatia” e desenhe como na figura abaixo.

                                                             

17) Clique no botão “Editar” e digite o código HTML abaixo

18) Tecle F12 visualize no navegador. Pronto, o arquivo final ficou assim:

Agora é só usar a sua criatividade para implementar em seus trabalhos. Espero que tenham gostado e, se gostaram é só curtir e compartilhar e comentar.

Baixe o arquivo Adicionando HTML no Fireworks .

Abraços a todos e até o próximo post 🙂

Próximo