Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (16)
Similar a Diapocss
Similar a Diapocss (20)
Diapocss
- 1. ISEP «SAGRADO CORAZÒN DE JESÙS» INTEGRANTES: CANARIO ZULOETA ILSEN CESPEDES MANAYAY ORFELINDA ESPINAL MALCA YAQUELINE GINES MONTALVO MARIA MOLERO CARRERA JULIANA
- 2. ESTILO CSS Las hojas de estilo en cascada, hacen referencia a un lenguaje de hojas de estilos usado para describir la presentación semántica (el aspecto y formato) de un documento escrito en lenguaje de marcas.
- 3. CARACTERISTICAS DE LAS HERRAMIENTAS CSS: La ventana Aplicar estilos permite crear, modificar y aplicar estilos. También puede vincular o quitar una CSS externa. La ventana Administrar estilos proporciona muchas de las características de la ventana Aplicar estilos. La ventana Propiedades de CSS muestra los estilos utilizados por la selección actual en una página web. También muestra el orden de prioridad de los estilos. Esto permite agregar propiedades a un estilo existente, modificar las propiedades ya establecidas y crear nuevos estilos inline. La barra de herramientas Aplicación de estilo directo permite aplicar o quitar estilos basados en clase o en identificador, y crear y aplicar nuevos estilos. Proporciona más control sobre los estilos generados mediante Visual Studio, El selector de etiquetas permite seleccionar las etiquetas HTML mientras se está trabajando en una página web.
- 4. VENTAJAS DE UTILIZAR CSS EN LAS PÁGINAS WEB Control centralizado de la presentación de un sitio web completo. Separación Mejora del contenido de la presentación. en la accesibilidad del documento.
- 5. LIMITACIONES DE UTILIZAR CSS EN LAS PAGINAS WEB Los selectores no pueden usarse en orden ascendente según la jerarquía del DOM (hacia padres u otros ancestros) como se hace mediante xphat. Dificultad para el alineamiento vertical.
- 6. TIPOS DE ESTILOS: Estilos basados en elementos P {margin-left: 25px; margin-right: 25px}
- 7. Estilos basados en clases . introduction {font-size: small; color: white} En el ejemplo siguiente se muestra cómo especificar una clase para una etiqueta <p>: <p class="introduction">
- 8. Estilos basados en identificadores #footer {background-color: #CCCCCC; margin: 15px} En el ejemplo siguiente se muestra cómo especificar un identificador para una etiqueta <p>: <p id="footer">
- 9. Crear estilos CSS internos (específicos de la página) <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <Head> <Title>HTML 4.0 CSS Element Style Example</title> <style type="text/css"> h1 {text-align: center; color: blue;} </Style> </Head> <Body> <h1>This text is centered and blue</h1> </Body> </HTML>
- 10. PAGINAS MAESTRAS permiten crear un diseño de página (una plantilla) y, a continuación, crear páginas independientes con contenido que se combina con la página maestra en tiempo de ejecución.
- 11. Ventajas de las páginas maestras Permiten centralizar las funciones comunes de las páginas para que las actualizaciones puedan llevarse a cabo en un solo lugar. Facilitan la creación de un conjunto de controles y código, y aplican los resultados en un conjunto de páginas. Proporcionan un control más preciso sobre el diseño de la página final al permitir controlar el modo en que se representan los controles Placeholder. Proporcionan un modelo de objetos que permite personalizar la página maestra a partir de páginas de contenido individuales
- 12. Ámbito de las páginas maestras En el nivel de la página: Puede utilizar una directiva de página en cada página de contenido para enlazarla a una página maestra, como en el ejemplo de código siguiente. VB <%@ Page Language="VB" MasterPageFile="MySite.Master" %> VB <%@ Page Language="VB" MasterPageFile="MySite.Master" %>
- 13. En el nivel de la aplicación: Al establecer la configuración del elemento pages del archivo de configuración de la aplicación (Web.config), puede especificar que todas las páginas de ASP.NET (archivos .aspx) de la aplicación se enlacen automáticamente a una página maestra. <pages masterPageFile="MySite.Master" /> En el nivel de la carpeta: Esta estrategia es igual que la estrategia de definir enlaces en el nivel de la aplicación excepto en que la configuración se define en un archivo Web.config en una única carpeta. Los enlaces de la página maestra se aplican a continuación a las páginas ASP.NET de dicha carpeta