Tutorial de como crear una página Web usando Visual Studio 2010

Buenas noches comunidad

En esta oportunidad vengo a introducirlos en las herramientas básicas para crear una página web con Visual Studio 2010, que tambien se puede hacer con Microsoft Visual Web Developer y debería ser muy parecido una vez instalada la herramienta lo que hacemos es ir a nuevo proyecto y le damos en la aplicacion web ASP.NET veamolo en la figura:

Una vez seleccionado este menú le damos un nombre y una ubicación la cual tengamos presente para saber donde esta nuestro archivo, uno vez creado esto podemos ir a a la carpeta donde lo guardamos en mi caso C://---->luego docuementos----->Visual studio 2010------>Project y dentro de esta carpeta vemos que hay varios archivos .apsx que son de las hojas de estilo de cascada para AJAX, basicamente esto quiere decir que aunque hagamos todo por medio de objetos arrastrandolos como en visual basic nos queda un soporte html que nos da una estructura de una pagina web en este lenguaje. 

Una vez creado el formulario ASP.NET nos va salir un código inicial que en este caso es lo que hay por defecto de código html hasta el momento al ir agregandole cosas nos va a ir saliendo el código html sin mayores esfuerzos, esta es una de las grandes ventajas de utilizar esta herramienta y no estar programando linea por linea, 

Veamos nuestro código inicial que nos sale, bueno yo le he ido agregando par de cosas pero ahorita voy a explicarles que le he agregado, pero inicialmente el código que sale es el que muestro en este pantallazo..

Para poder hacer buenas páginas tenemos que manejar las ventanas de propiedades principales de esta software, si ya hemos trabajado antes en visual studio nos damos cuenta que sus propiedades en las respectivas ventanas son muy parecidas, encontramos botones labels textbox tal y como en visual studio, ya familiarizados con estas herramientas vamos agregar un boton un label y un textbox en nuestra parte grafica, importante darnos cuenta que contamos con la parte grafica con la parte con la parte de código y con una parte híbrida o dividida, pues al irnos a la parte grafica o de diseño agregamos estos elementos arrastrandolos, luego vamos a la parte de herramientas buscamos una que dice calendario y tambien lo agregamos debajo de el label del boton y del textbox tal y como se muestra en la siguiente figura

Lo siguiente sera ir a la parte de explorador de soluciones en la parte izquierda, buscamos el buscamos el ASP que creamos con anterioridad en mi caso yo le puse PrimeraPaginaWeb.aspx le damos click derecho y posteriormente establecer como pagina principal----->lo siguiente sera guardar Ctrl+S y ejecutamos con Ctrl+f5 el resultado será que lo podemos reproducir en nuestro buscador, con una conexion local sin necesidad de haber utilizado un ISS ("Internet information Service") observemos como lo reproduciría el buscador yo por defecto utilizo Opera así que lo reproducirá en este buscador.

Esto sería todo lo que necesitaremos ver en este tutorial, espero les halla servido como guia para subir sus propias paginas web, de manera mas sencilla que digitando linea por linea del codigo php + html de cada página; Para mayor información guiarse por medio de este turorial http://msdn.microsoft.com/es-es/library/k4cbh4dh%28v=vs.100%29.aspx