11 Programación Web con .NET y C#
Transcript of 11 Programación Web con .NET y C#
![Page 2: 11 Programación Web con .NET y C#](https://reader036.fdocuments.co/reader036/viewer/2022092622/58772dc51a28ab2b2c8b6455/html5/thumbnails/2.jpg)
Plantillas Layouts RenderBody RenderSection RenderPage
![Page 3: 11 Programación Web con .NET y C#](https://reader036.fdocuments.co/reader036/viewer/2022092622/58772dc51a28ab2b2c8b6455/html5/thumbnails/3.jpg)
Estructura de una página
![Page 4: 11 Programación Web con .NET y C#](https://reader036.fdocuments.co/reader036/viewer/2022092622/58772dc51a28ab2b2c8b6455/html5/thumbnails/4.jpg)
Pasos para Ver una Comprobante/Index Llamada a la página Index.cshtml Verifica _ViewStart.cshtml en el directorio /Views Verifica _ViewStart.cshtml en el directorio
Comprobante Verifica si tiene especificado variable Layout Renderiza Layout Renderiza la Pagina Index.cshtml
![Page 5: 11 Programación Web con .NET y C#](https://reader036.fdocuments.co/reader036/viewer/2022092622/58772dc51a28ab2b2c8b6455/html5/thumbnails/5.jpg)
Secciones Visualizar partes dinamicas Configuracion de Estilos Configuración de Scripts
![Page 6: 11 Programación Web con .NET y C#](https://reader036.fdocuments.co/reader036/viewer/2022092622/58772dc51a28ab2b2c8b6455/html5/thumbnails/6.jpg)
Secciones RenderSection Section IsSectionDefined
![Page 7: 11 Programación Web con .NET y C#](https://reader036.fdocuments.co/reader036/viewer/2022092622/58772dc51a28ab2b2c8b6455/html5/thumbnails/7.jpg)
CSS Cascading Style Sheets Separar presentación de contenido Mayor flexibilidad, escalabilidad, y
posibilidades en la presentación de contenidos web
Dinamismo Correctamente utilizado reduce el peso
de las páginas
![Page 8: 11 Programación Web con .NET y C#](https://reader036.fdocuments.co/reader036/viewer/2022092622/58772dc51a28ab2b2c8b6455/html5/thumbnails/8.jpg)
Sintaxis Básica
Selector { propiedad: valor; ...}
Declaración
H1 {color:#CC9900;}Ejemplo:
![Page 9: 11 Programación Web con .NET y C#](https://reader036.fdocuments.co/reader036/viewer/2022092622/58772dc51a28ab2b2c8b6455/html5/thumbnails/9.jpg)
Como se usa CSS En la Cabecera (<HEAD>)<STYLE TYPE="text/css"> P {text-align:right}</STYLE>
Estilo como atributo<P STYLE="text-align: right">Estilo
propio</P> Hoja de estilo externa<LINK REL="stylesheet" TYPE="text/css"
HREF="estilo.css">
![Page 10: 11 Programación Web con .NET y C#](https://reader036.fdocuments.co/reader036/viewer/2022092622/58772dc51a28ab2b2c8b6455/html5/thumbnails/10.jpg)
Selectores ElementosH1 {font-family: Arial, Helvetica, sans-
serif; font size: 10pt; font-style: italic;}
Elementos agrupadosH1, P, B {font-color: blue;} Clases para elementosP.enfatizada {font-weight: bold;} Clases generales.enfatizada {font-weight: bold;} Selectores ID#enfatizada {font-weight: bold;}
![Page 11: 11 Programación Web con .NET y C#](https://reader036.fdocuments.co/reader036/viewer/2022092622/58772dc51a28ab2b2c8b6455/html5/thumbnails/11.jpg)
Pseudo Selectores Pseudo-Elementos:first-line Se aplica a la primera línea del elemento
:first-letter Se aplica a la primera letra del elemento
Pseudo-Clases:first-child Se aplica al primer hijo del elemento
:link Enlace (ej. A:link {...}):visited Enlace visitado:hover Enlace sobrevolado
![Page 12: 11 Programación Web con .NET y C#](https://reader036.fdocuments.co/reader036/viewer/2022092622/58772dc51a28ab2b2c8b6455/html5/thumbnails/12.jpg)
Cajas
Vestibulum convallis dignissim diam. Sed et ligula. Proin ullamcorper odio eu mi. Aliquam erat volutpat. Nunc ac leo sed erat commodo ornare. Duis urna. Nunc ac justo a risus dictum scelerisque. Curabitur felis augue, rutrum eu, sollicitudin ac, auctor non, dolor.
Margin
Padding
Border