Ahora veremos algo más práctico y elemental...y de lo que más me gusta investigar (porque realmente no conozco mucho), se trata del CSS. Quisiera yo misma explicar sobre todo lo que es el HTML (HyperText Markup Language o Lenguaje de Marcado de Hipertexto) pero la verdad no tengo el suficiente tiempo para hacerlo porque en lo que verdaderamente me quiero enfocar y seguramente a muchos les va a ayudar más es sobre el CSS, el sofisticado y a veces complicado (en lo que respecta a mí un poco :S) lenguaje que aplica el CSS ( Cascading Style Sheets u hojas de estilo en cascada).
Antes de comenzar de hablar de ello, todos los que no conozcan bien como realizar documentos HTML, les daré una muy buena página por donde comenzar, es: HTML.net y hay muchos otros en el internet que pueden encontrar (lo mismo del CSS...)
¿Porqué es importante el uso de los CSS? Al principio no comprendía bien para que servía...pero ahora leyendo un poco más en la red es muy importante conocerlo porque de esta manera las aplicaciones y formatos que se le puedan dar a un documento HTML son muy amplias y es muy recomendable para cuando se le quiere dar un estilo a todo un sitio web sin tener que estar modificando cada una de las páginas.
Bueno, ahora que ya conocen las ventajas vamos a ver el componente de una CSS (de manera resumida :S) y como ponerla en un documento HTML, de hecho hay muchas maneras de hacerlo pero el que recomiendo es "llamarlo" de forma externa, es decir, hacer un documento aparte con el estilo que tenga la extensión .css
De forma general un documento HTML está estructurado de esta manera (muy básico...), si quieren lo pueden copiar en un bloc de notas, darle un nombre como "mipaginaweb" y ponerle la extensión .html y visualizarlo en un navegador.
| <HTML> <HEAD> <TITLE> Mi pagina web</TITLE> <LINK REL="stylesheet" HREF="estilo.css"> </HEAD> <BODY> <H1>Página con estilo</H1> <P>Mi página con estilo <P>Este...algo habrá que más ponerle... </BODY> </HTML> |
Si guardaron la página en HTML se verá algo así cuando la publiquen:
Pero ahora ¿Cómo se hace un documento CSS? Voy a dar un sencillo ejemplo para que vean las propiedades del documento (guardenlo y pónganle "estilo.css", guárdenlo en el mismo lugar donde hayan guardado el archivo anterior html):
| body { padding-left: 10em; font-family: Georgia, "Times New Roman", Times, serif; color: #FAAC58; background-color: #8A084B } h1 { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif } |
Explicación: Sólo se modificaron dos elementos importantes en el documento,que en este caso son el body y el h1, para poner las características de cada uno se encierran con {...} paddin-left se refiere a cuanto espacio hay al inicio de la información, el font-family es el tipo de tipografía que se va a usar, color el color de la letra y background-color el color de fondo. Los colores son manjeados en hexadecimal.
Cuando publican su documento HTML en un navegador les va a salir un resultado como el siguiente:
Espero que les sea de ayuda para aquellos que desean empezar a conocer el CSS, yo inicié con un tutorial que me pareció muy ameno, este el el link.
0 comentarios:
Publicar un comentario