Desarrollo WEB con C#
Enviado por Milio Martinez • 30 de Marzo de 2023 • Síntesis • 1.664 Palabras (7 Páginas) • 19 Visitas
[pic 1][pic 2][pic 3][pic 4]
[pic 5][pic 6][pic 7]
Introducción
En esta etapa veremos el desarrollo de aplicaciones web, con visual studio enfocado al desarrollo web utilizando ASP.Net y C# como el codigo base. Con la posibilidad de crear sitios webs.
Veremos lo que es la WEB, su historia y sus versiones.
El diseño de paginas web en visual studio, retomando lo visto en 4 semestre.
Conoceremos donde se crean las carpetas para guardar las hojas de estilo, javascript y las librerías, que se guardan en wwwwroot.
El layout que se encarga de organizar la página, el encabezado, la navegación, la pagina principal y el pie de página.
El encabezado de la página y menú de navegación Etiquetas <header> y <nav>
Bootstrap:
- Conteiner
- Tablas
- Imágenes
- Formularios
Veremos los controles como cuadros de texto, radio, checkbox y submit que son los botones para enviar la informacion del formulario.
Desarrollo WEB con C#
Esta etapa se basará en el desarrollo de aplicaciones web, retomando lo ya visto en 4 semestre que es ASP.Net y C#.
Utilizaremos Visual Studio que permite el desarrollo web utilizando ASP.Net y C#, tendremos la posibilidad de crear sitios webs.
Ahora nos preguntaremos lo siguiente:
¿Qué es la WEB?
Web e Internet no son lo mismo, Internet es una red de computadoras que están conectadas entre si alrededor del mundo.
Aclarado lo que es Internet, la Web (Word Wide Web) “www” un subconjunto de Internet que consta de las páginas a las que se puede acceder mediante un navegador web.
Para la creación de sitios web el lenguaje utilizado para crear páginas web es HTML.
Con el paso del tiempo las paginas web han estado evolucionando.
La web ha tenido 4 versiones.
- La web 1.0
- La web 2.0
- La web 3.0
- La web 4.0
Todas estas versiones han tenido mejores y diferencias entre sí.
La web 1.0: esta salió en los 90´s, era informacion que se trataba de informacion que se podía acceder, pero sin la posibilidad de interactuar con ella, era unidireccional.
La web 2.0: esta salió en el 2004 y se le dio el termino La web 2.0. Esta traería consigo la aparición de grupos de usuarios, las redes sociales, los blogs y a diferencia de la primera versión esta permite compartir la información.
La web 3.0: esta surge en el año 2010, y esta asocia el termino de la web semántica que se refiere al uso de un lenguaje en la red. Lo que permite que la información pueda ser encontrada de forma más rápida y eficiente debido a su estructuración.
La web 4.0: Esta inicio después del 2016. En esta etapa la inteligencia artificial aparece como principal tecnología haciendo que los sitios sean inteligentes y capaces de interactuar y responder a las necesidades de los usuarios.
2.1 Diseño de páginas web
Para la plantilla buscaremos y utilizaremos el lenguaje C#, todas las plataformas y WEB. Buscaremos la opciones Aplicaciones web ASP.NET Core, después le asignaremos un nombre a nuestro proyecto, por último seleccionamos la opción Aplicación WEB, nos proporcionara una platilla que es para el desarrollo de la aplicación web.
El wwwwroot se crea una carpeta que es para guardar las hojas de estilo(css), las imágenes, los documentos de javascript (js) y las librerías (lib) que sean necesarias para el desarrollo de la aplicación.
Las paginas web tienen una extension .cshtml, esta plantilla construye automáticamente la pagina de inicio, contactos, acerca de, entre otras.
Razón Pages es de la forma que están diseñadas las páginas, la cual es un paradigma del desarrollo web que esta incorporado en el .Net Core
Lo que sucede es que en la carpeta css, en el archivo site.css no se encuentra todo el codigo, utiliza la página creada automáticamente.
Dentro de las etiquetas <body> y </body>, encontraras etiquetas que corresponden a la estructura de HTML5.0 como los encabezados <header> y </header>, en el menú de navegación con la etiqueta <nav> y </nav>, el pie de pagina con la etiqueta <footer> y </footer> antes de esta etiqueta veras la siguiente etiqueta <main> y </main> donde dentro de esta se encontrará la sentencia @RenderBody(), esta sentencia será remplazada por el demás contenido de las otras páginas.
<
Layout es la estructura de la pagina web, esta se encarga de como esta organizada la página, lo que viene siendo el encabezado, la navegación, la pagina principal y el pie de página, se pueden acomodar de formas diferentes. Esta cuenta con las etiquetas de HTML: <header><nav><articule><section><footer>.
Encabezado de la página y menú de navegación Etiquetas <header> y <nav>
En ella se encuentra la informacion de una empresa como: el nombre, logotipo, algunas funciones como buscar, registro, identificarse, es en esta sección que se mostrara la platilla que se verán en todas las paginas del sitio, esto con la finalidad para mantener la integridad del sitio web.
<
El menú de navegación no necesariamente puede ser presentado en el encabezado o como otro elemento diferente, puede ser tanto horizontal, como vertical. En la navegación se colocan las opciones de navegación, pueden ser accesos a paginas principales o importantes de la misma como lo es el acceso del usuario como: inicio, nuestra historia, productos o servicios, ubicación y contacto.
En Bootstrap se pueden descargar desde su página principal.
¿Qué es un Bootstrap?
Bootstrap es un framework front-end utilizado para desarrollar aplicaciones web y sitios mobile first, o sea, con un layout que se adapta a la pantalla del dispositivo utilizado por el usuario.
Bootstrap es un framework CSS utilizado en aplicaciones front-end es decir, en la pantalla de interfaz con el usuario para desarrollar aplicaciones que se adaptan a cualquier dispositivo.
Bootstrap es permitir que la adaptación de la página se realice según el tipo de dispositivo utilizado.
...