Qu'est-ce qu'une div PA?

La première chose que vous devez savoir sur une division PA est que le terme s'applique spécifiquement à Adobe Dreamweaver. Le concept, cependant, fait référence à un composant universel du codage HTML et fait partie intégrante de la structure de la plupart des conceptions Web. PA, ou positionnement absolu, fait référence à une méthode de conception HTML permettant un meilleur contrôle des éléments apparaissant sur une page, quel que soit le navigateur utilisé pour ouvrir le site.

Identification

Un moyen facile de comprendre une division PA consiste à examiner ses composants. La partie PA est une technique de positionnement qui modifie la façon dont vous chargez des éléments HTML dans une page Web Dreamweaver. Au lieu de charger de haut en bas avec chaque élément HTML se positionnant par rapport à d'autres éléments, le ou les éléments désignés sont chargés à un point spécifique de la page. La partie div est un conteneur de niveau bloc, qui contient souvent des éléments tels que des bannières, des images et du texte. Il fonctionne comme une balise de paragraphe en ce sens que sa balise de début - commence toujours une nouvelle ligne et que le bloc de code contenu dans les balises div Dreamweaver fonctionne comme une unité distincte.

La structure

Alors que le contenu d'une div. PA varie en fonction de l'élément et de sa position sur la page, la structure de cette div est toujours la même. La balise de début comprend l'identifiant # paDiv, suivi d'un nombre qui augmente de manière consécutive avec chaque div PA que vous créez, ainsi qu'une clé d'ouverture. Si vous avez deux div PA sur une page, le premier apparaîtra comme # paDiv1 et le second comme # paDiv2. Chacun se ferme avec une clé de fermeture unique. Entrez le code personnalisé entre les touches de début et de fin: # apDiv1 {...}.

Processus

Utilisez l'éditeur de code de Dreamweaver et créez manuellement la structure externe ou utilisez une méthode "tap and press". Dans le menu Fichier de Dreamweaver, cliquez sur Insertion, Objets de conception, Div PA. Sélectionnez ensuite Styles CSS, Toutes les règles dans le panneau situé à droite de la fenêtre de Dreamweaver. Choisissez l'élément, par exemple un logo, une bannière ou le contenu que vous souhaitez inclure en le sélectionnant dans la section. Si, par exemple, # contenu est sélectionné, la section de style est complétée par des options de formatage, telles que la police, la taille et la couleur. Formatez le texte et sélectionnez Zone, remplissez le panneau Styles CSS. Pad, ou défini dans les marges - 10px chacun - pour le haut, le droit, le bas et la gauche de la div. Dans une dernière étape, définissez les marges en dehors des parties supérieure, droite, inférieure et gauche de la division PA afin de la séparer des autres éléments de la page. Enregistrez votre travail et affichez la page en mode Création pour voir comment l'élément est toujours chargé au même endroit sur la page.

But

Un PA Dreamweaver Div peut servir à plusieurs fins spécifiques et utiles. En développant le concept de chargement d'éléments à un emplacement précis, vous pouvez utiliser un div PA pour empiler des éléments les uns sur les autres en définissant une propriété appelée z-index. Vous pouvez également définir une propriété appelée rognage qui permet aux éléments de se chevaucher ou d'établir des options de visibilité leur permettant de masquer ou d'afficher des éléments en fonction de l'activité de l'utilisateur.