Criar um projeto responsivo

Na guia Novo da tela de boas-vindas do Adobe Captivate, escolha Projeto responsivo e clique em Criar.

O Adobe Captivate cria um projeto responsivo com um slide único.

Em um projeto responsivo no Adobe Captivate, a barra Visualização acima do slide fornece opções para ver rapidamente o projeto em diferentes tamanhos de tela ou dispositivos.

Para visualizar o projeto em dispositivos diferentes, selecione a opção desejada de Visualização na lista suspensa.

O Controle deslizante de visualização no lado direito da barra de Visualização permite que você redimensione o slide atual e visualize dinamicamente o conteúdo.

À medida que você move o controle deslizante para a esquerda ou direita, o conteúdo do slide se ajusta à tela.

Na pasta de arquivos baixada, navegue para a subpasta amostras e abra:

create-responsive-projects.cptx

Com o primeiro slide na Filmstrip selecionado, na barra de ferramentas, clique em Slides e escolha Slide em branco.

Primeiro, vamos adicionar duas Fluid Boxes horizontais ao slide atual. 

Na barra de ferramentas, clique em Fluid Box e escolha Horizontal.

No submenu, escolha a segunda caixa para adicionar duas Fluid Boxes horizontais.

Ao colocar as Fluid Boxes em um slide, as caixas são separadas uniformemente no slide. O controle deslizante entre eles permite redimensionar a caixa.

Mova o controle deslizante para a esquerda para redimensionar as caixas horizontais.

Em seguida, posicione duas Fluid Boxes na caixa horizontal da direita.

Para posicionar o objeto dentro da caixa horizontal da direita, selecione a caixa.

Na barra de ferramentas, clique em Fluid Box e escolha Vertical.

No submenu, escolha a segunda caixa para adicionar duas Fluid Boxes verticais.

Mova o controle deslizante para redimensionar as caixas verticais.

Teste a capacidade de resposta deste slide movendo o Controle deslizante de visualização para a esquerda e para a direita.

Como alternativa, escolha dispositivos diferentes de Visualização na lista suspensa.

Na pasta de arquivos baixada, navegue para a subpasta amostras e abra:

create-responsive-projects-with-fluid.cptx

Navegue para o slide que contém as Fluid Boxes horizontal e vertical.

Para adicionar a legenda na caixa horizontal esquerda, selecione a caixa no slide.

Na barra de ferramentas, clique em Texto e, em seguida, escolha Legenda.

Digite o texto a seguir na caixa da legenda:

LUNARSPHERE STUDIOS

Você pode fazer alterações na formatação do texto usando o Inspetor de propriedades. Para abrir o Inspetor de propriedades, clique em Propriedades no canto direito da barra de ferramentas.

Para adicionar uma legenda na caixa vertical horizontal direita, selecione a caixa no slide.

Na barra de ferramentas,clique em Texto e, em seguida, escolha Legenda.

Copie e cole o seguinte texto na legenda:

Madison e Robert fazem parte da Equipe de aprendizagem na Lunarsphere Studios. Como você, a cada dia eles recebem novos desafios e oportunidades para testar suas habilidades e os limites do que é possível. Hoje, você vai embarcar em uma dessas jornadas desafiadoras, como Madison e Robert, e vai usar o Adobe Captivate pela primeira vez.

Para adicionar uma imagem na caixa vertical direita, selecione a caixa no slide.

Clique em Mídia na barra de ferramentas e, em seguida, escolha Imagem.

É exibida uma caixa de diálogo que lhe permite selecionar o arquivo de imagem no seu computador.

Na pasta de arquivos baixada, navegue para a subpasta ativos.

Escolha arquivo lunasphere- studios-team.png e abra-o.

A imagem é inserida na Fluid Box vertical superior direita.

Observe como as escalas de imagem se ajustam à Fluid Box em que está posicionada.

Teste a capacidade de resposta deste slide movendo o Controle deslizante de visualização para a esquerda e para a direita.

Como alternativa, escolha dispositivos diferentes de Visualização na lista suspensa.

Na pasta de arquivos baixada, navegue para a subpasta amostras e abra:

create-responsive-projects.cptx

Na barra de ferramentas, clique em Slides e escolha Simulação de software.

Na caixa de diálogo Gravar slides adicionais, selecione o slide após o qual você deseja inserir a simulação de software e clique em OK.

A caixa de diálogo fornece opções para gravar a demonstração. Escolha entre as seguintes opções:

• Na lista suspensa, escolha PowerPoint.
• Na lista suspensa Modo, certifique-se de que Modo demonstração esteja selecionado.

Clique em Gravar.

Depois que o contador chegar a 1, o aplicativo do PowerPoint aparece em primeiro plano.

Realize as seguintes etapas no PowerPoint:

1. Selecione o menu Arquivo.
2. Escolha Novo.
3. Escolha um tema.
4. Na caixa de diálogo, clique em Criar.

Para concluir sua simulação:

• No Windows, pressione a tecla End no teclado.
• No MAC, clique no ícone do Adobe Captivate na barra superior.

Ao terminar a simulação, o Adobe Captivate aparece em primeiro plano novamente.

Os slides de Demonstração são inseridos no seu projeto.

Os slides gravados são adicionados ao projeto do Captivate. Observe que há um retângulo azul em cada slide desimulação. O retângulo azul é a área de foco da simulação. É visível somente na área de ediçãoedesaparece quando você visualiza ou publica o projeto. Observe que o tamanho desse retângulo azul é o tamanho mínimo suportado do dispositivo para projetos responsivos do Captivate.

Cada slide de simulação também contém uma caixa delimitadora azul. Essa área do slide é exibida para o dispositivo de tamanho mínimo. Você pode mover essa caixa em torno do slide se desejar exibir uma área diferente da que o Adobe Captivate selecionou por padrão.

Na pasta de arquivos baixada, navegue para a subpasta amostras e abra:

create-responsive-projects.cptx

Na barra de ferramentas, clique em Slides e escolha Slide de pergunta.

Na caixa de diálogo Inserir perguntas, marque a caixa de seleção Verdadeiro/Falsoeclique em OK.

Um slide de pergunta é inserido após o título do slide Resumo.

Além disso, após o slide de pergunta, o Adobe Captivate insere um slide Resultados do quiz.

Ao adicionar um slide de pergunta a um projeto responsivo, o Adobe Captivate coloca todos os objetos da pergunta em Fluid Boxes para garantir a capacidade de resposta:

Observe também as opções de Controle deslizante que permitem verificar rapidamente a capacidade de resposta do slide.

No slide de pergunta, digite a seguinte pergunta na área de texto (substituindo o texto do espaço reservado):

Não é possível criar projetos responsivos com o Adobe Captivate.

Nas opções, selecione Falso.

Na pasta de arquivos baixada, navegue para a subpasta amostras e abra:

non-responsive-project.cptx

Observe que o Controle deslizante que é exibido acima dos slides em um projeto responsivo não será exibido acima dos slides em um projeto não responsivo. Essa é uma pista visual útil para verificar se um projeto é responsivo ou não.

No menu Arquivo, escolha Salvar como responsivo.

Visto que nem todos os objetos do Adobe Captivate são suportados em projetos responsivos, a seguinte caixa de diálogo é exibida:

Clique em Mostrar itens não compatíveis.

O painel Controlador HTML5 exibe a lista de objetos e slides não compatíveis.

Clique para abrir o objeto não compatível no painel.

Você é levado até o slide que contém o objeto. Além disso, o objeto é selecionado no slide.

Por exemplo, se um usuário visualizar a saída em dispositivos móveis, seu projeto não deve incluir objetos de rolagem.

Exclua a legenda de rolagem selecionada do slide.

Observe que o objeto não é exibido no painel Controlador HTML5.

Depois de ter removido os objetos não compatíveis, escolha Salvar como responsivo no menu Arquivo.

Na caixa de diálogo, clique em Salvar.

Na caixa de diálogo Salvar como, escolha um local do arquivo em seu computador e o nome de arquivo para o design responsivo convertido recentemente.

Observe que o Controle deslizante agora é exibido acima dos slides em um projeto convertido.