infor








Escuela de ingeniería en computación

Modulo:
Desarrollo de páginas web

Tema:
Investigaciones Pág. 47, 57

Docente:
Salvador Peña

Alumnos:
Rubén Ernesto Tobar Osegueda
Ruth Abigail Franco Pérez
Melvin Oswaldo Gallardo

Grupo: Sis 02
Uso de plantilla de CCS

¿Qué es CSS?
Hojas de Estilo en Cascada (Cascading Style Sheets), es un mecanismo simple quedescribe cómo se va a mostrar un documento en la pantalla, o cómo se va a imprimir, o incluso cómo va a ser pronunciada la información presente en ese documento a través de un dispositivo de lectura. Esta forma de descripción de estilos ofrece a los desarrolladores el control total sobre estilo y formato de sus documentos.
¿Para qué sirve?

Por ejemplo, el elemento de HTML  indica que un bloque detexto es un encabezamiento y que es más importante que un bloque etiquetado como . Versiones más antiguas de HTML permitían atributos extra dentro de la etiqueta abierta para darle formato (como el color o el tamaño de fuente). No obstante, cada etiqueta  debía disponer de la información si se deseaba un diseño consistente para una página y, además, una persona que leía esa página conun navegador perdía totalmente el control sobre la visualización del texto.
Cuando se utiliza CSS, la etiqueta  no debería proporcionar información sobre cómo será visualizado, solamente marca la estructura del documento. La información de estilo, separada en una hoja de estilo, especifica cómo se ha de mostrar : color, fuente, alineación del texto, tamaño y otras características no visuales, como definir elvolumen de un sintetizador de voz, por ejemplo.
Por otro lado, antes de que estuviera disponible CSS, la única forma de componer espacialmente una página era el uso de tablas . Aunque esta era una técnica cómoda y versátil, ello conllevaba el uso de un elemento con una semántica particular, y en el que la distribución de los datos no se ajustaban al flujo de la información que se obtenía en lavista desde los navegadores habituales, lo que redundaba en una merma en la accesibilidad a la página por parte de otros navegadores (orientados a personas con alguna deficiencia sensorial, o a ciertos dispositivos electrónicos).
Mediante el uso de CSS, se ha permitido eliminar el uso de tablas para el diseño, usándolas solamente para la muestra de datos tabulados, si bien es cierto que obtener laversatilidad que ofrecía el diseño con tablas, es algo más complicado si no se usan.



Cómo agregar estilos CSS a una página web.

Podemos usar cuatro métodos diferentes para agregar estilos CSS al código HTML de la página web:
1. Incustrar una hoja de estilo 

Las reglas de la hoja de estilo se insertan entre las etiquetas de estilo inicial y final ( y ) de la sección encabezado de lapágina web:


     Hoja de estilo incustrada (CSS)
     
  
     


El atributo type de la etiqueta indica al explorador el tipo de hoja de estilo que debe esperar.
2. Vinculación a una hoja de estilo externa 

Para crear un vínculo a una hoja de estilo externa, insertamos una etiqueta como en el ejemplo siguiente:


     Hoja de estilo vinculada
     
 


La etiqueta indica alexplorador web que use las reglas de formato CSS en el archivo llamado "estilo.css". El atributo type identifica el archivo como un archivo de texto con información CSS, y el atributo href indica al explorador el nombre y, si es necesario, la ruta de acceso del archivo con las definiciones de hojas destilo que el explorador va a abrir. También puede incluir un atributo media para especificar losmedios a los que se aplican las reglas de la hoja de estilo. Al leer el valor del atributo media (en la etiqueta ), el explorador web puede descargar selectivamente archivos de hojas de estilo aplicables únicamente a los medios utilizados por el explorador. Por ejemplo, explorador web puede impedir la descarga de la siguiente hoja de estilo que se aplicará a "tv" (es decir, televisión) al...