Tutorial: Copiar un sitio Web mediante la herramienta Copiar sitio Web

Actualización: noviembre 2007

En este tutorial se muestra cómo utilizar la herramienta Copiar sitio Web para copiar archivos entre el sitio Web actual y otro sitio Web.

Durante este tutorial aprenderá a realizar lo siguiente:

• Copiar archivos entre sitios Web.

• Sincronizar dos sitios Web para que tengan la misma versión de cada archivo.

  Nota:
  Si copia una aplicación que contenga una referencia a un componente personalizado registrado en la GAC, el componente no se copiará con la aplicación. Para obtener más información, vea Cómo: Agregar una referencia a un componente .NET o COM en un sitio Web.

Requisitos previos

Para poder completar este tutorial, necesitará lo siguiente:

• Visual Web Developer

• .NET Framework

Crear el sitio Web compartido

En este tutorial trabajará con un sitio Web compartido y uno local, igual que lo haría en un entorno de producción. Un escenario típico sería que el sitio Web compartido estuviera en otro servidor, como por ejemplo, un servidor de ensayo o de producción. Cuando desee trabajar en el sitio, cree una versión local del mismo y copie los archivos del servidor compartido en su equipo. Cuando haya terminado sus actualizaciones, vuelva a copiar los archivos locales en el servidor compartido.

En este tutorial también se muestra cómo sería trabajar en un entorno con más de un desarrollador. Si hubiera otros desarrolladores trabajando en el sitio, también podrían descargar archivos, editarlos localmente y luego volver a copiarlos en el servidor compartido. Por lo tanto, no solo debe copiar archivos del sitio Web local al sitio Web compartido, sino que es posible que tenga que copiar versiones actualizadas de archivos del sitio Web compartido al sitio Web local.

Este tutorial emula este escenario haciéndole crear dos sitios Web. En lugar de residir en equipos separados, los dos sitios Web residen en el equipo local. Esto le permite trabajar con la herramienta Copiar sitio Web tal y como lo haría en un entorno de producción pero sin tener que utilizar un segundo equipo. Todas las tareas que realiza en este tutorial funcionan de igual modo cuando el sitio Web compartido está en otro equipo. Emulará las ediciones realizadas por otros desarrolladores utilizando el Bloc de notas para cambiar archivos.

Para crear un sitio Web de sistema de archivos

1. Abra Visual Web Developer.

2. En el menú Archivo, haga clic en Nuevo y después en Sitio Web.

   Aparecerá el cuadro de diálogo Nuevo sitio Web.

3. En Plantillas instaladas de Visual Studio, haga clic en Sitio Web ASP.NET.

4. En la lista situada más a la izquierda de Ubicación, haga clic en Sistema de archivos y luego en la lista situada más a la derecha de Ubicación, escriba C:\SharedWebSite.

   Nota:
   Los procedimientos posteriores del tutorial dan por sentado que está trabajando con un sitio Web que se llama SharedWebSite.

5. En la lista Lenguaje, haga clic en el lenguaje de programación con el que desee trabajar.

6. Haga clic en Aceptar.

   Visual Web Developer crea la carpeta y una nueva página denominada Default.aspx.

Crear páginas de prueba

Para este tutorial, creará algunas páginas simples con nombres conocidos.

Nota:
Para hacer una prueba de copia de páginas Web, no es importante que tenga páginas específicas. Sin embargo, cuando avance en el tutorial tendrá que editar las páginas que cree en el siguiente procedimiento.

Para crear páginas de prueba

1. En el Explorador de soluciones, haga clic con el botón secundario del mouse en el nombre del sitio Web y, a continuación, seleccione Agregar nuevo elemento.

2. En Plantillas instaladas de Visual Studio, haga clic en Web Forms.

3. En el cuadro Nombre, escriba Services.aspx.

4. En la lista Lenguaje, haga clic en el lenguaje de programación con el que desee trabajar.

5. Haga clic en Agregar.

   La página nueva aparece en el editor.

6. Cambie a la vista Diseño.

7. En la página, escriba Servicios, resalte para seleccionar el texto que acaba de escribir y después, en la barra de herramientas Formato, haga clic en Heading 1 <H1>.

8. Sitúe el puntero al final del texto.

9. Presione ENTRAR para crear un nuevo párrafo y luego escriba Esta página enumera los servicios que ofrecemos.

10. Guarde la página.

11. Repita los pasos del 1 al 9 para crear una página denominada Products.aspx con el encabezado Productos y el texto Esta página muestra los productos que vendemos.

12. Abra la página Default.aspx y cambie a la vista Diseño.

13. En la página, escriba el encabezado Principal y el texto Bienvenido a nuestro sitio Web.

Ahora agregue controles en la página principal (Default.aspx) para vincular a las páginas que acaba de crear.

Para agregar vínculos en la página Principal

1. Abra la página Default.aspx y cambie a la vista Diseño.

2. Desde el grupo Estándar del Cuadro de herramientas, arrastre un control Hyperlink a la página.

3. Establezca Texto en Productos y href en ~/Products.aspx.

4. Arrastre otro control Hyperlink hasta la página y luego establezca Texto en Servicios y href en ~/Services.aspx.

5. Guarde los archivos.

Prueba del sitio Web

Ahora pruebe que el sitio Web funciona como esperaba.

Para probar el sitio Web

1. En el Explorador de soluciones, haga clic con el botón secundario del mouse en Default.aspx, y después en Ver en el explorador.

   La página aparece en el explorador.

2. Haga clic en Productos y Servicios para confirmar que los vínculos funcionan.

3. Cierre el explorador.

Crear el sitio Web de origen

En esta parte del tutorial, creará un segundo sitio Web que puede utilizar para copiar en y desde archivos. Como se explicó en "Creación del sitio Web compartido" con anterioridad en el tutorial, ambos sitios Web están en su equipo, pero el primero funciona como el sitio Web compartido. El sitio Web que creará en esta parte del tutorial funciona como el sitio que utilizaría para editar los archivos.

Para crear el sitio Web de origen

1. En el menú Archivo, haga clic en Cerrar proyecto.

2. En el menú Archivo, haga clic en Nuevo y después en Sitio Web.

3. En Plantillas instaladas de Visual Studio, haga clic en Sitio Web ASP.NET.

4. En la lista situada más a la izquierda de Ubicación, haga clic en Sistema de archivos y luego en la lista situada más a la derecha de Ubicación, escriba C:\LocalWebSite.

5. Haga clic en Aceptar.

Copiar archivos del sitio Web compartido al local

En este momento, existe un sitio Web compartido en su equipo y tiene un nuevo sitio Web abierto. Si fuera un desarrollador nuevo en un proyecto, primero desearía obtener todos los archivos del sitio Web compartido y después los copiaría en su sitio Web local.

Para copiar todos los archivos del sitio Web compartido en el sitio Web local

1. En el menú Sitio Web, haga clic en Copiar sitio Web.

   Aparecerá la herramienta Copiar <NombreSitioWeb>.

2. Haga clic en Conectar.

   Aparece el cuadro de diálogo Abrir sitio Web.

3. Haga clic en Sistema de archivos.

4. En el cuadro Carpeta, escriba C:\SharedWebSite.

   Si el sitio compartido estuviera en otro equipo, escribiría la dirección URL del servidor.

5. Haga clic en Abrir.

   Los archivos del sitio compartido se muestran en Sitio Web remoto.

   Muchos de los archivos tienen símbolos junto a ellos que indican su estado. Si sincroniza los sitios, el símbolo de flecha indica la dirección en que se copia el archivo Actualmente, los archivos Services.aspx y Products.aspx en la lista Sitio Web remoto señalan a la lista Sitio Web de origen, porque si sincroniza los sitios Web, los archivos Services.aspx y Products.aspx se copiarán desde el sitio compartido al sitio local.

   Los archivos Default.aspx tienen signos de interrogación (?) junto a ellos. Esto indica que el archivo tiene el mismo nombre en los dos sitios, pero tiene datos timestamp diferentes y ninguna información sobre la última vez que se copiaron los archivos.

6. Debajo de Sitio Web remoto, resalte los archivos y carpetas que desea seleccionar.

   En este caso, desea obtener copias de todos los archivos del sitio compartido. Está emulando un escenario en el que es un nuevo desarrollador de un sitio Web existente y desea obtener las versiones más actuales de los archivos del sitio Web. Al haber creado un nuevo sitio local, no es necesario que copie ningún archivo del sitio local al compartido.

7. Haga clic en el botón de flecha izquierda para copiar los archivos seleccionados del sitio compartido al sitio local.

   El botón de flecha izquierda no tiene etiqueta a menos que pase el puntero por encima, en cuyo caso aparece una información descriptiva (ToolTip). La fecha apunta al Sitio Web de origen.

   Visual Web Developer comienza a copiar archivos. Cuando llega al archivo Default.aspx, le pide que confirme si reemplaza la copia local del archivo con el archivo del sitio compartido.

8. En el cuadro de diálogo Confirmar reemplazo de archivos, active la casilla Aplicar a todo y haga clic en Sí.

   En este caso, es seguro reemplazar todas las versiones locales de los archivos que tenga nombres de archivo duplicados, ya que las versiones de archivo que desea son las del sitio compartido. Cuando el proceso termine de copiar los archivos, las listas en Sitio Web de origen y Sitio Web remoto son las mismas.

   Nota:
   La herramienta Copiar sitio Web no combina los archivos, sino que sólo los sobrescribe.

Copiar páginas individuales

Puede utilizar la herramienta Copiar sitio Web para copiar todos los archivos o archivos específicos. En esta parte del tutorial, creará una página Web nueva en el sitio Web de origen y luego copiará el archivo de la página Web en el sitio Web compartido.

Para crear y copiar un archivo individual

1. En el Explorador de soluciones, haga clic con el botón secundario del mouse en el nombre del sitio Web y, a continuación, seleccione Agregar nuevo elemento.

2. En Plantillas instaladas de Visual Studio, haga clic en Web Forms.

3. En el cuadro Nombre, escriba Extra.aspx.

4. Haga clic en Agregar.

   No es necesario que agregue ningún contenido a la página.

5. Cierre la página.

   La nueva página aparece en Sitio Web de origen con flechas que señalan al Sitio Web remoto. Si sincroniza ahora, los archivos se copiarán del sitio Web local al sitio Web compartido.

6. En la ficha Copiar Web, resalte la página o páginas nuevas para seleccionarlas.

7. Haga clic en el botón de flecha izquierda o derecha para copiar los archivos seleccionados del sitio Web local al sitio compartido.

   Este botón no tiene etiqueta a menos que pase el puntero por encima, en cuyo caso aparece una información descriptiva (ToolTip).

   La página nueva se copia en el sitio Web compartido y se actualiza la lista en el Sitio Web remoto.

Sincronizar sitios Web

En el proceso de sincronización se copia la versión más actual de cada archivo de manera que los dos sitios Web tengan las mismas copias de todos los archivos. Utilice la sincronización si es posible que otra persona también actualice los archivos del sitio Web compartido. En esta parte del tutorial, primero cambiará el sitio Web local y el compartido y luego sincronizará los cambios entre los dos sitios.

Para cambiar los sitios Web local y compartido

1. En la ficha Copiar <NombreDeSitioWeb>, debajo de Sitio Web de origen, haga clic en Extra.aspx y, después, en el botón Eliminar.

2. Cuando se le pida que confirme la eliminación del archivo, haga clic en Sí.

   Los archivos de la página eliminada aparecen en Sitio Web de origen con un símbolo junto a ellos que indica que los archivos se han eliminado.

   Nota:
   Asegúrese de que esté activada la casilla Mostrar archivos eliminados desde la última vez que se copió.

3. En Windows, inicie el Bloc de notas y luego abra C:\SharedWebSite\Products.aspx.

4. Agregue espacios adicionales u otros caracteres al archivo, guárdelo y luego cierre el Bloc de notas.

   Está cambiando el archivo para emular lo que ocurriría si otro desarrollador cambiara el archivo en el sitio Web compartido.

5. En Visual Web Developer, en la ficha Copiar <NombreDeSitioWeb>, haga clic en Actualizar el sitio Web remoto.

   Aparece una flecha junto al archivo Products.aspx señalando a Sitio Web de origen.

6. Debajo de Sitio Web remoto, resalte todos los archivos y carpetas para seleccionarlos, y luego haga clic en el botón Sincronizar para sincronizar el archivo seleccionado entre entre las mismas rutas de acceso relativas en LocalWebSite y SharedWebSite.

   Este botón no tiene etiqueta a menos que pase el puntero por encima. El botón tiene una flecha izquierda y derecha para indicar ambos paneles.

7. Cuando se le pregunte si desea eliminar el archivo Extra.aspx del sitio Web remoto, con lo que en realidad se está propagando la eliminación al sitio Web remoto, haga clic en Sí.

   La página Products.aspx se copia del sitio Web remoto al sitio Web de origen.

   Nota:
   Si seleccionara todos los archivos y carpetas bajo Sitio Web de origen y sincronizara los archivos y carpetas, los resultados serían los mismos.

Pasos siguientes

En este tutorial se han explicado las tareas básicas que se pueden llevar a cabo con la herramienta Copiar sitio Web. A pesar de que los sitios Web con los que ha trabajado sólo contenían unos pocos archivos, puede aplicar las técnicas que ha utilizado en este tutorial a sitios de cualquier tamaño. Tal vez desee experimentar con otras maneras de copiar archivos a equipos remotos. Por ejemplo, quizá quiera hacer lo siguiente:

• Trabajar con un sitio Web FTP, que le permite abrir y editar archivos directamente en un servidor que está configurado para permitir conexiones FTP.

  Para obtener información detallada, vea Tutorial: Editar sitios Web con FTP en Visual Web Developer.

• Aprender a publicar sitios Web, que precompilan el contenido del sitio Web. Puede implementar el resultado en el servidor de producción.

  Para obtener información detallada, vea Tutorial: Publicar un sitio Web.

Vea también

Conceptos

Copiar sitios Web con la herramienta Copiar sitio Web

Otros recursos

Implementación de sitios Web en Visual Web Developer