Dreamweaver MX 2004 à partir de zéro (3)
Auteur：Eve Cole
Date de mise à jour：2009-05-31 21:02:57
Utiliser des frameworks pour créer des pages Web <BR> Après nous être connectés à certains forums, nous pouvons voir le nom de chaque zone de discussion sur la gauche. Cliquez sur n'importe quelle zone de discussion pour voir le contenu de la zone de discussion correspondante dans la zone de droite, mais. les parties gauche et droite sont affichées indépendamment, par exemple, faire glisser la barre de défilement vers la gauche n'affectera pas l'affichage sur la droite. En fait, il s'agit de l'utilisation de la technologie des cadres dans la page, de sorte que l'espace d'affichage du navigateur peut être divisé en plusieurs parties, et chaque partie peut afficher indépendamment le contenu de la page Web. Et combiner plusieurs cadres pour former un ensemble de cadres peut donner à la page un effet plus riche.
1. Créer des cadres et des jeux de cadres
Étape 1 : Créez une nouvelle page dans Dreamweaver MX 2004. Après avoir exécuté la commande "Affichage → Aides visuelles → Bordures de cadre", vous pouvez voir une bordure apparaître dans la fenêtre d'édition. Après avoir cliqué sur la bordure avec la souris, vous pouvez voir un pointillé. cadre, indiquant que la page nouvellement créée a été livrée avec un cadre.
Étape 2 : Appuyez sur le bouton « Alt » et faites glisser la bordure avec la souris. Après avoir relâché la souris, vous pouvez diviser la fenêtre en deux, divisant ainsi la page en deux bordures. Par exemple, faire glisser les bordures gauche et droite peut diviser la fenêtre en parties gauche et droite, et faire glisser les bordures supérieure et inférieure peut diviser la fenêtre en parties supérieure et inférieure. De plus, les quatre coins de la fenêtre peuvent également être déplacés, de sorte que la fenêtre puisse être directement divisée en quatre zones (Figure 1). Lorsque la fenêtre est divisée en plusieurs cadres, chaque cadre peut être édité comme une page Web indépendante, ou une page existante peut être directement affectée à un cadre.
Figure 1
Étape 3 : Les cadres peuvent être imbriqués. Par exemple, pour créer le cadre illustré à la figure 2, vous pouvez d'abord le diviser en deux horizontalement via la méthode ci-dessus, mais vous ne pouvez pas faire glisser directement la bordure, sinon vous obtiendrez le cadre. illustré à la figure 1. La méthode correcte consiste à cliquer d'abord sur le cadre droit dans le panneau de cadre dans le coin inférieur droit, puis à appuyer sur le bouton "Alt" pour faire glisser la bordure.
Figure 2
Astuce : Si vous faites glisser la bordure par erreur, utilisez simplement la souris pour faire glisser la ligne à supprimer vers la bordure du cadre parent pour la supprimer.
2. Cadre d'édition
Les pages mélangent souvent des cadres et des jeux de cadres, et différents paramètres d'attributs peuvent être définis en sélectionnant différents objets.
Première étape : propriétés du jeu de cadres. Après avoir sélectionné le jeu de cadres, vous pouvez voir le panneau d'objet de propriété (comme le montre la figure 3). L'élément « Bordure » peut définir s'il faut afficher la bordure, l'élément « Largeur de la bordure » peut définir la largeur de la bordure et la « Couleur de la bordure ». " peut définir la couleur de la bordure. . De plus, vous pouvez également définir la taille de chaque bordure. À ce stade, sélectionnez une ligne ou une colonne dans la vignette sur le côté droit du panneau, puis entrez une valeur dans la zone de saisie « Valeur » à côté et sélectionnez pixels ou pourcentage comme unité.
Figure 3
Étape 2 : Propriétés du cadre. Si vous sélectionnez un cadre dans le panneau de cadre, le cadre sélectionné sera affiché avec une bordure noire. À ce stade, vous pouvez effectuer les paramètres correspondants dans le panneau de propriétés (Figure 4). Par exemple, ici vous pouvez définir le fichier de la page Web dans le cadre via la barre d'adresse "Src", "Défilement" indique s'il faut ajouter une barre de défilement, "Bordure" peut déterminer s'il faut afficher la bordure, "Pas de redimensionnement" permet le taille du cadre à modifier dans le navigateur, et ""Largeur de marge" et "Hauteur de marge" définissent respectivement la largeur et la hauteur de la bordure pour déterminer la distance entre le contenu du cadre et la bordure.
Figure 4
Étape 3 : Saisissez le contenu dans le cadre. Après avoir cliqué sur n'importe quel cadre avec la souris, vous pouvez insérer divers contenus textuels, images, animations Flash, musique de fond et autres éléments de page Web, tout comme les pages d'édition normales.
En fait, l'utilisation de frameworks peut permettre une planification raisonnable de la mise en page des pages Web, ce qui est particulièrement important dans les premières étapes de la conception Web. Par conséquent, tout le monde doit s'entraîner davantage au quotidien, ce qui est très utile pour créer un excellent site Web !
