Comment centrer ma page web en utilisant dreamweaver

Faire une page Web centré vous permet de créer des contenus qui affiche horizontalement au point milieu de la page, même si la fenêtre du navigateur est agrandie ou réduite. En outre, la mise en page de cette manière garantit que votre travail est bien défini dans le milieu, de sorte que tous les éléments sont visibles. Utilisation de Dreamweaver la demande d'Adobe, vous pouvez utiliser les outils inclus pour créer Cascading Style Sheets (CSS règles) de style qui vous permettent de centrer votre propre page Web avec succès.


Sommaire

Instructions

  1. Lancez votre application Dreamweaver, créer un nouveau fichier ou ouvrez un existant, et ouvrez le "Styles CSS" panneau en choisissant cette option dans le cadre du "Fenêtre" menu.

  2. Créer un "corps" le style en cliquant "Nouvelle règle de CSS" et en choisissant "Tag." Entrez le mot "corps" dans le "Balise" champ de texte et sélectionnez "Ce document ne." Le "corps" contrôle l'apparence générale de votre page, et vous permet de définir des mesures qui aident à centrer votre page.

  3. Sélectionner "Boîte" à partir de la boîte de dialogue qui apparaît, saisissez un zéro dans la "Rembourrage" et "Marge" champs de texte et vérifiez la "Même pour tous" boîtes. Cliquez "OK" lorsque vous avez terminé d'avoir le code CSS automatiquement inséré dans la page HTML.

  4. Créez un style qui contrôle la région qui détient le contenu de votre page web en choisissant un terme, tels que "récipient," que les noms de cette règle. Répétez le processus à l'étape 2, mais cette fois entrer le mot de votre choix dans le "Balise" champ de texte.

  5. Définissez les styles de la règle à l'étape 4 en cliquant "Boîte" et en entrant un numéro, comme 780 pixels, dans le "Largeur" champ de texte pour contrôler la largeur de votre page. Répétez ce processus en cliquant sur le "Placement" catégorie et en entrant la même valeur dans la "Largeur" domaine. Cliquez "Boîte" à nouveau, et entrez une mesure pour le "Marge" en tapant des zéros dans la "Haut" et "Bas" domaines. Sélectionner "auto" du "Droite" et "Gauche" des menus déroulants.

  6. Enregistrez votre fichier et sélectionnez "Aperçu dans le navigateur" sous "Fichier" pour afficher votre page centrée.




Conseils & Avertissements

  • Certaines versions de Dreamweaver, comme CS3, fournissent des modèles de page web-ready-made centrées afin que vous ne devez pas créer le code CSS. Pour y accéder, cliquez sur "Nouveau" sous "Fichier," sélectionner "HTML" ou "HTML Template" sous "Type de page," et sélectionnez un titre avec le mot "centré" dans ce sous la "Disposition" section.
» » » » Comment centrer ma page web en utilisant dreamweaver