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 🙂