Share
Este tutorial presenta Microsoft WebMatrix, una tecnología de desarrollo web gratuita que ofrece una de las mejores experiencias para los desarrolladores web.
WebMatrix es un conjunto gratuito y ligero de herramientas de desarrollo web que proporciona la forma más sencilla de crear sitios web..
Incluye IIS Express (un servidor web de desarrollo), ASP.NET (un marco web) y SQL Server Compact (una base de datos integrada). También incluye una herramienta simple que agiliza el desarrollo de sitios web y facilita el inicio de sitios web desde aplicaciones populares de código abierto. Las habilidades y el código que desarrolla con WebMatrix hacen una transición perfecta a Visual Studio y SQL Server.
Las páginas web que crea utilizando WebMatrix pueden ser dinámicas, es decir, pueden alterar su contenido o estilo en función de los comentarios del usuario o de otra información, como la información de la base de datos. Para programar páginas web dinámicas, utiliza ASP.NET con la sintaxis de Razor y con los lenguajes de programación C # o Visual Basic..
Si ya tiene herramientas de programación que le gustan, puede probar las herramientas WebMatrix o puede usar sus propias herramientas para crear sitios web que usen ASP.NET.
Este tutorial le muestra cómo WebMatrix le facilita comenzar a crear sitios web y páginas web dinámicas.
Para instalar WebMatrix, puede usar el instalador de plataforma web de Microsoft, que es una aplicación gratuita que facilita la instalación y configuración de tecnologías relacionadas con la web..
http://go.microsoft.com/fwlink/?LinkID=205867
Notaяя Si ya tiene instalada una versión WebMatrix Beta, el instalador de la plataforma web actualiza la instalación a WebMatrix 1.0. Sin embargo, es posible que los sitios creados con ediciones Beta anteriores no aparezcan en la Mis sitios lista cuando abre WebMatrix por primera vez. Para abrir un sitio creado anteriormente, haga clic en Sitio de la carpeta icono, busque el sitio y ábralo. La próxima vez que abra WebMatrix, el sitio aparecerá en el Mis sitios lista.
Para comenzar, creará un nuevo sitio web y una página web simple.
En la parte superior, verá una Barra de herramientas de acceso rápido y una cinta, como en Microsoft Office 2010. En la parte inferior izquierda, verá el selector de área de trabajo, que contiene botones que determinan lo que aparece sobre ellos en el panel izquierdo. A la derecha se encuentra el panel de contenido, que es donde se ven los informes, se editan archivos, etc. Finalmente, en la parte inferior está la barra de notificaciones, que muestra los mensajes según sea necesario.
WebMatrix muestra una lista de tipos de archivos.
Como puedes ver, este es un marcado HTML ordinario..
Hola Página Mundial Hola Página Mundial
Hola Mundo!
Notaяя antes de hacer clic correr, asegúrese de que la página web que desea ejecutar esté seleccionada en el panel de navegación del Archivos espacio de trabajo WebMatrix ejecuta la página que está seleccionada, incluso si actualmente está editando una página diferente. Si no se selecciona ninguna página, WebMatrix intenta ejecutar la página predeterminada para el sitio (default.cshtml), y si no hay una página predeterminada, el navegador muestra un error.
WebMatrix inicia un servidor web (IIS Express) que puede usar para probar páginas en su computadora. La página se muestra en su navegador predeterminado.
Ahora que tiene instalado WebMatrix y creado un sitio, es una buena idea aprender a usar la herramienta de administración de páginas web ASP.NET y el administrador de paquetes para instalar ayudantes. WebMatrix contiene ayudantes (componentes) que simplifican las tareas de programación comunes y que utilizará en estos tutoriales. (Algunos ayudantes ya están incluidos con WebMatrix, pero también puede instalar otros). En el apéndice puede encontrar una referencia rápida para los ayudantes incluidos y para otros ayudantes que puede instalar como parte de un paquete llamado ASP.NET Web Biblioteca de ayudantes. El siguiente procedimiento muestra cómo usar la herramienta de administración para instalar la Biblioteca de Ayudantes Web ASP.NET. Utilizará algunos de estos ayudantes en este tutorial y otros tutoriales en esta serie..
Después de hacer clic Crear contraseña, una página de verificación de seguridad que se parece a la siguiente captura de pantalla le solicita que cambie el nombre del archivo de contraseña por razones de seguridad. Si es la primera vez que ve esta página, no intente cambiar el nombre del archivo todavía. Continúa con el siguiente paso y sigue las instrucciones allí..
Si alguna vez desea mostrar otras ubicaciones de fuentes, haga clic en Administrar fuentes de paquetes enlace para agregar, cambiar o eliminar fuentes.
Esta página también le permite desinstalar paquetes, y puede usar la página para actualizar paquetes cuando haya nuevas versiones disponibles. Puedes ir al Show lista desplegable y haga clic Instalado para mostrar los paquetes que ha instalado, o haga clic en Actualizaciones para mostrar las actualizaciones disponibles para los paquetes instalados.
Notaяя Las plantillas web predeterminadas (Panadería, Calendario, Galería de fotos, y Sitio de inicio) Están disponibles en versiones C # y Visual Basic. Puede instalar las plantillas de Visual Basic usando el Administración de páginas web ASP.NET Herramienta en WebMatrix. Abra la herramienta de administración como se describe en esta sección y busque VB, y luego instale las plantillas que necesita. Las plantillas de sitio web se instalan en la carpeta raíz de su sitio en una carpeta llamada Plantillas de Microsoft.
En la siguiente sección, verá lo fácil que es agregar código a la default.cshtml Página para crear una página dinámica..
En este procedimiento, creará una página que utiliza un código simple para mostrar la fecha y la hora del servidor en la página. El ejemplo aquí le presentará la sintaxis de Razor que le permite insertar código en el HTML en las páginas web de ASP.NET. (Puede leer más sobre esto en el siguiente tutorial). El código presenta a uno de los ayudantes sobre los que leyó anteriormente en el tutorial..
Hola Página Mundial Hola Página Mundial
Hola Mundo!
El tiempo es @ DateTime.Now
La página contiene marcado HTML ordinario, con una adición: el @ código de programa de las marcas de caracteres ASP.NET.
La única línea de código que ha agregado realiza todo el trabajo de determinar la hora actual en el servidor, formatearlo para su visualización y enviarlo al navegador. (Puedes especificar opciones de formato; esto es solo el predeterminado).
Supongamos que desea hacer algo más complejo, como mostrar una lista de desplazamiento de tweets de un usuario de Twitter que seleccione. Puedes usar un ayudante para eso; Como se señaló anteriormente, un ayudante es un componente que simplifica las tareas comunes. En este caso, todo el trabajo que, de lo contrario, tendría que hacer sería buscar y mostrar un feed de Twitter..
Feed de Twitter Feed de Twitter
Este HTML crea un formulario que muestra un cuadro de texto para ingresar un nombre de usuario, más un Enviar botón. Estos están entre el primer conjunto de Entre el segundo conjunto de Este ejemplo le ha mostrado un poco sobre cómo puede usar WebMatrix y cómo puede programar páginas web dinámicas usando un simple código ASP.NET usando la sintaxis de Razor. El siguiente tutorial examina el código con mayor profundidad. Los siguientes tutoriales le mostrarán cómo usar el código para diferentes tipos de tareas del sitio web.. Además de usar WebMatrix para programar páginas ASP.NET Razor, también puede usar Visual Studio 2010, ya sea una de las ediciones completas o la edición gratuita de Visual Web Developer Express. Si usa Visual Studio o Visual Web Developer para editar páginas de ASP.NET Razor, obtendrá dos herramientas de programación que pueden mejorar su productividad: IntelliSense y el depurador. IntelliSense funciona en el editor al mostrar las opciones apropiadas para el contexto. Por ejemplo, cuando ingresa un elemento HTML, IntelliSense le muestra una lista de atributos que puede tener el elemento, e incluso puede mostrarle para qué valores puede establecer esos atributos. IntelliSense funciona para HTML, JavaScript y C # y Visual Basic (los lenguajes de programación que usa para las páginas de ASP.NET Razor). El depurador le permite detener un programa mientras se está ejecutando. Luego puede examinar cosas como los valores de las variables, y puede pasar línea por línea a través del programa para ver cómo se ejecuta.. Para trabajar con ASP.NET Razor Pages en Visual Studio, necesita el siguiente software instalado en su computadora: Notaяя Puede instalar Visual Web Developer 2010 Express y ASP.NET MVC 3 utilizando el instalador de plataforma web. Si tiene instalado Visual Studio, cuando edita un sitio web en WebMatrix, puede iniciar el sitio en Visual Studio para aprovechar IntelliSense y el depurador.. Una vez que el sitio se abre en Visual Studio, puede ver la estructura del sitio en Visual Studio en la Explorador de la solución cristal. La siguiente ilustración muestra el sitio web abierto en Visual Web Developer 2010 Express: Para obtener una descripción general de cómo usar IntelliSense y el depurador con páginas ASP.NET Razor en Visual Studio, consulte el elemento del apéndice Páginas web ASP.NET Visual Studio. No tiene que usar el editor de WebMatrix para crear y probar una página web ASP.NET. Para crear la página, puede utilizar cualquier editor de texto, incluido el Bloc de notas. Solo asegúrese de guardar las páginas usando .cshtml extensión de nombre de archivo. (O .vbhtml Si quieres usar Visual Basic) La forma más fácil de probar. .cshtml Las páginas son para iniciar el servidor web (IIS Express) utilizando WebMatrix correr botón. Sin embargo, si no desea utilizar la herramienta WebMatrix, puede ejecutar el servidor web desde la línea de comandos y asociarlo con un número de puerto específico. A continuación, especifique ese puerto cuando solicite .cshtml archivos en tu navegador. En Windows, abra un símbolo del sistema con privilegios de administrador y cambie a la siguiente carpeta: C: \ Archivos de programa \ IIS Express Para sistemas de 64 bits, use esta carpeta: C: \ Archivos de programa (x86) \ IIS Express Ingrese el siguiente comando, usando la ruta real a su sitio: No importa qué número de puerto utilice, siempre que el puerto no esté reservado por algún otro proceso. (Los números de puerto por encima de 1024 son típicamente gratuitos). Para el valor de ruta, use la ruta del sitio web donde .cshtml Los archivos son los que quieres probar. Después de que se ejecute este comando, puede abrir un navegador y navegar a un .cshtml archivo, como este: http: // localhost: 35896 / default.cshtml Para obtener ayuda con las opciones de línea de comandos de IIS Express, ingrese @ ). La primera vez que se muestra esta página, o si el usuario hace clic Enviar pero deja el cuadro de texto en blanco, la expresión condicional Solicitud ["TwitterUser"]. IsEmpty será verdad En ese caso, la página muestra un feed de Twitter que busca el término "microsoft". De lo contrario, la página muestra un feed de Twitter para cualquier nombre de usuario que ingresó en el cuadro de texto.. 
Programación de páginas ASP.NET Razor en Visual Studio
Creación y prueba de páginas ASP.NET usando su propio editor de texto
iisexpress.exe / puerto: 35896 / ruta: C: \ BasicWebSiteiisexpress.exe /? en la linea de comando.
Accentsconagua