DISEÑO Y ELABORACIÓN DE PÁGINAS WEB · A. Identificación de elementos Web. Internet. World Wide...

56
DISEÑO Y ELABORACIÓN DE PÁGINAS WEB MTRA LUZ YUVINA CAMPOS GARCÍA DEWE-02 Luzyuvinacampos.wordpress.com

Transcript of DISEÑO Y ELABORACIÓN DE PÁGINAS WEB · A. Identificación de elementos Web. Internet. World Wide...

DISEÑO Y ELABORACIÓN DE PÁGINAS WEB

MTRA LUZ YUVINA CAMPOS GARCÍA

DEWE-02

Luzyuvinacampos.wordpress.com

Mapa del modulo

Nombre del

modulo

Unidad de aprendizaje Resultado de aprendizaje D

ise

ño

y E

lab

ora

ció

n d

e P

ag

ina

s W

eb

1. Desarrollo de páginas

web estáticas

1. Determina la estructura del sitio web con base

en las necesidades del usuario

20 horas

1. Elabora páginas web estáticas haciendo uso

del lenguaje de etiquetas XHTML

30 horas

1. Construye hojas de estilo en cascada (CSS)

de acuerdo con las especificaciones del

World Wide Web (W3C)

30 horas

2. desarrollo de páginas web

dinámicas

1. implementa interactividad a las páginas web,

mediante el desarrollo de código de

programación en un lenguaje script.

30 horas

1. Establece el acceso a bases de datos en

páginas web mediante el desarrollo de

código en un lenguaje de programación.

34 horas

1. Desarrollo de páginas web estáticas.

Propósito de la unidad: Desarrollará páginas web con contenido estático siguiendo la metodología de diseño y basada en estándares internacionales que permita dar cumplimiento a los requerimientos establecidos por el usuario

Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario 20 horas

A. Identificación de elementos Web.

Internet. World Wide Web. Navegadores Web. Protocolo HTTP. Protocolo FTP. W3C. CSS.

Competencias Listar razones por las cuales se creó la Internet.

Identificar los principales servicios a los que se puede acceder mediante el uso de la Internet.

Analizar las maneras en que las personas utilizan la Internet.

Analizar que son los navegadores y sus características de distintos navegadores

Protocolo HTTP

Protocolo FTP

W3C

¿Qué es Internet?

Es una red mundial de redes de computadoras, que se encuentran interconectadas entre sí y distribuidas por todo el mundo.

Mediante esta red podemos encontrar toda clase de información y servicios.

Las conexiones permiten a los usuarios: intercambiar mensajes

comunicarse en tiempo real

compartir datos

Programas

acceder grandes bancos de datos e información.

Breve historia de la Internet 1969 se originó en los Estados Unidos con el proyecto

ARPANET-Agencia de Proyectos de Investigación Avanzada, el cual fue creado como una red experimental de investigación del Departamento de Defensa de Estados Unidos.

Objetivos de ARPANET: crear una red de computadoras con múltiples rutas de

conexión Permitir que personas de ubicaciones remotas tuvieran la

oportunidad de compartir recursos

El proyecto pretendía crear una gran red de computadoras con múltiples rutas de conexión que podría sobrevivir a un ataque nuclear o a otros desastres naturales, ejemplo, un terremoto.

Continuación: Breve historia de la Internet

1980 Estados Unidos desarrolla una red basada en los

protocolos del Internet (TCP/IP), cuyo propósito era conectar las instituciones educativas y de investigación.

1983 al 1993 La Internet pasó a ser la red más grande del

mundo.

1995 Estados Unidos vende la red a compañías privadas,

evolucionando así lo que es la Internet hoy día, una colección de grandes redes manejadas por grandes compañías telefónicas.

¿Qué ofrece la Internet?

Información - http://ask.com

Programas - www.openoffice.org

Entretenimiento http://www.eonline.com

Compra en línea http://www.acompraronline.com

www.Dell.com/PuertoRico

Juegos - http://www.playedonline.com

http://www.free-games.com.au

Educación - http://www.aulaclic.es

Los principales servicios de la Internet

www (world Wide Web) Correo electrónico (E-Mail) Noticias (News) Grupos de Discusión Listas de Interés (USENET) Protocolos de transferencia de archivos

Transferencia de Archivos (FTP) Chat o IRC (Internet Relay Channel) Mensajería instantánea Servicios en línea Servicios de punto a punto

Los usuarios individuales necesitan conectar los modems de sus computadoras a una línea telefónica de alta velocidad, como por ejemplo DSL o cable, estableciendo una cuenta con un proveedor de servicios de Internet. Ejemplo: PRTC, Cablevisión, Telmex y otros.

World Wide Web (www)

Fue creada por Tim Berners-Lee y desarrollada por un laboratorio Europeo en los años 90 para facilitar el manejo de la información.

El WWW es un conjunto de servicios basados en hipertextos o páginas web interconectadas.

Utiliza el lenguage HTML (lenguaje para marcación de hipertexto)

Contiene información, ya sea en documentos de textos, gráficos, audio, video, animación o imagen

El WWW se diferencia de la Internet, porque la Internet es la conexión física, un servicio. WWW es la información que se encuentra disponible a través de la Internet. Es una parte del interior que está creciendo rápidamene, debido a que ahí es donde se encuentran todos los negocios, actividades comerciales e información. Existen más de 72 millones de sitios en el WWW en la Internet y cada día va creciendo.

Continuación: Los principales servicios de la Internet

URL

Dirección única de un sitio en la Web.

Es el formato especial usado por los protocoles de transferencia de hipertexto en las direcciones de Internet.

Protocolo Nombre del Archivo

http:// www.loc.gov/exhibits/treasures

Dirección de un servidor de Internet que utiliza el protocolo de transferencia de hipertexto.

www. - sitio conocido como world wide web

loc.gov – el sitio pertenece a una agencia de gobierno

exhibits./treasures – página web específica sobre las exhibiciones de la Biblioteca del Congreso (carpeta llamada “exhibit” y subcarpeta “treasres”)

Ideas básicas de la web

No existe autoridad

Servidor web

peticiones

Sistema de ficheros

Controla aspectos

Existencia de interfaz

Funcionamiento de la web

Protocolo http

Clientes web

Modelo cliente servidor

Creación de documentos

Mensaje mostrado

Establece conexión

Especifica URL

Búsqueda de paginas

Es un medio de intercambio

Navegadores Los navegadores web están desarrollados por equipos de personas que intentan acatar las normas que la W3C indica que deben cumplirse para que las páginas web se vean tal y como se ven. Evidentemente cada equipo tiene una visión de las normas y cada visión da como resultado una implementación. Por lo tanto cada equipo de desarrollo obtiene una implementación diferente de una misma normal.

Diferencias entre navegadores:

El navegador más rápido fue y es sin duda Google Chrome seguido de Firefox 3.0.7, Safari 3.2.2 y Opera 9.63.

Firefox fue un 59% más rápido que IE8, Safari un 47% y Opera un 38% mientras que Chrome es cuatro veces más rápido que Internet Explorer 8.

Navegadores Internet Explorer

Mozilla Firefox Opera Google Chrome

Mejoras en funcionamiento, estabilidad, seguridad, compatibilidad entre aplicaciones y ajustes finales a CSS.

Además de rápido tiene el Novedoso sistema de pestañas, muy útil en la actualidad.Posibilidad de personalizar la barra de navegación, búsqueda rápida.Nuevas funcionalidades como la restauración de la sesión después de un cuelgue del navegador, sugerencias de búsqueda en Google y Yahoo!, nuevo gestor de plugins y add-on, lector de fuentes web y protección anti-phishing. Mejoras al tema Winstripe. Incluye soporte para JavaScript 1.7

No modifica el código original de la página Permite observar en simultáneo la representación gráfica de la página y el código pertinente Brinda información acerca de la cantidad de elementos presentes Útil como herramienta de aprendizaje y adiestramiento Permite retomar las revisiones, posibilitando el trabajo grupal.Permite aprovechar las ventajas de la CSS.

La plataforma de Chrome permite al usuario visualizar las 9 páginas más vistas en esa computadora (sin necesidad de tener que agregarlas a un directorio de “sitios favoritos”).La barra de direcciones rebautizada como „omnibar‟ simplifica la búsqueda de información en la red, pues al momento de escribir una palabra, de manera simultánea aparecen varios resultados de búsqueda, ya sean páginas de Internet, nombres, temas o artículos relacionados.Navegador más rápido, sistema V8, que acelera los procesos de JavaScript.

Navegadores

Interntet

Explorer

Mozilla

Firefox

Opera Google

Chrome

Mucho mejor que el Internet Explorer 6, pero ninguna competencia para el Mozilla Firefox 2. Soporta PNG, y optimizaron compatibilidad con el CSS entre otros. Además de copiar el sistema de pestañas diseñado por Firefox

Si lo tienes abierto durante mucho tiempo empieza a usar mucha memoria ram, solo tienes que cerrarlo y volverlo a abrir.

Pobre soporte de los navegadores a CSS2 .Tiempo mínimo de revisión

muy elevado

La primera versión de Google Chrome pasó las pruebas Acid1 y Acid2. Mientras que no pasó la prueba Acid3, ya que solo obtuvo 78 de los 100 puntos requeridos para aprobarla. Esta calificación es más alta que las obtenidas por Safari 3.1.1 (74),Internet Explorer 7 (14), pero más baja que la de Firefox 3 (89) y Opera (85).

PROTOCOLO HTTP

• ALGUNAS DEF.-

• *HTTP (HyperText Transfer Protocol) protocolo de transferencia de hipertexto es un conjunto de reglas que rigen la transferencia de datos en una comunicación Web.

• *Es un protocolo cliente-servidor que articula los intercambios de información entre los clientes Web y los servidores http.

• *HTTP define la sintaxis y la semántica que utilizan los elementos software de la arquitectura Web (cliente-servidor, proxies) para comunicarse.

Su finalidad es la transferencia de hipertexto o texto con componentes y enlaces a otros textos pero en la actualidad es utilizado tanto para la transferencia de hipertexto como para la transferencia de ficheros (carga y descarga), datos y trafico de red.

Se usa tanto para que el navegador pida una pagina a un servidor como para que este envíe la pagina solicitada al navegador. Esta basado en el envío de comandos y respuestas en texto ASCII.

Al que hace la petición se le llama “user agent” (agente usuario).

A la información transmitida se le llama “recurso” puede ser archivo, resultado de ejecución, etc.

Una transacción HTTP consiste básicamente en:

Conexión.- establecimiento de una conexión cliente-servidor. Por el puerto TCP/IP 80 es el más conocido pero se pueden usar otros no reservados.

Solicitud.- envío por parte del cliente de un mensaje de solicitud al servidor.

Respuesta.- envío por parte del servidor de una respuesta al cliente.

Cierre.- fin de la conexión por parte del cliente y el servidor.

HTTP es un protocolo sin estado es decir que no guarda ninguna información sobre conexiones anteriores.

El desarrollo de aplicaciones Web necesita frecuentemente mantener estado. Para esto se usan los “cookies” que es información que un servidor puede almacenar en el sistema cliente. Esto le permite a las aplicaciones Web instituir la noción de sesión y también permite rastrear usuarios ya que los “cookies” pueden guardarse en el cliente por tiempo indeterminado.

100 Continua

101 Cambio de protocolo 200 OK 201 Creado 202 Aceptado 203 Información no oficial 204 Sin Contenido 205 Contenido para reset 206 Contenido parcial 300 Múltiples posibilidades

301 Mudado permanentemente 302 Encontrado 303 Vea otros 304 No modificado 305 Utilice un proxy 307 Redirección temporal

400 Solicitud incorrecta 401 No autorizado 402 Pago requerido 403 Prohibido

404 No encontrado 405 Método no permitido 406 No aceptable 407 Proxy requerido 408 Tiempo de espera agotado 409 Conflicto 410 No mapas disponible 411 Requiere longitud 412 Falló precondición 413 Entidad de solicitud demasiado larga 414 URI de solicitud demasiado largo 415 Tipo de medio no soportado 416 Rango solicitado no disponible 417 Falló expectativa 500 Error interno 501 No implementado 502 Pasarela incorrecta 503 Servicio no disponible 504 Tiempo de espera de la pasarela agotado 505 Versión de HTTP no soportada

EL SERVIDOR PUEDE TENER ALGUNA DE LAS SIGUIENTES RESPUESTAS:

Protocolo de Transferencia de archivos

FTP FTP FTP

FTP

INTRODUCCION

“1971, un grupo de investigadores presentó la propuesta del primer Protocolo para la transmisión de archivos en Internet“.

“En 1985, se termina el desarrollo del aún vigente protocolo para la transmisión de archivos en Internet, basado en la filosofía de cliente-servidor”.

“El gran boom de Internet se produce en 1995. Este año puede ser considerado como el nacimiento de la Internet comercial. Desde ese momento su crecimiento ha superado todas las expectativas”.

Un servidor FTP es un programa especial que se ejecuta en un equipo servidor normalmente conectado a Internet (aunque puede estar conectado a otros tipos de redes, LAN, MAN, etc.). Su función es permitir el intercambio de datos entre diferentes servidores/ordenadores.

Los programas servidores FTP no suelen encontrarse en los ordenadores personales, por lo que un usuario normalmente utilizará el FTP para conectarse remotamente a uno y así intercambiar información con él.

Las aplicaciones más comunes de los servidores FTP suelen ser el alojamiento web, en el que sus clientes utilizan el servicio para subir sus páginas web y sus archivos correspondientes; o como servidor de backup de los archivos importantes que pueda tener una empresa. Para ello, existen protocolos de comunicación FTP para que los datos se transmitan cifrados, como el SFTP.

¿Qué significa FTP?

Es un protocolo de transferencia de archivos entre sistemas conectados a una red TCP basado en la arquitectura cliente-servidor, de manera que desde un equipo cliente nos podemos conectar a un servidor para descargar archivos desde él o para enviarle nuestros propios archivos independientemente del sistema operativo utilizado en cada equipo.

El Servicio FTP es ofrecido por la capa de Aplicación del modelo de capas de red TCP/IP al usuario, utilizando normalmente el puerto de red 20 y el 21. Un problema básico de FTP es que está pensado para ofrecer la máxima velocidad en la conexión, pero no la máxima seguridad, ya que todo el intercambio de información, desde el login y password del usuario en el servidor hasta la transferencia de cualquier archivo, se realiza en texto plano sin ningún tipo de cifrado, con lo que un posible atacante lo tiene muy fácil para capturar este tráfico, acceder al servidor, o apropiarse de los archivos transferidos.

¿Qué es Cliente FTP? Es un programa que se instala en el ordenador del usuario, y que emplea el protocolo FTP para conectarse a un servidor FTP y transferir archivos, ya sea para descargarlos o para subirlos. Para utilizar un cliente FTP, se necesita conocer el nombre del archivo, el ordenador en que reside (servidor, en el caso de descarga de archivos), el ordenador al que se quiere transferir el archivo (en caso de querer subirlo nosotros al servidor), y la carpeta en la que se encuentra.

Para que sirve la w3c

La finalidad de los estándares as la creación de un web universal, accesible, fácil de usar y en la que todo mundo puede confiar

El w3c

Se guía por los principios de accesibilidad, internacionalización e independencia de dispositivos entre otros

La conforma

W3c acaba de celebrar su decimo aniversario

Mas de 350 miembros

Mas de 70 personas en el team

Unos 35 grupos de trabajo (con cerca de 700 investigadores)

Una web con significado

Tradicional mente se podría considerar la web como un conjunto de documentos conexos entre si atreves de térmicos léxicos y sintéticos

Confianza de la web

La web es un medio colaborativo donde los usuarios interactúan creando contenido (en wikis, blogs o foros), realizan transacciones (compras online, operaciones vanearías o crean redes sociales (de amistad o laborales)

Los 7 principios básicos

Web semántica

Confianza

Interoperabilidad

Capacidad de evolución

Descentralización

!Multimedia mas atractiva¡

Cascading Style Sheets

El nombre hojas de estilo en cascada viene del inglés Cascading Style Sheets, del que toma sus siglas. CSS es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML). El W3C (World Wide Web Consortium) es el encargado de formular la especificación de las hojas de estilo que servirán de estándar para los agentes de usuario o navegadores. La información de estilo puede ser adjuntada como un documento separado o en el mismo documento HTML. En este último caso podrían definirse estilos generales en la cabecera del documento o en cada etiqueta particular mediante el atributo "<style>"

.

USO Por ejemplo, el elemento de HTML <h1> indica que un bloque de texto es un encabezamiento y que es más importante que un bloque etiquetado como <h2>. Versiones más antiguas de HTML permitían atributos extra dentro de la etiqueta abierta para darle formato (como el color o el tamaño de fuente). No obstante, cada etiqueta <h1> debía disponer de la información si se deseaba un diseño consistente para una página y, además, una persona que leía esa página con un navegador perdía totalmente el control sobre la visualización del texto.

Cuando se utiliza CSS, la etiqueta <h1> no debería proporcionar información sobre cómo será visualizado, solamente marca la estructura del documento. La información de estilo, separada en una hoja de estilo, especifica cómo se ha de mostrar <h1>: color, fuente, alineación del texto, tamaño y otras características no visuales, como definir el volumen de un sintetizador de voz, por ejemplo.

Por otro lado, antes de que estuviera disponible CSS, la única forma de componer espacialmente una página era el uso de tablas <table>

Lenguajes del lado del servidor y del cliente

Lenguajes del lado servidor o cliente 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 JavaScript los cuales son simplemente incluidos en el código HTML) son aquellos que pueden ser directamente "digeridos" por el navegador y no necesitan un pre tratamiento.

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.

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>.

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.

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

<script> window.alert("Bienvenido a mi sitio web. Gracias...") </script>

al abrir la página con el navegador se nos mostrará una ventana de bienvenida

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.

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

FLASH

Flash es una tecnología, y un programa, para crear efectos especiales en páginas web. Con Flash también conseguimos hacer páginas dinámicas del lado del cliente. Flash en realidad no es un lenguaje; Sin embargo, si tuviéramos que catalogarlo en algún sitio quedaría dentro del ámbito de las páginas dinámicas de cliente.

Para visualizar las "películas" Flash, nuestro navegador debe tener instalado un programita (plug-in) que le permita visualizarlas.

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.

CSS son las siglas de Cascading Style Sheets, en español Hojas de estilo en Cascada.

Lenguajes del lado servidor

CGI

Es el sistema más antiguo que existe para la programación de las páginas dinámicas de servidor. Actualmente se encuentra un poco desfasado por diversas razones entre las que destaca la dificultad con la que se desarrollan los programas y la pesada carga que supone para el servidor que los ejecuta.

Los CGI se escriben habitualmente en el lenguaje Perl, sin embargo, otros lenguajes como C, C++ o Visual Basic pueden ser también empleados para construirlos.

PERL

Perl es un lenguaje de programación interpretado, al igual que muchos otros lenguajes de Internet como Javascript o ASP. Esto quiere decir que el código de los scripts en Perl no se compila sino que cada vez que se quiere ejecutar se lee el código y se pone en marcha interpretando lo que hay escrito. Además es extensible a partir de otros lenguajes, ya que desde Perl podremos hacer llamadas a subprogramas escritos en otros lenguajes. También desde otros lenguajes podremos ejecutar código Perl.

ASP

ASP (Active Server Pages) es la tecnología desarrollada por Microsoft para la creación de páginas dinámicas del servidor. ASP se escribe en la misma página web, utilizando el lenguaje Visual Basic Script o Jscript (Javascript de Microsoft).

PHP

PHP es el acrónimo de Hipertext Preprocesor. Es un lenguaje de programación del lado del servidor gratuito e independiente de plataforma, rápido, con una gran librería de funciones y mucha documentación.

JSP

JSP es un acrónimo de Java Server Pages, que en castellano vendría a decir algo como Páginas de Servidor Java. Es, pues, una tecnología orientada a crear páginas web con programación en Java.

Con JSP podemos crear aplicaciones web que se ejecuten en variados servidores web, de múltiples plataformas, ya que Java es en esencia un lenguaje multiplataforma. Por tanto, las JSP podremos escribirlas con nuestro editor HTML/XML habitual.

Lenguajes del lado cliente-servidor

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 VBScript.

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.

XML

• XML es una tecnología en realidad muy sencilla que tiene a su alrededor otras tecnologías que la complementan y la hacen mucho más grande y con unas posibilidades mucho mayores.

XML, con todas las tecnologías relacionadas, representa una manera distinta de hacer las cosas, más avanzada, cuya principal novedad consiste en permitir compartir los datos con los que se trabaja a todos los niveles, por todas las aplicaciones y soportes.