Visão Geral

Explore como criar projetos responsivos que se adaptam a qualquer tamanho de tela, seja ela de celular, tablet ou desktop.

Neste Curso Creating Responsive Projects With Captivate, você aprenderá a criar projetos responsivos que se adaptam a qualquer tamanho de tela, seja ela de celular, tablet ou desktop. Com o aprendizado móvel se tornando cada vez mais popular, é importante entender como adaptar seus projetos a esse novo ambiente.

Você começará explorando a interface responsiva do Captivate. A seguir, você examinará o ambiente HTML5, seus benefícios e limitações e, em seguida, criará pontos de interrupção personalizados e adaptará o conteúdo do projeto para acomodar esses pontos de interrupção. Além disso, você aprenderá como controlar temas, estilos e conteúdo para vários tamanhos de tela. Descubra os benefícios de usar o posicionamento inteligente de conteúdo ao criar projetos para vários tamanhos de tela e explore como modificar o conteúdo não responsivo para se adaptar a um design responsivo. Por fim, você aprenderá como aproveitar as ferramentas para testar projetos responsivos.

Pre-Requisitos

• Fundamentos do Captivate - Uma introdução ao Captivate

Materiais

Conteúdo Programatico

WORKING WITH RESPONSIVE PROJECTS

1. What is a responsive project?
2. Responsive design overview
3. HTML5 vs SWF Formats

HTML5 INCOMPATIBILITY

1. HTML5 limitations
2. HTML5 compatibility issues
3. Replacing incompatible content
4. The HTML5 Tracker

SIZING A RESPONSIVE PROJECT

1. Viewport sizes and screen sizes
2. What is a breakpoint?
3. Customize breakpoints
4. Planning for breakpoints
5. Managing breakpoint layouts

ADJUSTING STYLES FOR RESPONSIVE PROJECTS

1. Applying a responsive theme
2. Customize theme colors
3. Using master slides in responsive projects
4. Ensuring text compatibility
5. Creating responsive text
6. Formatting text for different screen sizes
7. Using pixel and percent positioning
8. Use the Position Inspector
9. Setting Relative Positioning

Creating Responsive Designs

1. Responsive project workflow
2. Adding content in a responsive project
3. Understanding the view hierarchy
4. Excluding content from views

POSITIONING OBJECTS IN A RESPONSIVE PROJECT

1. Sizing and positioning content in a responsive project
2. Controlling objects
3. What is smart positioning?
4. Using smart positioning
5. Smart positioning to other objects
6. Linking objects

WORKING WITH RESPONSIVE CONTENT

1. Making images responsive
2. Adding video

REPLACING NON-RESPONSIVE CONTENT

1. What content should be replaced?
2. Replacing content for responsive designs
3. Converting to responsive content
4. Advanced action replacements
5. Working with shared actions

RESPONSIVE QUIZZES AND SIMULATIONS

1. Creating responsive quizzes
2. Responsive simulations

TESTING A RESPONSIVE PROJECT

1. HTML5 Tracker
2. Previewing a responsive project
3. Previewing methods
4. Previewing and testing tools
5. Testing in a browser
6. Testing with Adobe Edge Inspect