Vidéo: Adobe Dreamweaver tutoriel 15 2e Partie : comportements Javascript 2024
Abode Creative Suite 5 (Adobe CS5) Dreamweaver fournit plusieurs façons de modifier une mise en page de feuilles de style en cascade. Une mise en page CSS est entièrement contrôlée par des règles de feuille de style, de sorte que vous pouvez modifier l'aspect et la convivialité de la page directement à partir du panneau Styles CSS et de l'inspecteur des propriétés.
Chaque colonne, boîte et espace de votre nouvelle page est positionné et dimensionné à l'aide des règles et propriétés CSS, que vous pouvez ajuster à partir de l'inspecteur des propriétés (dans le panneau Styles CSS) ou du panneau Définition de règle CSS.
-
Si le panneau Styles CSS n'est pas déjà ouvert, choisissez Fenêtre → Styles CSS pour l'ouvrir.
-
Sélectionnez l'onglet Tous pour afficher la feuille de style et ses règles.
La feuille de style interne est affichée en haut. Cliquez sur la flèche à sa gauche pour l'agrandir et afficher toutes les règles qu'il contient. Les mises en page utilisant une feuille de style attachée (externe) affichent le nom de la feuille de style (par exemple, styles.css) au lieu de la balise.
-
Sélectionnez la règle de corps.
Ce style basé sur les balises contrôle la mise en forme générale de la page entière (tout ce qui se trouve dans la balise).
-
Cliquez sur le champ en regard de la règle d'arrière-plan pour l'éditer. plutôt que de conserver le réglage # 4E5869 (gris moyen), tapez une couleur hexadécimale (telle que # CC0000 pour rouge) pour modifier la couleur de fond de la page.
-
Cliquez sur l'échantillon à côté de la règle de couleur pour ouvrir le panneau Nuancier. choisissez une nouvelle couleur de type par défaut pour le texte sur votre page.
-
En haut du panneau Styles CSS, sélectionnez un autre style (par exemple, le style.coulElstHdr #container.) Pour afficher ses propriétés.
Le. Le style d'ID twoColHybLtHdr #container contrôle la taille et l'apparence du conteneur de disposition principal sur la page.
-
Dans l'inspecteur des propriétés, modifiez les propriétés pour modifier l'apparence du style.
Par exemple, vous pouvez modifier la largeur de la règle en entrant un nouveau nombre dans la zone de texte Règle de largeur. Si vous entrez 95% , par exemple, vous agrandissez l'ensemble de la mise en page.
Chaque colonne et section qui comprend votre mise en page est contrôlée par l'un des styles d'ID répertoriés dans le panneau Styles CSS. La plupart des styles d'ID possèdent une propriété width que vous pouvez utiliser pour modifier la taille des différentes zones de la page.
Continuez à modifier les différents styles répertoriés dans le panneau Styles CSS et découvrez leur impact sur différents éléments de votre page. Essayez de modifier la couleur du type, la famille de polices et d'autres propriétés, telles que le remplissage et la couleur d'arrière-plan.
Pour savoir exactement quel ID contrôle quelle colonne ou section, cliquez dans la zone de la page et regardez le sélecteur de balises en bas de la fenêtre de document.La dernière étiquette à la fin de la chaîne vous indique le conteneur dans lequel vous vous trouvez et son ID correspondant dans le panneau Styles CSS (par exemple,).
