Maison > Article > outils de développement > Étapes détaillées pour créer un site Web avec Dreamweaver
Étapes détaillées pour créer un site Web avec Dreamweaver
- 不言avant
- 2018-09-29 15:03:319563parcourir
Le contenu de cet article concerne les étapes détaillées de la création d'un site Web avec Dreamweaver. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.
1. Définir le site
1. Créez-le dans n'importe quel répertoire racine A. dossier (nous supposons qu'il s'agit ici du lecteur E), par exemple nommé MyWeb.
***Remarque : tous les fichiers utilisés sur le site Web doivent avoir des noms anglais.
2. Ouvrez Dreamweaver, sélectionnez "Site - Nouveau site" pour ouvrir la boîte de dialogue. Entrez le nom du site Web dans Nom du site (le chinois est disponible) et sélectionnez le dossier que vous venez de créer (E:web) dans le dossier racine local. Confirmez ensuite.
***Remarque : ouvrez à nouveau Dreamweaver et vous trouverez automatiquement le site que vous venez de créer. S'il existe plusieurs sites, vous pouvez les sélectionner dans le menu "Site - Ouvrir le site".
2. Créer une page
1. Dans l'espace vide sous le dossier local E:MyWeb, faites un clic droit et sélectionnez "Nouveau fichier" pour créer une page. . page, le nom de fichier par défaut est untitled.htm. htm signifie que ce fichier de page Web est un fichier HTML statique. Renommez-le index.htm.
***Le nom de la première page du site Web est généralement index.htm ou index.html. Vous pouvez choisir vous-même les noms des autres pages.
2. Double-cliquez sur index.htm pour entrer dans l'état d'édition de la page. Entrez le nom de la page Web dans la zone de titre, cliquez avec le bouton droit et sélectionnez Propriétés de la page pour ouvrir la fenêtre « Propriétés de la page ». Ici, vous pouvez définir le titre, la couleur d'arrière-plan ou l'image de fond du site Web et la couleur du lien hypertexte (généralement la couleur par défaut suffit), et conserver tout le reste par défaut.
3. À ce stade, le curseur se trouve dans le coin supérieur gauche et vous pouvez saisir une phrase, telle que « Bienvenue sur ma page d'accueil ». Sélectionnez le texte, utilisez le menu "Fenêtre/Propriétés" pour ouvrir le panneau des propriétés, sélectionnez la taille du texte sur 6, puis centrez le texte, puis utilisez quelques retours chariot devant le texte pour le positionner au milieu de la page.
4． Pour sélectionner une police, sélectionnez le dernier élément dans Polices : Modifier la liste des polices. Sélectionnez ensuite le signe + dans la boîte de dialogue, puis sélectionnez une police qui doit être ajoutée à la liste des polices dans la colonne « Polices disponibles », et cliquez sur le bouton du milieu pour l'ajouter.
***Les caractères chinois les plus couramment utilisés sur les pages Web sont les polices Song. N'ajoutez pas de polices spéciales à la liste à utiliser, car les autres ne pourront pas les voir si elles ne sont pas installées sur leur ordinateur. Si vous devez l'utiliser, transformez-le en image avant de l'utiliser.
***La façon de saisir des espaces sur une page Web consiste à modifier la méthode de saisie en pleine largeur.
***La façon de renvoyer à la ligne les lignes d'une page Web est la suivante : maj+Entrée. Appuyez simplement sur Entrée pour modifier les paragraphes.
3. Ajouter des images à la page
1. Dans l'espace vide sous le dossier local E:MyWeb, faites un clic droit et sélectionnez "Nouveau dossier" pour créer. Un dossier, utilisez-le pour stocker des images, vous pouvez le renommer tu, pic ou images.
2. Utilisez le menu « Fenêtre/Objet » pour ouvrir le panneau d'objet, cliquez sur « Insérer une image » et sélectionnez l'image à insérer dans la boîte de dialogue. Si une boîte de dialogue apparaît : "Voulez-vous copier ce fichier dans le dossier racine ?", vous devez sélectionner "Oui" puis l'enregistrer dans le dossier que vous venez de créer.
3. Sélectionnez l'image et ouvrez le panneau des propriétés, où vous pouvez nommer l'image, réinitialiser la hauteur et la largeur de l'image et faire glisser les points sur les coins de l'image pour modifier la taille. Maintenez la touche Maj enfoncée et faites glisser les points d'angle pour étirer l'image tout en conservant le rapport hauteur/largeur. Pour restaurer la taille d'origine, cliquez sur le bouton "Redimensionner" dans le coin inférieur droit.
4. "Lien" peut saisir directement l'adresse ici. « Remplacement » est la description de l'image, c'est-à-dire le texte affiché lorsque la souris pointe sur l'image ; « Bordure » est la largeur de la bordure de l'image et « Alignement » est la méthode d'alignement.
4. Ajouter un lien hypertexte
1.Ajouter un lien vers le texte.
Par exemple, saisissez « Mon article » sur la page, puis sélectionnez-le, ouvrez le panneau des propriétés et dans la zone « Lien », sélectionnez la page vers laquelle vous souhaitez créer un lien. Dans la zone « cible » suivante, nous utilisons généralement self pour ouvrir une nouvelle fenêtre au lieu de la fenêtre actuellement ouverte ou sélectionnons vide pour ouvrir une nouvelle fenêtre ;
2. Ajoutez un lien vers l'image
Identique au lien vers le texte ci-dessus, insérez l'image, puis sélectionnez-la dans la zone de lien du panneau des propriétés.
****Les images peuvent créer plusieurs liens différents. La méthode est la suivante :
Il y a quelques graphiques sous l'élément "Carte" dans le panneau des propriétés. Par exemple, cliquez sur le carré, le curseur se transforme en croix, et dessinez une zone chaude rectangulaire bleue sur l'image. À ce stade, sur le panneau des propriétés, vous pouvez Ce point d'accès définit l'adresse du lien et sera affiché lorsque la souris pointe dessus. De même, en configurant un point chaud à l'aide d'un cercle, vous pouvez définir d'autres liens pour l'image.
3. Ajouter un lien e-mail
Sélectionnez le texte ou l'image auquel vous souhaitez ajouter un lien e-mail, ouvrez le panneau des propriétés et saisissez l'adresse e-mail dans la case « Lien ». Le format est le suivant : mailto : adresse email. Notez qu'il n'y a pas d'espace entre les deux.
4. Si le lien renvoie vers un fichier qui ne peut pas être ouvert par le navigateur, tel qu'exe, Zip, etc., alors lorsque le spectateur clique sur le lien, la fonction de téléchargement du fichier ou de lecture en ligne sera réalisée.
5. Utilisation des tableaux
1. Cliquez sur Insérer/Tableau pour ouvrir le panneau du tableau pour les paramètres. Le nombre de lignes, de colonnes, la largeur, les bordures, etc., le « remplissage des cellules » est la distance entre l'intérieur de la cellule et le contenu ; « l'espacement des cellules » est la distance entre les cellules et l'unité est le pixel.
2. Après avoir inséré le tableau, cliquez sur la bordure du tableau pour sélectionner l'intégralité du tableau. Ensuite, vous pouvez effectuer divers paramètres dans le panneau des propriétés ci-dessous.
3. Déplacez le curseur sur l'une des cellules. Le panneau de propriétés que vous voyez maintenant est le panneau de propriétés de la cellule. Vous pouvez également effectuer diverses opérations sur les cellules. Tels que la couleur d'arrière-plan, l'image d'arrière-plan, la bordure, la fusion, la division, etc.
6. Autres opérations sur les tableaux
1 Principe de réalisation de tableaux en lignes fines :
Sélectionnez l'ensemble du tableau et définissez son fond en noir (cela la couleur est la couleur de la ligne du tableau).
2. Sélectionnez toutes les cellules et définissez leur arrière-plan sur blanc.
2 Formater automatiquement le tableau
1. Créez d'abord un tableau, puis sélectionnez-le.
2. Sélectionnez Commande/Format du tableau dans le menu. Autrement dit, vous pouvez choisir des styles de tableau prédéfinis.
Trinity Pixel Divider Bar
1. Insérez un tableau avec 1 ligne et 1 colonne, une largeur de 200 pixels et une bordure et une marge de 0.
2. Sélectionnez le tableau, définissez la hauteur du tableau sur 1 pixel et définissez une couleur d'arrière-plan (c'est-à-dire la couleur de ligne souhaitée).
3. Passez à la fenêtre Code et conception et supprimez le code
7. Utilisez des tableaux pour créer une page complète
Le haut d'une page Web (comprenant généralement des icônes, des publicités, des menus de navigation)
Créez un. 1 ligne et 2 colonnes, un tableau d'une largeur de 760 pixels et une bordure et une marge de 0.
2. Sélectionnez le tableau, définissez la disposition sur l'alignement central et la couleur d'arrière-plan sur #3366CC.
3. Placez le curseur dans la cellule de gauche, définissez sa disposition horizontale sur l'alignement à gauche et sa disposition verticale sur l'alignement du haut, puis insérez une image. Généralement, l'icône du site Web, c'est-à-dire le logo, est insérée ici.
4. Placez le curseur dans la cellule de droite, définissez sa largeur sur 500, alignez-le horizontalement au centre et disposez-le verticalement vers le milieu, puis insérez une image, généralement une publicité sur une page Web, c'est-à-dire une bannière.
5. Placez le curseur après le tableau que vous venez de compléter, insérez /table et créez un tableau avec 1 ligne et 1 colonne, une largeur de 760 pixels, et une bordure et une marge de 0.
6. Sélectionnez le tableau que vous venez de créer, définissez la disposition sur l'alignement central et la couleur d'arrière-plan sur #005173.
7. Insérez plusieurs images dans le tableau en tant que menus de la barre de navigation.
La partie centrale de la deuxième page web (liste des colonnes à gauche, actualités du site au milieu, liste des colonnes à droite)
1 Insérez /table derrière le tableau de la barre de navigation et créez un 1. ligne et 3 colonnes d'une largeur de 760 pixels et une bordure et un tableau avec des marges toutes deux de 0. Et définissez le mode d'arrangement sur l'alignement central et la couleur d'arrière-plan sur #FFFFFFFF.
2. Placez le curseur dans la cellule de gauche, définissez sa largeur sur 18%, alignez-le horizontalement vers le centre et alignez-le verticalement vers le haut, puis insérez une image et une barre de navigation.
3. Placez le curseur après l'image que vous venez d'insérer, cliquez sur Insérer/Tableau et insérez un tableau de 12 lignes et 1 colonne et d'une largeur de 90 %. Définissez son espacement des cellules sur 1 et sa couleur d'arrière-plan sur #CCCCCC.
4. Placez le curseur dans la première cellule du tableau, définissez sa hauteur sur 20 et sa couleur d'arrière-plan sur #FFFFFF. Insérer/Image, insère un petit point devant le texte de navigation. Définissez les 11 autres cellules de la même manière, afin que la liste de classification des colonnes sur la gauche soit complétée.
5. Placez le curseur dans la cellule du milieu du tableau principal, définissez sa largeur sur 66 %, alignez-le horizontalement au centre et alignez-le verticalement vers le haut, puis insérez /image et insérez une barre de navigation.
6. Placez le curseur après l'image, cliquez sur Insérer/Tableau, et insérez un tableau avec 4 lignes et 1 colonne et une largeur de 95%. Définissez son espacement des cellules sur 1 et sa couleur d'arrière-plan sur #CCCCCC.
7. Placez le curseur dans la première cellule du tableau, faites glisser la souris pour sélectionner les 4 cellules, définissez la hauteur sur 60 et la couleur d'arrière-plan sur #FFFFFF.
8. Placez le curseur dans la cellule du côté droit du tableau principal, définissez sa largeur sur 16 %, alignez-le horizontalement au centre et alignez-le verticalement vers le haut, insérez /image et insérez une navigation. bar.
9. Placez le curseur après l'image, cliquez sur Insérer/Tableau, et insérez un tableau de 7 lignes et 1 colonne et d'une largeur de 90 %. Définissez son espacement sur 1 et sa couleur d'arrière-plan sur #CCCCCC.
10. Maintenez la touche Ctrl enfoncée, utilisez la souris pour cliquer sur les cellules 1, 3, 5 et 7 du tableau que vous venez d'insérer, puis définissez leur hauteur sur 55 et leur couleur d'arrière-plan sur #FFFFFF.
11. Sélectionnez les cellules 2, 4 et 6, définissez leur hauteur sur 6 et leur couleur d'arrière-plan sur #FFFFFF.
12. Basculez vers la fenêtre du code source et supprimez les symboles d'espace " " dans les cellules 2, 4 et 6.
Trois pages du bas (incluant généralement des informations sur les droits d'auteur et tout autre contenu connexe)
1. Placez le curseur après le tableau principal, insérez /table, créez un 2 lignes et 2 colonnes, de 760 pixels de large, avec des bordures et des marges. Un tableau de 0.
2. Sélectionnez le tableau, définissez la disposition sur l'alignement central et la couleur d'arrière-plan sur #3366CC.
3. Placez le curseur dans la cellule gauche de la ligne 1 du tableau, définissez sa largeur sur 50 %, la disposition horizontale par défaut, la disposition verticale comme ligne de base, la couleur d'arrière-plan sur #FFFFFF, puis saisissez les informations de copyright. la couleur peut être celle que vous voulez.
4. Placez le curseur dans la cellule droite de la ligne 1 du tableau, insérez /image, insérez une image arrondie, saisissez le mot Email derrière, et définissez sa taille et sa couleur sur 1 et #FFFFFF.
5. Insérer/Objet de formulaire/Champ de texte, insérez un champ de texte, la largeur peut être arbitraire.
6. Insérer/Image, insérez une image GO.
7. Définir les propriétés de la page. Cliquez sur le menu Édition/Propriétés de la page, saisissez un titre dans la colonne Titre, sélectionnez l'image d'arrière-plan et définissez la bordure supérieure sur 0.
*** Diviser la page Web entière en différentes parties et les combiner dans différents tableaux peut également accélérer le temps nécessaire au navigateur pour lire la page. ; Étant donné que le navigateur affiche le contenu après avoir lu l'intégralité du tableau, il est préférable de ne pas encadrer l'intégralité du tableau.
8. Utilisez des tableaux de mise en page pour créer une page complète
1 Cliquez sur Insérer/Mise en page, et le bouton d'affichage de mise en page à l'intérieur passera à l'état d'affichage de mise en page (la valeur par défaut est. vue standard). Vous pouvez également utiliser View/Table View/Layout View dans le menu pour entrer.
2. Cliquez d'abord sur le bouton Dessiner un tableau de mise en page, puis créez un tableau de mise en page sur la page comme un dessin.
3. Tout comme dans l'exemple précédent, dessinez d'abord le grand tableau en haut, puis au milieu, puis en bas de la page Web.
4. Cliquez à nouveau sur le bouton Dessiner une cellule de mise en page, puis dessinez la cellule de mise en page dans le tableau de mise en page déjà dessiné.
5. Revenez à la vue standard, insérez de petits tableaux imbriqués dans les tableaux divisés, affinez la page et complétez la conception de la page entière.
****Attention à mettre la page entière dans un grand tableau de mise en page, car la vitesse de navigation d'une telle page web sera très lente. Plusieurs tableaux de mise en page doivent être divisés en fonction de la mise en page et du contenu de la page, puis des cellules de mise en page doivent y être insérées.
9. Utilisation des calques
1. Cliquez sur Insérer/Couche. Vous pouvez également cliquer sur l'icône et faire glisser la souris pour créer un calque.
3. Sélectionnez le calque créé et regardez le panneau des propriétés. Utilisez simplement le "Numéro de calque" et le "Étiquette" par défaut. Le "numéro de couche" est nécessaire à la programmation, mais nous ne l'utilisons généralement pas maintenant. « Haut » est la distance depuis la bordure supérieure de la page ; « Gauche » est la distance depuis la bordure gauche. L'"axe z" est l'ordre des couches, avec des nombres plus grands empilés sur des nombres plus petits.
****Si aucune couleur n'est définie, le calque est transparent.
4. Cliquez sur la petite case dans le coin supérieur gauche du calque central pour faire glisser le calque comme vous le souhaitez, et la taille peut également être ajustée.
5. Dans la colonne "Débordement", lorsque le texte dépasse la taille du calque, visible (la partie excédentaire est toujours affichée), masqué (la partie excédentaire est masquée), faites défiler (la barre de défilement est affichée indépendamment du s'il est dépassé), auto (la barre de défilement apparaît uniquement en cas de dépassement).
6. Cliquez sur le menu Fenêtre/Autres/Couche, et la fenêtre de gestion des couches apparaîtra. Là, vous pouvez modifier le nom du calque et la valeur de l'axe Z, ou cliquer sur l'icône en forme d'œil pour rendre le calque visible ou invisible. Il existe également une option pour éviter les chevauchements.
7. Alignement des calques. Maintenez la touche Maj enfoncée et sélectionnez plusieurs calques en même temps. Utilisez ensuite Modifier/Aligner, en utilisant les options ici.
8. Couche de nidification. ⑴Insérez d'abord un calque dans le document. ⑵ Placez le curseur dans le calque, puis continuez à insérer un calque pour obtenir un calque imbriqué. ⑶L'intérieur est appelé le calque enfant et l'extérieur est le calque parent. Leur ordre sur l’axe Z est le même. Lorsque vous faites glisser le calque parent, les calques enfants se déplacent également les uns par rapport aux autres. Lorsque vous déplacez un calque enfant, le calque parent ne se déplace pas avec lui.
10. Comprendre la chronologie
1 Cliquez sur Insérer/Couche dans le menu pour insérer un calque.
2. Insérez une image dans le calque, comme une image d'un avion. (L'image ici peut également être une petite image .gif animée)
3. Cliquez sur Fenêtre/Autres/Timeline dans le menu pour ouvrir la fenêtre Timeline.
4. Sélectionnez le calque créé sur la page, appuyez et maintenez la petite icône en forme de boîte dans le coin supérieur gauche du calque avec la souris et faites glisser le calque vers la première image de la timeline. À ce stade, une chronologie d’une longueur de 15 images est automatiquement créée.
5. Sélectionnez l'image 1 sur la timeline, faites glisser le calque de la page vers le coin supérieur gauche de la page, qui est la position où l'animation commence.
6. Sélectionnez l'image 15 sur la timeline et faites glisser l'image à n'importe quelle longueur, par exemple 30 images.
7. Sélectionnez l'image 30 et faites glisser le calque en bas à droite de la page. À ce moment, la fenêtre affiche la trajectoire de mouvement du calque de l'image 1 à l'image 30. (Le mouvement est une ligne droite à ce moment-là)
8. Vous pouvez cliquer sur la 15ème image, faire un clic droit et sélectionner "Ajouter une image clé". Avec la 15ème image sélectionnée, faites glisser le calque vers le milieu et la partie inférieure de. la page.
9. Cochez l'élément "Lecture automatique".
11. Réaliser un tableau d'affichage roulant
1. Insérez un calque sur la page, puis définissez un arrière-plan pour le calque comme cadre du babillard.
2. Insérez ensuite un calque imbriqué dans le calque créé et déplacez le calque imbriqué sous le calque parent.
3. Saisissez le texte dans le calque imbriqué et centrez-le.
4. Ouvrez le panneau Chronologie et ajoutez le sous-calque en tant qu'objet au panneau.
5. Créez un chemin de mouvement vers le haut pour le calque enfant et déplacez-le au-dessus du calque parent.
6. Faites glisser la dernière image clé pour augmenter la durée de l'animation, puis cochez « Lecture automatique » et « Boucle ».
7. Sélectionnez le calque parent et définissez la propriété "débordement" sur "caché" dans son panneau de propriétés.
12. Utiliser l'animation flash dans la page
1 Cliquez sur le bouton Flash dans l'encart pour insérer une animation dans la page. Vous pouvez également sélectionner le menu Insertion/Media/Flash pour terminer cette étape.
2. Sélectionnez l'animation insérée et regardez le panneau des propriétés. Ici, vous pouvez définir sa largeur et sa hauteur, ou modifier la taille en faisant glisser.
3. Vous pouvez cliquer sur "Jouer" ici pour prévisualiser l'animation.
13. Rendre transparente l'animation flash insérée
1 Lorsqu'il y a déjà un arrière-plan sur la page Web, ou que vous souhaitez insérer une animation flash sur une image. , et l'animation flash elle-même a également une couleur d'arrière-plan, cela affectera donc l'apparence. À ce stade, nous devons en faire une animation transparente.
2. Par exemple, insérez une image sur la page.
3. Insérez un calque sur l'image et insérez l'animation flash requise dans le calque.
4. Sélectionnez l'animation flash et cliquez sur le bouton "Paramètres" dans le panneau des propriétés.
5. Entrez « wmode » dans la case de gauche des « Paramètres ». Entrez « transparent » dans la case « Valeur » à droite.
14. Jouer du son sur la page
1 Après avoir rempli la page entière, si vous souhaitez ajouter une musique de fond à la page, veuillez noter que la musique de fond. Il s'agit généralement de fichiers *.midi, ces fichiers audio sont très petits et faciles à télécharger rapidement. Les autres formats ne conviennent pas à la musique de fond.
2. En plus de tous les tableaux de la page, (notez que seul l'élément
3. Sélectionnez "Jouer le son" dans le menu contextuel. Ouvre une boîte de dialogue.
4. Utilisez « Parcourir » dans cette boîte de dialogue pour sélectionner le son que vous souhaitez jouer et confirmer.
5. À ce moment, le panneau de comportement affiche automatiquement l'événement comme étant en cours de chargement et l'action comme étant en train de jouer du son. Cliquez sur cette ligne et un bouton apparaîtra au milieu. Cliquez sur le bouton pour définir l'événement sous lequel ce son sera joué. Vous pouvez choisir "Afficher l'événement"/"IE5.0.
6. Nous utilisons couramment Onload (lorsque la page est chargée), OnClick (cliquez sur la souris), OnMouseOver (la souris se déplace sur l'objet), OnUnload (lorsque la page est fermée), etc.
7. Ce comportement peut également être défini sur les images et les liens texte. Avant de jouer le son sur le lien texte, ajoutez d'abord un lien vide au texte, c'est-à-dire sélectionnez le. texte et saisissez-en un dans la zone de lien. Symbole "#"
15. Fenêtre contextuelle
1. ) à afficher dans une petite fenêtre. Pour cette raison, la fenêtre pop-up ne peut pas être trop grande, le contenu doit donc être moindre
2. Ouvrez une page créée, déplacez le curseur en dehors de tous mes tableaux sur la page, cliquez sur le bouton "+" dans la fenêtre de comportement et sélectionnez dans le menu contextuel l'élément "Ouvrir la fenêtre du navigateur"
3. Entrez les paramètres correspondants dans la boîte de dialogue. . La largeur et la hauteur de la fenêtre sont définies par vous-même. Les paramètres dans les propriétés sont obligatoires. Cochez-le simplement
4. Après le réglage, cliquez sur "OK". fenêtre de comportement. La condition de déclenchement est Onload. Si cela n'est pas requis, définissez-le vous-même
5 , ce comportement peut également être défini sur les images et les liens texte
6. aux visiteurs lors de l'ouverture, aux annonces du site Web, aux mots d'adieu lors du départ, etc. >
1. Ouvrez la page et sélectionnez une image
2. le bouton "+" dans la fenêtre de comportement et sélectionnez Définir le texte/. Définissez le texte de la barre d'état
3. Dans la colonne "Message" de la boîte de dialogue, saisissez les mots qui doivent être affichés, comme l'introduction. de cette image.
4. Vous pouvez définir la condition de déclenchement du comportement sur OnMouseOver (souris) afin que lorsque la souris passe sur cette image, les informations pertinentes apparaissent dans la barre d'état 5. Si vous avez besoin que ces informations disparaissent après le déplacement de la souris, utilisez à nouveau ce comportement, dans le "Message". "N'écrivez rien dans la colonne, puis modifiez la condition de déclenchement en OnMouseOut (souris sortie).
6. Vous pouvez également définir ce comportement sur un morceau de texte ou vous pouvez le définir sur la page entière
.
Dix-sept. Informations contextuelles
1. Ouvrez une page créée et cliquez sur l'élément
2. Saisissez le message que vous souhaitez afficher dans la colonne "Message" de la fenêtre des paramètres.
3. Définissez la condition de déclenchement sur Onload (lorsque la page est chargée), qui peut être utilisée comme message de bienvenue lors de l'ouverture de la page. S'il est défini sur OnUnload (lorsque la page est fermée), il peut être utilisé comme message d'adieu lorsque l'utilisateur ferme la page.
4. Vous pouvez également définir un message contextuel sur un certain texte. Par exemple, si vous ne souhaitez pas que d'autres personnes copient un morceau de texte, sélectionnez le texte entier. Notez que
est affiché dans le coin inférieur gauche, qui est un paragraphe.
5. Faites ensuite de même et saisissez des déclarations telles que le droit d'auteur dans le message. Définissez simplement la condition de déclenchement sur OnBeforeCopy (déclenchée lorsque le bouton droit est enfoncé) ou OnCopy (déclenchée lorsque le bouton droit est enfoncé pour copier).
18. Bouton d'image dynamique
1. Préparez deux images de la même taille consiste à en utiliser une comme photo en niveaux de gris et une comme photo couleur. . photo. Ou une avec des boutons concaves et une avec des boutons en relief.
2. Exemple : Insérez un tableau avec 3 lignes et 1 colonne et définissez la largeur sur 180 pixels.
3. Placez le curseur sur la première ligne et insérez une image en niveaux de gris.
4. Saisissez l'adresse à lier dans la colonne "Lien" du panneau des propriétés et ajoutez un nom à l'image, tel que tu1
5. Cliquez sur le bouton "+" dans la fenêtre de comportement et. sélectionnez-le dans le menu contextuel. Sélectionnez « Échanger les images ».
6. A ce moment, l'image à échanger s'affiche dans la colonne "Image", puis sélectionnez l'image échangée dans la colonne "Le fichier original du temple est".
7. Il y a deux paramètres ci-dessous, "Précharger l'image" et "Restaurer l'image lorsque la souris glisse", qui doivent tous deux être sélectionnés.
8. Créez deux autres boutons dynamiques de la même manière.
19. Pages de mise en page avec cadres
Les cadres sont constitués de deux parties principales : les jeux de cadres et les cadres individuels.
1. Cliquez sur le cadre inséré pour afficher les 13 styles de cadre définis. Prenons comme exemple la structure supérieure-moyenne-inférieure.
2. Cliquez sur l'icône de la structure de cadre "Haut-Milieu-Bas". A ce moment, deux cadres, supérieur et inférieur, sont insérés sur la page, divisant la page entière en trois parties. Nous entrons « supérieur » en haut, « milieu » au milieu et « inférieur » en bas.
3. Enregistrez-le d'abord. Cliquez sur Fichier/Enregistrer tout dans le menu. À ce stade, enregistrez d'abord le fichier frameset et vous pourrez modifier le nom vous-même, par exemple kuangjia.htm. Les autres pages du jeu de cadres seront alors enregistrées séparément. Lors de l'enregistrement de la page correspondante, cette partie sera encadrée d'une ligne pointillée, afin que la partie ci-dessus puisse être enregistrée sous shang.htm. La partie inférieure est enregistrée sous xia.htm. La partie centrale est enregistrée sous le nom zhong.htm.
4. Jusqu'à présent, nous avons enregistré quatre pages, à savoir le jeu de cadres et les pages supérieure, centrale et inférieure qui composent le jeu de cadres. Par conséquent, en fait, ce cadre est composé de quatre pages, donc son utilisation ralentira la vitesse de navigation de l'utilisateur.
5. Cliquez sur Fenêtre/Autres/Frame pour ouvrir le panneau du cadre. Cliquez ici sur un cadre pour le sélectionner. Lorsqu'un cadre est sélectionné, une ligne pointillée apparaît sur le cadre correspondant dans la fenêtre d'édition.
6. Par exemple : sélectionnez le cadre supérieur ci-dessus et les propriétés du cadre ci-dessus sont affichées sur le panneau des propriétés. Sélectionnez également le cadre du milieu et le cadre inférieur, et vous pouvez également définir leurs propriétés séparément.
7. Dans la fenêtre d'édition, placez la souris sur la bordure entre les deux cadres. Le curseur se transformera en une forme de flèche vers le haut et vers le bas. Cliquez sur la bordure à ce moment pour sélectionner l'ensemble du cadre.
8. À ce stade, les propriétés de l'ensemble du groupe de cadres apparaissent sur le panneau des propriétés. Ici, vous pouvez définir si l'ensemble de cadres a des bordures, une largeur et une couleur, etc. Mais le plus important est que vous puissiez définir la taille de chaque cadre dans le cadre défini ici.
9. Sélectionnez le cadre ci-dessus sur l'icône sur le côté droit du panneau des propriétés, définissez son comportement sur 80 pixels et sa bordure sur 0.
10. Sélectionnez le cadre ci-dessous, définissez la hauteur de la ligne sur 30 pixels et la bordure sur 0.
11. Sélectionnez le cadre du milieu, définissez la hauteur de la ligne sur 1 et l'unité sur relative. (Relatif signifie : la proportion de la ligne actuelle par rapport aux autres lignes. Le mettre à 1 signifie occuper tout l'espace restant de la fenêtre de navigation sauf le haut et le bas.
12. Exemple : Placer le curseur sur le cadre supérieur topFrame , cliquez avec le bouton droit et sélectionnez Propriétés de la page, définissez la couleur d'arrière-plan sur #FF6600. Ensuite, insérez/tableau, insérez un tableau avec 1 ligne et 2 colonnes, définissez la largeur de la première cellule sur 116 pixels, puis insérez une image de tableau. . Définissez l'alignement horizontal de la deuxième cellule au centre et la disposition verticale en bas, puis entrez les mots « Lion », « Capricorne » et « Gémeaux » dans l'ordre
13. . Dans le cadre mainFrame, cliquez avec le bouton droit et sélectionnez Propriétés de la page, définissez la couleur d'arrière-plan sur #FFFFCC. Ensuite, insérez une grande image
14. Placez le curseur dans le cadre inférieur, cliquez avec le bouton droit et sélectionnez Propriétés de la page. >15. Créez trois pages supplémentaires comme pages à lier par "Léo", "Capricorne" et "Gémeaux".
16 Sélectionnez "Léo" et définissez la page à laquelle lier est dans les propriétés. "mainframe" dans "Cible", c'est-à-dire que le contenu sera affiché dans le cadre du milieu
17. Définissez également les liens pour "Capricorne" et "Gémeaux", menu de saut
2. "site Web" dans la colonne "Texte". Cliquez ensuite sur le bouton "+" de la fenêtre. Cette option n'a pas de lien. Comme texte de description du menu contextuel 3. Saisissez le site Web souhaité dans la colonne de texte, par exemple "Sina", puis entrez l'adresse du lien du site Web dans la colonne "Lors de la sélection, accédez à l'URL" http:/ /www.sina.com.cn
À ce stade, il y a une autre option dans le menu colonne d'éléments. Cette option correspond à une adresse de lien réseau.4. Utilisez la même méthode pour ajouter d'autres éléments aux options de menu et aux liens correspondants. Vous pouvez également utiliser les boutons "Haut" et "Bas" pour ajuster leurs éléments.
5. Ne sélectionnez pas "Après avoir modifié l'URL" dans la fenêtre des paramètres. Sélectionnez l'élément "Premier élément", de sorte qu'après avoir utilisé le menu contextuel, vous puissiez accéder à une certaine page si vous revenez à la page du menu contextuel. , le menu de saut dans la page affichera toujours le premier élément par défaut
6. Cliquez sur "OK" après la configuration **** Parce que le menu de saut est un formulaire, le formulaire (zone en pointillé rouge). ) est effectivement inséré en premier, puis le menu déroulant est inséré dans le formulaire 7. Si vous souhaitez modifier les options, vous pouvez sélectionner le menu déroulant sur la page. List Value" dans le panneau des propriétés pour modifier divers contenus.
8. Lorsque le menu de saut est sélectionné, le comportement apparaît également dans la fenêtre de comportement. Double-cliquez sur le comportement pour accéder à la fenêtre des paramètres et réinitialisez-le.
9. Si le premier élément de « Élément de menu » est un lien au lieu d'une invite comme mentionné ci-dessus, alors vous devez sélectionner « Insérer le bouton Go après le menu » dans « Options ». Ajoutez un bouton "Go".
21. Utilisation des plug-ins (extensions de fonction Dreamweaver)
1. Téléchargez d'abord les plug-ins requis. L'exemple ici est Animate Browser Window. Il s'agit d'un plug-in qui modifie dynamiquement la taille de la fenêtre. Ouvrez Dreamweaver Extension Manager et installez le plug-in téléchargé.
2. Démarrez Dreamweaver, sur la page créée, cliquez avec le bouton droit sur le coin inférieur gauche
22. Sous-titres déroulants
1. Placez le point d'insertion du curseur à l'endroit où vous souhaitez insérer des sous-titres déroulants.
2. Cliquez sur le « Sélecteur de balises » dans le panneau d'insertion.
3. Sélectionnez la balise de sélection et cliquez sur le bouton "Insérer". Fermez ensuite le sélecteur de balises.
4. Passez à la vue Code. Placez le point d'insertion du curseur entre les deux balises de sélection.
5. Sélectionnez « Fenêtre »/« Inspecteur de balises ». Diverses utilisations des balises peuvent être définies dans l'inspecteur de balises.
6. Cliquez sur la flèche déroulante sur le côté droit de l'élément de paramètre de comportement pour sélectionner la méthode de mouvement pour faire défiler le contenu des sous-titres. Les significations des trois options sont les suivantes : Alternatif : le contenu défile dans des directions opposées. Défilement : le contenu défile dans la même direction. Diapositive : le contenu cessera de défiler lorsqu’il touchera la bordure du sous-titre.
7. L'attribut direction définit la direction de défilement du contenu des sous-titres. Les quatre options signifient : down : mouvement vers le bas. Gauche : déplacez-vous vers la gauche. Droite : Déplacez-vous vers la droite. Vers le haut : mouvement ascendant.
8. L'attribut scrollamount définit la vitesse de défilement des sous-titres. Généralement réglé sur 1.
9. L'attribut scrolldelay définit le temps de pause lorsque le contenu des sous-titres défile, en millisecondes. Si vous souhaitez que le défilement soit fluide, la valeur doit être aussi petite que possible. Dans l'exemple, elle est fixée à 1 milliseconde.
10. L'attribut width définit la largeur des sous-titres défilants. Ceci est arbitraire, par exemple fixé à 300.
11. L'événement onMouseOver définit l'action lorsque la souris se déplace pour faire défiler les sous-titres, et est souvent configuré pour arrêter le défilement. L'événement onMouseOut définit l'action lorsque la souris quitte les sous-titres défilants et est souvent configuré pour démarrer le défilement. Ces deux éléments ne peuvent pas être sélectionnés et ne peuvent être saisis que manuellement. Entrez "this.stop();" après onMouseOver et entrez "this.start();" après onMouseOut
12. L'attribut style définit le style du contenu des sous-titres. Dans l'exemple, pour définir la taille du texte des sous-titres, vous devez également saisir manuellement « font:12px; ».
13. L'attribut loop définit le nombre de fois où le contenu des sous-titres défile. La valeur par défaut est illimitée. "-1" est également infini.
14. Tous les codes :
Créer une feuille de style CSS
1. Saisissez du texte sur la page Web.
2. Ouvrez le panneau « Style CSS » ou utilisez « Fenêtre/Style CSS ».
3. Il y a quatre boutons en bas du panneau, à savoir Ajouter un style, Nouveau style, Modifier le style et Supprimer le style.
4. Cliquez sur « Nouveau style » pour ouvrir la boîte de dialogue. Entrez un nom et notez qu'il y a un point avant le nom. Par exemple, nommez-le .zi (les noms chinois ne sont pas acceptables). Type : Créez un style personnalisé, défini dans : Pour ce document uniquement.
5. À ce stade, ouvrez une autre boîte de dialogue, sélectionnez « Type » dans la catégorie de gauche, puis définissez la police sur Song Dynasty à droite, la taille sur 14 pixels et n'importe quelle couleur. Alors d'accord.
6. Sélectionnez le texte sur la page, puis cliquez sur Style.zi dans la fenêtre. A ce moment, le style CSS est appliqué à ce texte.
7. Si vous souhaitez modifier le style CSS que vous venez de définir, vous pouvez cliquer dessus puis cliquer sur le bouton Modifier le style ci-dessous.
24. Créer une feuille de style de lien dynamique
1. Cliquez sur la boîte de dialogue « Nouveau style CSS », sélectionnez « Uniquement pour ce document » dans la colonne « Défini dans » et sélectionnez « Utiliser le sélecteur CSS » dans la colonne « Type ».
2. Lorsque le type de feuille de style sélectionne « Utiliser le sélecteur CSS », le nom du menu déroulant devient « Sélecteur », indiquant que le contenu d'entrée est un sélecteur CSS. Cliquez sur le bouton déroulant pour voir le. lien dynamique 4 un état.
a:link - l'état normal de l'hyperlien ; a:visited - l'état de l'hyperlien visité.
a:hover - l'état dans lequel le curseur se déplace vers le lien hypertexte ; a:active - l'état dans lequel le lien hypertexte est sélectionné.
3. Ensuite, définissez ces états séparément. Tout d'abord, sélectionnez un lien dans le menu déroulant. Cliquez sur le bouton "OK" pour afficher la fenêtre de configuration de la feuille de style. Définissez le style sans soulignement ni la couleur. est #FF6600 (couleur orange).
4. Utilisez la même méthode pour définir a:visited, définissez-le sur aucun soulignement et définissez la couleur sur #FFFF00 (jaune).
5. Ensuite, définissez un:hover, définissez-le pour qu'il soit souligné et définissez la couleur sur #FF6600 (orange).
6. Il n'est pas nécessaire de définir un:active, cela dépendra automatiquement d'un:hover.
7. Saisissez une phrase sur la page Web et définissez son lien sur "#" dans le panneau des propriétés. C'est ça.
****Remarque : il doit être défini dans l'ordre a:link, a:visited, a:hover, a:active, sinon l'effet attendu ne se produira pas.
Si nous avons besoin de deux effets de lien ou plus sur une page, nous pouvons utiliser les méthodes suivantes :
1. Cliquez sur le bouton Nouveau style, sélectionnez "Utiliser le sélecteur CSS" pour le type de style, puis cliquez sur ". Sélectionnez" Dans la colonne "Périphérique", saisissez directement a.link2:link, puis définissez a.link2:link en rouge sans soulignement.
2. Continuez à définir les deux styles suivants. Entrez les noms directement et définissez-les sur a.link2:visited, sans soulignement en violet. a.link2 : survolé, bleu et souligné.
3. À l'heure actuelle, il existe un style personnalisé nommé link2 sous l'option "Style CSS".
4. Saisissez un paragraphe dans la page, ajoutez-y un lien #, sélectionnez le lien, puis cliquez sur style link2 dans la fenêtre de la feuille de style pour appliquer ce style au lien.
5. La même méthode peut être utilisée pour créer différents formats de liens sur une même page.
****Afin de conserver un certain style, il est déconseillé de créer trop de styles de liens sur une même page.
25. Feuille de style externe
***Appliquer la même feuille de style dans différentes pages.
1. Créez une nouvelle feuille de style, donnez-lui un nom, puis sélectionnez « Créer un style personnalisé » pour le type et sélectionnez « Nouveau fichier de feuille de style » pour la définition.
2. Après confirmation, ouvrez la fenêtre pour enregistrer la feuille de style externe. Ensuite, enregistrez-le simplement sur votre site local.
3. A ce moment, vous pouvez voir qu'un nouveau fichier de feuille de style a été ajouté dans la fenêtre de feuille de style. Le suffixe du fichier est css
4. être exporté en tant que fichier de feuille de style externe, afin qu'il puisse être utilisé par d'autres pages, vous pouvez cliquer sur l'icône grise dans le coin supérieur droit de la fenêtre de la feuille de style et sélectionner "Exporter la feuille de style". le style et enregistrez-le en tant que fichier externe.
5. Lorsque d'autres pages doivent utiliser une feuille de style externe, vous pouvez cliquer sur le premier bouton « Joindre une feuille de style » dans la fenêtre de la feuille de style pour ouvrir la fenêtre, puis sélectionner le fichier de feuille de style externe et sélectionner « Lien ». dans Ajouter sous, OK.
26. Autres CSS
****L'arrière-plan en CSS consiste à définir l'arrière-plan du texte, l'image d'arrière-plan du tableau, etc.
****Les blocs en CSS font référence à la définition de l'espacement du texte, de l'alignement, de l'indice, de l'exposant, de la disposition, etc. du texte.
****La case en CSS fait référence à la définition de la distance vide entre les images et le contenu du texte, ainsi qu'à la méthode de mélange des images et du texte.
****La bordure en CSS fait référence à l'embellissement des zones de texte du tableau, des boutons, etc.
****List en CSS fait référence à la définition du style des éléments de la liste. C'est-à-dire un paragraphe en forme de plan.
****Le positionnement en CSS fait référence à la définition du positionnement relatif et absolu des images sur la page.
****Extension en CSS, le curseur peut être défini sur le style du curseur, qui peut être défini sur main (type de main), réticule (type de croix), texte (type "I"), attendre (type d'attente ), par défaut (type par défaut), aide (type d'aide) et types de flèches dans différentes directions.
****L'extension en CSS, le filtre qu'elle contient, peut être utilisée pour créer des effets de filtre CSS, c'est-à-dire utilisés pour traiter la transparence, la lueur, etc. des images. Cependant, l’effet n’est pas très évident. Il est préférable d’utiliser un logiciel spécialisé dans le traitement d’images.
Vingt-sept. Créez un album photo en ligne
1. Tout d’abord, installez le logiciel FireworksMX.
2. Traitez les photos que vous devez mettre sur Internet, traitez-les dans la même taille et placez-les dans un dossier.
3. Cliquez sur Commande/Créer un album de site Web dans le menu pour ouvrir la fenêtre des paramètres.
4. Saisissez le titre de l'album, les informations sur les sous-titres et d'autres informations (vous pouvez également les modifier ultérieurement). "Dossier image source", sélectionnez le dossier dans lequel vous venez d'enregistrer la photo.
5. "Dossier de destination", cliquez sur le bouton "Parcourir" pour sélectionner le répertoire actuel du site. (C'est-à-dire que toutes les photos seront enregistrées sur le site)
6. "Taille de la vignette" peut être sélectionné selon les besoins, et "Afficher le nom du fichier" sera sélectionné pour afficher le nom de fichier de chaque image dans l'album généré. .
7. La grille "Colonne" correspond au nombre d'images affichées dans chaque ligne. La valeur par défaut est 5, qui peut être modifiée par vous-même.
8. Choisissez généralement « qualité supérieure » pour les deux « formats » suivants.
9. Sélectionnez l'option "Créer une page de navigation pour chaque image". D'ACCORD.
28. Fonction de transition de page Web personnalisée
***** La transition de page Web fait référence aux différentes actualisations de la page lorsque le spectateur entre ou quitte la page Web. . Effets tels que défilement, stores, etc. La page Web paraîtra plus dynamique, mais vous devez également y prêter attention avec modération, sinon des changements trop fantaisistes pourraient facilement susciter le dégoût des téléspectateurs. Étapes :
1. Ouvrez une page, cliquez sur Insérer/Balise d'en-tête de fichier/Méta dans le menu et la boîte de dialogue Méta apparaîtra.
2. Sélectionnez l'option équivalente à HTTP dans la liste déroulante des options de propriété dans la boîte de dialogue et tapez Page-Enter dans la zone de valeur pour indiquer qu'il y aura un effet de transition de page Web lors de l'entrée sur le Web. page.
3. Tapez Revealtrans(Duration=4,Transition=2) dans la zone de contenu. Durée=4 signifie que la durée de l'effet de transition de la page Web est de 4 secondes. Transition signifie le mode d'effet de transition. cela signifie un retrait circulaire.
4. Après la saisie, cliquez sur OK pour enregistrer. De cette façon, lorsque nous cliquons sur un lien hypertexte pour accéder à cette page, nous pouvons voir l'effet.
5. Vous avez le choix entre plus de vingt effets. Modifiez simplement la valeur de Transition par le nom de code de l'effet correspondant. Les effets et paramètres spécifiques sont indiqués dans le tableau ci-dessous
. Effet Transition Effet Transition
Rétrécissement en forme de boîte 0 Dissoudre 12
Expansion en forme de boîte 1 Rétrécir à gauche et à droite jusqu'au milieu 13
Rétrécissement circulaire 2 Développer le milieu vers la gauche et la droite 14
Expansion circulaire 3 Rétrécir de haut en bas vers le milieu 15
Frotter vers le haut Diviser 4 Développer le milieu de haut en bas 16
Effacer vers le bas 5 Développer dans un escalier vers la gauche et vers le bas 17
Effacer vers la gauche 6 Développer dans un escalier en haut à gauche 18
Effacer vers la droite 7 Agrandir dans un escalier en bas et à droite 19
Stores verticaux 8 Expansion en forme de marche en haut à droite 20
Stores horizontaux 9 Lignes horizontales aléatoires 21
Style damier horizontal 10 Lignes verticales aléatoires 22
Style damier longitudinal 11 Aléatoire 23
29. Application bibliothèque
****Certains contenus sur le site Web doit être utilisé à plusieurs reprises, comme une icône de site Web créée par vous-même, etc. À ce stade, enregistrez ce composant dans la bibliothèque et vous pourrez l'utiliser à tout moment.
1. Ouvrez une page et sélectionnez le composant qui doit être enregistré, comme une icône.
2. Cliquez sur la fenêtre du menu/ressources pour ouvrir la fenêtre des ressources. Sélectionnez ensuite le bouton de l'exemple de livre du bas pour ouvrir le panneau de la bibliothèque.
3. Cliquez sur le bouton Nouveau ci-dessous pour enregistrer l'icône que vous venez de sélectionner dans la bibliothèque. Vous pouvez également lui donner un nom à ce moment.
4. Lorsque vous souhaitez appliquer le contenu de la bibliothèque sur une nouvelle page, ouvrez le panneau de la bibliothèque, sélectionnez l'icône que vous souhaitez utiliser, puis cliquez sur « Insérer » ci-dessous.
30. Utilisez des modèles pour compléter rapidement le site (page d'accueil ou une page interne)
1. Tout d'abord, planifiez le site Web que vous souhaitez créer, et réalisez-le. le contenu de chaque lien est bien conçu. Par exemple, mon site web :
Les liens sur la page d'accueil sont : version web, version animation, merci de laisser un message, à propos de moi, contactez-moi, bouteille à souhaits
Les liens sur la version web sont : Profil Webmaster¦¦ Document d'enseignement et de recherche¦¦¦ Classe à la recherche de la vérité¦ ¦Cours original¦ ¦Souvenirs du cœur¦ ¦Laisser des photos de la vie¦ ¦Lettre à moi¦ ¦Yan Guo quittant les voix¦
Les liens sur la version animée sont les identiques à ceux de la version Web.
Les liens suivants vers divers articles ou pages de didacticiels. Par exemple, « Recherche de la vérité en classe » renvoie vers une page remplie de titres de plans de cours, puis à partir de chaque titre de plan de cours, il renvoie vers la page où le plan de cours est placé. La même chose s’applique aux autres.
2. Téléchargez le modèle de page Web qui convient le mieux à votre propre planification et à votre favori (Un bon modèle de site Web est : http://www.mbsky.com) Généralement, il comprend deux fichiers. . : L'un est index.htm, et l'autre est généralement un dossier nommé images, c'est ainsi que nous appelons l'endroit où les images sont placées.
3. Définissez le site, puis copiez ces deux fichiers (dossiers) dans le dossier du site.
4. Double-cliquez sur le fichier index.htm pour entrer dans l'état d'édition de la page d'accueil. Vous pouvez ensuite modifier la page en fonction de vos besoins. Ceci termine la page d’accueil.
31. Enregistrez les pages Web existantes en tant que modèles
**** est utilisé lorsqu'il y a un grand nombre de pages récurrentes dans un site Web. (Assurez-vous de définir le site avant de créer et d'utiliser un modèle)
1. Sélectionnez une page, cliquez sur Fichier/Enregistrer en tant que modèle pour enregistrer la page actuelle en tant que modèle. La fenêtre "Enregistrer le modèle" s'ouvre, donnez un nom au modèle, puis enregistrez-le.
2. À ce stade, vous pouvez constater qu'un dossier nommé Modèles est automatiquement créé sur le site et que les modèles que nous avons enregistrés sont stockés dans ce répertoire. Son extension est .dwt
3. Ce modèle ne peut pas être modifié lorsqu'il est actuellement utilisé. Vous devez donc définir la zone modifiable du modèle.
4. Par exemple, dans la page modèle actuelle, vous devez rendre la partie centrale de la page modifiable, afin de pouvoir y ajouter du contenu lors de l'utilisation du modèle. Sélectionnez la cellule du tableau au milieu de la page (maintenez la touche CTRL enfoncée et cliquez dans la cellule), puis cliquez sur Insérer/Objet modèle/Zone modifiable dans le menu principal. Une boîte de dialogue s'ouvre, dans laquelle vous pouvez donner un nom au modèle et cliquer sur OK.
5. La zone modifiable définie à ce moment est encadrée par une ligne bleu clair, et il y a le nom de la zone dans le coin supérieur gauche. Enregistrez et fermez le fichier modèle.
6. Cliquez sur Fichier/Nouveau dans le menu principal, puis cliquez sur l'option « Modèle » ci-dessus dans la nouvelle fenêtre de page.
7. À ce stade, les sites actuellement définis sont répertoriés dans la colonne "Modèle pour". Sélectionnez un site et les fichiers modèles appartenant au site sont affichés dans la colonne du milieu de la fenêtre. Sélectionnez un modèle et vous pourrez le prévisualiser dans la colonne "Aperçu". Cliquez ensuite sur le bouton "Créer" pour créer une nouvelle page.
8. Dans la nouvelle page qui apparaît, à l'exception de la zone modifiable, les autres parties ne peuvent pas être modifiées.
32. Téléchargez votre propre site Web
1. Demandez un espace sur le site Web, puis téléchargez-le sur Internet. Actuellement, il n'y a pratiquement pas d'espace libre. L'espace gratuit nécessite également de placer des publicités ou de demander un espace payant. Il offrira une période d'essai d'environ dix jours, qui peut être utilisée comme test de site Web.
2. Après avoir cliqué sur Appliquer, un formulaire de demande d'inscription apparaîtra, qui comprend généralement le nom d'utilisateur, le mot de passe, l'e-mail, le numéro de contact, la province, le nom de la page d'accueil, la catégorie de la page d'accueil, l'introduction à la page d'accueil, etc.
3. Après avoir tout rempli, vous obtiendrez les éléments suivants : ① Nom d'utilisateur (juste rempli) ② Mot de passe (juste rempli) ③ Adresse de téléchargement FTP ④ Adresse de la page d'accueil (parfois les éléments ci-dessus sont envoyés à l'adresse renseignée). adresse e-mail)
4. Téléchargez et installez le logiciel de téléchargement FTP, vous pouvez utiliser CuteFtp (le logiciel Kunshan Windows peut être téléchargé gratuitement)
5. Ouvrez le logiciel CuteFtp, cliquez sur Gestionnaire de fichiers/site dans le menu principal.
6. Remplissez l'adresse de téléchargement FTP, le nom d'utilisateur du site FTP et le mot de passe du site FTP dans la boîte de dialogue ouverte, puis cliquez sur Connecter pour vous connecter au serveur du site. (Il se connectera automatiquement la deuxième fois que vous l'ouvrirez, pas besoin de le remplir à nouveau)
7. Une fois la connexion terminée, un cadre apparaîtra sur la page. Le côté gauche est le fichier sur l'ordinateur local et. le côté droit est l'ordinateur distant. Ajoutez simplement le fichier sur la gauche (c'est-à-dire les fichiers du bon site Web) et faites-les glisser vers la droite un par un et le téléchargement est terminé.
33. Faites la promotion de votre site Web
Comment faire connaître aux autres l'adresse de votre site Web :
1. Utilisez un logiciel spécial pour que le site Web soit connecté. dans les principaux moteurs de recherche.
2. Connexion manuelle. Par exemple, si vous ouvrez Baidu (www.baidu.com), il y a un lien « Connexion au site Web » ci-dessous. Après avoir cliqué, il vous sera demandé de renseigner l'adresse du site Web. , nom, contenu, etc., puis vous serez connecté. Incluez-le dans le moteur de recherche de Baidu afin que d'autres puissent rechercher votre site Web. Il en va de même pour la connexion à d’autres sites Web.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Articles Liés
Voir plus- Tutoriel d'installation et de crackage de Dreamweaver
- Résumé des codes couramment utilisés dans Dreamweaver
- Méthode de correspondance des couleurs du code couleur Dreamweaver CS6 sous le système Win8
- Comment utiliser des modèles dans Dreamweaver (avec code)
- Étapes détaillées pour créer un site Web avec Dreamweaver