Microsoft Visual Web Developer es un entorno de desarrollo liviano pensado para el desarrollo y aprendizaje. Está formado por un conjunto de herramientas y utilidades para la creación de sitios Web y sus aplicaciones Web con ASP.NET 2.0. Visual Web Developer sigue ofreciendo las ventajas de productividad del Entorno de Desarrollo Integrado (IDE en inglés) a la vez que introduce cambios con la intención de mejorarlo.
Características Algunas de las características más importantes son:
Diseño de páginas Web: Un editor de páginas Web que incluye la edición WYSIWYG y el modo de edición HTML con IntelliSense y validación. Características del diseño de páginas: La disposición de sitios uniforme con páginas principales y apariencia de páginas uniforme con temas y máscaras. Edición de código: Un editor de código que permite escribir código para las páginas Web dinámicas en Visual Basic.NET o C#. El editor de código incluye coloración para la sintaxis e IntelliSense. Desarrollo para sitios alojados: Herramientas para publicar sitios en los sitios de alojamiento, incluido un servidor Web local para efectuar pruebas. Depuración: Un depurador que busca errores en la programación. Controles: Un conjunto extenso de controles de servidor Web de ASP.NET que incorpora mucha de la funcionalidad necesaria para crear sitios Web. Acceso a datos: Compatibilidad para mostrar y editar datos en las páginas Web, ya sea bases de datos o archivos XML. En muchos casos, puede agregarse la posibilidad de ver los datos y editarlos en las páginas Web sin necesidad de escribir código. Otras: Servicios de aplicaciones integradas que permite agregar suscripciones para la seguridad de inicio de sesión en el sitio, propiedades de perfiles para mantener la información específica de los usuarios y otras características, la mayoría de las cuales no requiere código.
Historia Visual Web Developer 2005 Express forma parte de la familia de Visual Studio 2005, que es un entorno de desarrollo de Microsoft para crear aplicaciones Web; así como aplicaciones cliente (Windows), servicios de Windows, componentes, controles y otros tipos de aplicaciones. Visual Web Developer, en cambio, presenta una interfaz modernizada que trata de proporcionar las herramientas necesarias para crear aplicaciones Web. Por consiguiente, Visual Web Developer pretende ser más compacto y fácil de utilizar que Visual Studio.
Todas las características de Visual Web Developer están también disponibles en Visual Studio 2005 y los sitios Web que se pueden crear con Visual Web Developer deberían ser compatibles con Visual Studio 2005. Se pueden compartir páginas y sitios Web entre ambos sin pérdias en principio.
Diseñador de páginas Web Se pueden crear y editar páginas Web (tanto páginas HTML como páginas Web ASP.NET) utilizando el diseñador de páginas de Visual Web Developer. El diseñador proporciona dos vistas de la página: Vista Diseño, que muestra la página de forma similar a como aparecerá en el explorador, y Vista Código fuente, que muestra el marcado (como HTML) para la página. Otras aplicaciones, como el Dreamweaver de Adobe muestras una tercera donde se visualiza el código y al mismo tiempo la representación de lo que hace dicho código.
Vista Diseño La Vista Diseño proporciona un editor .Se puede escribir directamente el texto en el editor y darle formato utilizando los comandos de menú y de la barra de herramientas. También se pueden arrastrar elementos desde el cuadro de herramientas y, colocarlos bidimensionalmente utilizando las coordenadas x e y.
Los controles de servidor ASP.NET muestran un menú de etiqueta inteligente que proporciona acceso a la configuración y a las acciones que se usan más frecuentemente para configurar el control. De manera predeterminada, el menú de etiquetas inteligentes se muestra cuando se arrastra por primera vez un control a la página del Cuadro de herramientas. Este menú se puede mostrar y ocultar.
Vista Código fuente La Vista de Código fuente muestra el marcado (texto, elementos HTML y elementos de control) de la página, que se puede editar directamente. En esta vista, el diseñador proporciona las siguientes funciones:
Validación: Todos los editores de código fuente del diseñador de páginas Web, incluida la vista Código fuente para páginas Web, comprueban automáticamente la sintaxis del documento y marcan las etiquetas, los atributos y los valores que no son válidos. La validación cubre casi todos los tipos de marcado, incluso HTML, controles de servidor y directivas de página. La validación también puede comprobar si son válidas las referencias a recursos externos como archivos de imagen. IntelliSense: Como hacen otros programas similares, caso del ya citado Dreamweaver, la herramienta ofrece opciones para el contexto según se va picando el código. Por ejemplo, si se está escribiendo una etiqueta HTML, el diseñador ofrece la lista de atributos para esa etiqueta. Esto lo hace para los controles de servidor ASP.NET, marcado, directivas de página, hoja de estilos en cascada y estilos en línea y secuencia de comandos de cliente. Esta ayuda solo está disponible para los atributos que sean válidos en el momento de fabricarse la herramienta. Esquematización: Se pueden marcar secciones de la página como regiones y, a continuación, contraerlas y expandirlas. Por ejemplo, si hay un elemento table muy largo en la página, se puede marcar como una región y contraerlo cuando no se esté trabajando con él. Formato de etiquetas: Se pueden establecer opciones para el modo en que el editor da formato al marcado mientras se escribe y cuando se cambia el formato del documento.
Cambios en los editores y diseñadores de páginas Web Preservación de formato: El diseñador de páginas Web conserva el formato cuando cambia entre vista Diseño y vista Código fuente. Según el fabricante se respetan los espacios, retornos de carro y cualquier otro código añadido por el usuario. Si edita los elementos en la vista Diseño, el editor realiza el cambio de formato mínimo necesario para reflejar el cambio. Actitud está seguida por otros editores de código existentes en el mercado.
Páginas XHTML: De manera predeterminada, cuando crea una nueva página web en Visual Web Developer, la página incluye marcado de esqueleto que cumple los estándares de XHTML. El contenido que genera el editor HTML también cumple los estándares de XHTML.
Desplazamiento: En el diseñador de páginas Web, el Esquema de documento muestra el elemento actual, junto con la jerarquía de etiquetas primarias a las que pertenece. Se puede utilizar el Esquema del documento para determinar qué elemento tiene el foco y para desplazarse entre los elementos. Además, en la vista Código fuente, el explorador de etiquetas muestra la etiqueta actual en su contexto inmediato, permitiendo el desplazamiento y edición de las etiquetas, como es habitual en este tipo de programas.
Mejoras en Páginas Web de ASP.NET Siguiendo el concepto de página dimámica, cuando alguien solicita una página web de ASP.NET (archivo .aspx), la página se ejecuta como un programa en el servidor Web. Mientras la página se está ejecutando, se puede realizar cualquier tarea que requiera el sitio web, incluido el cálculo de valores, la lectura o escritura de información de base de datos o la llamada a otros programas. Como resultado, la página genera dinámicamente elementos en HTML u otro lenguaje de marcado y envía este resultado dinámico al explorador.
Se realizaron cambios a las páginas Web ASP.NET en la versión 2.0, como el proporcionar más opciones con el fin de controlar el aspecto de las páginas Web y sus funciones.
Aspecto de las páginas Páginas principales: se puede crear un diseño coherente para varias páginas mediante la creación de una página principal y páginas de contenido individuales. En la página principal, se define el diseño, la exploración y los controles que se desee compartir en las páginas de la aplicación Web. La página principal también puede contener código que se aplique a todas las páginas. Se pueden definir páginas de contenido que hagan referencia a la página principal y combinen su contenido con la página principal en tiempo de ejecución.
Temas: ahora se pueden utilizar temas de ASP.NET para aplicar un estilo a las páginas Web. Un tema es una colección de opciones de propiedades de control (a las que se conoce como máscaras), hojas de estilo y gráficos que se puede aplicar como unidad a una página o sitio web. Los temas permiten definir un estilo que se puede aplicar a un conjunto de páginas y cambiar como grupo.
Comportamiento de las páginas Nuevo modelo de código subyacente: ASP.NET sigue admitiendo el modelo de un solo archivo, en el que el código está incrustado en un bloque script de la página .aspx. Además, se ha introducido un nuevo modelo basado en clases parciales, que permiten definir parte de una clase (por ejemplo, los controladores de eventos) y mantener el código en un archivo separado. El archivo de clase parcial se compila como parte de la página .aspx. De una forma muy similar a cómo funcionaban y funcionan los includers.
Estado de vista y estado de control: en la versión 1.1 de ASP.NET, el estado de vista se utilizaba para almacenar la información de estado de control, el contenido de los controles y los datos de la aplicación. Algunos desarrolladores prefieren deshabilitar el estado de vista para reducir la cantidad de datos enviados durante una acción de ida y vuelta. Sin embargo, en ASP.NET 1.1, deshabilitar el estado de vista hace que algunos controles dejen de funcionar correctamente. En la versión 2.0 de ASP.NET, se puede deshabilitar el estado de vista sin interrumpir el comportamiento del control. Los controles que requieren la permanencia del estado entre devoluciones de datos almacenan sus propios datos en un almacén privado denominado estado de control. Este estado no almacena todo el contenido del control, en su lugar, el estado solo se utiliza para almacenar la información mínima necesaria para que el control funcione entre las devoluciones de datos, por lo que se reduce el tamaño de la página.
Administrar el tamaño de estado de vista: de forma predeterminada, toda la información del estado de vista se almacena en un único campo oculto de la página. Si el tamaño de un campo oculto llega a ser demasiado grande, algunos servidores proxy y firewalls impedirán el envío de la página. Para evitar este problema, se puede especificar el volumen de datos máximo que se debe almacenar en un campo oculto del estado de vista. Si la información del estado de vista sobrepasa el límite especificado, la página crea automáticamente campos ocultos adicionales del estado de vista y divide la información en estos campos. La página realiza la división y el reensamble de los campos de estado de vista de forma automática.
Envío a través de páginas: como en las versiones anteriores de ASP.NET, las páginas Web se devuelven datos a sí mismas cuando los usuarios hacen clic en un botón o en otro control que tenga capacidad de respuesta. Ahora es posible configurar páginas para realizar envíos a otras páginas Web ASP.NET, lo que es útil para crear formularios de varias páginas. En la página de destino, se puede obtener información de la página de origen.
Tipos de Sitios Web en Visual Web Developer
Sitios Web de IIS (Internet Information Server) locales Se utiliza cuando se desea crear páginas Web en un equipo local que tiene una copia de IIS instalada en el equipo. Cuando se crea un sitio web de IIS local, las páginas y carpetas del sitio se almacenan en una carpeta situada en la carpeta de IIS predeterminada.
De forma alternativa, se puede crear un directorio virtual de IIS. En este caso, las páginas y carpetas para el sitio web pueden estar en cualquier carpeta a la que tengan acceso los usuarios, y un directorio virtual en la copia local de IIS debe señalar a la ubicación del archivo.