ACTIVIDAD CSS

Creado por JAIME HERNAN TEJADA LLANO el lunes 27 de octubre de 2014 11:02:36 AM COT
modificado por EDGAR ENRIQUE PAEZ PALOMINO el lunes 10 de noviembre de 2014 10:45:13 AM COT

¿Qué es CSS?

CSS, es una tecnología que nos permite crear páginas web de una manera más exacta.
Gracias a las CSS somos mucho más dueños de los resultados finales de la página, pudiendo
hacer muchas cosas que no se podía hacer utilizando solamente HTML, como incluir
márgenes, tipos de letra, fondos, colores.

¿Qué puedo hacer con CSS?

CSS es un lenguaje de estilo que define la presentación de los documentos HTML. Por ejemplo,
CSS abarca cuestiones relativas a fuentes, colores, márgenes, líneas, altura, anchura,
imágenes de fondo, posicionamiento avanzado y muchos otros temas. ¡Espera unos segundos
y ya verás!
Es posible usar HTML, o incluso abusar del mismo, para añadir formato a los sitios web. Sin
embargo, CSS ofrece más opciones y es más preciso y sofisticado. CSS está soportado por
todos los navegadores hoy día.
Después de unas cuantas lecciones de este tutorial serás capaz de crear tus propias hojas de
estilo usando CSS para dar a tu sitio web un aspecto nuevo y genial.
¿Qué diferencia hay entre CSS y HTML?

HTML se usa para estructurar el contenido; CSS se usa para formatear el contenido
previamente estructurado.
Vale, suena un poco técnico y confuso... pero sigue leyendo; pronto todo tendrá sentido.
Allá en los buenos tiempos en que Madonna era una "Virgen" y un tipo llamado Tim Berners
Lee inventó el World Wide Web, el lenguaje HTML sólo se usaba para añadir estructura al
texto. Los autores podían marcar sus textos diciendo "esto en un título" o "esto es un
párrafo", usando las etiquetas HTML <h1> y <p>, respectivamente.
A medida que la Web fue ganando popularidad, los diseñadores empezaron a buscar
posibilidades para añadir formato a los documentos en línea. Para satisfacer esta
reclamación, los fabricantes de los navegadores (en ese momento, Netscape y Microsoft)
inventaron nuevas etiquetas HTML, entre las que se encontraban, por ejemplo, <font>, que se
diferenciaba de las etiquetas originales HTML en que definían el formato... y no la estructura.
Esto también llevó a una situación en la que las etiquetas estructurales originales, por
ejemplo, <table>, se usaban cada vez más de manera incorrecta para dar formato a las
páginas en vez de para añadir estructura al texto. Muchas nuevas etiquetas que añadían
formato, por ejemplo, <blink>, sólo las soportaban un tipo determinado de navegador.
"Necesitas el navegador X para visualizar esta página" se convirtió en una declaración de
descargo común en los sitios web.
CSS se inventó para remediar esta situación, proporcionando a los diseñadores web con
sofisticadas oportunidades de presentación soportadas por todos los navegadores. Al mismo
tiempo, la separación de la presentación de los documentos del contenido de los mismos,
hace que el mantenimiento del sitio sea mucho más fácil.
¿Qué beneficios me ofrece CSS?

CSS fue toda una revolución en el mundo del diseño web. Entre los beneficios concretos de
CSS encontramos:
 control de la presentación de muchos documentos
desde una única hoja de estilo;

 control más preciso de la presentación;

 aplicación de diferentes presentaciones a diferentes

tipos de medios (pantalla, impresión, etc.);

 numerosas técnicas avanzadas y sofisticadas.

CARACTERISTICAS Y VENTAJAS DE LAS CSS

El modo de funcionamiento de las CSS consiste en definir, mediante una sintaxis

especial, la forma de presentación que le aplicaremos a:
<!--[if !supportLists]--> <!--[endif]-->Un web entero, de modo que se puede definir la forma
de todo el web de una sola vez.
<!--[if !supportLists]--> <!--[endif]-->Un documento HTML o página, se puede definir la forma,
en un pequeño trozo de código en la cabecera, a toda la página.
<!--[if !supportLists]--> <!--[endif]-->Una porción del documento, aplicando estilos visibles en
 un trozo de la página.
<!--[if !supportLists]--> <!--[endif]-->Una etiqueta en concreto, llegando incluso a poder
definir varios estilos diferentes para una sola etiqueta. Esto es muy importante ya que
ofrece potencia en nuestra programación. Podemos definir, por ejemplo, varios tipos
de párrafos: en rojo, en azul, con márgenes, etc.

La potencia de la tecnología salta a la vista. Pero no solo se queda aquí, ya que además
esta sintaxis CSS permite aplicar al documento formato de modo mucho más exacto. Si
antes el HTML se nos quedaba corto para maquetar las páginas y teníamos que utilizar
trucos para conseguir nuestros efectos, ahora tenemos muchas más herramientas que
nos permiten definir esta forma:
<!--[if !supportLists]--> <!--[endif]-->Podemos definir la distancia entre líneas del documento.
<!--[if !supportLists]--> <!--[endif]-->Se puede aplicar editando a las primeras líneas del
párrafo.
<!--[if !supportLists]--> <!--[endif]-->Podemos colocar elementos en la página con mayor
precisión, y sin lugar a errores.
Y seguimos mostrando las ventajas, ya que si con el HTML tan sólo podíamos definir
atributos en las páginas con pixeles y porcentajes, ahora podemos definir utilizando
muchas más unidades como:
<!--[if !supportLists]--> <!--[endif]-->Pixels (px) y porcentaje (%), como antes.
<!--[if !supportLists]--> <!--[endif]-->Pulgadas (in).
<!--[if !supportLists]--> <!--[endif]-->Puntos (pt).
<!--[if !supportLists]--> <!--[endif]-->Centímetros (cm)
Navegadores que lo soportan

Esta tecnología es bastante nueva, por lo que no todos los navegadores la soportan. En
concreto, sólo los navegadores de Netscape versiones de la 4 en adelante y de
Microsoft a partir de la versión 3 son capaces de comprender los estilos en sintaxis
CSS. Además cabe destacar que no todos los navegadores implementan las mismas
funciones de hojas de estilos, por ejemplo, Microsoft Internet Explorer 3 no soporta
todo lo relativo a capas.
 No hay que olvidar los CSS le facilitan al diseñador mantener la jerarquía de los
contenidos de una página y brindar así una lectura e interacción más agradable
para el usuario.
 De ser necesario, si el diseñador necesita aplicar en diferentes capas el mismo estilo fácilmente lo va a
poder hacer utilizando los CSS creados y así ahorrar esfuerzos.
 El tener definidos claramente los CSS hace mas sencillo el mantenimiento de la página y el ingreso de
nuevos contenidos.
 Los CSS permiten evitar la perdida del estilo al tener una visualización de la pagina en diferentes
dispositivos (si están hechos bajo responsive desing)
Son mucho mas fuertes los beneficios que las complicaciones que nos puede llegar a dar
CSS, es fantástico poder manejar cada elemento independientemente dentro del sitio
web, de esta forma así nosotros lo diseñadores web podemos trabajar libremente. En
teoría debe ser más sencillo ya que es algo más lógico, cuando uno aprende a programar
sitios web, lógicamente primero se aprende HTML, por eso si has aprendido HTML
antes que CSS, te resultará más sencillo maquetar tablas con HTML.

Los CSS es como hacer un cuadro con múltiples acetatos; cada uno de ellos es una
obra de arte por si solo pero hacen parte de un todo" que seria la pagina web", al
observarlos tras luz.
Nos dan un sin fin de posibilidades a la hora de desarrollar y proponer ideas precisas de
lo que queremos y como vamos a visualizar todo el proyecto.
En resumen el formato css es vital para las paginas web por 10 razones fundamentales:
1.- Separación del contenido y presentación.
2.- Flexibilidad.
3.- Unificación del diseño de las páginas del sitio.
4.- Optimización de los tiempos de carga y de tráfico en el servidor.
5.- Precisión o elasticidad.
6.- Accesibilidad y estructuración.
7.- Limpieza del código fuente.
8.- Compatibilidad y continuidad.
9.- Estandarización frente a especificaciones propietarias.

10.- Permite la diferenciación de estilos para imprimir / visualizar en

pantalla.
Para hacer un breve resumen de todo lo escrito, la aplicación dreamweaver trae la opción de
CSS que es la que le da un estilo libre(diseño), eficaz y moderno a las paginas web a crear de
una manera mucho mas fácil, ademas de que genera el código de tu
pagina automáticamente sin necesidad de que sepas algo de programación.

sin embargo hay que tener encuentra que deja tener una mejor distribución de espacio
mostrando las medidas.

AGILIDAD
El CSS nos permite trabajar de forma más ordenada, al tener una jerarquía que repercute en la agilidad y
diseño para desarrollar un proyecto Web. La inmensa ventaja que nos brinda es no tener que volver a
digitar o seleccionar las características de determinada palabra(s), la cual hace parte de un título,
hipervínculo, párrafo, encabezado, tema, u otra cosa; motivo por el cual lleva una letra, color, fondo,
tamaño entre otras características de las posibilidades que nos brinda estilos CSS.
Otros motivos por los cuales la agilidad y CSS van de la mano son los siguientes:
-Permite actualizar de forma rápida la página web, siguiendo el mismo lenguaje visual.
- Mayor agilidad debido a la eliminación de códigos y por ende transferencia de documentos.