tema basado para programacion en html

1. PROGRAMACION INTERPRETADA
(SCRIPTING)
Materia: Programación de interfaces web I.
Profesor: Ing. José Daniel Hernández Gómez
Integrantes del equipo:
Yoseth Alan Peña Mata
Erick Vladimir Silva Olivo
Cesar Iván Esquivel Zúñiga
Alejandro Montes Delgado
Víctor Alfonso Cazares Ramírez

2. Programación interpretada
 Un lenguaje interpretado es un lenguaje de
programación que está diseñado para ser ejecutado
por medio de un intérprete, en contraste con los
lenguajes compilados. Teóricamente, cualquier
lenguaje puede ser compilado o ser interpretado, así
que esta designación es aplicada puramente debido
a la práctica de implementación común y no a
alguna característica subyacente de un lenguaje en
particular. Sin embargo, hay lenguajes que son
diseñados para ser intrínsecamente
interpretativos, por lo tanto un compilador causará
una carencia de la eficacia. Muchos autores
rechazan la clasificación de lenguajes de

3. Validación de datos
Existen dos lados de validación de datos, estos son:
 Lado del cliente:
En cuanto a la validación del lado del cliente, para
aplicaciones html, podemos usar Java Script, lo cual nos
dará la ventaja de interactuar en la misma máquina con el
cliente de manera rápida, sin tener que enviar datos al
servidor, pero por otra parte esto es una gran desventaja ya
que se puede falsear el código java script de la pagina y
hacer que se envíen datos erróneos al servidor. Fácilmente
un informático podría hacer esto con solo modificar el código
java script y mandar una respuesta al servidor, modificando
parámetros de conexión establecida.
 Lado del servidor:
ofrece la ventaja de ser mucho más segura ya que entrar
como un intruso al mismo no es tarea fácil con los
mecanismos de seguridad de la actualidad.

4. Listado de filtros de validación
posibles.
A continuación un listado de filtros de validación posibles, para filter:
FILTER_VALIDATE_BOOLEAN Valida la variable como un booleano
FILTER_VALIDATE_EMAIL Valida la variable como una dirección de
correo electrónico correcta.
FILTER_VALIDATE_FLOAT Valida que la variable sea del tipo float.
FILTER_VALIDATE_INT Valida la variable como un número
entero.
FILTER_VALIDATE_IP Valida la variable como una dirección IP.
FILTER_VALIDATE_REGEXP Valida la variable contra una expresión
regular enviada en la variable de
opciones.
FILTER_VALIDATE_URL Valida el valor coma una URL.

5. Introducción a los scripts
Un script en el lado del cliente es un programa que puede
acompañar a un documento HTML o que puede estar
incluido en él. El programa se ejecuta en la máquina del
cliente cuando se carga el documento, o en algún otro
instante, como por ejemplo cuando se activa un vínculo. El
soporte de scripts de HTML es independiente del lenguaje
de scripts.
Hay dos tipos de scripts que los autores pueden asociar a
un documento HTML:
 Aquellos que se ejecutan una sola vez cuando el agente
de usuario carga el documento. Los scripts que aparecen
dentro de un elemento SCRIPT se ejecutan cuando el
elemento es cargado. Para los agentes de usuario que
no puedan o que no vayan a ejecutar scripts, los autores
pueden incluir contenido alternativo por medio del
elemento NOSCRIPT.
 Aquellos que son ejecutados cada vez que ocurre un

6. Los scripts ofrecen a los autores la posibilidad de extender
los documentos HTML de maneras activas e interactivas.
Por ejemplo:
 Pueden evaluarse los scripts a medida que se carga el
documento para modificar los contenidos del documento
dinámicamente.
 Los scripts pueden acompañar a un formulario para
procesar los datos a medida que éstos se introducen. Los
diseñadores pueden rellenar dinámicamente partes de un
formulario según los valores de los otros campos.
También pueden asegurarse de que los datos
introducidos concuerden con rangos de valores
predeterminados, de que los campos sean consistentes
entre sí, etc.
 Los scripts pueden ser llamados por eventos que afecten
al documento, como la carga, la descarga, el movimiento
del foco sobre los elementos, los movimientos del
ratón, etc.
 Los scripts pueden ser vinculados a controles de

7. Control de eventos

8.  Los controladores de eventos para
ejecutar un procedimiento que suponga
algo más que configurar una propiedad o
controlar la escala de tiempo de una
animación. Por ejemplo, puede agregar
lógica de programación, como establecer
una propiedad en otro objeto, cargar un
documento nuevo, usar un cálculo
matemático para animar un objeto, etc.
 Control de eventos próximos y pasados
auto desplegables con capacidad de
clasificación por categorías.
 Los métodos de control de eventos están
definidos en el archivo de código

9. Imágenes flotantes

10. Imágenes flotantes
Usando una combinación de los atributos dentro de la
etiqueta IMG, puedes conseguir una disposición de las
imágenes y los textos atractiva y dinámica. Mientras
que las tablas y las hojas de estilo son posiblemente las
formas más sofisticada de conseguir este propósito,
también esta técnica es perfectamente válida.
Para hacer "flotar" a las imágenes, primero debes
alinearla. A no ser que quieras tener la imagen en la
izquierda o derecha, debes usar el atributo “align” para
usar esta técnica.

11. Ejemplo:
 Código para imágenes flotantes en HTML:
<HTML>
<HEAD>
<TITLE>Imagen flotante y texto dinámico:
derecha</TITLE>
</HEAD>
<body>
<IMG STYLE=“Display: scroll: position: fixed: bottom:
30px : right: 60 px” src=“dirección de la imagen”>
</body>
</HTML>

12. Escribiendo en los diferentes
marcos.

13. ¿Qué es un marco?
 Los frames (marcos o cuadros) permiten dividir la
ventana en varias más pequeñas, de modo que en
cada una de ellas se carga una página HTML
distinta. Las versiones más antiguas de los
navegadores no tienen implementada esta
característica, por lo que no podrán verlos.

14.  Los frames o marcos se declaran con la etiqueta
<FRAMESET>, que debe ser colocada antes de la
etiqueta <BODY>. Si no se cumple este requisito, la
etiqueta se ignorará.
 Un ejemplo pequeño es el siguiente:

15. Atributos de frame
 SCROLLING= yes, no , auto . Indica si el frame
llevará siempre, nunca o cuando lo necesite, barra
de deslizamiento vertical
 BORDERCOLOR="color" . Indica el color del borde
 MARGINWIDTH=n . Indica el margen
horizontal, tanto derecho como izquierdo, en píxeles
 MARGINHEIGHT=n . Indica el margen vertical, tanto
superior como inferior, en píxeles
 NORESIZE . Indica que el frame no se puede
redimensionar. Si no se pone este atributo
colocando el cursor en el borde del frame, permitiría
su deslizamiento