Creacion ce css

TECNOLÓGICO ESPÍRITU SANTO DE GUAYAQUIL
CARRERA DE SISTEMAS
MENCIÓN: ANALISIS DE SISTEMAS

[pic]

TITULO:

CONFIGURACIÓN DE PAGINAS WEB MEDIANTE CSS

PROYECTO DE LA MATERIA:

FUNDAMENTOS DE INTERNET

AUTOR:
WALTER ÁVILA RUBIO

PROFESOR:
ING. RUBÉN TORRES

Guayaquil, 15 DE DICIEMBRE DEL 2009

DEDICATORIA

El presente trabajo está dedicado anuestros padres, compañeros de clases, los que nos motivan y siempre incentivan en nosotros el espíritu de aprender.

Y a nuestro profesor por su paciencia, dedicación y vocación, por cada día llegar a clases y compartir con tanto afán sus conocimientos con nosotros. Gracias.

CRONOGRAMA DEL PROYECTO

ENTREGA DE PROYECTO

Martes 15 de Diciembre del 2009

CONTENIDO DEL PROYECTODESCRIPCIÓN

El propósito de este proyecto es diseñar una página web, la cual podrá ser debidamente cambiada de configuración mediante el uso de CSS.

PARAMETROS DEL PROYECTO

- Realizar 5 configuraciones CSS
- Se creara un menú de selección para la configuración CSS
- La pagina base debe contener HTML simple
- La pagina base llevara como nombre index.html
- El informedel proyecto debe estar documentado en un archivo .doc
- Se pide también creatividad en diseño y uso de los CSS

INDICE

Dedicatoria 2
Cronograma 3
Contenido 4
Índice 5
Resumen 6
Cuerpo del Proyecto 7
Archivos del Proyecto 7
index.html 7
contenido.html 7superior.html 9
Comportamiento de los CSS 10
base3.css 13
base2.css 17
base.css 21
base4.css 26
base5.css 30
Imágenes usadas en los estilos CSS 34
Nomenclatura usada en los estilos CSS 34
Conclusiones35

RESUMEN:

Este proyecto tiene como finalidad aplicar el uso de los Estilos CSS (cascade style sheet) o (Hojas de Estilo en Cascada) mediante los cuales uno puede establecer cualquier grupo de propiedades y encapsularla mediante un nombre el cual puede ser aplicado a casi cualquier marca; la idea que se encuentra detrás del desarrollo de CSS es separar laestructura de un documento de su presentación.

Como se ha dicho, CSS es muy útil para separar el contenido del diseño, siendo esto muy útil cuando se quiere cambiar un aspecto del diseño de un sitio web, ya que sin hojas de estilo se tendría que cambiar página a página dicho aspecto. Y sin embargo, cuando se han definido hojas de estilo, se puede cambiar dicho aspecto modificando únicamente la hoja deestilo. Con lo que logramos además de un ahorro de tiempo una mayor uniformidad en el diseño.

Por consiguiente, dentro de este proyecto podremos apreciar la elaboración y comportamiento de los estilos CSS dentro de una página con contenido HTML simple.

Cuerpo de Proyecto

El proyecto está compuesto de varios archivos .html ; .css y también una serie de imágenes usadas para el diseño delos archivos .html .

A continuación detallaremos cada uno de los archivos usados y sus funciones respectivas.

Archivos del Proyecto
Index.html

Mundial de Futbol Sudafrica 2010







Este archivo llama a 2 frames; el primer frame (frame superior) contiene las 6 opciones para poder cambiar de CSS al contenido de la página y el segundo frame (frame inferior) muestra elcontenido seleccionado previamente en el frame superior.
Al cargar la pagina el frame inferior mostrara el contenido simple de la pagina sin vincularlo con ningún archivo css.

Contenido.html

Copa Mundial de Futbol de 2010








Sitio oficial
Ultimas Noticias Equipos
Grupos Calendario Historia




Copa Mundial de Futbol: Sudafrica...