Professional Documents
Culture Documents
INTRO DISEÑO WEB (Clase)
INTRO DISEÑO WEB (Clase)
crea columna
XML (eXtensible Markup Language)
Lenguaje de Marcas (Marcado) Extensible, es un
metalenguaje, que permite definir lenguajes de marcas
desarrollado por el W3C utilizado para almacenar datos
en forma legible.
Permite definir la gramatica de lenguajes especificos
para estructurar documentos grandes.
Es un estandar de intercambio de_ informacion
estructurada entre diferentes plataformas.
Permite la compatibilidad entre sistemas, para compartir
la informacion de una manera segura, fiable y facil.
Se puede utilizar en editores de texto, hojas de cdlculo
bases de datos, entre otros.
UNIVERSITARIA
U Di DE INVESTIGACION
Y DESARROLLO
INIRODUCCION AL DISENO WEB
ELECTIVA PROFESIONAL | - 28 FEB 2017SGML
El lenguaje de marcado generalizado estandar 6 SGML
(Standard Generalized \iarkup ‘anguage) es un
estandar para definir lenguajes de marcado
generalizados para documentos
Hojas de Estilo en Cascada (Cascading
Style Sheets)
Es un mecanismo simple que describe como se va a
mostrar un documento en la pantalla, o como se va
a imprimir, 0 incluso como va a ser pronunciada la
informacion presente en ese documento a través de
un dispositivo de lectura.
Esta forma de descripcion de estilos ofrece a los
desarrolladores el control total sobre estilo y formato
de sus documentos.
UNIVERSITARIA
U Di DE INVESTIGACION
Y DESARROLLO
INIRODUCCION AL DISENO WEB
ELECTIVA PROFESIONAL | - 28 FEB 2017Hojas de Estilo en Cascada (Cascading
Style Sheets)
Es un lenguaje de diseno grafico para definir y
crear la_ presentacién de un documento
estructurado escrito en un lenguaje de
marcado.
Es muy usado para establecer el diseno visual
de las paginas web, e interfaces de usuario
escritas en HTML o XHTML.
otras ser aplicado a cualquier documento
CSS se utiliza para dar estilo a documentos HTML
XML, separando el contenido de la
presentacion.
Los Estilos definen la forma de mostrar
elementos HTML y XML
UNIVERSITARIA
U Di DE INVESTIGACION
Y DESARROLLO
INIRODUCCION AL DISENO WEB
ELECTIVA PROFESIONAL | - 28 FEB 2017Hojas de Estilo en Cascada (Cascading
Style Sheets)
CSS permite a los desarrolladores Web
controlar el estilo y el formato de multiples
paginas Web al mismo tiempo.
Cualquier cambio en el estilo marcado para
un elemento en la CSS afectara a todas las
paginas vinculadas a esa CSS en las que
aparezca ese elemento.
CSS esta disenado principalmente para
marcar la separacion del contenido del
documento y la forma de presentacién de
este.
UNIVERSITARIA
U Di DE INVESTIGACION
Y DESARROLLO
INIRODUCCION AL DISENO WEB
ELECTIVA PROFESIONAL | - 28 FEB 2017oy
La interfaz grdfica de usuario (Graphical User \nterface),
es un entorno visual sencillo que permite la
comunicacién (interaccién amigable) entre el usuario y
el Sistema Operativo de una maquina, usando imagenes
y objetos grdficos para representar la informacién y
acciones disponibles en el sistema.
LAY OUTS
Layout es un término de la lengua inglesa que no forma
parte del diccionario de la Real Academia Espanola
(RAE). El concepto puede traducirse como disposicion o
plantilla.
Suele utilizarse para nombrar al esquema de distribucion
de los elementos dentro un diseno que permite deci
sobre la distribucion de los contenidos.
INIRODUCCION AL DISENO WEB U D las
DE INVESTIGACION
ELECTIVA PROFESIONAL | - 28 FEB 2017 I Y DESARROLLONIVERSITARIA
DE INVESTIGACION
Y DESARROLLOHojas de Estilo en Cascada (Cascading
Style Sheets)
Esta separacién busca:
Mejorar la accesibilidad del documento.
Proveer de flexibilidad y control en la especificacién
de sus caracteristicas.
Permitir que varios documentos HTML compartan un
mismo estilo usando una sola hoja de estilos separada
en un archivo .css.
Reducir la complejidad y la repeticion de cdédigo en
la estructura del documento.
INIRODUCCION AL DISENO WEB
ELECTIVA PROFESIONAL | - 28 FEB 2017
UNIVERSITARIA
U Di DE INVESTIGACION
Y DESARROLLOHojas de Estilo en Cascada (Cascading
Style Sheets)
Al separar el formato y el contenido se hace posible:
Presentar el mismo documento marcado en
diferentes estilos para diferentes métodos de
renderizado, como en pantalla o en impresion.
Mostrar una pagina web de manera diferente
dependiendo del tamano de la pantalla o tipo de
dispositivo.
INIRODUCCION AL DISENO WEB
ELECTIVA PROFESIONAL | - 28 FEB 2017
UNIVERSITARIA
U Di DE INVESTIGACION
Y DESARROLLOHojas de Estilo en Cascada (Cascading
Style Sheets)
La especificacién CSS:
Describe un esquema prioritario para determinar
que reglas de estilo se aplican.
Es mantenida por el World Wide Web Consortium
(W3C).
El W3C proporciona una herramienta de validacion
de CSS gratuita para los documentos CSS.
UNIVERSITARIA
U Di DE INVESTIGACION
Y DESARROLLO
INIRODUCCION AL DISENO WEB
ELECTIVA PROFESIONAL | - 28 FEB 2017Hojas de Estilo en Cascada (Cascading
Style Sheets)
CSS usa declaraciones (reglas) sobre el estilo de los elementos.
Las hojas de estilo estan compuestas por una o mds de esas
reglas aplicadas a un documento HTML o XML.
La regla tiene dos partes: un selector y la declaracion. A su vez la
declaracion esta compuesta por una propiedad y el valor que se
le asigne... fh! {color: blue}
1 -Loa (o)g
{color blue} es la declaracion
El selector funciona como enlace entre el documento y el estilo,
especificando los elementos que se van a ver afectados por esa
declaracion.
La deciaracion es la parte de la regla que establece cudl sera
efecto para todos los elementos 1) del documento
documentos que estén vinculados a esa hoja de estilos.
INIRODUCCION AL DISENO WEB U D SETA
ELECTIVA PROFESIONAL | - 28 FEB 2017 i Y DESARROLLOHojas de Estilo en Cascada (Cascading
Style Sheets)
Las tres formas mds conocidas de dar estilo a un documento son
las siguientes:
- Utilizando una hoja de estilo externa que estard vinculada a
un documento a través del elemento <)>, el cual debe ir
situado enlaseccion 9-90 >.
- Utilizando el elemento ——~-_, en el interior del documento al
que se le quiere dar estilo, y que generalmente se situaria en
laseccion ——_—_. De esta forma los estilos seran reconocidos
antes de que la pagina se cargue por completo.
- Utilizando estilos directamente sobre aquellos elementos que
lo permiten através delatributo dentrode ~—_.
UNIVERSITARIA
U Di DE INVESTIGACION
Y DESARROLLO
INIRODUCCION AL DISENO WEB
ELECTIVA PROFESIONAL | - 28 FEB 2017Hojas de Estilo en Cascada (Cascading
Style Sheets): normas basicas
Los selectores pueden aparecer solos...
hl {color: 120; }
h3 {color: 120; }
© agrupados, separados con comas...
h1, h3 {color: red; }
Si el © > esta formado por mds de una palabra, hay que
ponerlo entre comillas dobles. Las propiedades que se desean
modificar en una CSS para un mismo selecfor pueden agruparse,
pero sera necesario separar cada una de ellas con un punto y
coma... lof
SECs
SCoOlORoUSs
UNIVERSITARIA
U Di DE INVESTIGACION
Y DESARROLLO
By
INIRODUCCION AL DISENO WEB
ELECTIVA PROFESIONAL | - 28 FEB 2017Hay dieciséis nombres de colores, que son los colores de la
paleta VGA de Windows.
Cédigo
Cédigo
Color Nombre RGB Color Nombre
RGB
#0000FF #000080
#FFOOFF purple #800080
#FFOO00 HEB maroon #800000
#FFFFOO Giolve — #808000
#00FFOO Hil sreen #008000
#0OFFFF Wea! §— #008080
#808080 Hf eeck #000000
#FFFFFF silver #COCOCO
NIVERSITARIA
DE INVESTIGACION
Y DESARROLLOYou might also like
|