Css modification de mise en page Adobe CS5 Dreamweaver

Abode Creative Suite 5 (CS5 Adobe) Dreamweaver offre de multiples façons de modifier une page de Cascading Style Sheets mise en page. Une mise en page CSS est totalement contrôlé par les règles de feuille de style, de sorte que vous pouvez modifier l'apparence et la sensation de la page directement depuis le panneau Styles CSS et l'inspecteur des propriétés.

Chaque colonne, boîte, et de l'espace sur votre nouvelle page est positionné et dimensionné en utilisant des règles et des propriétés CSS, tout ce dont vous pouvez régler à partir de l'Inspecteur des propriétés (sur le panneau Styles CSS) ou le panneau de Définition des règles CSS.

  1. Si le panneau Styles CSS est pas déjà ouvert, choisissez Fenêtre-styles CSS pour l'ouvrir.

  2. Sélectionnez l'onglet Tout pour afficher la feuille de style et de ses règles.

    La feuille de style interne est indiqué par au sommet. Cliquez sur la flèche à sa gauche pour le développer et de montrer toutes les règles qu'il contient. Mises en utilisant une feuille de style ci-joint (externe) affiche le nom de la feuille de style (comme styles.css) au lieu de la tag.

  3. Sélectionnez le corps régner.

    Ce style basée sur les balises contrôle la mise en forme générale de la page entière (tout à l'intérieur du tag).

  4. Cliquez sur le champ à côté de la règle de fond à it- modifier plutôt que de garder le # 4E5869 (gris moyen) mise, tapez une couleur hexadécimal (comme # CC0000 pour le rouge) pour changer la couleur de fond de la page.

  5. Cliquez sur l'échantillon à côté de la règle de couleur pour ouvrir Nuancier panel- choisir une nouvelle couleur de type par défaut pour le texte sur votre page.

  6. Au sommet du panneau Styles CSS, sélectionnez un autre style (par exemple, le .style #container twoColElstHdr) Pour afficher ses propriétés.

    La .twoColHybLtHdr #style ID de conteneur contrôle la taille et l'aspect du récipient principal de mise en page sur la page.

  7. Dans l'inspecteur des propriétés, modifier 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 numéro dans la zone de texte Largeur règle. Si vous entrez 95%, par exemple, vous faites toute la mise en page plus large.

Chaque colonne et chaque section qui comprend la mise en page est contrôlée par l'un des styles d'identité figurant dans le panneau Styles CSS. La plupart de chaque style de ID dispose d'une largeur de propriété, vous pouvez utiliser pour modifier la taille des différentes zones sur la page.

Continuer à modifier différents styles répertoriés dans le panneau Styles CSS et voir comment ils affectent différents éléments sur votre page. Essayez de changer la couleur de type, famille de police, et d'autres propriétés, telles que le rembourrage et couleur de fond.

Pour comprendre exactement où les contrôles d'identité qui colonne ou section, cliquez dans la zone de la page et de regarder le sélecteur de balises au bas de la fenêtre de document. Le dernier

tag à la fin de la chaîne, vous qui vous êtes dans conteneur et son ID correspondant dans le panneau Styles CSS (par exemple le montre, ).


» » » » Css modification de mise en page Adobe CS5 Dreamweaver