Accueil Médias sociaux Création d'un nouveau style de tag dans Adobe Dreamweaver CS6 - Création de style de tag

Création d'un nouveau style de tag dans Adobe Dreamweaver CS6 - Création de style de tag

Vidéo: [TUTO] CRÉER UN TEMPLATE WEB DESIGN AVEC PHOTOSHOP 1/2 2025

Vidéo: [TUTO] CRÉER UN TEMPLATE WEB DESIGN AVEC PHOTOSHOP 1/2 2025
Anonim

Créer un style de balise (ou sélecteur de type ) dans Adobe Dreamweaver CS6 est un moyen simple et sûr pour les nouveaux utilisateurs de comprendre les CSS cible les balises HTML existantes, telles que P, H1 et H2.

En utilisant les balises existantes sur votre page, vous pouvez choisir d'appliquer une mise en forme automatique à l'endroit où certaines balises HTML sont utilisées. Par exemple, vous pouvez faire en sorte que le texte contenu dans une balise

(Titre 1) soit automatiquement mis en gras, 36 pixels et rouge.

Pour créer un style de tag avec l'inspecteur des propriétés, procédez comme suit:

  1. Ouvrez une page HTML contenant du texte.

  2. Dans l'inspecteur des propriétés, cliquez sur le bouton HTML situé à gauche du panneau pour afficher l'inspecteur des propriétés en mode HTML.

  3. Sélectionnez une ligne de texte et mettez-la en gras en cliquant sur le bouton B situé dans l'inspecteur des propriétés.

  4. Passez en mode CSS de l'inspecteur des propriétés en cliquant sur le bouton CSS situé à l'extrême gauche du panneau.

    Le but étant d'assigner des informations de style définitives à l'étiquette qui plie le texte, tout texte en gras sur la page apparaît également en rouge.

  5. Laissez le texte en gras sélectionné et, dans l'inspecteur des propriétés, sélectionnez dans la liste déroulante Règle ciblée.

  6. Le texte étant toujours sélectionné, utilisez le sélecteur de couleur situé sur le côté droit de l'inspecteur des propriétés (situé sous les boutons B et I) pour sélectionner une couleur rouge à appliquer au texte sélectionné en gras.

    La boîte de dialogue Nouvelle règle CSS apparaît.

  7. Dans la liste déroulante Type de sélecteur, choisissez Balise (redéfinit un élément HTML); choisissez Fort dans la liste déroulante Nom du sélecteur; choisissez (Ce document uniquement) dans la liste déroulante Définition de la règle.

    Le type de sélecteur détermine comment la mise en forme sera appliquée à une balise HTML sélectionnée sur la page. Les styles de tag sont automatiquement appliqués chaque fois que cet élément apparaît sur la page.

  8. Cliquez sur OK pour créer le nouveau style de tag et fermer le panneau.

    Maintenant, chaque fois que vous appliquez la balise pour faire du texte en gras (en utilisant le bouton B ou d'autres raccourcis), ce texte en gras apparaît également en rouge. Vous avez créé un style de tag qui détermine l'affichage du texte en gras à chaque fois qu'il apparaît dans un document.

Vous pouvez affiner ce nouveau style de tag en sélectionnant tout texte en gras et en continuant à modifier les propriétés du texte dans l'inspecteur des propriétés.

Si vous souhaitez modifier et affiner la règle que vous avez créée, vous pouvez cliquer sur le bouton Modifier la règle sous la liste déroulante Règle ciblée pour ouvrir la boîte de dialogue Définition de règle CSS. Cette boîte de dialogue s'ouvre par défaut dans la catégorie Type, où vous pouvez modifier les propriétés liées au type.

Lorsque vous avez terminé de peaufiner votre style de tag, cliquez sur Appliquer en bas de la boîte de dialogue pour voir vos modifications. Vous pouvez également cliquer sur OK pour appliquer vos modifications et quitter la boîte de dialogue.

Création d'un nouveau style de tag dans Adobe Dreamweaver CS6 - Création de style de tag

Le choix des éditeurs

Pour les seniors: Comment travailler avec Windows dans Microsoft Windows - les nuls

Pour les seniors: Comment travailler avec Windows dans Microsoft Windows - les nuls

Windows, avec un W majuscule, tire son nom de sa caractéristique principale: Windows, avec un w minuscule. Se familiariser avec Windows signifie apprendre à ouvrir, fermer, redimensionner, déplacer et basculer entre les fenêtres, ce qui est la clé pour jongler avec succès avec plusieurs activités. Chaque programme que vous exécutez occupe sa propre fenêtre. Une fenêtre peut occuper une partie de ...

Comment accepter ou rejeter les cookies dans Safari - dummies

Comment accepter ou rejeter les cookies dans Safari - dummies

Un cookie est un petit fichier qu'un site Web enregistre automatiquement sur le disque dur de votre Mac. Il contient des informations, telles que vos préférences ou votre date de naissance, que le site utilisera lors de vos prochaines visites. Dans Mac OS X Snow Leopard, Safari vous permet de choisir d'accepter ou non tous les cookies ...

Le choix des éditeurs

Construire des boîtes et des lignes Bézier dans QuarkXPress - des nuls

Construire des boîtes et des lignes Bézier dans QuarkXPress - des nuls

Pour créer une boîte ou une ligne dans QuarkXPress plus complexe qu'un simple rectangle, ovale ou starburst, vous entrez dans le domaine du chemin de Bézier. Si vous avez utilisé l'outil Plume dans Adobe Illustrator ou Photoshop, vous comprenez déjà les chemins de Bézier. Il faut un peu de pratique et un esprit détendu ...

Création d'un rapport avec Crystal Reports 10 - témoins

Création d'un rapport avec Crystal Reports 10 - témoins

Lorsque vous démarrez Crystal Reports 10, généralement l'une des trois choses suivantes: créer un rapport, modifier un rapport ou exécuter un rapport sur les données de votre base de données. Les rapports prennent des données à partir d'une base de données, les traitent, les formatent et les affichent ensuite sur une imprimante, un écran d'ordinateur ou un site Web. Crystal Reports ...

Traitant des commentaires Javadoc dans Eclipse - mannequins

Traitant des commentaires Javadoc dans Eclipse - mannequins

Lorsque vous utilisez Eclipse pour écrire du code Java, n'oubliez pas de éditez les commentaires de Javadoc (les choses qui commencent par / **). Vous pouvez ajouter des informations utiles lorsque vous modifiez les commentaires Javadoc et lorsque vous les modifiez, l'aide au code d'Eclipse propose des suggestions. N'oubliez pas ces astuces lorsque vous modifiez vos commentaires Javadoc: Ajouter un commentaire Javadoc: ...

Le choix des éditeurs

Les connexions cachées sur le Nikon D5600 - les nuls

Les connexions cachées sur le Nikon D5600 - les nuls

Ouvrent les couvercles sur les côtés gauche et droit du Nikon D5600 caméra, et vous verrez plusieurs ports de connexions cachées. Les ports de connexion suivants sont indiqués sur cette image: Terminal d'accessoires: ce terminal accepte les accessoires suivants: câble déclencheur à distance Nikon MC-DC2; Télécommandes sans fil WR-1 et WR-R10; et les unités GPS GP-1 / GP-1A. I ...

Les connexions cachées sur votre Nikon D5200 - les nuls

Les connexions cachées sur votre Nikon D5200 - les nuls

ÉParpillés sur l'extérieur de votre appareil photo sont nombreuses commandes que vous utilisez pour changer d'image -prend des paramètres, revoir et modifier vos photos, et effectuer diverses autres opérations. Caché sous le couvercle sur le côté gauche de la caméra, vous trouverez les quatre ports de connexion suivants, étiquetés dans cette figure: Borne accessoire: Vous pouvez brancher le Nikon en option ...

Des boutons et autres commandes du Nikon D7500 - mannequins

Des boutons et autres commandes du Nikon D7500 - mannequins

C'est génial d'avoir une carte pour le boutons et commandes sur votre appareil photo, mais ce n'est pas beaucoup d'aide si vous ne pouvez pas vous rappeler quel bouton appuyer sur quand (et pourquoi). Alors, voici un aperçu des fonctions des contrôles les plus importants. (Certains contrôles ont des fonctions supplémentaires pendant certaines opérations, mais la table ...