RELATIVES • Fonts : Dimensions en em • Fluid Grids : Disposition et taille des éléments en % • Flexible images (and media) : Taille des médias en % • Autres considérations – Adaptatif avec grilles fixes2 commentaire • Appliqué au style des divs : width, margin, padding, background-position, ... Responsive Images • Nouveautés de HTML 5 – Eléments , – Attributs srcset et sizes • Besoins9 formats de fichiers • Différences11 entre et srcset • Exemple12 en français Flexible images • Eviter qu’une image ne déborde de son conteneur – La réduire img, embed, object, video{
1.9 Découper un diagramme Le mot clé newpage est utilisé pour découper un digramme en plusieurs images. Vous pouvez mettre un titre pour la nouvelle page juste après le mot clé newpage. Ceci est très 2.9 Découper les diagrames Le mot-clé newpage est utilisé pour découper un diagrame en plusieurs images. @startuml :actor1: --> (Usecase1) newpage :actor2: --> (Usecase2) @enduml 2.10 De droite à gauche diagrammes 3 DIAGRAMME DE CLASSES 3.27 Découper les grands diagrammes Parfois, vous obtiendrez des images de taille importante. Vous pouvez utiliser la commande page (hpages)x(vpages) pour découper l'image
1.9 Découper un diagramme Le mot clé newpage est utilisé pour découper un digramme en plusieurs images. Vous pouvez mettre un titre pour la nouvelle page juste après le mot clé newpage. Ceci est très 2.9 Découper les diagrames Le mot-clé newpage est utilisé pour découper un diagrame en plusieurs images. @startuml :actor1: --> (Usecase1) newpage :actor2: --> (Usecase2) @enduml 2.10 De droite à gauche diagrammes 3 DIAGRAMME DE CLASSES 3.27 Découper les grands diagrammes Parfois, vous obtiendrez des images de taille importante. Vous pouvez utiliser la commande page (hpages)x(vpages) pour découper l'image
1.9 Découper un diagramme Le mot clé newpage est utilisé pour découper un digramme en plusieurs images. Vous pouvez mettre un titre pour la nouvelle page juste après le mot clé newpage. Ceci est très 2.9 Découper les diagrames Le mot-clé newpage est utilisé pour découper un diagrame en plusieurs images. @startuml :actor1: --> (Usecase1) newpage :actor2: --> (Usecase2) @enduml 2.10 De droite à gauche diagrammes 3 DIAGRAMME DE CLASSES 3.27 Découper les grands diagrammes Parfois, vous obtiendrez des images de taille importante. Vous pouvez utiliser la commande page (hpages)x(vpages) pour découper l'image
1.9 Découper un diagramme Le mot clé newpage est utilisé pour découper un digramme en plusieurs images. Vous pouvez mettre un titre pour la nouvelle page juste après le mot clé newpage. Ceci est très 2.9 Découper les diagrames Le mot-clé newpage est utilisé pour découper un diagrame en plusieurs images. @startuml :actor1: --> (Usecase1) newpage :actor2: --> (Usecase2) @enduml 2.10 De droite à gauche diagrammes 3 DIAGRAMME DE CLASSES 3.27 Découper les grands diagrammes Parfois, vous obtiendrez des images de taille importante. Vous pouvez utiliser la commande page (hpages)x(vpages) pour découper l'image
1.9 Découper un diagramme Le mot clé newpage est utilisé pour découper un digramme en plusieurs images. Vous pouvez mettre un titre pour la nouvelle page juste après le mot clé newpage. Ceci est très 2.9 Découper les diagrames Le mot-clé newpage est utilisé pour découper un diagrame en plusieurs images. @startuml :actor1: --> (Usecase1) newpage :actor2: --> (Usecase2) @enduml 2.10 De droite à gauche diagrammes 3 DIAGRAMME DE CLASSES 3.27 Découper les grands diagrammes Parfois, vous obtiendrez des images de taille importante. Vous pouvez utiliser la commande page (hpages)x(vpages) pour découper l'image
1.9 Découper un diagramme Le mot clé newpage est utilisé pour découper un digramme en plusieurs images. Vous pouvez mettre un titre pour la nouvelle page juste après le mot clé newpage. Ceci est très 2.9 Découper les diagrames Le mot-clé newpage est utilisé pour découper un diagrame en plusieurs images. @startuml :actor1: --> (Usecase1) newpage :actor2: --> (Usecase2) @enduml 2.10 De droite à gauche diagrammes 3 DIAGRAMME DE CLASSES 3.27 Découper les grands diagrammes Parfois, vous obtiendrez des images de taille importante. Vous pouvez utiliser la commande page (hpages)x(vpages) pour découper l'image
1.10 Découper un diagramme Le mot clé newpage est utilisé pour découper un digramme en plusieurs images. Vous pouvez mettre un titre pour la nouvelle page juste après le mot clé newpage. Ceci est très 11 Découper les diagrames Le mot-clé newpage est utilisé pour découper un diagrame en plusieurs images. @startuml :actor1: --> (Usecase1) newpage :actor2: --> (Usecase2) @enduml 2.12 De droite à gauche DIAGRAMME DE CLASSES @enduml 3.29 Découper les grands diagrammes Parfois, vous obtiendrez des images de taille importante. Vous pouvez utiliser la commande page (hpages)x(vpages) pour découper l'image
1.10 Découper un diagramme Le mot clé newpage est utilisé pour découper un digramme en plusieurs images. Vous pouvez mettre un titre pour la nouvelle page juste après le mot clé newpage. Ceci est très 11 Découper les diagrames Le mot-clé newpage est utilisé pour découper un diagrame en plusieurs images. @startuml :actor1: --> (Usecase1) newpage :actor2: --> (Usecase2) @enduml 2.12 De droite à gauche DIAGRAMME DE CLASSES @enduml 3.30 Découper les grands diagrammes Parfois, vous obtiendrez des images de taille importante. Vous pouvez utiliser la commande page (hpages)x(vpages) pour découper l'image