Avant de commencer à le réaliser, analysons d’abord cette page. Jetez un œil à ce qui est utilisé sur cette page.
□Le titre « Ma page d'accueil » en haut de la page Web est un paragraphe de texte.
□Au milieu de la page Web se trouve une image.
□Le message de bienvenue en bas est un paragraphe de texte.
□L'arrière-plan de la page Web est d'une couleur violet foncé.
Après avoir conçu la structure de cette page Web, nous pouvons commencer à la réaliser.
Démarrez d’abord Dreamweaver et assurez-vous d’avoir créé un site Web (répertoire racine) à l’aide du gestionnaire de site.
Pour faciliter la production, veuillez ouvrir le gestionnaire de ressources à l'avance et collecter les images à utiliser dans le dossier images du répertoire du site Web.
[ Insérer le texte du titre]
Entrez dans l’état d’affichage de la conception d’édition de page. Dans des circonstances normales, l'éditeur est par défaut aligné à gauche, le curseur clignote dans le coin supérieur gauche et la position du curseur est la position du point d'insertion. Si vous souhaitez insérer le texte au centre, cliquez sur le bouton Centre dans le panneau des propriétés. Démarrez la méthode de saisie chinoise et saisissez les quatre mots « Ma page d'accueil ». Peu importe si la police est petite, nous pouvons la configurer.
[Définir le format du texte] Sélectionnez le texte et définissez le format de police sur la police par défaut dans le panneau des propriétés ci-dessus. La taille de la police peut être modifiée à volonté. Et sélectionnez "B" pour mettre la police en gras.
[Définir la couleur du texte] Sélectionnez d'abord le texte, cliquez sur l'icône de sélection de couleur dans le panneau des propriétés et utilisez la pipette pour sélectionner la couleur dans le sélecteur de couleur contextuel.
[Définir le titre et la couleur d'arrière-plan de la page Web]
Cliquez sur le menu "Modifier" et sélectionnez "Propriétés de la page". Le système affiche la boîte de dialogue des propriétés de la page (comme indiqué ci-dessous)
Veuillez remplir le titre « Ma page d'accueil » dans la zone de saisie du titre.
Définir la couleur d’arrière-plan : l’arrière-plan de la page Web peut être une image ou une couleur. Dans ce cas, c'est la couleur. Ouvrez le sélecteur de couleur d'arrière-plan comme indiqué ci-dessus pour sélectionner. Si vous souhaitez définir l'arrière-plan d'une image, cliquez sur le bouton "Parcourir" pour l'image d'arrière-plan. Le système affichera une boîte de dialogue de sélection d'image. Sélectionnez le fichier d'image d'arrière-plan et cliquez sur le bouton OK.
Dans l'état d'affichage de conception, cliquez avec la souris dans l'espace vide à droite du titre "Ma page d'accueil", appuyez sur Entrée pour modifier une ligne et suivez les étapes ci-dessous pour insérer une image et centrer l'image. Vous pouvez également l'aligner à gauche à l'aide du bouton Aligner à gauche dans le panneau Propriétés.
【Insérer une image】 Choisissez l'une des méthodes suivantes :
(1) Utilisez le menu Insertion : sélectionnez "Image" dans le menu "Insertion", la boîte de dialogue "Sélectionner le fichier source de l'image" apparaîtra, sélectionnez le fichier image et cliquez sur OK. Comme indiqué ci-dessous :
(2) Utilisez la colonne d'insertion : cliquez sur le bouton de l'objet de la colonne d'insertion > bouton Sélectionner, la boîte de dialogue "Sélectionner le fichier source de l'image" apparaîtra et le reste des opérations est le même que ci-dessus.
(3) Utilisez le panneau « Ressources » du groupe de panneaux (comme indiqué ci-dessous) : cliquez sur le bouton, développez le dossier d'images dans le répertoire racine, sélectionnez le fichier et faites-le glisser vers la position appropriée dans l'espace de travail avec la souris.
Remarque : Pour faciliter la gestion, nous mettons les images dans le dossier « images ». S'il y a peu d'images, vous pouvez également les placer dans le répertoire racine du site. Notez que le nom du fichier doit être nommé en anglais ou en pinyin et en minuscules, et ne peut pas être en chinois, sinon il y aura des problèmes.
Une image est insérée. (Insérez le fichier d'animation *.swf, sélectionnez le menu "Insérer" > Média > Flash).
[Entrez le texte de bienvenue]
Cliquez dans l'espace vide à droite de l'image et appuyez sur Entrée pour terminer la ligne. Toujours en suivant la méthode ci-dessus, saisissez le texte "Bienvenue..." puis utilisez le panneau des propriétés pour définir le texte.
Enregistrez la page.
Une simple page a été éditée comme ceci.
[Aperçu de la page Web] Appuyez sur F12 dans l'éditeur de page pour prévisualiser l'effet de la page Web.
La première page du site Web, qui est la page d'accueil, est généralement nommée index.htm lors de l'enregistrement.
[Résumé] Nous avons créé une page Web simple.
Il y a quatre contenus :
①Paramètres d'insertion et d'alignement d'image ;
② Format du texte, paramètres de couleur et de gras ;
③Réglage de la couleur d'arrière-plan ;
④Prévisualisez la page Web pour voir l'effet réel.
Non seulement vous devez le maîtriser, mais vous devez également le pratiquer à plusieurs reprises.