lunes, 29 de octubre de 2007

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 formato electró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 apertura o 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.
Leer mas...
  • Estructura de un fichero HTML
Básicamente consta de cuatro pares de etiquetas:
<HTML>
<HEAD>
<TITLE>Nuestra primera página</
TITLE>
</HEAD>
<BODY>
..........................
..........................
..........................
</BODY>
</HTML>

  • El par <HTML> y </HTML>: Determina que un fichero sea HTML
  • El par <HEAD> y </HEAD>: Determina la cabecera del fichero HTML, que puede contener un título.
  • El par <TITLE> y </TITLE>: Encierra el “título”: frase de texto que aparecerá en el marco del navegador (primera línea), al ejecutar el fichero HTML
  • El par <BODY> y </BODY>: Encierra el contenido 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
  • Mozilla Firefox (particularmente mi preferido (.^^)' )
Vayamos con un ejemplo sencillo de aplicación:
  • Ejecuta el “Bloc de Notas”, es decir: [Inicio] - Programas - Accesorios -Bloc de Notas
  • En el "Bloc de Notas" escribe:
    <HTML>
    <HEAD>
    <TITLE>PROG000.HTM</TITLE>
    </HEAD>
    <BODY>
    <P>Esto aparecerá en el navegador porque es un párrafo</P>
    <P>Esto es otro párrafo</P>
    <P>Observa lo que aparece en la línea de título</P>
    <P>La línea de título es la frase que aparece en el marco del navegador, línea superior</P>
    <P>¿Está claro para qué sirven los tags P, /P?</P>
    </BODY>
    </HTML>
  • 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 tiene ninguna utilidad para un usuario normal, ya que en el mercado existen herramientas que evitan la necesidad de tener que introducir manualmente los “tags”: HotMetal, FontPage, Word, etc.
Lo que sí tienen sentido es el estudio de la programación en JavaScript.

JavaScript es un lenguaje de programación creado por la empresa Netscape (creadora de uno de los navegadores más conocido)
Es el lenguaje de programación más utilizado en Internet para añadir interactividad a las páginas Web

No confundir el JavaScript con el Java. El Java es un lenguaje de programación de propósito general como lo son el C++ o el Visual Basic.

Un programa en JavaScript se integra en una página Web (entre el código HTML) y es el navegador el que lo interpreta (ejecuta). Es decir el JavaScript es un lenguaje interpretado, no compilado (no se genera ningún tipo de fichero objeto o exe).

Para programar en JavaScript sólo necesitamos un editor de texto (utilizaremos el Bloc de Notas del Windows) y un navegador (utilizaremos el Microsoft Internet Explorer) para ejecutarlo.

¿Porqué el JavaScript y no otro lenguaje de programación?
Porque:
  • Es moderno (tiene pocos años)
  • Es sencillo (su hermano mayor: el Java, es bastante más complejo)
  • Es útil (el desarrollo de Internet, se prevé muy rápido en los próximos años)
  • Es potente: permite la moderna POO (programación orientada a objetos)
  • Es barato: sólo necesitamos un editor de textos (el “Bloc de Notas” está incluido en el Windows) y un navegador (es gratuito, ya sea el “Internet Explorer” o el “Netscape”).
  • Es visual: permite la moderna “programación visual” (ventanas, botones, colores, formularios, etc.).
En definitiva: es ideal para un primer curso de introducción a la programación.
Y has de tener en cuenta que hay un “dicho” en informática, que afirma: “Si dominas un lenguaje de programación, los conoces todos”.

No hay comentarios.: