Hojas De Estilo

DISEÑO DE APLICACIONES WEB

OBJETIVO DEL CURSO


El estudiante podrá desarrollar, con un enfoque práctico, aplicaciones Web seguras con tecnologías actuales, utilizando herramientas emergentes de desarrollo Web bajo estándares mundiales del www (World Wide Web) que satisfagan las necesidades de instituciones y empresas locales, nacionales e internacionales.

UNIDAD 2: DISEÑO WEBOBJETIVO: El estudiante comprenderá los conceptos del Diseño Web y aplicará los estándares existentes para el desarrollo de aplicaciones Web

2.4 Diseño gráfico de la imagen general de la aplicación.
2.4.1 Diseño gráfico de interfaces.

2.4.1 DISEÑO GRAFICO DE INTERFACES


El alumno utilizará las hojas de estilo como herramienta para el diseño de páginas WEB.



Evaluación del tema:Tareas (investigación)  Participación y asistencia  Prácticas

 

20% 10% 40%

Realizar el ejemplo de forma individual. En equipos utilizar herramientas (Kompozer, Dreamweaver) para la creación de hojas de estilo



Diseño general de un sitio WEB para el proyecto final 30%

DISEÑO GRAFICO DE INTERFACES


La Web dotó a Internet de nuevas formas expresivas, textos e imágenes,colores y sonidos, nuevas formas de enseñar, ver, oír, negociar, entretener y aburrir. Desde su creación en 1991, el código HTML (HyperText Markup Language) ha sido su lenguaje de publicación estándar tanto por su condición de formato abierto, no propietario, como por la sencillez de su sintaxis que permite todo y exige muy poco.
HTML resulta muy limitado para satisfacer las exigencias que plantea larevolución producida en las telecomunicaciones y en los servicios basados en la Web.



ESTILO … ???

HOJAS DE ESTILO
 Las

hojas de estilo (style sheets) son conjuntos de instrucciones, a veces en forma de archivo (*.CSS. CSS, Cascading Style Sheets = Hojas de estilo) anexo, que se asocian a los archivos de texto y se ocupan de los aspectos de formato y de presentación de loscontenidos:

tipo, fuente y tamaño

de letras, justificación del texto, colores
y fondos, etc., de las páginas WEB.

HOJAS DE ESTILO


El uso adecuado de las hojas de estilo es uno de los aspectos clave de la edición digital. Las hojas de estilo son una herramienta de gran utilidad y constituyen una parte esencial de los lenguajes de marcas, para edición digital: LaTeX, XML y XHTML. Doslenguajes de hojas de estilo son CSS y XSL.

HOJAS DE ESTILO
 Ventajas:




Definir un mismo aspecto para todas las páginas de un sitio web. Se crea una hoja de estilo y se vinculan todas las páginas del sitio web a este archivo. Cualquier cambio efectuado en la hoja de estilo afecta instantáneamente al formato de todas las páginas vinculadas a la misma. Ahorra líneas de código HTML (loque reduce el peso del documento) y se evita la molestia de definir una y otra vez los estilos con el HTML.

HOJAS DE ESTILO


Ventajas:  Un rasgo distintivo de las CSS es la posibilidad de ser combinadas entre sí -característica que da origen a su denominación en cascada- de modo que la composición de la página puede verse afectada por hojas de estilo de distinta procedencia. En estainteracción inevitablemente aparecerán conflictos entre las fuentes, existe un orden específico de jerarquías y preferencias pero es el usuario quien posee la máxima prioridad.

USO DE LAS CSS
Existen varias formas de aplicar estilos a una página WEB:  Pequeñas partes de la página  Para definir estilos en secciones reducidas de una página se utiliza la etiqueta . Con su atributo style. Sintaxis:Esto es un párrafo en varias palabras en color verde resulta muy fácil

.



Resultado:
Esto es un párrafo en varias palabras en color verde resulta muy

USO DE LAS CSS


Estilo definido para una etiqueta


Para hacer que toda una etiqueta muestre un estilo determinado, utilizamos el atributo style, que es admitido por todas las etiquetas del HTML (siempre y cuando dispongamos...