Cascading Style Sheets ( CSS ) est une forme avancée de codage de pages Web HTML qui permet d'accroître la conception et les options de formatage . Au lieu d'appliquer des extraits individuels de code HTML pour chaque bloc de texte ou à l'article sur la page, CSS vous permet de définir des règles de " style" et des classes, semblables à des ensembles de style dans le traitement de texte et la page logiciel de mise en page. Vous pouvez ensuite appliquer des styles à des éléments sur vos pages --- faire un formatage rapide et plus facile , ainsi que d'assurer l'uniformité dans toute la page ou un site Web entier . Intégré dans la fonction CSS de Dreamweaver semble compliqué au premier abord, mais pas après que vous avez essayé à quelques reprises. Choses que vous devez
Adobe Dreamweaver CS1 ou tard
Afficher plus Instructions
L'utilisation de CSS dans Dreamweaver
1

Ouvrez un nouveau document HTML Dreamweaver ou ouvrir un document existant où vous voulez créer des règles CSS.
2

Allez dans le panneau Propriétés et cliquez sur le bouton " CSS" situé sur le côté gauche du panneau . Cela met Dreamweaver en mode CSS.
3

Cliquez sur la «règle ciblée " déroulant dans le panneau Propriétés et choisissez " " .
4

Cliquez sur le bouton " Modifier la règle " dans le panneau Propriétés. Cela ouvre la boîte de dialogue Règle CSS New où vous nommez votre nouvelle règle de style et de définir son comportement.
5

Cliquez sur le "Type Sélection" déroulante. Il ya quatre options de cette goutte à goutte , qui ont des noms descriptifs expliquant ce qu'ils font. Par exemple, "Classe ( peut s'appliquer à n'importe quel élément HTML ) " vous permet de créer une classe de style que vous pouvez appliquer à n'importe quel texte dans le document. "Composé ( en fonction de votre choix ) " vous permet de créer une classe de style basé sur le texte sélectionné avant de cliquer sur «Modifier la règle . "
6

Cliquez dans le champ " Nom du sélecteur " et tapez le nom de votre section. Selon le type de sélection que vous avez choisi à l'étape précédente , certains types de règles de style exigent les conventions de nommage spécifiques. Par exemple, "Classe ( peut s'appliquer à n'importe quel élément HTML ) " exige que le nom du style démarre avec un point (. ) . Donc, si vous définissez un style de titre , par exemple , vous pouvez nommer le titre de premier niveau " . H1. " Vous pouvez nommer le corps du texte . " Corps " . Dreamweaver vous demandera si votre convention de nommage est faux, et de vous fournir une explication sur la façon de nommer le style .
7

Cliquez sur la " Définition d'une règle " déroulant et choisissez comment vous voulez que Dreamweaver appliquer le style . Il ya deux options: " Ce document ne " crée les balises de style dans l' en-tête HTML de la page courante . Les styles sont disponibles que pour cette page. "(New fichier feuille de style ) " crée un fichier CSS externe ( . Css ) .

La puissance de CSS est que vous pouvez formater plusieurs pages --- un site entier --- basé sur le même ensemble de règles CSS . Ce résultat est obtenu avec les fichiers CSS externes. Si vous choisissez "(New fichier feuille de style ) , " lorsque vous cliquez sur "OK" dans cette boîte de dialogue , Dreamweaver vous invite à nommer le fichier CSS. Si vous utilisez un seul fichier CSS pour l'ensemble du site , la convention de dénomination standard est « styles.css . " Cependant, un site peut avoir plusieurs feuilles de style --- un des en-têtes , pieds de page, un autre pour les barres latérales . Donnez à vos fichiers CSS des noms significatifs .

Après avoir créé votre premier fichier CSS externe , la prochaine fois que vous ouvrez une nouvelle règle CSS, le fichier s'affiche dans la définition de règle déroulante. Lorsque vous créez un autre style, assurez-vous que vous ajoutez dans le fichier CSS externe approprié .
8

Cliquez sur "OK" pour afficher le " Définition des règles CSS pour ... " boîte de dialogue . C'est là que vous formatez votre style , tels que la police , la taille , le style (gras, italique ) , la couleur . Les options sont nombreuses ici , permettant la mise en forme assez complexe , y compris les zones de texte , d'origines et de nombreux autres choix de mise en forme . Définir la mise en forme souhaitée pour ce style, puis cliquez sur "OK".
9

répéter ce processus pour créer des règles de style supplémentaires . Pour appliquer un style à un bloc de texte , cliquez simplement dans le paragraphe, puis choisissez le style désiré à partir de la «règle ciblée " déroulant dans le panneau Propriétés.
< Br >