Universidad Interamericana de Puerto Rico
Recinto Metropolitano
Maestría en Sistemas Abiertos de Información
Liza M. Diaz
584-97-5725
CEDU 6320
Programación Avanzada
Profesor: Angel Caraballo
HTML
Las siglas HTML corresponden con la definición "Lenguaje para marcado de hipertexto". Más claro aún, se trata de un lenguaje para estructurar documentos a partir de texto en el World Wide Web. Este lenguaje se basa en etiquetas (instrucciones que le dicen al texto como deben mostrarse) y atributos (parámetros que dan valor a la etiqueta). La mayoría de los documentos tienen estructuras comunes (títulos, parrafos, listas...) que van a ser definidas por este lenguaje mediante las etiquetas.
Tutoriales de HTML encontrados en el World Wide Web:
Este tutorial describe los conceptos básicos del lenguaje HTML. Muestra cuales son la etiquetas que describen la estructura general de un documento en HTML y dan una información sencilla sobre él con ejemplos. El tutorial provee explicaciones concisas de como crear tablas, listas, cambiar formatos e incliur imágenes y formularios en un documento.
Este web site es de utilidad para aquellas personas que les interese conocer la estructura básica de un documento en HTML para crear páginas sencillas. Para aquellos interesados en crear páginas más complejas no es recomendable puesto que carece de detalles y ejemplos.
http://www.davesite.com/webstation/html
Este tutorial está dirigido tanto a personas que deseen hacer sus páginas personales como aquellos programadores que comienzan a trabajar con HTML. No es necesario tener experiencia previa en la creación de páginas para el web. El tutorial es interactivo y está dividido en mini-capítulos que contienen una explicación con ejemplos prácticos al finalizar cada tema. Algunos de los temas que incluye son los siguientes:
- Donde colocar su página
- Conceptos básicos
- Estructura básica de un documento
- Etiquetas
- Título, encabezado y cuerpo de un documento
- Listas
- Tablas
- Tipos de letras y sus colores
- Transferencias de archivos utilizando FTP
Este lugar en el web contiene un excelente recurso, muy completo y dinámico, para todos aquellos seriamente interesados en construir sus paginas utilizando código HTML.
Comparación de tutoriales en HTML
Ambos recursos discuten los conceptos básicos del lenguaje y su estructura aunque el que se encuentra en www.davesite.com explica más detalladamente cada elemento. Además éste "site" es interactivo y contiene ejercicios de práctica al final de cada lección a diferencia del que se encuentra en www.ciberteca.com.
Javasript
Javasript es un lenguaje de programación especializado para el desarrollo de aplicaciones para servidores y clientes Web. Se comenta que éste lenguaje está diseñado para personas que no son programadores y para autores de páginas que utilizan HTML.
JavaScript es un lenguaje de scripts desarrollado por Netscape para incrementar las funcionalidades del lenguaje HTML. Sus características más importantes son:
- JavaScript es un lenguaje interpretado, es decir, no require compilación. El navegador del usuario se encarga de interpretar las sentencias JavaScript contenidas en una página HTML y ejecutarlas adecuadamente.
- JavaScript es un lenguaje orientado a eventos. Cuando un usuario pincha sobre un enlace o mueve el puntero sobre una imagen se produce un evento. Mediante JavaScript se pueden desarrollar scripts que ejecuten acciones en respuesta a estos eventos.
- JavaScript es un lenguaje orientado a objetos. El modelo de objetos de JavaScript está reducido y simplificado, pero incluye los elementos necesarios para que los scripts puedan acceder a la información de una página y puedan actuar sobre la interfaz del navegador.
Tutoriales de Javasript encontrados en el World Wide Web:
http://leo.worldonline.es/alplanes/principal/salidacodigo.htm
Este tutorial describe de forma general los fundamentos de la programación de scripts de cliente con JavaScript. Está dirigido a personas que ya tenga algún tipo de experiencia en un lenguaje de programación, ya que no explica los elementos básicos comunes a los diferentes lenguajes tales como las definiciones de variables, bucles, etc.
En éste se menciona la compatibilidad entre versiones de navegadores y algunos de los conflictos entre estas. Alguno de los temas que se desarollan en este tutorial son los siguientes:
La manera de introducir Javascript en el codigo de una página HTML
Como se trabaja con datos e información(tipo de datos, declaración de variables, operadores aritméticos y lógicos, etc.)
Funciones y objetos
Eventos
Cración de formularios interactivos
En adición éste tutorial incluye una sección de temas avanzados tales como la seguridad en Javascipt, compactando el código de los "scripts" y la detección y corrección de errores.
http://www.wdvl.com/Authoring/JavaScript/Tutorial/
Al igual que el recurso encontrado en la dirección de Web anterior, éste tutorial en Javascript va dirigido a personas con alguna experiencia trabajando con lenguajes de programación. Explica los conceptos de sintaxis y metodología que utiliza Javascript. Alguno de los temas que menciona son los siguientes:
Anidación de elementos de Javascipt en un documento en HTML
Grámatica de Javascript y sus asignaciones
Variables, operadores y funciones
Objetos
Disparadores de eventos
Este recurso explica muy brevemente los elementos de éste lenguaje de programación y no da ejemplos completos por tema. Su propósito aparenta ser darle al lector una descripción breve de lo que es el lenguaje sin entrar en los detalles particulares de cada concepto.
Comparación de tutoriales en Javascript
Ambos recursos mencionan los elementos más comunes de la programación en Javascript y ambos son dirigidos a personas que tengan conocimineto programando en algún lenguaje. El primer tutorial discute con más detalles el uso de cada concepto.. Además éste "site" es interactivo y contiene ejercicios de práctica al final de cada lección a diferencia del que se encuentra en www.ciberteca.com.
Formas
Formas es un área en una página del Web que contiene campos y diferentes elementos que le permiten a la persona que visita la página entrar información. Esta información es enviada a un servidor y la recibe un programa conocido como un "script" CGI(Common Gateway Interface) el cual la interpreta.
Se define con etiquetas que marcan donde se comienza a definir el tipo de forma y sus elementos y luego se marca para finalizar. Entre estas etiquetas se construye la estructura de la forma.
Tutoriales de Formas encontrados en el World Wide Web:
http://www.echoecho.com/htmlforms04.htm
Este tutorial explica de manera clara y concisa como funciona el proceso desde que un visitante añade información en una forma y como la maneja el servidor y con que herramientas. Este recurso contiene una introducción de los elementos básicos que debe contener una forma, como el servidor con la ayuda de un "script" CGI maneja la información que recibe y los diferentes componentes que pueden incluirse. Algunos de ellos son los siguientes:
- Campos para entrar "passwords" y texto libre
- "Check boxes"
- "Radio buttons"
- "Drop down buttons"
- "Drop down menus"
- "Submit buttons"
El tutorial contiene ejemplos útiles que ayudan al visitante a entender claramente la información, sea un principiante en la matería o un programador con experiencia.
http://bignosebird.com/formsls1.shtml
Este tutorial contiene una breve introducción de lo que es una forma en HTML y como utilizarlas con "scripts" CGI. Discute como construir una forma sencilla utilizando los elementos más comunes. Explica los tipos de etiquetas y códigos que deben utilizarse para lograr el diseño más apropiado según lo que se interese hacer. Hay una descripción bastante completa de la mayoría de las etiquetas que se utilizan frecuentemente lo que quiere decir que es útil tanto para principiantes como para aquellos que tengan experiencias trabajando con formas.
Comparación de tutoriales en Formas
Ambos tutoriales están diseñados tanto para personas novatas en la creación de formas en HTML o aquellos con alguna experiencia. Los dos mencionan los elementos básicos que deben incluirse en una Forma sencilla y explican la diferentes etiquetas que se utilizan para crear estos elementos.