Procédure pas à pas : copie d'un site Web à l'aide de l'outil Copier le site Web

  • Article

Mise à jour : novembre 2007

Cette procédure pas à pas indique comment utiliser l'outil Copier le site Web pour copier des fichiers entre votre site Web actuel et un autre site Web.

Au cours de cette procédure pas à pas, vous allez apprendre à effectuer les tâches suivantes :

  • Copier des fichiers entre sites Web.

  • Synchroniser deux sites Web afin qu'ils aient la même version de chaque fichier.

    Remarque :

    Si vous copiez une application qui contient une référence à un composant personnalisé enregistré dans le GAC, le composant ne sera pas copié avec l'application. Pour plus d'informations, consultez Comment : ajouter une référence à un composant .NET ou COM dans un site Web.

Composants requis

Pour effectuer cette procédure pas à pas, vous aurez besoin des éléments suivants :

  • Visual Web Developer

  • .NET Framework

Création du site Web partagé

Dans cette procédure pas à pas, vous utiliserez un site Web partagé et un site Web local comme vous le feriez dans un environnement de production. Dans un exemple de scénario classique, le site Web partagé se trouve sur un autre serveur, tel qu'un serveur intermédiaire ou un serveur de production. Lorsque vous souhaitez travailler sur le site, vous créez une version locale du site, puis copiez les fichiers du serveur partagé vers votre ordinateur. Lorsque vous avez fini vos mises à jour, vous recopiez les fichiers locaux sur le serveur partagé.

Cette procédure pas à pas vous permettra également d'avoir un aperçu du travail dans un environnement qui compte plusieurs développeurs. Si d'autres développeurs travaillaient sur le site, ils pourraient également télécharger des fichiers, les modifier localement, puis les recopier sur le serveur partagé. Par conséquent, vous devrez non seulement copier des fichiers du site Web local vers le site Web partagé, mais vous devrez peut-être également copier des versions mises à jour de fichiers sur le site Web partagé vers le site Web local.

Cette procédure pas à pas émule ce scénario en vous demandant de créer deux sites Web. Au lieu de résider sur des ordinateurs séparés, les sites Web résident tous deux sur l'ordinateur local. Cela vous permet de travailler avec l'outil Copier le site Web comme vous le feriez dans un environnement de production, mais sans nécessiter un deuxième ordinateur. Toutes les tâches que vous effectuez dans cette procédure pas à pas fonctionnent de la même manière lorsque le site Web partagé est sur un autre ordinateur. Vous émulerez les modifications apportées par d'autres développeurs en utilisant le Bloc-notes pour modifier les fichiers.

Pour créer un site Web de système de fichiers

  1. Ouvrez Visual Web Developer.

  2. Dans le menu Fichier, cliquez sur Nouveausite Web.

    La boîte de dialogue Nouveau site Web s'affiche.

  3. Sous Modèles Visual Studio installés, cliquez sur Site Web ASP.NET.

  4. Dans la liste Emplacement la plus à gauche, cliquez sur Système de fichiers, puis dans la liste Emplacement la plus à droite, entrez C:\SiteWebPartagé.

    Remarque :

    Les procédures de cette procédure pas à pas supposent que vous utilisez un site Web nommé SiteWebPartagé.

  5. Dans la liste Langage, cliquez sur le langage de programmation que vous préférez utiliser.

  6. Cliquez sur OK.

    Visual Web Developer crée le dossier et une page nommée Default.aspx.

Création de pages de test

Pour cette procédure pas à pas, vous créerez des pages simples avec des noms connus.

Remarque :

Pour tester la copie de pages Web, il n'est pas nécessaire que vous ayez des pages spécifiques. Toutefois, ultérieurement dans la procédure pas à pas, vous modifierez les pages que vous créez dans la procédure suivante.

Pour créer des pages de test

  1. Dans l'Explorateur de solutions, cliquez avec le bouton droit sur le nom du site Web, puis cliquez sur Ajouter Nouvel élément.

  2. Sous Modèles Visual Studio installés, cliquez sur Formulaire Web.

  3. Dans la zone Nom, tapez Services.aspx.

  4. Dans la liste Langage, cliquez sur le langage de programmation que vous préférez utiliser.

  5. Cliquez sur Ajouter.

    La nouvelle page s'affiche dans l'éditeur.

  6. Basculez en mode Design.

  7. Dans la page, tapez Services, sélectionnez le texte que vous venez d'entrer en le mettant en surbrillance, puis dans la barre d'outils Mise en forme, cliquez sur Heading 1 <H1>.

  8. Positionnez le pointeur à la fin du texte.

  9. Appuyez sur ENTRÉE pour créer un nouveau paragraphe, puis tapez Cette page répertorie les services que nous offrons.

  10. Enregistrez la page.

  11. Répétez les étapes 1 à 9 pour créer une page nommée Products.aspx avec le titre Products et le texte Cette page répertorie les produits que nous vendons.

  12. Ouvrez la page Default.aspx et basculez en mode Design.

  13. Dans la page, tapez le titre Home et le texte Bienvenue sur notre site Web.

Maintenant, vous allez ajouter des contrôles sur la page d'accueil (Default.aspx) pour créer une liaison avec les pages que vous venez de créer.

Pour ajouter des liens sur la page d'accueil.

  1. Ouvrez la page Default.aspx et basculez en mode Design.

  2. À partir du groupe Standard de la boîte à outils, faites glisser un contrôle Hyperlink sur la page.

  3. Affectez Products à Text et ~/Products.aspx à href.

  4. Faites glisser un autre contrôle Hyperlink sur la page, puis affectez Services à Text et ~/Services.aspx à href.

  5. Enregistrez vos fichiers.

Test du site Web

Maintenant vous allez vérifier que le site Web fonctionne comme vous l'attendez.

Pour tester le site Web

  1. Dans l'Explorateur de solutions, cliquez avec le bouton droit sur Default.aspx, puis cliquez sur Afficher dans le navigateur.

    La page s'affiche dans le navigateur.

  2. Cliquez sur Products et Services pour confirmer que les liens fonctionnent.

  3. Fermez le navigateur.

Création du site Web source

Dans cette partie de la procédure pas à pas, vous créerez un deuxième site Web à partir duquel et dans lequel vous pouvez copier des fichiers. Comme l'explique « Création du site Web partagé » précédemment dans cette procédure pas à pas, les deux sites Web sont sur votre ordinateur, mais le premier site Web joue le rôle de site Web partagé. Le site Web que vous créerez dans cette partie de la procédure pas à pas joue le rôle du site que vous utiliserez pour modifier des fichiers.

Pour créer le site Web source

  1. Dans le menu Fichier, cliquez sur Fermer le projet pour fermer SiteWebPartagé.

  2. Dans le menu Fichier, cliquez sur Nouveausite Web.

  3. Sous Modèles Visual Studio installés, cliquez sur Site Web ASP.NET.

  4. Dans la liste Emplacement la plus à gauche, cliquez sur Système de fichiers, puis dans la liste Emplacement la plus à droite, entrez C:\SiteWebLocal.

  5. Cliquez sur OK.

Copie de fichiers du site Web partagé vers le site Web local

À ce stade, un site Web partagé existe sur votre ordinateur et un nouveau site Web est ouvert. Si vous étiez un nouveau développeur sur un projet, vous souhaiteriez d'abord obtenir tous les fichiers du site Web partagé, puis copier les fichiers vers votre site Web local.

Pour copier tous les fichiers du site Web partagé vers le site Web local

  1. Dans le menu Site Web, cliquez sur Copier le site Web.

    L'outil Copier <Nom du site Web> s'affiche.

  2. Cliquez sur Se connecter.

    La boîte de dialogue Ouvrir le site Web s'affiche.

  3. Cliquez sur Système de fichiers.

  4. Dans la zone Dossier, tapez C:\SiteWebPartagé.

    Si le site partagé était sur un autre ordinateur, vous taperiez l'URL du serveur.

  5. Cliquez sur Ouvrir.

    Les fichiers du site partagé sont répertoriés sous Site Web distant.

    De nombreux fichiers apparaissent accompagnés de symboles qui indiquent leur état. Le symbole de flèche vous indique la direction dans laquelle un fichier sera copié, si vous synchronisez les sites. Actuellement, les fichiers Services.aspx et Products.aspx dans la liste Site Web distant pointent vers la liste Site Web source, car si vous synchronisez les sites Web, les fichiers Services.aspx et Products.aspx seront copiés du site partagé vers le site local.

    Les fichiers Default.aspx apparaissent accompagnés de points d'interrogation (?). Cela indique que le fichier possède le même nom dans les deux sites, mais des données d'horodatage différentes et aucune information sur la dernière copie des fichiers.

  6. Sous Site Web distant, sélectionnez tous les fichiers et les dossiers en les mettant en surbrillance.

    Dans ce cas, vous souhaitez obtenir des copies de tous les fichiers du site partagé. Vous émulez un scénario dans lequel vous êtes un nouveau développeur sur un site Web existant et vous souhaitez obtenir les versions les plus actuelles des fichiers du site Web. Étant donné que vous avez créé un nouveau site local, vous ne devez pas copier tous les fichiers du site local vers le site partagé.

  7. Cliquez sur le bouton représentant une flèche vers la gauche pour copier les fichiers sélectionnés du site partagé vers le site local.

    Le bouton représentant une flèche vers la gauche n'est pas doté d'une étiquette sauf si vous déplacez le pointeur sur ce bouton, auquel cas une info-bulle s'affiche. La flèche pointe vers Site Web source.

    Visual Web Developer commence la copie des fichiers. Lorsqu'il arrive au fichier Default.aspx, il vous invite à confirmer le remplacement de la copie locale du fichier par le fichier du site partagé.

  8. Dans la boîte de dialogue Confirmer le remplacement du fichier, activez la case à cocher Appliquer à tous, puis cliquez sur Oui.

    Dans ce cas, il est possible de substituer toutes les versions locales des fichiers qui ont des noms de copies de fichiers, car vous souhaitez disposer des versions de fichiers du site partagé. Lorsque le processus de copie est terminé, les listes de Site Web source et Site Web distant sont les mêmes.

    Remarque :

    L'outil Copier le site Web ne fusionne pas les fichiers, il se contente de les remplacer.

Copie de pages individuelles

Vous pouvez utiliser l'outil Copier le site Web pour copier tous les fichiers ou des fichiers individuels. Dans cette partie de la procédure pas à pas, vous créerez une page Web dans le site Web source, puis vous copierez le nouveau fichier de pages Web dans le site Web partagé.

Pour créer et copier un fichier individuel

  1. Dans l'Explorateur de solutions, cliquez avec le bouton droit sur le nom du site Web, puis cliquez sur Ajouter Nouvel élément.

  2. Sous Modèles Visual Studio installés, cliquez sur Formulaire Web.

  3. Dans la zone Nom, tapez Extra.aspx.

  4. Cliquez sur Ajouter.

    Il n'est pas nécessaire d'ajouter du contenu à la page.

  5. Fermez la page.

    La nouvelle page est affichée dans Site Web source, accompagnée de flèches pointant vers Site Web distant. Si vous effectuez une synchronisation maintenant, les fichiers seront copiés du site Web local vers le site Web partagé.

  6. Sous l'onglet Copier le site Web, sélectionnez la ou les nouvelles pages en les mettant en surbrillance.

  7. Cliquez sur le bouton représentant une flèche vers la gauche/droite pour copier les fichiers sélectionnés du site Web local vers le site Web partagé.

    Ce bouton n'est pas doté d'une étiquette sauf si vous déplacez le pointeur sur ce bouton, auquel cas une info-bulle s'affiche.

    La nouvelle page est copiée vers le site Web partagé et la liste de Site Web distant est mise à jour.

Synchronisation de sites Web

La synchronisation signifie la copie de la version la plus actuelle de chaque fichier afin que les deux sites Web disposent des mêmes copies de tous les fichiers. Utilisez la synchronisation si les fichiers du site Web partagé peuvent être mis à jour par quelqu'un d'autre que vous. Dans cette partie de la procédure pas à pas, vous modifierez d'abord le site Web local et le site Web partagé, puis vous synchroniserez les modifications entre les sites.

Pour modifier les sites Web locaux et les sites Web partagés

  1. Sous l'onglet Copier <Nom du site Web>, sous Site Web source, cliquez sur Extra.aspx, puis cliquez sur le bouton Supprimer.

  2. Lorsque vous êtes invités à confirmer la suppression du fichier, cliquez sur Oui.

    Les fichiers de la page supprimée apparaissent dans Site Web source accompagnés d'un symbole qui indique que les fichiers ont été supprimés.

    Remarque :

    Assurez-vous que la case à cocher Afficher les fichiers supprimés depuis la dernière opération de copie est activée.

  3. Dans Windows, démarrez le Bloc-notes, puis ouvrez C:\SiteWebPartagé\Products.aspx.

  4. Ajoutez des espaces supplémentaires ou d'autres caractères au fichier, enregistrez le fichier, puis fermez le Bloc-notes.

    Vous modifiez le fichier pour émuler ce qui se produirait si un autre développeur modifiait le fichier du site Web partagé.

  5. Dans Visual Web Developer, sous l'onglet Copier <Nom du site Web> , cliquez sur Actualiser le site Web distant.

    Une flèche s'affiche en regard du fichier Products.aspx pointant vers Site Web source.

  6. Sous Site Web distant, sélectionnez tous les fichiers et les dossiers pour les mettre en surbrillance, puis cliquez sur le bouton synchroniser pour synchroniser le fichier sélectionné entre les mêmes chemins d'accès relatifs dans SiteWebLocal et dans SiteWebPartagé.

    Ce bouton n'est pas doté d'une étiquette sauf si vous déplacez le pointeur sur ce bouton. Le bouton possède une flèche vers la gauche et vers la droite pour indiquer les deux volets.

  7. Lorsque vous êtes invité à supprimer le fichier Extra.aspx dans le site Web distant, ce qui, de fait, répercute la suppression sur le site Web distant, cliquez sur Oui.

    La page Products.aspx est copiée du site Web distant vers le site Web source.

    Remarque :

    Si vous sélectionniez tous les fichiers et les dossiers sous Site Web source et que vous synchronisiez les fichiers et les dossiers, le résultat serait identique.

Étapes suivantes

Cette procédure pas à pas a illustré les tâches de base que vous pouvez réaliser avec l'outil Copier le site Web. Même si les sites Web que vous avez utilisés contenaient seulement quelques fichiers, vous pouvez appliquer les techniques utilisées dans cette procédure pas à pas aux sites de toute taille. Vous pouvez également vous familiariser avec les autres méthodes de copie des fichiers vers les ordinateurs distants. Par exemple, vous pouvez souhaiter procéder comme suit :

Voir aussi

Concepts

Copie de sites Web avec l'outil Copier le site Web

Autres ressources

Déploiement de sites Web dans Visual Web Developer