Capítulo I Lenguajes Para Aplicaciones Web

Capítulo I Lenguajes para aplicaciones web Capítulo I Lenguajes para aplicaciones web. Tecnologías Web 1 Capítulo I Lenguajes para aplicaciones web Capítulo I: Lenguajes para aplicaciones Web 1.1 HTML 1.1.1 Definición HTML, (HyperText Markup Language, Lenguaje de Marcas de Hipertexto), es el lenguaje de marcado predominante para la construcción de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML. 1.1.2 Estructura Estructura Básica Un documento HTML comienza con la etiqueta <html>, y termina con </html>. Dentro del documento (entre las etiquetas de principio y fin de html), hay dos zonas bien diferenciadas: el encabezamiento , delimitado por <head> y </head>, que sirve para definir diversos valores válidos en todo el documento; y el cuerpo , delimitado por <body> y </body>, donde reside la información del documento. La utilidad del encabezamiento es la directiva <title>, que permite especificar el título de un documento HTML. Este título no forma parte del documento en sí: no aparece, por ejemplo, al principio del documento una vez que este se presenta con un programa adecuado, sino que suele servir como título de la ventana del programa que nos la muestra. Por ejemplo, en el encabezamiento de este manual se ha especificado: <title>Manual práctico de HTML</title> El cuerpo de un documento HTML contiene el texto que, con la presentación y los efectos que se decidan. Dichos efectos se especifican exclusivamente a través de directivas. Esto quiere decir que los espacios, tabulaciones y retornos de carro que se introduzcan en el fichero fuente no tienen ningún efecto a la hora de la presentación final del documento. La figura 1.1 muestra el resultado que genera la estructura básica de html, muestra el titulo de la página y un texto en el cuerpo del documento. La estructura básica de un documento HTML queda de la forma siguiente: <html> <head> <title>”Título en la Pagina” Lenguajes Web ITM</title> </head> <body> Texto del documento, menciones a gráficos, enlaces, etc. </body> </html> Figura 1.1. Estructura básica Html. Tecnologías Web 2 Capítulo I Lenguajes para aplicaciones web <html>: Define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. <head>: Define la cabecera del documento HTML, esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario. Como por ejemplo el título de la ventana del navegador. Dentro de la cabecera <head> podemos encontrar lo siguiente: <title>: Define el título de la página. El título aparece en la barra de título encima de la ventana. <link>: Para vincular el sitio a hojas de estilo o iconos Por ejemplo:<link rel="stylesheet" href="/style.css" type="text/css">. <style>: Para colocar el estilo interno de la página, ya sea usando CSS, JavaScript u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>. <body>: Define el contenido principal o cuerpo del documento. Esta es la parte del documento HTML que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> podemos encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo: <h1>, <h2>,… <h6>: Encabezados o títulos del documento con diferente relevancia. <table>: Define una tabla. <tr>: Fila de una tabla. <td>: Celda de datos de una tabla. <a>: Hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href . Por ejemplo: <a href="http://www.itsch.edu.mx">itsch</a> se representa como itsch). <img>: imagen. Requiere del atributo src , que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="imagenes/mifoto.jpg" />. <b>: Texto en negrita ( Etiqueta descartada. Se recomienda usar la etiqueta <strong> ) <i>: Texto en cursiva. <u>: Texto subrayado. A continuación se muestra un ejemplo, que para las etiquetas antes mencionadas, deberán cerrar el inicio de la etiqueta, de la forma siguiente: </html>: Finaliza el fin del documento HTML </body>: Finaliza el fin del contenido o cuerpo del documento HTML Ejemplo: <html> <head> <title>Ejemplo</title> </head> <body> <p>ejemplo</p> </body> </html> 1.1.3 Características 1. Este lenguaje se puede integrar con todas las diferentes tecnologías de desarrollo web tales como: ASP, PHP, JSP, etc. 2. Es interpretado por el navegador web de los usuarios. 3. Es soportado por todos los servidores. Formato de las etiquetas Cada elemento de un documento HTML consta de una etiqueta de comienzo, un bloque de texto y una etiqueta de fin con el siguiente formato: <etiqueta> bloque de texto </etiqueta>. Estos elementos se denominan contenedores, porque contienen un bloque de texto entre las etiquetas de comienzo y fin. Tecnologías Web 3 Capítulo I Lenguajes para aplicaciones web Comentarios Los comentarios se escriben en HTML empezando con <!-- y terminando con -- > como se ve a continuación: <!-- Ejemplo de comentario -- > Estructuración HTML tiene unas reglas estructurales que indican dónde pueden y no pueden ir los elementos. Tenemos el ejemplo de los titulares, que son independientes entre ellos, no pudiendo contenerse unos a otros. • El siguiente código sería incorrecto: <h1><h2> Contenido</h2></h1> Las etiquetas tienen que seguir un orden primordial, las primeras que se abren son las últimas que se cierran: <h1><h2><h3><h4><h5>Contenido</h5></h4></h3></h2></h1> 1.1.4 Servidores Web El lenguaje HTML tiene que ser incluido en todos los lenguajes de programación de páginas web con la finalidad de presentar la información de una forma amigable, por lo que se puede montar en cualquier servidor existente, tales como: • Apache: Es un servidor web HTTP de código abierto para plataformas Unix (BSD, GNU/Linux, etc.), Microsoft Windows, Macintosh y otras, que implementa el protocolo HTTP. • Apache Tomcat: Es un servidor web con soporte a JSP. Tomcat. Incluye el compilador Jasper, que compila JSP convirtiéndolos en servlets. El motor de servlets de Tomcat a menudo se presenta en combinación con el servidor web Apache. • IIS: Este servicio convierte a un ordenador en un servidor de Internet o Intranet es decir que en las computadoras que tienen este servicio instalado se pueden publicar páginas web tanto local como remotamente (servidor web). • Glassfish: Es un servidor de aplicaciones desarrollado por Sun Microsystems que implementa las tecnologías definidas en la plataforma Java EE y permite ejecutar aplicaciones que siguen esta especificación. • Lighttpd: Es un servidor web diseñado para ser rápido, seguro, flexible, y fiel a los estándares. Está optimizado para entornos donde la velocidad es muy importante, y por eso consume menos recursos que otros servidores. • Thttpd: Es un servidor web de código libre disponible para la mayoría de las variantes de Unix. Se caracteriza por ser simple, pequeño, portátil, rápido, y seguro, ya que utiliza los requerimientos mínimos de un servidor HTTP. Esto lo hace ideal para servir grandes volúmenes de información. 1.2. Cgi´s Cuando el World Wide Web inició su funcionamiento como lo conocemos, empezando a tomar popularidad aproximadamente en 1993, solo se podía apreciar texto, imágenes y enlaces. La introducción de plugins en los navegadores permitió mayor interactividad entre el usuario y el cliente, aunque estaba limitado por la velocidad y la necesidad de tener que bajar e instalar cada plugin que se necesitara. 1.2.1 Definición (Common Gateway Interface, Interfaz de entrada común) es una importante tecnología de la World Wide Web que permite a un cliente (explorador Web) solicitar datos de un programa ejecutado en un servidor Web. CGI especifica un estándar para transferir datos entre el cliente y el programa. Es un mecanismo de comunicación entre el servidor Web y una aplicación externa cuyo resultado final de la ejecución son objetos MIME. Las aplicaciones que se ejecutan en el servidor reciben el nombre de CGI’s [1]. Tecnologías Web 4 Capítulo I Lenguajes para aplicaciones web MIME (Multipurpose Internet Mail Extensions, Extensiones de Correo de Internet Multipropósito), son una serie de convenciones o especificaciones dirigidas a que se puedan intercambiar a través de Internet todo tipo de archivos (texto, audio, vídeo, etc.) de forma transparente para el usuario. Una parte importante del MIME está dedicada a mejorar las posibilidades de transferencia de texto en distintos idiomas y alfabetos [2]. 1.2.2 Estructura Un programa CGI puede ser escrito en cualquier lenguaje de programación que produzca un fichero ejecutable. Entre los lenguajes más habituales se encuentran: C, C++, Perl, Java, Visual Basic. No obstante, debido a que el CGI recibe los parámetros en forma de texto será útil un lenguaje que permita realizar manipulaciones de las cadenas de caracteres de una forma sencilla, como por ejemplo “Perl”. Perl es un lenguaje interpretado que permite manipulaciones sencillas de ficheros y textos, así como la extracción y manipulación de cadenas de caracteres, unidas a unas búsquedas rápidas y fáciles. La estructura básica de un script CGI es muy sencilla: inicialización, procesamiento y finalización. Durante el proceso de inicialización, dentro de un script CGI se realizan las siguientes tareas: • Determinar cómo ha sido invocado el script: esto implica consultar la variable de entorno RE- QUEST_METHOD, para averiguar si la información al script CGI se le ha pasado con el método GET o POST.

Capítulo I Lenguajes Para Aplicaciones Web

Details

Download

Copyright

We respect the copyrights and intellectual property rights of all users. All uploaded documents are either original works of the uploader or authorized works of the rightful owners.

Support