Taeras

Instituto Tecnológico de Cd. Juárez


[pic]



Curso de Titulación

Programación de Sitios Web Dinámicos con PHP


Tema:

JavaScript


Área:
Sistemas Computacionales


Titular del Curso
Ing. Juan Manuel Bernal Ontiveros






Cd. Juárez, Chih.

JavaScript

Antes de empezar:

- En el texto me refiero continuamente a TuCarpeta, esto es un subdirectorio de tuordenador donde es conveniente que grabes todos los programas de este “tu manual”.

- Todos los programas y ejercicios del manual han sido probados sin problema en el Microsoft Internet Explorer 5.0

- El consejo, es que escribas de nuevo tal como se te indica en el texto, cada uno de los programas utilizando el Bloc de Notas del Windows. Sólo en el caso de que el programa no tefuncione y no descubras cuál es el error, cópialo a partir del Word en el Bloc de Notas y grábalo con otro nombre; para poder compararlo con el tuyo y así descubrir el error.
Piensa que se aprende más descubriendo los propios errores, que avanzar sin hacer ningún error.



























ÍNDICE


1. Introducción a la programación en JavaScript 4

2.Estructuras de Programación 22

3. Funciones y Arrays 48

4. Programación Visual 73




































I.- Introducción a la programación en JavaScript

1.- Introducción

- De todos los servicios que ofrece INTERNET, no cabe duda de que el más popular es la WWW (World Wide Web).

La WWW no es más que millones de páginas en formatoelectrónico, con los contenidos y temáticas más diversas a las que podemos acceder gracias a un ordenador + modem + browser (navegador).

- Una página WEB no es más que un fichero de texto (ASCII), escrito en formato HTML (Hyper Text Markup Language = lenguaje etiquetado de hipertexto).

- El HTML es un lenguaje basado en pares de tags (etiquetas). Un tag es un código entre , si es de aperturao un código entre si es de cierre.

Los browsers (navegadores de Internet), son capaces de traducir estas etiquetas (tags) de forma que presentan visualmente la página.

- Estructura de un fichero HTML
Básicamente consta de cuatro pares de etiquetas:


Nuestra primera página


..........................
....................................................



• El par y
Determina que un fichero sea HTML

• El par y
Determina la cabecera del fichero HTML, que puede contener un título.

• El par y
Encierra el “título”: frase de texto que aparecerá en el marco del navegador (primera línea), al ejecutar el fichero HTML

• El par y
Encierra elcontenido de la página html, es decir lo que se visualizará en el navegador.

Los navegadores (browsers) más conocidos son:
• Netscape Comunicator
• Microsoft Internet Explorer


- Ejecuta el “Bloc de Notas”, es decir:
[Inicio]
Programas
Accesorios
Bloc de Notas

- Escribe:



PROG000.HTMEsto aparecerá en el navegador porque es un párrafo
Esto es otro párrafo
Observa lo que aparece en la línea de título
La línea de título es la frase que aparece en el marco
del navegador, línea superior
¿Está claro para qué sirven los tags P, /P?



- Graba el fichero anterior con el nombre PROG000.HTM en TuCarpeta- Ejecuta el “Explorador de Windows”. Sitúate en TuCarpeta y haz un doble click en PROG000.HTM
De esta forma, se ejecuta el navegador de tu ordenador (supondré que es el Internet Explorer) y se “carga” la página PROG000.HTM


El navegador nos muestra la página HTML “visualmente”, para ver su código debes hacer:
Menú Ver
Código fuente

- La programación en HTML no...