Curso de Programaci

1
Curso de Programación Webhtml, java script
2

• Contenido
• HTML
• Principios
• Color, links, listas
• Archivos externos
• Tablas y frames
• Java Script
• Datos y expresiones
• Funciones y procedimientos
• Condiciones y ciclos
• Arreglos
• Objetos básicos
• Objetos complejos
• Manejo de eventos

3
Principios

• HTML y tags
• HTML son las siglas de Hyper Text Markup
  Language. El HTML es sólo una serie de marcadores
  o tags que se insertan en un archivo de texto.
  Los tags son indicaciones que silenciosamente le
  dicen al navegador qué hacer. El navegador lee
  las instrucciones y despliega o ejecuta lo que se
  le indica. A este conjunto de instrucciones se le
  llama código fuente.
• Los tags son por lo general palabras en Inglés
  (por ejemplo body), o abreviaturas (por ejemplo p
  que significa párrafo). Se distinguen del resto
  del texto porque están encerradas entre los
  símbolos lt y gt.

4
Principios

• Tags que abren y tags que cierran
• La primera regla del HTML es muy simple Los
  tags siempre van en parejas. Por ejemplo, si
  utilizo el tag lth1gt para comenzar un encabezado,
  debo utilizar el tag lt/h1gt para terminarlo.
  Habrás notado que se utiliza una diagonal / en el
  segundo tag. La diagonal distingue al tag que
  cierra (con diagonal), del tag que abre (sin
  diagonal).

5
Principios

• Estructura de una página Web
• Todas las páginas HTML comienzan con el tag
  lthtmlgt, y terminan con el tag lt/htmlgt. En medio
  de estos dos tags hay dos secciones principales
  la cabeza ltheadgt y el cuerpo ltbodygt. En la cabeza
  (que está delimitada por los tags ltheadgt y
  lt/headgt) se pone información que no aparece en la
  página, como el título de la ventana. En el
  cuerpo (limitado por los tags ltbodygt y lt/bodygt se
  encierra todo lo que aparecerá en la página.

6
Principios

• Dónde escribir el código fuente
• Aunque existen programas para trabajar con HTML,
  la manera más simple de iniciar en este lenguaje
  es utilizando el Bloc de notas, que es un
  accesorio estándar de Windows. El bloc de notas
  es muy efectivo porque no agrega caracteres
  adicionales a los textos, cosa que si hacen la
  mayoría de los procesadores de texto.

7
Principios

• Guardar, abrir y editar archivos HTML
• Una vez escrito el código fuente en el bloc de
  notas, debes guardarlo con la extensión .html.
  Para eso, en el cuadro de diálogo del Menú
  Archivo/Guardar como selecciona el Tipo Todos los
  archivos, y agrega al nombre que des al archivo
  la extensión .html.

8
Principios

• Para ver en el navegador el archivo creado basta
  abrirlo, o arrastrarlo a una ventana del
  navegador.
• Para editar o modificar el código fuente de un
  archivo HTML abierto en el navegador, utiliza el
  comando Menú Ver/Código fuente para que se abra
  el código en el Bloc de notas. Haz las
  modificaciones, cierra y guarda los cambios. De
  regreso en el navegador actualiza los cambios con
  el botón Actualizar, o con la tecla F5.

9
Tablas y frames

• Tablas
• En un inicio las tablas se incorporaron dentro
  del lenguaje HTML para mostrar datos tabulados,
  sin embargo actualmente las tablas son la
  principal herramienta para el diseño de páginas
  Web.
• La mejor forma de hacer una página Web es
  primero armar su estructura mediante tablas, y
  luego poner los datos correspondientes (texto o
  imágenes) en las celdas de esta tabla.
• En general, una tabla consiste de una agrupación
  de celdas arregladas en columnas y renglones.

10
Tablas y frames

• Frames
• Por medio de los frames se definen sub-ventanas
  dentro de la ventana principal de tu navegador.
• Cada una de las sub-ventanas o frames tiene su
  propio código HTML para describir su contenido.
• Adicionalmente la ventana principal contiene la
  definición de la estructura de frames, en donde
  se especifican cuántas y cuáles serán las
  sub-ventanas, que posición tendrán, y cuál es el
  código que se debe cargar en cada sub-ventana. A
  esta estructura de frames se le llama frameset.
• Con HTML se pueden definir distintas ligas o
  funciones dentro de una ventana, que tengan
  efecto alterando el contenido o apariencia de
  otra ventana.