SlideShare una empresa de Scribd logo

2.2 lenguajes del lado cliente

1 de 5
Descargar para leer sin conexión
ITSCHI                                                   Programación Web




Lenguajes programación del lado del cliente

La programación del lado del cliente tiene como principal ventaja que
la ejecución de la aplicación se delega al cliente, con lo cual se evita
recargar al servidor de trabajo. El servidor solo envía el código, y es
tarea del browser interpretarlo.

El navegador es una especie de aplicación capaz de interpretar las
órdenes recibidas en forma de código HTML fundamentalmente y
convertirlas en las páginas que son el resultado de dicha orden.

Cuando nosotros pinchamos sobre un enlace hipertexto, en realidad lo
que pasa es que establecemos una petición de un archivo HTML
residente en el servidor (un ordenador que se encuentra
continuamente conectado a la red) el cual es enviado e interpretado
por nuestro navegador (el cliente).

Así pues, podemos hablar de lenguajes de lado servidor que son
aquellos lenguajes que son reconocidos, ejecutados e interpretados
por el propio servidor y que se envían al cliente en un formato
comprensible para él. Por otro lado, los lenguajes de lado cliente
(entre los cuales no sólo se encuentra el HTML sino también el Java y
el Java Script los cuales son simplemente incluidos en el código
HTML) son aquellos que pueden ser directamente “digeridos” por el
navegador y no necesitan un pretratamiento.

Cada uno de estos tipos tiene por supuesto sus ventajas y sus
inconvenientes. Así, por ejemplo, un lenguaje de lado cliente es
totalmente independiente del servidor, lo cual permite que la página
pueda ser albergada en cualquier sitio sin necesidad de pagar más ya
que, por regla general, los servidores que aceptan páginas con scripts
de lado servidor son en su mayoría de pago o sus prestaciones son
muy limitadas. Inversamente, un lenguaje de lado servidor es
independiente del cliente por lo que es mucho menos rígido respecto
al cambio de un navegador a otro o respecto a las versiones del
mismo.
ITSCHI                                                  Programación Web


Lenguajes del lado cliente

HTML

El lenguaje llamado HTML indica al navegador donde colocar cada
texto, cada imagen o cada video y la forma que tendrán estos al ser
colocados en la página.

El lenguaje consta de etiquetas que tienen esta forma <B> o <P>.
Cada etiqueta significa una cosa, por ejemplo <B> significa que se
escriba en negrita (bold) o <P> significa un párrafo, <A> es un enlace,
etc. Casi todas las etiquetas tienen su correspondiente etiqueta de
cierre, que indica que a partir de ese punto no debe de afectar la
etiqueta. Por ejemplo </B> se utiliza para indicar que se deje de
escribir en negrita. Así que el HTML no es más que una serie de
etiquetas que se utilizan para definir la forma o estilo que queremos
aplicar a nuestro documento. <B>Esto está en negrita</B>. Esta
página es un claro ejemplo de uso del HTML.



JAVASCRIPT

JavaScript es un lenguaje de programación utilizado para crear
pequeños programitas encargados de realizar acciones dentro del
ámbito de una página web. Se trata de un lenguaje de programación
del lado del cliente, porque es el navegador el que soporta la carga de
procesamiento. Su uso se basa fundamentalmente en la creación de
efectos especiales en las páginas y la definición de interactividades
con el usuario.

JavaScript es un lenguaje con muchas posibilidades, es orientado a
objetos, con funciones, estructuras de datos complejas, etc.

JavaScript no permite dos de las características clásicas de los
lenguajes orientados a objetos (herencia y polimorfismo), pero permite
la creación y manipulación de objetos sencillos, y la definición de
métodos y propiedades para dichos objetos.
ITSCHI                                                 Programación Web


Las sentencias escritas en JavaScript se encapsulan entre las
etiquetas <script> y </script>. Por ejemplo, si en el código de una
página web incluimos la sentencia

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-
8859-1" />
<title>Ejemplo JavaScript</title>
</head>
<body>
< script>
var respuesta = confirm("Aceptame o rechazame")
alert ("Has pulsado: " + respuesta)
< /script>
< /body>
< /html>



APPLETS DE JAVA

Es otra manera de incluir código a ejecutar en los clientes que
visualizan una página web. Se trata de pequeños programas hechos
en Java, que se transfieren con las páginas web y que el navegador
ejecuta en el espacio de la página.

Los applets de Java están programados en Java y precompilados, es
por ello que la manera de trabajar de éstos varía un poco con respecto
a los lenguajes de script como Javascript. Los applets son más
difíciles de programar que los scripts en Javascript y requerirán unos
conocimientos básicos o medios del lenguaje Java.

La principal ventaja de utilizar applets consiste en que son mucho
menos dependientes del navegador que los scripts en Javascript,
incluso independientes del sistema operativo del ordenador donde se
ejecutan. Además, Java es más potente que JavaScript, por lo que el
número de aplicaciones de los applets podrá ser mayor.
ITSCHI                                                Programación Web


Como desventajas en relación con Javascript cabe señalar que los
applets son más lentos de procesar y que tienen espacio muy
delimitado en la página donde se ejecutan, es decir, no se mezclan
con todos los componentes de la página ni tienen acceso a ellos. Es
por ello que con los applets de Java no podremos hacer directamente
cosas como abrir ventanas secundarias, controlar Frames, formularios,
capas, etc.



VISUAL BASIC SCRIPT

Es un lenguaje de programación de scripts del lado del cliente, pero
sólo compatible con Internet Explorer. Es por ello que su utilización
está desaconsejada a favor de Javascript.

Está basado en Visual Basic, un popular lenguaje para crear
aplicaciones Windows. Tanto su sintaxis como la manera de trabajar
están muy inspirados en él. Sin embargo, no todo lo que se puede
hacer en Visual Basic lo podremos hacer en Visual Basic Script, pues
este último es una versión reducida del primero.

El modo de funcionamiento de Visual Basic Script para construir
efectos especiales en páginas web es muy similar al utilizado en
Javascript y los recursos a los que se puede acceder también son los
mismos: el navegador.



CSS

CSS, es una tecnología que nos permite crear páginas web de una
manera más exacta. Gracias a las CSS somos mucho más dueños de
los resultados finales de la página, pudiendo hacer muchas cosas que
no se podía hacer utilizando solamente HTML, como incluir márgenes,
tipos de letra, fondos, colores… Incluso podemos definir nuestros
propios estilos en un archivo externo a nuestras páginas; así, si en
algún momento queremos cambiar alguno de ellos, automáticamente
se nos actualizarán todas las páginas vinculadas de nuestro sitio.
ITSCHI                                                Programación Web


DHTML

DHTML no es precisamente un lenguaje de programación. Más bien
se trata de una nueva capacidad de la que disponen los navegadores
modernos, por la cual se puede tener un mayor control sobre la página
que antes.

Cualquier página que responde a las actividades del usuario y realiza
efectos y funcionalidades se puede englobar dentro del DHTML, pero
en este caso nos referimos más a efectos en el navegador por los
cuales se pueden mostrar y ocultar elementos de la página, se puede
modificar su posición, dimensiones, color, etc.

DHTML nos da más control sobre la página, gracias a que los
navegadores modernos incluyen una nueva estructura para visualizar
en páginas web denominada capa. Las capas se pueden ocultar,
mostrar, desplazar, etc.

Para realizar las acciones sobre la página, como modificar la
apariencia de una capa, seguimos necesitando un lenguaje de
programación del lado del cliente como Javascript o VB Script?. En la
actualidad, DHTML también puede englobar la programación en el
servidor. Dentro del concepto de DHTML se engloban también las
Hojas de Estilo en Cascada o CSS (Cascade Style Sheets), que
veremos a continuación.

Recomendados

Tema 10: Evaluación perezosa en Haskell
Tema 10: Evaluación perezosa en HaskellTema 10: Evaluación perezosa en Haskell
Tema 10: Evaluación perezosa en HaskellJosé A. Alonso
 
Arquitecturas de pizarra o repositório
Arquitecturas de pizarra o repositórioArquitecturas de pizarra o repositório
Arquitecturas de pizarra o repositóriorehoscript
 
Comparacion entre el modelo TCP/IP Y MODELO OSI
Comparacion entre el modelo TCP/IP Y MODELO OSIComparacion entre el modelo TCP/IP Y MODELO OSI
Comparacion entre el modelo TCP/IP Y MODELO OSIdariospeed
 

Más contenido relacionado

La actualidad más candente

Introducción a html
Introducción a htmlIntroducción a html
Introducción a htmlromeprofe
 
Origen del Modelo OSI y su impacto en als estructuras de redes
Origen del Modelo OSI y su impacto en als estructuras de redesOrigen del Modelo OSI y su impacto en als estructuras de redes
Origen del Modelo OSI y su impacto en als estructuras de redesKim Sorel Rush
 
Programacion web c5 programacion del lado servidor
Programacion web c5 programacion del lado servidorProgramacion web c5 programacion del lado servidor
Programacion web c5 programacion del lado servidorAlejandro Hernandez
 
Que es CSS? Presentacion Basica para CSS
Que es CSS? Presentacion Basica para CSSQue es CSS? Presentacion Basica para CSS
Que es CSS? Presentacion Basica para CSSjosuew2013
 
SERVIDORES – WINDOWS SERVER
SERVIDORES – WINDOWS SERVER SERVIDORES – WINDOWS SERVER
SERVIDORES – WINDOWS SERVER BenjaminAnilema
 
2 2 estilos arquitectonicos
2 2 estilos arquitectonicos2 2 estilos arquitectonicos
2 2 estilos arquitectonicoslandeta_p
 
Base De Datos Distribuidas
Base De Datos DistribuidasBase De Datos Distribuidas
Base De Datos DistribuidasJorge Guerra
 
Aplicaciones prácticas de las arquitecturas orientadas al servicio
Aplicaciones prácticas de las arquitecturas orientadas al servicioAplicaciones prácticas de las arquitecturas orientadas al servicio
Aplicaciones prácticas de las arquitecturas orientadas al servicioGrial - University of Salamanca
 
Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Paradigma Digital
 
Arquitectura 3 Capas
Arquitectura 3 CapasArquitectura 3 Capas
Arquitectura 3 CapasFani Calle
 
1.2 arquitectura en 2 capas
1.2 arquitectura en 2 capas1.2 arquitectura en 2 capas
1.2 arquitectura en 2 capasEsbeyiz
 
Introduccion a la programacion web
Introduccion a la programacion webIntroduccion a la programacion web
Introduccion a la programacion webRobert Rodriguez
 

La actualidad más candente (20)

Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
 
Origen del Modelo OSI y su impacto en als estructuras de redes
Origen del Modelo OSI y su impacto en als estructuras de redesOrigen del Modelo OSI y su impacto en als estructuras de redes
Origen del Modelo OSI y su impacto en als estructuras de redes
 
Diferencias swing y awt
Diferencias swing y awtDiferencias swing y awt
Diferencias swing y awt
 
Programacion web c5 programacion del lado servidor
Programacion web c5 programacion del lado servidorProgramacion web c5 programacion del lado servidor
Programacion web c5 programacion del lado servidor
 
Que es CSS? Presentacion Basica para CSS
Que es CSS? Presentacion Basica para CSSQue es CSS? Presentacion Basica para CSS
Que es CSS? Presentacion Basica para CSS
 
servidores web
servidores webservidores web
servidores web
 
SERVIDORES – WINDOWS SERVER
SERVIDORES – WINDOWS SERVER SERVIDORES – WINDOWS SERVER
SERVIDORES – WINDOWS SERVER
 
2 2 estilos arquitectonicos
2 2 estilos arquitectonicos2 2 estilos arquitectonicos
2 2 estilos arquitectonicos
 
Base De Datos Distribuidas
Base De Datos DistribuidasBase De Datos Distribuidas
Base De Datos Distribuidas
 
10.el diseño en el nivel de componentes
10.el diseño en el nivel de componentes10.el diseño en el nivel de componentes
10.el diseño en el nivel de componentes
 
Aplicaciones prácticas de las arquitecturas orientadas al servicio
Aplicaciones prácticas de las arquitecturas orientadas al servicioAplicaciones prácticas de las arquitecturas orientadas al servicio
Aplicaciones prácticas de las arquitecturas orientadas al servicio
 
STP
STPSTP
STP
 
Fcaps
FcapsFcaps
Fcaps
 
Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3
 
Orquestación de Servicios y SOA
Orquestación de Servicios y SOAOrquestación de Servicios y SOA
Orquestación de Servicios y SOA
 
Entorno de Programacion
Entorno de ProgramacionEntorno de Programacion
Entorno de Programacion
 
Arquitectura 3 Capas
Arquitectura 3 CapasArquitectura 3 Capas
Arquitectura 3 Capas
 
1.2 arquitectura en 2 capas
1.2 arquitectura en 2 capas1.2 arquitectura en 2 capas
1.2 arquitectura en 2 capas
 
Introduccion a la programacion web
Introduccion a la programacion webIntroduccion a la programacion web
Introduccion a la programacion web
 
Programacion web
Programacion webProgramacion web
Programacion web
 

Destacado

Lenguajes del lado del servidor y lenguajes del lado del usuario
Lenguajes del lado del servidor y lenguajes del lado del usuarioLenguajes del lado del servidor y lenguajes del lado del usuario
Lenguajes del lado del servidor y lenguajes del lado del usuarioJessica
 
Lenguajes del lado del servidor
Lenguajes del lado del servidorLenguajes del lado del servidor
Lenguajes del lado del servidorpidingos
 
Lenguajes del lado del Servidor y lenguajes del lado del usuario
Lenguajes del lado del Servidor y lenguajes del lado del usuarioLenguajes del lado del Servidor y lenguajes del lado del usuario
Lenguajes del lado del Servidor y lenguajes del lado del usuarioMariano-Celiz17
 
Lenguajes de programacion web
Lenguajes de programacion webLenguajes de programacion web
Lenguajes de programacion webinfobran
 
Longitud de cadena y funciones en java
Longitud de cadena y funciones en javaLongitud de cadena y funciones en java
Longitud de cadena y funciones en javaRobert Wolf
 
Programacion cliente hojas_deestilo_
Programacion cliente hojas_deestilo_Programacion cliente hojas_deestilo_
Programacion cliente hojas_deestilo_claracarrillo
 
Que es Dominios, protocolos y como accerder a una dominio web
Que es Dominios, protocolos y como accerder a una dominio webQue es Dominios, protocolos y como accerder a una dominio web
Que es Dominios, protocolos y como accerder a una dominio webJenny A
 
Arquitectura servidores
Arquitectura servidoresArquitectura servidores
Arquitectura servidoresrulo182
 
7. cambios en el software y mejora de procesos
7. cambios en el software y mejora de procesos7. cambios en el software y mejora de procesos
7. cambios en el software y mejora de procesossilviamap64
 
Ajax
AjaxAjax
Ajaxutpl
 
Calidad Del Software
Calidad Del SoftwareCalidad Del Software
Calidad Del SoftwareUVM
 
Calidad de software final final.pptx
Calidad de software final final.pptxCalidad de software final final.pptx
Calidad de software final final.pptxsamiva91
 
Que es AJAX
Que es AJAXQue es AJAX
Que es AJAXITSTB
 

Destacado (20)

Lenguajes del lado del servidor y lenguajes del lado del usuario
Lenguajes del lado del servidor y lenguajes del lado del usuarioLenguajes del lado del servidor y lenguajes del lado del usuario
Lenguajes del lado del servidor y lenguajes del lado del usuario
 
Lenguajes del lado del servidor
Lenguajes del lado del servidorLenguajes del lado del servidor
Lenguajes del lado del servidor
 
Lenguajes del lado del Servidor y lenguajes del lado del usuario
Lenguajes del lado del Servidor y lenguajes del lado del usuarioLenguajes del lado del Servidor y lenguajes del lado del usuario
Lenguajes del lado del Servidor y lenguajes del lado del usuario
 
Arquitectura cliente servidor
Arquitectura cliente servidorArquitectura cliente servidor
Arquitectura cliente servidor
 
Lenguajes de programacion web
Lenguajes de programacion webLenguajes de programacion web
Lenguajes de programacion web
 
Longitud de cadena y funciones en java
Longitud de cadena y funciones en javaLongitud de cadena y funciones en java
Longitud de cadena y funciones en java
 
Programacion cliente hojas_deestilo_
Programacion cliente hojas_deestilo_Programacion cliente hojas_deestilo_
Programacion cliente hojas_deestilo_
 
Plataformas cliente servidor
Plataformas cliente servidorPlataformas cliente servidor
Plataformas cliente servidor
 
Que es Dominios, protocolos y como accerder a una dominio web
Que es Dominios, protocolos y como accerder a una dominio webQue es Dominios, protocolos y como accerder a una dominio web
Que es Dominios, protocolos y como accerder a una dominio web
 
Arquitectura servidores
Arquitectura servidoresArquitectura servidores
Arquitectura servidores
 
7. cambios en el software y mejora de procesos
7. cambios en el software y mejora de procesos7. cambios en el software y mejora de procesos
7. cambios en el software y mejora de procesos
 
jQuery y ASP
jQuery y ASPjQuery y ASP
jQuery y ASP
 
Ajax
AjaxAjax
Ajax
 
Dhtml
DhtmlDhtml
Dhtml
 
(Muy breve) Introduccion a jQuery
(Muy breve) Introduccion a jQuery(Muy breve) Introduccion a jQuery
(Muy breve) Introduccion a jQuery
 
Calidad Del Software
Calidad Del SoftwareCalidad Del Software
Calidad Del Software
 
Calidad de software final final.pptx
Calidad de software final final.pptxCalidad de software final final.pptx
Calidad de software final final.pptx
 
Que es AJAX
Que es AJAXQue es AJAX
Que es AJAX
 
Introduccion a Jquery
Introduccion a JqueryIntroduccion a Jquery
Introduccion a Jquery
 
Programacion web
Programacion webProgramacion web
Programacion web
 

Similar a 2.2 lenguajes del lado cliente

Arquitectura cliente servidor rodofo jacobo rodriguez
Arquitectura cliente servidor rodofo jacobo rodriguezArquitectura cliente servidor rodofo jacobo rodriguez
Arquitectura cliente servidor rodofo jacobo rodriguezTito Jacobo Rodriguez
 
P web(2.2,'entorno bd web')
P web(2.2,'entorno bd web')P web(2.2,'entorno bd web')
P web(2.2,'entorno bd web')Cronio Antmao
 
Programacion web-Lenguajes del lado del servidor
Programacion web-Lenguajes del lado del servidorProgramacion web-Lenguajes del lado del servidor
Programacion web-Lenguajes del lado del servidorJose Felix Moran Agusto
 
Internet - Teconología para Sistemas Web
Internet - Teconología para Sistemas WebInternet - Teconología para Sistemas Web
Internet - Teconología para Sistemas WebJhon Querevalú
 
Aprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScriptAprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScriptKarsarmi
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web8vivi8
 
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEBEQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEBUNIV DE CIENCIAS Y ARTES
 
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEBEQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEBUNIV DE CIENCIAS Y ARTES
 
Resultado de aprendizaje 2.1.1
Resultado de aprendizaje 2.1.1Resultado de aprendizaje 2.1.1
Resultado de aprendizaje 2.1.1Rafael Garcia
 
Diseño Web: Qué necesitamos para empezar?
Diseño Web: Qué necesitamos para empezar?Diseño Web: Qué necesitamos para empezar?
Diseño Web: Qué necesitamos para empezar?Karla Arosemena
 

Similar a 2.2 lenguajes del lado cliente (20)

Dinamicas
DinamicasDinamicas
Dinamicas
 
Arquitectura cliente servidor rodofo jacobo rodriguez
Arquitectura cliente servidor rodofo jacobo rodriguezArquitectura cliente servidor rodofo jacobo rodriguez
Arquitectura cliente servidor rodofo jacobo rodriguez
 
Dinamicas
DinamicasDinamicas
Dinamicas
 
JAVASCRIP
JAVASCRIPJAVASCRIP
JAVASCRIP
 
P web(2.2,'entorno bd web')
P web(2.2,'entorno bd web')P web(2.2,'entorno bd web')
P web(2.2,'entorno bd web')
 
Clase 4 JavaScript Básico
Clase 4 JavaScript BásicoClase 4 JavaScript Básico
Clase 4 JavaScript Básico
 
Java Scripts
Java ScriptsJava Scripts
Java Scripts
 
Presentacion 2.2
Presentacion 2.2Presentacion 2.2
Presentacion 2.2
 
Programacion web-Lenguajes del lado del servidor
Programacion web-Lenguajes del lado del servidorProgramacion web-Lenguajes del lado del servidor
Programacion web-Lenguajes del lado del servidor
 
Internet - Teconología para Sistemas Web
Internet - Teconología para Sistemas WebInternet - Teconología para Sistemas Web
Internet - Teconología para Sistemas Web
 
Aprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScriptAprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScript
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
 
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEBEQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
 
javascript
javascriptjavascript
javascript
 
"Publicar en Internet"
"Publicar en Internet""Publicar en Internet"
"Publicar en Internet"
 
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEBEQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
 
Java Web - Introduccion
Java Web - IntroduccionJava Web - Introduccion
Java Web - Introduccion
 
Resultado de aprendizaje 2.1.1
Resultado de aprendizaje 2.1.1Resultado de aprendizaje 2.1.1
Resultado de aprendizaje 2.1.1
 
EQUIPO 2,2A PARTE DE LAS AGUILAS
EQUIPO 2,2A PARTE DE LAS AGUILASEQUIPO 2,2A PARTE DE LAS AGUILAS
EQUIPO 2,2A PARTE DE LAS AGUILAS
 
Diseño Web: Qué necesitamos para empezar?
Diseño Web: Qué necesitamos para empezar?Diseño Web: Qué necesitamos para empezar?
Diseño Web: Qué necesitamos para empezar?
 

2.2 lenguajes del lado cliente

  • 1. ITSCHI Programación Web Lenguajes programación del lado del cliente La programación del lado del cliente tiene como principal ventaja que la ejecución de la aplicación se delega al cliente, con lo cual se evita recargar al servidor de trabajo. El servidor solo envía el código, y es tarea del browser interpretarlo. El navegador es una especie de aplicación capaz de interpretar las órdenes recibidas en forma de código HTML fundamentalmente y convertirlas en las páginas que son el resultado de dicha orden. Cuando nosotros pinchamos sobre un enlace hipertexto, en realidad lo que pasa es que establecemos una petición de un archivo HTML residente en el servidor (un ordenador que se encuentra continuamente conectado a la red) el cual es enviado e interpretado por nuestro navegador (el cliente). Así pues, podemos hablar de lenguajes de lado servidor que son aquellos lenguajes que son reconocidos, ejecutados e interpretados por el propio servidor y que se envían al cliente en un formato comprensible para él. Por otro lado, los lenguajes de lado cliente (entre los cuales no sólo se encuentra el HTML sino también el Java y el Java Script los cuales son simplemente incluidos en el código HTML) son aquellos que pueden ser directamente “digeridos” por el navegador y no necesitan un pretratamiento. Cada uno de estos tipos tiene por supuesto sus ventajas y sus inconvenientes. Así, por ejemplo, un lenguaje de lado cliente es totalmente independiente del servidor, lo cual permite que la página pueda ser albergada en cualquier sitio sin necesidad de pagar más ya que, por regla general, los servidores que aceptan páginas con scripts de lado servidor son en su mayoría de pago o sus prestaciones son muy limitadas. Inversamente, un lenguaje de lado servidor es independiente del cliente por lo que es mucho menos rígido respecto al cambio de un navegador a otro o respecto a las versiones del mismo.
  • 2. ITSCHI Programación Web Lenguajes del lado cliente HTML El lenguaje llamado HTML indica al navegador donde colocar cada texto, cada imagen o cada video y la forma que tendrán estos al ser colocados en la página. El lenguaje consta de etiquetas que tienen esta forma <B> o <P>. Cada etiqueta significa una cosa, por ejemplo <B> significa que se escriba en negrita (bold) o <P> significa un párrafo, <A> es un enlace, etc. Casi todas las etiquetas tienen su correspondiente etiqueta de cierre, que indica que a partir de ese punto no debe de afectar la etiqueta. Por ejemplo </B> se utiliza para indicar que se deje de escribir en negrita. Así que el HTML no es más que una serie de etiquetas que se utilizan para definir la forma o estilo que queremos aplicar a nuestro documento. <B>Esto está en negrita</B>. Esta página es un claro ejemplo de uso del HTML. JAVASCRIPT JavaScript es un lenguaje de programación utilizado para crear pequeños programitas encargados de realizar acciones dentro del ámbito de una página web. Se trata de un lenguaje de programación del lado del cliente, porque es el navegador el que soporta la carga de procesamiento. Su uso se basa fundamentalmente en la creación de efectos especiales en las páginas y la definición de interactividades con el usuario. JavaScript es un lenguaje con muchas posibilidades, es orientado a objetos, con funciones, estructuras de datos complejas, etc. JavaScript no permite dos de las características clásicas de los lenguajes orientados a objetos (herencia y polimorfismo), pero permite la creación y manipulación de objetos sencillos, y la definición de métodos y propiedades para dichos objetos.
  • 3. ITSCHI Programación Web Las sentencias escritas en JavaScript se encapsulan entre las etiquetas <script> y </script>. Por ejemplo, si en el código de una página web incluimos la sentencia <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso- 8859-1" /> <title>Ejemplo JavaScript</title> </head> <body> < script> var respuesta = confirm("Aceptame o rechazame") alert ("Has pulsado: " + respuesta) < /script> < /body> < /html> APPLETS DE JAVA Es otra manera de incluir código a ejecutar en los clientes que visualizan una página web. Se trata de pequeños programas hechos en Java, que se transfieren con las páginas web y que el navegador ejecuta en el espacio de la página. Los applets de Java están programados en Java y precompilados, es por ello que la manera de trabajar de éstos varía un poco con respecto a los lenguajes de script como Javascript. Los applets son más difíciles de programar que los scripts en Javascript y requerirán unos conocimientos básicos o medios del lenguaje Java. La principal ventaja de utilizar applets consiste en que son mucho menos dependientes del navegador que los scripts en Javascript, incluso independientes del sistema operativo del ordenador donde se ejecutan. Además, Java es más potente que JavaScript, por lo que el número de aplicaciones de los applets podrá ser mayor.
  • 4. ITSCHI Programación Web Como desventajas en relación con Javascript cabe señalar que los applets son más lentos de procesar y que tienen espacio muy delimitado en la página donde se ejecutan, es decir, no se mezclan con todos los componentes de la página ni tienen acceso a ellos. Es por ello que con los applets de Java no podremos hacer directamente cosas como abrir ventanas secundarias, controlar Frames, formularios, capas, etc. VISUAL BASIC SCRIPT Es un lenguaje de programación de scripts del lado del cliente, pero sólo compatible con Internet Explorer. Es por ello que su utilización está desaconsejada a favor de Javascript. Está basado en Visual Basic, un popular lenguaje para crear aplicaciones Windows. Tanto su sintaxis como la manera de trabajar están muy inspirados en él. Sin embargo, no todo lo que se puede hacer en Visual Basic lo podremos hacer en Visual Basic Script, pues este último es una versión reducida del primero. El modo de funcionamiento de Visual Basic Script para construir efectos especiales en páginas web es muy similar al utilizado en Javascript y los recursos a los que se puede acceder también son los mismos: el navegador. CSS CSS, es una tecnología que nos permite crear páginas web de una manera más exacta. Gracias a las CSS somos mucho más dueños de los resultados finales de la página, pudiendo hacer muchas cosas que no se podía hacer utilizando solamente HTML, como incluir márgenes, tipos de letra, fondos, colores… Incluso podemos definir nuestros propios estilos en un archivo externo a nuestras páginas; así, si en algún momento queremos cambiar alguno de ellos, automáticamente se nos actualizarán todas las páginas vinculadas de nuestro sitio.
  • 5. ITSCHI Programación Web DHTML DHTML no es precisamente un lenguaje de programación. Más bien se trata de una nueva capacidad de la que disponen los navegadores modernos, por la cual se puede tener un mayor control sobre la página que antes. Cualquier página que responde a las actividades del usuario y realiza efectos y funcionalidades se puede englobar dentro del DHTML, pero en este caso nos referimos más a efectos en el navegador por los cuales se pueden mostrar y ocultar elementos de la página, se puede modificar su posición, dimensiones, color, etc. DHTML nos da más control sobre la página, gracias a que los navegadores modernos incluyen una nueva estructura para visualizar en páginas web denominada capa. Las capas se pueden ocultar, mostrar, desplazar, etc. Para realizar las acciones sobre la página, como modificar la apariencia de una capa, seguimos necesitando un lenguaje de programación del lado del cliente como Javascript o VB Script?. En la actualidad, DHTML también puede englobar la programación en el servidor. Dentro del concepto de DHTML se engloban también las Hojas de Estilo en Cascada o CSS (Cascade Style Sheets), que veremos a continuación.