DE APLICACIONES WEB
INTRODUCCION
A HTML, CSS
y JS
Elemento
Etiqueta de Apertura Contenido Etiq. de Cierre
<p class=texto>Curso HTML en SISE</p>
Nombre Valor
Atributo
Atributos
Los atributos de un elemento son pares de nombres y valores separados por
un = que se encuentran dentro de la etiqueta de apertura de algn elemento.
Los valores deben estar entre comillas.
Ejemplos:
Tipos de Elementos
Algunos tipos de Elementos
Estructurales
Describen el propsito del texto y no denotan ningn formato especfico.
Por ejemplo:
De Presentacin
Describen la apariencia del texto, independientemente de su funcin.
Por ejemplo:
CSS permite separar el contenido de un documento de su En la hoja de estilos se define el formato de los
presentacin. encabezados h2:
h2 {
En el documento HTML: text-align: center;
<h2>Seminario de HTML SISE</h2> color: blue;
font: italic large "Times New Roman", serif;
}
Ventajas del uso de CSS
Estandarizar la presentacin de un sitio web completo. Haciendola fcil de mantener.
Diferentes usuarios pueden contar con diferentes estilos acordes a sus necesidades.
Ejemplos:
Estilos para personas con dificultades visuales,
Estilos para dispositivos mviles,
Estilos para dispositivos monocromos,
Estilos para impresin,
Etc.
Los documentos HTML se reducen en tamao y complejidad.
Formatos CSS
Propiedades de fuentes
Propiedades de color y fondo Margin (Margen)
Propiedades de texto Border (Borde)
espaciado de palabras Padding (Relleno)
alineacin
Contenido
Propiedades de caja
Margen
Borde
Relleno
Estilos de listas
h2 {
text-align: center;
DOM:
Es una interface (independiente del lenguaje) que permite a los scripts
acceder dinmicamente y actualizar el contenido, la estructura y el estilo
de los documentos.
Capacidades de Javascript
Algunas de las cosas que se pueden hacer con Javascript:
Abrir nuevas ventanas controlando su tamao, look & feel, controles, etc.
Incorporar validaciones a los formularios.
Cambios de imgenes al colocar el mouse sobre algn objeto de la pgina web.
Generar respuestas ante distintos eventos
Efectos visuales en la pgina.
Crear, Eliminar o cambiar atributos de elementos de una pgina HTML en forma dinmica.
Crear o Leer Cookies
Detectar la configuracin del Browser.
Dnde incluir el Javascript
En general se utiliza el elemento script
Las funciones Javascript pueden estar en archivos independientes. Por ejemplo:
Tambin se pueden incluir las instrucciones dentro del elemento Script. Por ejemplo: