Está en la página 1de 16

PAGINA WEB

Documento que forma parte de un sitio web y que suele contar con enlaces (también conocidos como hipervínculos o links) para facilitar la navegación entre los contenidos.

Las páginas web están desarrolladas con lenguajes de marcado como el HTML, que pueden ser interpretados por los navegadores. De esta forma, las páginas pueden presentar información en distintos formatos (texto, imágenes, sonidos, videos, animaciones), estar asociadas a datos de estilo o contar con aplicaciones interactivas.

Entre las múltiples características que tiene una página web y que sirven para identificarla se encuentran las siguientes: cuenta con información textual y también con material de tipo audiovisual, está dotada de un diseño atractivo, está optimizada y ejerce como la tarjeta de presentación de una empresa, una persona o un profesional concreto.

En los últimos años, dado el avance y presencia que tiene Internet en nuestras vidas, muchas son las empresas que se han puesto en marcha y han creado su página web. Y es que han descubierto que la misma les sirve para darse a conocer al mundo, para conseguir captar nuevos clientes y, por tanto, para mejorar sus resultados económicos.

En este sentido, es importante saber que para poder conseguir que dicho espacio en la Red sea absolutamente efectivo y permita alcanzar los citados objetivos hay que tener en cuenta una serie de criterios fundamentales:

Tiene que tener un diseño atractivo para poder llamar la atención del usuario y conseguir que navegue por ella. En este sentido, ese atractivo se conseguirá ofreciendo información de calidad así como materiales de diversa índole tales

como animaciones, vídeos, imágenes…

Es vital que se realice con ella las consabidas tareas de estrategia SEO y de optimización. Sólo de esa manera se logrará que la misma sea visible y conocida.

Tiene que incluir enlaces tanto a distintos apartados de la misma página web como a otros espacios que pueden resultar de gran interés para el usuario.

Debe ser fácilmente navegable. Sólo de esta manera se conseguirá que el internauta vuelva a visitarla.

Es posible distinguir entre las páginas web estáticas (cuyos contenidos son predeterminados) y las páginas web dinámicas (que generan contenidos al momento de solicitar información a un servidor de web a través de lenguajes interpretados como JavaScript).

Un conjunto de páginas web, por lo tanto, forman un sitio web. Las páginas suelen estar reunidas bajo un dominio común para que el sitio en cuestión sea accesible desde una misma dirección en Internet.

La inmensa totalidad de páginas que forman los sitios web dan lugar a lo que se conoce como World Wide Web, Web, Red o, simplemente, Internet, que es el universo virtual donde está reunida la información digital del ciberespacio.

HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. Se trata de la sigla que corresponde a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto.

Tiene que incluir enlaces tanto a distintos apartados de la misma página web como a otrosInternet . La inmensa totalidad de páginas que forman los sitios web dan lugar a lo que se conoce como World Wide Web , Web , Red o, simplemente, Internet , que es el universo virtual donde está reunida la información digital del ciberespacio. HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet . Se trata de la sigla que corresponde a HyperText Markup Language , es decir, Lenguaje de Marcas de Hipertexto , que podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto . Se trata de un formato abierto que surgió a partir de las etiquetas SGML (Standard Generalized Markup Language). Concepto traducido generalmente " id="pdf-obj-1-42" src="pdf-obj-1-42.jpg">

Se trata de un formato abierto que surgió a partir de las etiquetas SGML (Standard Generalized Markup Language). Concepto traducido generalmente

como “Estándar de Lenguaje de Marcado Generalizado” y que se entiende como

un sistema que permite ordenar y etiquetar diversos documentos dentro de una lista. Este lenguaje es el que se utiliza para especificar los nombres de las

etiquetas que se utilizarán al ordenar, no existen reglas para dicha organización, por eso se dice que es un sistema de formato abierto.

EL HTML se encarga de desarrollar una descripción sobre los contenidos que aparecen como textos y sobre su estructura, complementando dicho texto con diversos objetos (como fotografías, animaciones, etc).

Es un lenguaje muy simple y general que sirve para definir otros lenguajes que tienen que ver con el formato de los documentos. El texto en él se crea a partir de etiquetas, también llamadas tags, que permiten interconectar diversos conceptos y formatos.

Para la escritura de este lenguaje, se crean etiquetas que aparecen especificadas a través de corchetes o paréntesis angulares: < y >. Entre sus componentes, los elementos dan forma a la estructura esencial del lenguaje, ya que tienen dos propiedades (el contenido en sí mismo y sus atributos).

Por otra parte, cabe destacar que el HTML permite ciertos códigos que se conocen como scripts, los cuales brindan instrucciones específicas a los navegadores que se encargan de procesar el lenguaje. Entre los scripts que pueden agregarse, los más conocidos y utilizados son JavaScript y PHP.

El marcado estructural es el que estipula la finalidad del texto, aunque no define cómo se verá el elemento. El marcado presentacional, por su parte, es el que se encarga de señalar cómo se verá el texto más allá de su función.

Para conocer el código HTML que utiliza una página web, hay que seleccionar Ver código fuente en nuestro navegador (como Internet Explorer o Mozilla Firefox). Al elegir esta opción, se abrirá el editor de texto con el código HTML de la página que se está visualizando.

...

Resumen: Entrega nº6 del Tutorial básico del programador web: HTML desde cero.

Codificación aprenderaprogramar.com: CU00706B

¿CUÁLES SON LAS VERSIONES DE HTML?

El HTML fue desarrollado originalmente por Tim Bernes-Lee pero debido al rápido crecimiento de la web, surgió la necesidad de crear un estándar para que tanto los programadores como los navegadores pudieran basarse en unas mismas normas para escribir HTML. Cada versión de HTML establece unas normas respecto a cuáles son las etiquetas válidas y cómo se deben escribir.

<a href=¿Cuáles son las versiones de HTML? Diferencias entre HTML 4 y HTML 5. Significado de strict (CU00706B) ... Resumen: Entrega nº6 del Tutorial básico del programador web: HTML desde cero. Codificación aprenderaprogramar.com: CU00706B ¿CUÁLES SON LAS VERSIONES DE HTML? El HTML fue desarrollado originalmente por Tim Bernes-Lee pero debido al rápido crecimiento de la web, surgió la necesidad de crear un estándar para que tanto los programadores como los navegadores pudieran basarse en unas mismas normas para escribir HTML. Cada versión de HTML establece unas normas respecto a cuáles son las etiquetas válidas y cómo se deben escribir. Los estándares oficiales HTML son el HTML 2.0, el HTML 3.2, el HTML 4.0, el HTML 4.01 y el HTML 5. El HTLM 5 es la última especificación oficial y se espera que continúe evolucionando a lo largo de los próximos años. El XHTML, una forma más avanzada del HTML que se suponía iba a sustituir a éste, podemos considerar que ha quedado integrado dentro del HTML 5. La siguiente tabla resume la evolución de HTML: HTML 2.0 En 1995 se publica el estándar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estándar oficial de HTML, es decir, el HTML 1.0 no existió como estándar. HTML 2.0 no soportaba tablas. Se simplificaba al máximo la estructura del documento para agilizar su edición, donde la declaración explícita de los elementos body, html y head es opcional. HTML 3.2 La versión HTML 3.2 se publicó en 1997 y es la primera recomendación de HTML publicada por el W3C (Consorcio internacional). Esta revisión incorporó los últimos avances de las páginas web desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor de las imágenes. HTML 4.01 La última especificación oficial de HTML se publicó en diciembre de 1999 y se denomina HTML 4.01. Desde la publicación de HTML 4.01, el W3C se centró en el desarrollo del estándar XHTML. Por este motivo, en el año 2004, las empresas Apple, Mozilla y Opera mostraron su preocupación por la falta de interés del W3C en HTML y decidieron organizarse en una nueva asociación llamada WHATWG (Web Hypertext Application Technology Working Group) que " id="pdf-obj-3-20" src="pdf-obj-3-20.jpg">

Los estándares oficiales HTML son el HTML 2.0, el HTML 3.2, el HTML 4.0, el HTML 4.01 y el HTML 5. El HTLM 5 es la última especificación oficial y se espera que continúe evolucionando a lo largo de los próximos años. El XHTML, una forma más avanzada del HTML que se suponía iba a sustituir a éste, podemos considerar que ha quedado integrado dentro del HTML 5.

La siguiente tabla resume la evolución de HTML:

HTML 2.0

En 1995 se publica el estándar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estándar oficial de HTML, es decir, el HTML 1.0 no existió como estándar. HTML 2.0 no soportaba tablas. Se simplificaba al máximo la estructura del documento para agilizar su edición, donde la declaración explícita de los elementos body, html y head es opcional.

HTML 3.2

La versión HTML 3.2 se publicó en 1997 y es la primera recomendación de HTML publicada por el W3C (Consorcio internacional). Esta revisión incorporó los últimos avances de las páginas web desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor de las imágenes.

HTML 4.01

La última especificación oficial de HTML se publicó en diciembre de 1999 y se denomina HTML 4.01. Desde la publicación de HTML 4.01, el W3C se centró en el desarrollo del estándar XHTML. Por este motivo, en el año 2004, las empresas Apple, Mozilla y Opera mostraron su preocupación por la falta de interés del W3C en HTML y decidieron organizarse en una nueva asociación llamada WHATWG (Web Hypertext Application Technology Working Group) que

 

comenzó el desarrollo del HTML 5, cuyo primer borrador oficial se publicó en enero de 2008. Debido a la fuerza de las empresas que forman el grupo WHATWG y a la publicación de los borradores de HTML 5.0, en marzo de 2007 el W3C decidió retomar la actividad estandarizadora de HTML, dentro del cual decidió integrar el XHTML.

HTML 5, HTML 5.1, HTML 5.2

El consorcio internacional W3C, después de una evolución de varios años, liberó el HTML 5 como estándar oficial a finales de octubre de 2014. HTML 5 incorpora nuevos elementos no contemplandos en HTML 4.01. Hay diversos cambios respecto a HTML 4.01. Hay nuevas etiquetas, se introduce la posibilidad de introducir audio y video de forma directa en la web sin necesidad de plugins o complementos en los navegadores, y otras novedades. El W3C irá lanzando progresivamente nuevas evoluciones del HTML 5.

Hasta hace poco la versión de HTML más utilizada ha venido siendo la 4.01, que es admitida por todos los navegadores. Esta versión fue definida por la W3C (Comité Internacional que define los estándares web) hace varios años. Actualmente ya está utilizándose la nueva versión de HTML, denominada HTML 5, aunque esta no es soportada por navegadores antiguos. HTML 5 se ha ido introduciendo progresivamente en los

desarrollos web pero aún quedan muchos años en que existirá una “convivencia” con navegadores y webs que

usan HTML 4.01.

HTML 4.01 contemplaba, además de la versión en sí, distintas variantes (digamos que “distintas formas” o

doctypes) que es interesante conocer. En HTML 4.01 en un documento HTML se debe indicar en una línea inicial qué versión y variante es la que estamos usando de forma que cualquier persona que lea ese documento HTML sepa qué versión y variante se ha empleado. Las variantes del HTML 4.01 son:

HTML 4.01 Strict

En este tipo de documentos podemos usar etiquetas HTML 4.01, pero no se aceptan etiquetas obsoletas, es decir, etiquetas propias de versiones más antiguas. Es la versión que si usamos en teoría nos debería dar un resultado óptimo en los navegadores más modernos. Esto no siempre es así, como explicaremos un poco más adelante.

HTML 4.01 Transitional

En este tipo de documentos se pueden usar todas las etiquetas de todas las versiones de HTML. Usar esta variante de HTML plantea el interrogante de si es correcto permitir el uso de etiquetas obsoletas que podrían dejar de funcionar en las proximas versiones de los navegadores. Sin embargo, este es el estándar más usado, porque combina la posibilidad de usar etiquetas más antiguas y etiquetas más modernas, de forma que podamos aspirar a una

 

mejor visualización en la mayor parte navegadores.

de

los

HTML 4.01 Frameset

Este tipo de documentos tiene soporte para frames. Los frames son unos marcos a modo de pequeñas subventanas dentro de una misma página web que se usaban mucho hace unos años pero que hoy en día se usan cada vez menos. Este tipo de HTML podemos considerarlo anticuado, porque hay otras formas de diseñar páginas web sin frames más modernas y útiles que nos permiten obtener el mismo resultado de forma más eficiente.

mejor visualización en la mayor parte navegadores. de los HTML 4.01 Frameset Este tipo de documentos

En la figura podemos ver cómo el ser más estrictos supone que tengamos que usar un menor número de etiquetas.

Con HTML 5 esta situación ha cambiado: HTML 5 simplifica la situación, al definir una única variante con lo cual desaparecen las variantes Strict, Transitional y Frameset.

¿CUÁL ELIJO, Y CÓMO CREO WEBS?

No te preocupes demasiado por utilizar una versión “correcta y concreta” sino por crear páginas web que se vean bien. Para ello debes aprender cómo se construye y cuál es la lógica del HTML, más que una versión concreta de éste. Ten en cuenta que hay diversidad de versiones y que no todos los navegadores se ciñen a los estándares, con lo cual no tiene demasiado sentido preocuparse por ceñirse a una versión. Te puede resultar un poco extraño, pero cuando adquieras experiencia en desarrollos web comprobarás que las normas para los desarrollos web no están 100 % claras.

Si ya sabías HTML pero nunca has separado contenido y diseño, o todos estos estándares te suenan a chino, usa el HTML 5.

Si lo deseas tampoco hay problema en que uses HTML 4.01, que es la versión que" http://www.w3.org/TR/html4/strict.dtd " > Para HTML 4.01 Transitional (recomendado dentro de HTML 4.01) escribiríamos: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd " > En este curso usaremos HTML 5 para conseguir documentos HTML 5 pero tendremos en cuenta los estándares anteriores para ser capaces de comprender y analizar código HTML que nos podemos encontrar con frecuencia. EJEMPLO QUE USA HTML 5 <!DOCTYPE html"> " id="pdf-obj-6-2" src="pdf-obj-6-2.jpg">

Si lo deseas tampoco hay problema en que uses HTML 4.01, que es la versión que fue más usada a lo largo de los últimos años. Elige la rama Strict si necesitas cumplir el estándar Strict por algún motivo (por ejemplo porque te lo pida un cliente así específicamente). Usar la variante Strict puede resultar un poco más complicado porque tenemos más limitaciones. Por ello si vas a usar HTML 4.01 te recomendamos seguir 4.01 Transitional que ha sido la variante más utilizada y podemos decir que intermedia: ni demasiadas restricciones ni demasiada libertad. El XHTML es un lenguaje que puedes considerar queda integrado dentro de HTML 5.

En un archivo HTML debemos indicar qué versión y variante estamos usando. Para indicar ésto hay que poner una línea al principio de la página web (del archivo donde está el contenido). No es una etiqueta, por tanto es algo rara y no hay que cerrarla ni ponerla en minúsculas. Eso sí, debemos ponerla en todos nuestros documentos.

Para HTML 5 escribiríamos:

<!DOCTYPE html>

Para HTML 4.01 Strict escribiríamos:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

Para HTML 4.01 Transitional (recomendado dentro de HTML 4.01) escribiríamos:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

En este curso usaremos HTML 5 para conseguir documentos HTML 5 pero tendremos en cuenta los estándares anteriores para ser capaces de comprender y analizar código HTML que nos podemos encontrar con frecuencia.

EJEMPLO QUE USA HTML 5

<html> <body> <p>Esto es una prueba de web creada con HTML 5</p> </body> </html>

<html> <body> <p> Esto es una prueba de web creada con HTML 5 </p> </body> </html>" http://www.w3.org/TR/html4/loose.dtd " > <html> <body> <p> Esto es una prueba de página HTML 4.01 Transitional </p> </body> </html> " id="pdf-obj-7-7" src="pdf-obj-7-7.jpg">

Vista en el navegador Mozilla Firefox que obtendríamos para el documento HTML anterior.

EJEMPLO QUE USA HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

<html> <body> <p>Esto es una prueba de página HTML 4.01 Transitional</p> </body> </html>

Vista en el navegador Google Chrome que obtendríamos para el documento HTML anterior. CREACIÓN Y VISUALIZACIÓN

Vista en el navegador Google Chrome que obtendríamos para el documento HTML anterior.

CREACIÓN Y VISUALIZACIÓN DE DOCUMENTOS HTML

Con este sencillo ejemplo creamos una página HTML. Para visualizar esta simple página web procedemos de la siguiente manera: creamos un archivo con el editor de texto que tengamos a nuestra disposición, en nuestro caso utilizaremos el bloc de notas de Windows pero puede ser cualquier editor de texto.

Para abrirlo nos vamos a Inicio -> Todos los programas -> Accesorios -> Bloc de notas:

Vista en el navegador Google Chrome que obtendríamos para el documento HTML anterior. CREACIÓN Y VISUALIZACIÓN

Escribimos en el bloc de notas el código del ejemplo anterior como un simple texto.

A continuación en el menú Archivo elegimos la opción Guardar como… e indicamos que queremos guardar el archivo en el directorio raíz de la unidad C con el nombre ejemplo.html

A continuación en el menú Archivo elegimos la opción Guardar como… e indicamos que queremos guardar

Una vez realizado todos estos pasos, abrimos el archivo creado haciendo doble click sobre él desde el explorador de archivos de Windows. Si tenemos un navegador web instalado se nos abrirá automáticamente la página web que hemos creado en el ejemplo.

Repetimos una cosa importante. No te preocupes por las versiones ahora, todo lo que aprendas sobre HTML en este curso te servirá para cualquier versión porque nos vamos a centrar en conocer y comprender los conceptos más que los detalles de las versiones.

También es normal que no comprendas bien el significado de todos los términos en el archivo HTML que hemos puesto como ejemplo, pues los iremos explicando poco a poco. De momento, nuestro objetivo es irnos familiarizando con los distintos aspectos que iremos estudiando.

CSS son las siglas de Cascading Style Sheets - Hojas de Estilo en Cascada - que es un lenguaje que describe la presentación de los documentos estructurados en hojas de estilo para diferentes métodos de interpretación, es decir, describe como se va a mostrar un documento en pantalla, por impresora, por voz (cuando la información es pronunciada a través de un dispositivo de lectura) o en dispositivos táctiles basados en Braille.

¿Para que sirve?

CSS es una especificación desarrollada por el W3C (World Wide Web Consortium) para permitir la separación de los contenidos de los documentos escritos en HTML, XML, XHTML, SVG, o XUL de la presentacin del documento con las hojas de estilo, incluyendo elementos tales como los colores, fondos, márgenes, bordes, tipos de

letra

modificando as la apariencia de una página web de una forma más sencilla,

, permitiendo a los desarrolladores controlar el estilo y formato de sus documentos.

...

¿Cómo funciona?

El lenguaje CSS se basa en una serie de reglas que rigen el estilo de los elementos en los documentos estructurados, y que forman la sintaxis de las hojas de estilo. Cada regla consiste en un selector y una declaración, esta última va entre corchetes y consiste en una propiedad o atributo, y un valor separados por dos puntos.

Selector

Ejemplo:

h2 {color: green;}

h2 ---> es el selector

o

o

{color: green;} ---> es la declaración

color ---> es la propiedad o atributo

green ---> es el valor

Selector

El Selector especifica que elementos HTML van a estar afectados por esa declaración, de manera que hace de enlace entre la estructura del documento y la regla estilística en la hoja de estilo.

Declaración

La Declaración que va entre corchetes es la información de estilo que indica cómo se va a ver el selector. En caso de que haya más de una declaración se usa punto y coma para separarlas.

Propiedad o Atributo y Valor

Dentro de la declaración, la Propiedad o Atributo define la interpretación del

elemento asignándosele un cierto Valor, que puede ser color, alineación, tipo de

fuente, tamaño

...

,

es decir, especifican qué aspecto del selector se va a cambiar.

Tres tipos de estilos

La información CSS se puede proporcionar por varias fuentes, ya sea adjunto como un documento por separado o incorporado en el documento HTML, y dentro de estas posibilidades destacan tres formas de dar estilo a un documento web:

Hoja de Estilo Externa La Hoja de Estilo Externa se almacena en un archivo diferente al del archivo con el código HTML al cal estar vinculado a través del elemento link, que debe ir situado en la sección head. Es la manera de programar ms eficiente, ya que separa completamente las reglas de formato para la página HTML de la estructura básica de la página.

Hoja de Estilo Interna La Hoja de Estilo Interna est incorporada a un documento HTML, a través del elemento style dentro de la sección head, consiguiendo de esta manera separar la información del estilo del código HTML.

Estilo en Línea

El Estilo en Línea sirve para insertar el lenguaje de estilo directamente dentro de la sección body con el elemento style. Sin embargo, este tipo de estilo no se recomienda pues se debe intentar siempre separar el contenido de la presentación.

Versiones CSS

Existen varias versiones: CSS1 y CSS2, la CSS3 está todavía en desarrollo por el CSS WG (Cascading Style Sheets Working Group).

Los navegadores actuales implementan bastante bien CSS1 desde 1999 (tres años después de su lanzamiento) aunque dependiendo de la marca y versión del navegador hay algunas pequeñas diferencias de implementación. El primer navegador en dar soporte completo al CSS1 ha sido Internet Explorer 5.0 for the Macintosh en 2000, anteriormente el que mejor soportaba CSS1 haba sido Opera, después otros navegadores también lo han ido implementando.

Sin embargo, CSS2 (lanzado en 1998) sólo está parcialmente implementado en los navegadores más recientes, variando en estos los niveles de implementación.

Ventajas de CSS

La principal ventaja de CSS sobre el lenguaje HTML o similar, es que el estilo

se puede guardar completamente por separado del contenido siendo posible, por ejemplo, almacenar todos los estilos de presentación para una web de 10.000 páginas en un sólo archivo de CSS. CSS permite un mejor control en la presentación de un sitio web que los

elementos de HTML, agilizando su actualización. Aumento de la accesibilidad de los usuarios gracias a que pueden especificar

su propia hoja de estilo, permitiéndoles modificar el formato de un sitio web según sus necesidades, de manera que por ejemplo, personas con deficiencias visuales puedan configurar su propia hoja de estilo para aumentar el tamaño del texto. El ahorro global en el ancho de banda es notable, ya que la hoja de estilo se

almacena en cache después de la primera solicitud y se puede volver a usar para cada página del sitio, no se tiene que descargar con cada página web. Por otro lado, quitando todo lenguaje de marcado en la presentación en favor del uso de CSS reduce su tamaño y ancho de banda hasta más del 50%, esto beneficia al dueño del sitio web con menos ancho de banda y costes de almacenamiento, as como a los visitantes para los cuales las páginas se van a cargar más rápido. Una página puede tener diferentes hojas de estilo para mostrarse en diferentes dispositivos, como pueden ser impresoras, lectores de voz, o móviles.

Compartir

Javascript es un lenguaje que puede ser utilizado por profesionales y para quienes se inician en el desarrollo y diseño de sitios web. No requiere de compilación ya que el lenguaje funciona del lado del cliente, los navegadores son los encargados de interpretar estos códigos.

Muchos confunden el Javascript con el Java pero ambos lenguajes son diferentes y tienes sus características singulares. Javascript tiene la ventaja de ser incorporado en cualquier página web, puede ser ejecutado sin la necesidad de instalar otro programa para ser visualizado.

Java por su parte tiene como principal característica ser un lenguaje independiente de la plataforma.

Se puede crear todo tipo de programa que puede ser ejecutado en cualquier ordenador del mercado:

Linux, Windows, Apple, etc. Debido a sus características también es muy utilizado para internet.

Como síntesis se pude decir que Javascript es un lenguaje interpretado, basado en prototipos, mientras que Java es un lenguaje más orientado a objetos.

¿Qué es Javascript?

Javascript es un lenguaje con muchas posibilidades, utilizado para crear pequeños programas que luego son insertados en una página web y en programas más grandes, orientados a objetos mucho más complejos. Con Javascript podemos crear diferentes efectos e interactuar con nuestros usuarios.

Este lenguaje posee varias características, entre ellas podemos mencionar que es un lenguaje basado en acciones que posee menos restricciones. Además, es un lenguaje que utiliza Windows y sistemas X-Windows, gran parte de la programación en este lenguaje está centrada en describir objetos, escribir funciones que respondan a movimientos del mouse, aperturas, utilización de teclas, cargas de páginas entre otros.

Es necesario resaltar que hay dos tipos de JavaScript: por un lado está el que se ejecuta en el cliente, este es el Javascript propiamente dicho, aunque técnicamente se denomina Navigator

JavaScript. Pero también existe un Javascript que se ejecuta en el servidor, es más reciente y se denomina LiveWire Javascript.

¿Cómo nace Javascript?

Javascript nació con la necesidad de permitir a los autores de sitio web crear páginas que permitan intercambiar con los usuarios, ya que se necesitaba crear webs de mayor complejidad. El HTML solo permitía crear páginas estáticas donde se podía mostrar textos con estilos, pero se necesitaba interactuar con los usuarios.

En los años de 1990, Netscape creo Livescript; las primeras versiones de este lenguaje fueron principalmente dedicadas a pequeños grupos de diseñadores Web que no necesitaban utilizar un compilador, o sin ninguna experiencia en la programación orientada a objetos.

A medida que estuvieron disponibles nuevas versiones de este lenguaje incluían nuevos componentes que dan gran potencial al lenguaje, pero lamentablemente esta versión solo funcionaba en la última versión del Navigator en aquel momento.

En diciembre de 1995, Netscape y Sun Microsystems (el creador del lenguaje Java) luego de unirse objetivo de desarrollar el proyecto en conjunto, reintroducen este lenguaje con el nombre de Javascript. En respuesta a la popularidad de Javascript, Microsoft lanzo su propio lenguaje de programación a base de script, VBScript (una pequeña versión de Visual Basic).

En el año de 1996 Microsoft se interesa por competir con Javascript por lo que lanza su lenguaje llamado Jscript, introducido en los navegadores de Internet Explorer. A pesar de las diferentes críticas que se le hacen al lenguaje Javascript, este es uno de los lenguajes de programación más populares para la web. Desde que los navegadores incluyen el Javascript, no necesitamos el Java Runtime Environment (JRE), para que se ejecute.

El Javascript es una tecnología que ha sobrevivido por más de 10 años, es fundamentales en la web,

junto con la estandarización de la “European Computer Manufacturers Association” (ECMA)

(adoptada luego por la ISO) y W3C DOM, Javascript es considerado por muchos desarrolladores

web como la fundación para la próxima generación de aplicaciones web dinámicas del lado del

cliente.

La estandarización de Javascript comenzó en conjunto con ECMA en Noviembre de 1996. Es

adoptado este estándar en Junio de 1997 y luego también por la “Internacional Organization for

Standardization” (ISO). El DOM por sus siglas en inglés “Modelo de Objetos del Documento” fue

diseñado para evitar incompatibilidades.

¿Dónde puedo ver funcionando Javascript?

Entre los diferentes servicios que se encuentran realizados con Javascript en Internet se encuentran:

Correo

Chat

Buscadores de Información

También podemos encontrar o crear códigos para insertarlos en las páginas como:

Reloj

Contadores de visitas

Fechas

Calculadoras

Validadores de formularios

Detectores de navegadores e idiomas

¿Cómo identificar código Javascript?

El código javascript podemos encontrarlo dentro de las etiquetas <body></body> de nuestras

páginas web. Por lo general se insertan entre: <script></script>. También pueden estar ubicados en

ficheros externos usando:

<script type="text/javascript" src="micodigo.js"></script>

Algunas características del lenguaje son:

Su sintaxis es similar a la usada en Java y C, al ser un lenguaje del lado del cliente este es

interpretado por el navegador, no se necesita tener instalado ningún Framework.

Variables: var = “Hola”, n=103

Funciones: Ppopias del lenguaje y predefinidas por los usuarios

Condiciones: if(i<10){ … }

Ciclos: for(i; i<10; i++){ … }

Arreglos: var miArreglo = new Array(“12”, “77”, “5”)

Comentarios para una sola línea: // Comentarios

Comentarios para varias lineas:

/* Comentarios */ Permite la programación orientada a objetos: document.write("Hola");

Las variables pueden ser definidas como: string, integer, flota, bolean simplemente utilizando

“var”. Podemos usar “+” para concatenar cadenas y variables.

¿Es compatible con navegadores?

Javascript es soportado por la mayoría de los navegadores como Internet Explorer, Netscape, Opera,

Mozilla Firefox, entre otros.

Con el surgimiento de lenguajes como PHP del lado del servidor y Javascript del lado del cliente,

surgió Ajax en acrónimo de (Asynchronous Javascript And XML). El mismo es una técnica para crear

aplicaciones web interactivas. Este lenguaje combina varias tecnologías:

HTML y Hojas de Estilos CSS para generar estilos.

Implementaciones ECMAScript, uno de ellos es el lenguaje Javascript.

XMLHttpRequest es una de las funciones más importantes que incluye, que permite intercambiar datos asincrónicamente con el servidor web, puede ser mediante PHP, ASP, entre otros.

Debemos tener en cuenta que aunque Javascript sea soportado en gran cantidad de navegadores

nuestros usuarios pueden elegir la opción de Activar/Desactivar el Javascript en los mismos.

Lecturas de Referencia: