Comentarios
Antes de proceder a la modificación de la página, es útil familiarizarse con el entorno de desarrollo de Visual Studio. La siguiente ilustración muestra las ventanas y herramientas disponibles en Visual Studio y Visual Studio Express para Web.
Este diagrama muestra las ventanas y las ubicaciones de las ventanas por defecto. El menú Ver le permite mostrar ventanas adicionales y reorganizar y cambiar el tamaño de las ventanas para adaptarlas a sus preferencias. Si ya se han realizado cambios en la disposición de las ventanas, lo que verá no coincidirá con la ilustración.
Examine la ilustración anterior y compare el texto con la siguiente lista, que describe las ventanas y herramientas más utilizadas. (No todas las ventanas y herramientas que usted ve están listadas aquí, sólo las marcadas en la ilustración anterior).
Cuando se crea una nueva aplicación de formularios web utilizando la plantilla de proyecto de aplicaciones web ASP.NET, Visual Studio añade una página ASP.NET (página de formularios web) denominada Default.aspx, así como otros archivos y carpetas. Puede utilizar la página Default.aspx como página principal de su aplicación web. Sin embargo, para esta guía, creará y trabajará con una nueva página.
Proyecto html de Visual Studio
Spread, como control hijo de la página, se ve afectado por la configuración de estilo de esa página (de forma similar a colocar una tabla en un formulario web y establecer un CSS maestro para todo lo que hay dentro de la página). Si creas una aplicación web por defecto con Visual Studio 2015 o superior, la página maestra por defecto contiene ajustes de estilo CSS. La propagación, una vez colocada en esta página predeterminada, puede verse afectada por la configuración de estilo y el diseño puede cambiar. Evite las siguientes etiquetas HTML para evitar el cambio de diseño: TD, TH, TABLE, INPUT y TEXTAREA.
Si su proyecto no muestra el Explorador de soluciones, en el menú Ver, seleccione Explorador de soluciones. Si ha utilizado un sitio vacío, es posible que desee añadir un formulario web al proyecto (elija Añadir, Formulario web después de hacer clic con el botón derecho en el nombre del proyecto en el Explorador de soluciones).
Desarrollo web con código Visual Studio
Visual Studio 2010 no incluye soporte por defecto para ASP.NET Web Pages. Para utilizar ASP.NET Web Pages con Visual Studio 2010, debe instalar el paquete ASP.NET MVC. Para obtener ASP.NET Web Pages 2, debe instalar ASP.NET MVC 4.
Si ha iniciado un proyecto en WebMatrix y desea cambiar a Visual Studio, WebMatrix proporciona un botón para abrir fácilmente el proyecto en Visual Studio. Debe tener Visual Studio instalado en su ordenador para que este botón esté habilitado. La siguiente imagen muestra el botón en WebMatrix.
Al hacer clic en el botón, el proyecto se abre en Visual Studio. Puede alternar entre WebMatrix y Visual Studio sin problemas. Se le notificará si algún archivo ha cambiado en el otro entorno y necesita ser recargado para obtener los últimos cambios.
La sintaxis Razor también se utiliza ampliamente en los proyectos ASP.NET MVC. MVC es una forma poderosa, basada en patrones, de construir sitios web dinámicos. Si su sitio de ASP.NET Web Pages se vuelve difícil de mantener, puede considerar convertirlo en una aplicación ASP.NET MVC. Para ver un ejemplo de creación de una aplicación MVC, consulte Introducción a ASP.NET MVC 5.
Código de Visual Studio para desarrolladores web
Un sitio web con sistema de archivos es aquel que almacena las páginas y otros archivos en una carpeta que usted elige en algún lugar de su ordenador local. Otras opciones de sitios web incluyen un sitio web IIS local, que almacena sus archivos en una subcarpeta de la raíz IIS local (normalmente, \Inetpub\Wwwroot\). Un sitio FTP almacena los archivos en un servidor remoto al que se accede a través de Internet mediante el Protocolo de Transferencia de Archivos (FTP). Un sitio remoto almacena archivos en un servidor remoto al que se puede acceder a través de una red local. Para obtener más información, consulte Tutorial: Edición de sitios web con FTP en Visual Web Developer. Además, los archivos del sitio web pueden almacenarse en un sistema de control de fuentes como Visual SourceSafe. Para obtener más información, consulte Introducción al control de fuentes.
Antes de proceder a trabajar en la página, es útil familiarizarse con el entorno de desarrollo de Visual Web Developer. La siguiente ilustración muestra las ventanas y herramientas disponibles en Visual Web Developer.
Este diagrama muestra las ventanas y las ubicaciones de las ventanas por defecto. El menú Ver le permite mostrar ventanas adicionales y reorganizar y cambiar el tamaño de las ventanas para adaptarlas a sus preferencias. Si ya se han realizado cambios en la disposición de las ventanas, lo que vea no coincidirá con el diagrama.
