Para crear un sitio web del sistema de
archivos
- Abra
Microsoft Visual Studio 2010 o Microsoft Visual Web Developer Express.
- En
el menú Archivo, haga clic en Nuevo sitio Web.
3. Aparecerá el cuadro
de diálogo Nuevo sitio web tal y como se muestra en la siguiente
ilustración:
4. En el
cuadro Ubicación
web, seleccione Sistema de archivos y,
a continuación, escriba el nombre de la carpeta en la que desea guardar las
páginas del sitio web.
5. Damos clic en Aceptar.
6.
Cuando
se crea una nueva página, Visual Web Studio laanza una pagina con el Código, donde se pueden ver los elementos HTML de la página. Cono se muestra a continuación:
En este caso nosotros borraremos la página que visual nos da por default, para lo cual nos
posicionamos en el explorador de soluciones y dando clic derecho en default i nos
vamos a eliminar.
Ahora dentro de nuestro explorador de soluciones
nos vamos a la parte inferior donde nos
aparecerá la localización de nuestro proyecto es por ejemplo: c:/…/farmacia/
Una vez posicionados en nuestro proyecto damas clic
derecho y agregamos un nuevo elemento
A continuación nos aparecerá la siguiente pantalla y elegimos
un formulario
Una vez
que le dimos agregar. En nuestro
exportador de soluciones nos aparecerá nuestro
formulario
En
la pantalla de lado izquierdo nos
muestra el código del formulario nos vamos
a la parte inferior y seleccionamos código
Lo cual nos mostrara nuestro formulario de la siguiente manera
Nos
posicionamos en la etiqueta div y
agregamos una tabla para darle una mejor estructura a los campos que agregamos y de esta manera nuestro formulario tenga una
mejor presentación.
Para lo cual nos vamos la parte superior de nuestra pantalla y en
nuestro menú nos vamos a donde dice tabla
Seleccionamos
y se nos despliegan varias opciones escogemos insertar tabla donde colocamos las filas que necesitemos y
las columnas que deseemos
Hacemos clic en aceptar
Ahora nos posicionamos en el cuadro de herramientas
donde contiene todos los elementos que
queramos insertar a el formulario (botones,
imágenes, cajas de texto, requiredfiled los cuales nos recordaran siempre
llenar el campo ) todos estos elementos nos hacen lucir bien nuestra página .
como se muestra a continuación
Para que
nuestro botón de cancela funcione tenemos que dar doble clic sobre el. El cual nos lanzara la siguiente pantalla
donde colocaremos las siguientes líneas
de código
Mientras que
en el botón de guardar quedara de la
siguente forma:
