Comment ajouter des éléments de fluide à une mise en dreamweaver

Après avoir créé une configuration de la grille fluide dans Dreamweaver, l'étape suivante consiste à ajouter

balises ou d'autres éléments pour compenser les sections de la conception. Vous avez deux options lorsque vous concevez des pages dans Dreamweaver CC: utilisation
balises ou utilisent les balises HTML5.

Les deux fonctionnent de manière similaire dans ces mises en page de fluide, mais à l'aide de balises HTML 5, comme le

et
balises, a un certain avantage, car les balises sens et une structure supplémentaire à votre page Web.

Ajouter

, balises HTML5, et d'autres éléments à une disposition de la grille fluide, suivez ces instructions:

  1. Choisissez Insertion-Structure-navigation.

    Alternativement, vous pouvez cliquer sur la navigation dans le panneau Structure d'Insertion.

  2. Sélectionnez Insert case élément de fluide dans la boîte de dialogue Insérer.

    Lorsque vous utilisez les fonctionnalités réseau de mise en page fluide, vous devez sélectionner cette option lorsque vous ajoutez des tags.

    image0.jpg
  3. Dans la boîte de dialogue Insérer, sélectionnez si vous souhaitez utiliser le sélecteur de classe ou ID pour créer un nouveau style pour la balise que vous insérez et puis entrez un nom pour le nouveau style.




    Même lorsque vous insérez des balises HTML5, vous devez créer un style de classe ou l'ID correspondant qui peut être utilisé pour formater l'élément dans les trois plans.

    Noms de style de classe doit commencer par un point (.) Et les noms de style ID doivent commencer par le signe dièse (#).

  4. Cliquez sur OK.

    La balise est ajoutée à la mise en page, la formation d'une nouvelle boîte dans la mise en page, et le nom de style correspondante est ajoutée à trois reprises pour la mise en page CSS.

  5. Sélectionnez la première

    tag qui a été inclus dans la présentation, puis cliquez sur la petite icône de poubelle boîte qui apparaît en bas à droite de la
    tag pour le supprimer.

    Bien que vous pouvez garder la première

    tag inclus dans les présentations de la grille fluide, ou vous pouvez renommer le style qui lui est appliquée.

  6. Choisissez Insertion-Structure-article.

    La boîte de dialogue Insérer article ouvre (semblable à la boîte de dialogue Insérer un en-tête).

  7. Sélectionnez Insert case élément de fluide dans la boîte de dialogue Insérer.

  8. Dans la boîte de dialogue Insérer, sélectionnez si vous souhaitez utiliser le sélecteur de classe ou ID pour créer un nouveau style pour la balise vous insérez et entrez un nom pour le nouveau style.

  9. Cliquez sur OK.

    La balise est ajoutée à la mise en page, la formation d'une nouvelle boîte dans la mise en page, et le nom de style correspondante est ajoutée à trois reprises pour la mise en page CSS.

  10. Ajouter autant d'éléments que vous voulez pour votre mise en répétant les étapes 6-9.

    Vous pouvez ajouter des éléments HTML5 à votre disposition en grille fluide en cliquant sur les icônes correspondantes dans le panneau Structure d'insertion: l'une navigation, un en-tête, deux articles, et un pied de page.

    Notez que dans le code, Dreamweaver ajoute le préfixe aux fluides le nom de chaque style que vous créez pour vos mises en page de la grille des fluides.

    image1.jpg

» » » » Comment ajouter des éléments de fluide à une mise en dreamweaver