Création de dispositions CSS
Vous pouvez créer des dispositions CSS dans un document Fireworks, puis les convertir en pages HTML via des règles CSS répliquant vos dispositions. Les dispositions CSS fournissent une méthode normalisée et offrent un code compatible avec différents navigateurs.
Pour visionner un didacticiel vidéo sur la création de dispositions de page HTML CSS, accédez à www.adobe.com/go/lrvid4035_fw_fr.
Règles des dispositions CSS
Quelques règles doivent être observées pendant la création des dispositions CSS pour obtenir les résultats souhaités.
- Règle 1 : utilisez les rectangles pour exporter du texte et les tranches pour exporter des images
- Le moteur d’exportation exporte le texte placé dans les rectangles. Comme seules les images qui sont recouvertes par des tranches rectangulaires sont exportées, placez des tranches sur les images à exporter. Ces tranches indiquent au moteur d’exportation l’emplacement de ces images.
- Règle 2 : évitez la superposition des objets
- Le moteur d’exportation traite le texte, les images et les rectangles comme des blocs rectangulaires. Il examine la taille et la position de ces objets pour déterminer les lignes et les colonnes logiques dans lesquelles les placer dans la disposition. Positionnez avec soin les objets en veillant à ce que les limites ne se superposent pas.
- Règle 3 : planifiez la disposition des lignes et des colonnes
- Le moteur d’exportation recherche les partitions logiques où une délimitation nette peut être placée entre les objets et les groupes d’objets. Délimitez les dispositions des colonnes dans un rectangle pour empêcher le moteur d’exportation d’insérer une ligne logique qui viendrait rompre la disposition des colonnes.
- Règle 4 : traitez le document en deux dimensions
- Lorsque vous créez votre page, utilisez des rectangles pour encadrer les objets que vous souhaitez traiter comme les enfants du rectangle. Le moteur d’exportation détecte ces relations parent-enfant. Il analyse les éléments enfants des lignes et des colonnes logiques comme dans la règle 3.
En plus de ces règles, vous devez faire attention aux points suivants :
Le moteur d’exportation n’exporte que des rectangles primitifs. Pour exporter les angles arrondis des rectangles, recouvrez-les avec des tranches rectangulaires.
Pour exporter les contours des rectangles, recouvrez-les avec des tranches rectangulaires.
Pour exporter les symboles, recouvrez-les avec une tranche rectangulaire.
Pour exporter les filtres que vous avez appliqués au texte ou aux rectangles, recouvrez-les avec des tranches rectangulaires.
Création d’une démonstration du document
Vous pouvez créer une démonstration du document Fireworks sur lequel vous travaillez. La démonstration s’ouvre dans un navigateur afin de présenter les caractéristiques et vous permet de naviguer dans les pages.
Sélectionnez Commandes > Démonstration - Document actif.
Sélectionnez les pages pour lesquelles vous voulez créer une démonstration, puis cliquez sur l’option de création d’une démonstration.
Sélectionnez le dossier, puis cliquez sur Ouvrir.
PDF (adobe.com)
