Imprimir este capítuloImprimir este capítulo

Exemplo " Livro" - modelo para iniciantes

3. Trabalhando com textos e imagens

3.1. Exemplos de posicionamento de imagens

Imagem P

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed condimentum eros. Curabitur consequat dignissim nunc. Aenean a scelerisque est. Sed blandit auctor tincidunt. Fusce pellentesque iaculis congue. Vestibulum faucibus augue sit amet lectus mollis, vitae vehicula tellus venenatis. Morbi congue erat lacus, nec mollis dolor pretium a. Curabitur nisi tellus, dictum eu justo eu, gravida accumsan arcu. Cras posuere sed massa eu feugiat.

Imagem de uma pessoa de braços abertos olhando por uma grande abertura entre pedras para o por do sol

Legenda: Exemplo de foto P

Fonte: Foto do dia GoPro - Nicolas Lavilla Calahorra

Donec arcu quam, lobortis non felis vitae, vehicula aliquet nisi. Sed turpis odio, tempor ac imperdiet eu, porta vitae arcu. Sed iaculis vitae magna sit amet ultricies. Donec porta vitae neque vel eleifend. In id feugiat enim. Duis molestie egestas lorem, eget ultricies tortor. Sed interdum dapibus lectus. Nam non purus tempor leo porta faucibus.

 

Imagem M

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed condimentum eros. Curabitur consequat dignissim nunc. Aenean a scelerisque est. Sed blandit auctor tincidunt. Fusce pellentesque iaculis congue. Vestibulum faucibus augue sit amet lectus mollis, vitae vehicula tellus venenatis. Morbi congue erat lacus, nec mollis dolor pretium a. Curabitur nisi tellus, dictum eu justo eu, gravida accumsan arcu. Cras posuere sed massa eu feugiat.

Legenda: Exemplo de foto M

Fonte: Foto do dia GoPro - Nicolas Lavilla Calahorra

Donec arcu quam, lobortis non felis vitae, vehicula aliquet nisi. Sed turpis odio, tempor ac imperdiet eu, porta vitae arcu. Sed iaculis vitae magna sit amet ultricies. Donec porta vitae neque vel eleifend. In id feugiat enim. Duis molestie egestas lorem, eget ultricies tortor. Sed interdum dapibus lectus. Nam non purus tempor leo porta faucibus.

Imagem G

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed condimentum eros. Curabitur consequat dignissim nunc. Aenean a scelerisque est. Sed blandit auctor tincidunt. Fusce pellentesque iaculis congue. Vestibulum faucibus augue sit amet lectus mollis, vitae vehicula tellus venenatis. Morbi congue erat lacus, nec mollis dolor pretium a. Curabitur nisi tellus, dictum eu justo eu, gravida accumsan arcu. Cras posuere sed massa eu feugiat.

Legenda: Exemplo de foto G

Fonte: Foto do dia GoPro - Nicolas Lavilla Calahorra

Donec arcu quam, lobortis non felis vitae, vehicula aliquet nisi. Sed turpis odio, tempor ac imperdiet eu, porta vitae arcu. Sed iaculis vitae magna sit amet ultricies. Donec porta vitae neque vel eleifend. In id feugiat enim. Duis molestie egestas lorem, eget ultricies tortor. Sed interdum dapibus lectus. Nam non purus tempor leo porta faucibus.

Imagem GG

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed condimentum eros. Curabitur consequat dignissim nunc. Aenean a scelerisque est. Sed blandit auctor tincidunt. Fusce pellentesque iaculis congue. Vestibulum faucibus augue sit amet lectus mollis, vitae vehicula tellus venenatis. Morbi congue erat lacus, nec mollis dolor pretium a. Curabitur nisi tellus, dictum eu justo eu, gravida accumsan arcu. Cras posuere sed massa eu feugiat.

Legenda: Exemplo de foto GG

Fonte: Foto do dia GoPro - Nicolas Lavilla Calahorra

Donec arcu quam, lobortis non felis vitae, vehicula aliquet nisi. Sed turpis odio, tempor ac imperdiet eu, porta vitae arcu. Sed iaculis vitae magna sit amet ultricies. Donec porta vitae neque vel eleifend. In id feugiat enim. Duis molestie egestas lorem, eget ultricies tortor. Sed interdum dapibus lectus. Nam non purus tempor leo porta faucibus.

Imagem à direita P

Legenda: Exemplo de foto à direta P

Fonte: Foto do dia GoPro - Nicolas Lavilla Calahorra

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed condimentum eros. Curabitur consequat dignissim nunc. Aenean a scelerisque est. Sed blandit auctor tincidunt. Fusce pellentesque iaculis congue. Vestibulum faucibus augue sit amet lectus mollis, vitae vehicula tellus venenatis. Morbi congue erat lacus, nec mollis dolor pretium a. Curabitur nisi tellus, dictum eu justo eu, gravida accumsan arcu. Cras posuere sed massa eu feugiat.

Donec arcu quam, lobortis non felis vitae, vehicula aliquet nisi. Sed turpis odio, tempor ac imperdiet eu, porta vitae arcu. Sed iaculis vitae magna sit amet ultricies. Donec porta vitae neque vel eleifend. In id feugiat enim. Duis molestie egestas lorem, eget ultricies tortor. Sed interdum dapibus lectus. Nam non purus tempor leo porta faucibus.

Nunc sit amet commodo dolor, efficitur cursus felis. Fusce interdum condimentum lorem, tincidunt efficitur turpis sodales ut. Pellentesque lobortis lectus ac lorem ultrices condimentum. Nunc lobortis a elit nec vestibulum. Nam et magna ante. Etiam enim dui, sagittis ac lectus id, pellentesque condimentum quam. Maecenas nec euismod ligula. Aliquam eget metus mollis tellus vulputate bibendum vel et dolor. Cras feugiat, ligula eu tempus imperdiet, libero metus fermentum arcu, sit amet placerat odio nulla ut ante. Integer imperdiet venenatis sapien, et lobortis nibh sollicitudin quis. Suspendisse potenti. Integer nibh nulla, feugiat sed sem a, gravida volutpat massa.

Imagem à direita M

Legenda: Exemplo de foto à direta M

Fonte: Foto do dia GoPro - Nicolas Lavilla Calahorra

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed condimentum eros. Curabitur consequat dignissim nunc. Aenean a scelerisque est. Sed blandit auctor tincidunt. Fusce pellentesque iaculis congue. Vestibulum faucibus augue sit amet lectus mollis, vitae vehicula tellus venenatis. Morbi congue erat lacus, nec mollis dolor pretium a. Curabitur nisi tellus, dictum eu justo eu, gravida accumsan arcu. Cras posuere sed massa eu feugiat.

Donec arcu quam, lobortis non felis vitae, vehicula aliquet nisi. Sed turpis odio, tempor ac imperdiet eu, porta vitae arcu. Sed iaculis vitae magna sit amet ultricies. Donec porta vitae neque vel eleifend. In id feugiat enim. Duis molestie egestas lorem, eget ultricies tortor. Sed interdum dapibus lectus. Nam non purus tempor leo porta faucibus.

Nunc sit amet commodo dolor, efficitur cursus felis. Fusce interdum condimentum lorem, tincidunt efficitur turpis sodales ut. Pellentesque lobortis lectus ac lorem ultrices condimentum. Nunc lobortis a elit nec vestibulum. Nam et magna ante. Etiam enim dui, sagittis ac lectus id, pellentesque condimentum quam. Maecenas nec euismod ligula. Aliquam eget metus mollis tellus vulputate bibendum vel et dolor. Cras feugiat, ligula eu tempus imperdiet, libero metus fermentum arcu, sit amet placerat odio nulla ut ante. Integer imperdiet venenatis sapien, et lobortis nibh sollicitudin quis. Suspendisse potenti. Integer nibh nulla, feugiat sed sem a, gravida volutpat massa.

Imagem à esquerda P

Legenda: Exemplo de foto à esquerda P

Fonte: Foto do dia GoPro - Nicolas Lavilla Calahorra

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed condimentum eros. Curabitur consequat dignissim nunc. Aenean a scelerisque est. Sed blandit auctor tincidunt. Fusce pellentesque iaculis congue. Vestibulum faucibus augue sit amet lectus mollis, vitae vehicula tellus venenatis. Morbi congue erat lacus, nec mollis dolor pretium a. Curabitur nisi tellus, dictum eu justo eu, gravida accumsan arcu. Cras posuere sed massa eu feugiat.

Donec arcu quam, lobortis non felis vitae, vehicula aliquet nisi. Sed turpis odio, tempor ac imperdiet eu, porta vitae arcu. Sed iaculis vitae magna sit amet ultricies. Donec porta vitae neque vel eleifend. In id feugiat enim. Duis molestie egestas lorem, eget ultricies tortor. Sed interdum dapibus lectus. Nam non purus tempor leo porta faucibus.

Nunc sit amet commodo dolor, efficitur cursus felis. Fusce interdum condimentum lorem, tincidunt efficitur turpis sodales ut. Pellentesque lobortis lectus ac lorem ultrices condimentum. Nunc lobortis a elit nec vestibulum. Nam et magna ante. Etiam enim dui, sagittis ac lectus id, pellentesque condimentum quam. Maecenas nec euismod ligula. Aliquam eget metus mollis tellus vulputate bibendum vel et dolor. Cras feugiat, ligula eu tempus imperdiet, libero metus fermentum arcu, sit amet placerat odio nulla ut ante. Integer imperdiet venenatis sapien, et lobortis nibh sollicitudin quis. Suspendisse potenti. Integer nibh nulla, feugiat sed sem a, gravida volutpat massa.

Imagem à esquerda M

Legenda: Exemplo de foto à esquerda M

Fonte: Foto do dia GoPro - Nicolas Lavilla Calahorra

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed condimentum eros. Curabitur consequat dignissim nunc. Aenean a scelerisque est. Sed blandit auctor tincidunt. Fusce pellentesque iaculis congue. Vestibulum faucibus augue sit amet lectus mollis, vitae vehicula tellus venenatis. Morbi congue erat lacus, nec mollis dolor pretium a. Curabitur nisi tellus, dictum eu justo eu, gravida accumsan arcu. Cras posuere sed massa eu feugiat.

Donec arcu quam, lobortis non felis vitae, vehicula aliquet nisi. Sed turpis odio, tempor ac imperdiet eu, porta vitae arcu. Sed iaculis vitae magna sit amet ultricies. Donec porta vitae neque vel eleifend. In id feugiat enim. Duis molestie egestas lorem, eget ultricies tortor. Sed interdum dapibus lectus. Nam non purus tempor leo porta faucibus.

Nunc sit amet commodo dolor, efficitur cursus felis. Fusce interdum condimentum lorem, tincidunt efficitur turpis sodales ut. Pellentesque lobortis lectus ac lorem ultrices condimentum. Nunc lobortis a elit nec vestibulum. Nam et magna ante. Etiam enim dui, sagittis ac lectus id, pellentesque condimentum quam. Maecenas nec euismod ligula. Aliquam eget metus mollis tellus vulputate bibendum vel et dolor. Cras feugiat, ligula eu tempus imperdiet, libero metus fermentum arcu, sit amet placerat odio nulla ut ante. Integer imperdiet venenatis sapien, et lobortis nibh sollicitudin quis. Suspendisse potenti. Integer nibh nulla, feugiat sed sem a, gravida volutpat massa.

Imagem com título sobreposto

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed condimentum eros. Curabitur consequat dignissim nunc. Aenean a scelerisque est. Sed blandit auctor tincidunt. Fusce pellentesque iaculis congue. Vestibulum faucibus augue sit amet lectus mollis, vitae vehicula tellus venenatis. Morbi congue erat lacus, nec mollis dolor pretium a. Curabitur nisi tellus, dictum eu justo eu, gravida accumsan arcu. Cras posuere sed massa eu feugiat.

Título bacana

 

Donec arcu quam, lobortis non felis vitae, vehicula aliquet nisi. Sed turpis odio, tempor ac imperdiet eu, porta vitae arcu. Sed iaculis vitae magna sit amet ultricies. Donec porta vitae neque vel eleifend. In id feugiat enim. Duis molestie egestas lorem, eget ultricies tortor. Sed interdum dapibus lectus. Nam non purus tempor leo porta faucibus.

Nunc sit amet commodo dolor, efficitur cursus felis. Fusce interdum condimentum lorem, tincidunt efficitur turpis sodales ut. Pellentesque lobortis lectus ac lorem ultrices condimentum. Nunc lobortis a elit nec vestibulum. Nam et magna ante. Etiam enim dui, sagittis ac lectus id, pellentesque condimentum quam. Maecenas nec euismod ligula. Aliquam eget metus mollis tellus vulputate bibendum vel et dolor. Cras feugiat, ligula eu tempus imperdiet, libero metus fermentum arcu, sit amet placerat odio nulla ut ante. Integer imperdiet venenatis sapien, et lobortis nibh sollicitudin quis. Suspendisse potenti. Integer nibh nulla, feugiat sed sem a, gravida volutpat massa.