Instituto Tecnolgico Superior de Cosamaloapan

Trabajo: Investigacin Introduccin a las tecnologas web

Asignatura: Programacin Web

Alumnos: Rodrguez Aguirre Zuleima

Docente: MSI. Roberto Zamudio Portilla

Carrera: Ing. En Sistemas Computacionales

Grupo: 703 A

Fecha: 9 de septiembre de 2011

ndice

Introduccin a las Tecnologas Web ............................................................................................................. 3 1.1 1.2 Perspectiva Histrica del Internet ............................................................................................................ 5 Protocolo http ............................................................................................................................................. 7

Transacciones HTTP ......................................................................................................................................... 8 Mtodos de peticin ........................................................................................................................................... 8 1.2.1 1.2.2 Arquitectura del www .......................................................................................................................... 10 Url's ........................................................................................................................................................ 13

Definicin ........................................................................................................................................................... 13 Esquema URL ................................................................................................................................................... 13 Referencias URI................................................................................................................................................ 14 1.2.3 1.3 Mtodo de http persistencia en http cookies ................................................................................... 15 HTML ......................................................................................................................................................... 17

1.3.1 HTML como un tipo SGML .................................................................................................................... 18 Frames o marcos. ............................................................................................................................................. 19 1.3.2 Tablas en HTML ..................................................................................................................................... 20 Tablas bsicas .................................................................................................................................................. 20 Celdillas cabeceras .......................................................................................................................................... 20 1.3.3 Formularios HTML .................................................................................................................................. 21 1.4 1.5 Evolucin de desarrollo de aplicaciones web ...................................................................................... 22 Hojas de estilo .......................................................................................................................................... 25

Estilos en Cascada ........................................................................................................................................... 26 Conclusin ............................................................................................................................................................. 28

Introduccin a las Tecnologas Web

La Web es una idea que se construy sobre la Internet. Las conexiones fsicas son sobre la Internet, pero introduce una serie de ideas nuevas, heredando las ya existentes. Empez a principios de 1990, en Suiza en el centro de investigacin CERN (centro de Estudios para la Investigacin Nuclear) y la idea fue de Tim Berners-Lee, que se gest observando una libreta que l usaba para aadir y mantener referencias de cmo funcionaban los ordenadores en el CERN.

Antes de la Web, la manera de obtener los datos por la Internet era catica: haba un sinfn de maneras posibles y con ello haba que conocer mltiples programas y sistemas operativos. La Web introduce un concepto fundamental: la posibilidad de lectura universal, que consiste en que una vez que la

informacin est disponible, se pueda acceder a ella desde cualquier ordenador, desde cualquier pas, por cualquier persona autorizada, usando un nico y simple programa. Para que esto fuese posible, se utilizan una serie de conceptos, el ms conocido es el hipertexto.

Con Web los usuarios novatos podran tener un tremendo poder para hallar y tener acceso a la riqueza de informacin localizada en sistemas de cmputos en todo el mundo.

El HTTP permite el intercambio multimedia de informacin a travs de plataformas y de redes. El HTTP ha evolucionado para llegar a ser un sistema distribuido de objetos, no slo el vehculo para descargar los grficos de las pginas Web.

La World Wide Web consiste en ofrecer una interface simple y consistente para acceder a la inmensidad de los recursos de Internet. Es la forma ms moderna de ofrecer informacin. El medio ms potente. La informacin se ofrece en forma de pginas electrnicas.

Localizador Uniforme de Recursos (URL; Uniform Resource Locator ) es una direccin especial usada por los navegadores Web, para tener acceso a informacin en Internet. El URLs especifica el ordenador en que se hospeda, el directorio, y el nombre del fichero A travs de estas direcciones o URLs vamos a poder conectar los diferentes objetos (no solo texto), aunque se acceda a ellos a travs de diferentes protocolos.

Hojas de Estilo en Cascada (CSS) es el nombre oficial de la herramienta hojas de estilo de HTML. Actualmente, CSS corre su segunda version (CSS2); sin embargo, la primera es mejor soportada por los exploradores Web actuales.

1.1 Perspectiva Histrica del Internet

El lanzamiento en 1957, en plena guerra fra, del primer satlite artificial Sputnik I por la parte de la antigua URSS supuso un gran golpe para el sector tecnolgico de los Estados Unidos. Por ello en 1958 nace en EEUU la Defense Advanced Research Proyects Agency (DARPA). Esta organizacin, que todava existe, estaba bajo el control del Departamento de Defensa Norteamericano y surgi con la intencin de aplicar las nuevas tecnologas en el campo militar.

Las autoridades americanas buscaban un sistema de comunicaciones que pudiese sobrevivir a los daos producidos por un ataque nuclear. La estructura existente basada en conmutacin de circuitos no poda seguir funcionando si el ataque se diriga contra los nodos de mayor mportancia jerarquica, por lo que se propona una red de comunicaciones sin ningn tipo de control centralizado. Este sera el origen de Internet.

En un informe escrito en 1961, se propuso un esbozo de la tcnica de conmutacin de paquetes. Esta tcnica consiste en dividir los mensajes en partes ms pequeas, cada una de las cuales, adems de la informacin propia, lleva toda informacin relativa a su origen y su destino dentro de la red. Con esto se consegua que la red no fuera jerrquica, si una serie de nodos eran destruidos, los paquetes podran encontrar la forma de llegar a su destino a travs de otros caminos dentro de la red. Durante la dcada de los 70, se crearon distintos grupos de trabajo que definieron la torre de protocolos. En esta poca se cre el modelo de documentos en el que se iran recogiendo las conclusiones y los trabajos realizados. Estos documentos se denominaron Request For Coments o RFC y representa una manera informal de poner por escrito ideas para que sean debatidas. Actualmente se siguen usando: RFC0675 Especificaciones iniciales de TCP 1974.

A finales de 1989, el informtico britnico Timothy Berners-Lee desarrolla la World Wide Web para la Organizacin Europea para la Investigacin Nuclear, ms conocida como CERN. Su objetivo era crear una red que permitiese el intercambio de informacin entre los investigadores que participaban en proyectos vinculados a esta organizacin. El objetivo se logr utilizando archivos que contenan la informacin en forma de textos, grficos, sonido y vdeos, adems de vnculos con otros archivos. Este sistema de hipertexto fue el que propici el extraordinario desarrollo de Internet como medio a travs del cual circula gran cantidad de informacin por la que se puede navegar utilizando los hipervnculos.

Adems de la utilizacin acadmica e institucional que tuvo en sus orgenes, hoy se emplea Internet con fines comerciales. Las distintas empresas no slo la utilizan como escaparate en el que se dan a conocer ellas mismas y sus productos, sino que, a travs de Internet, se realizan ya mltiples operaciones comerciales. Especialmente la banca tiene en la red uno de sus puntos estratgicos de actuacin para el futuro prximo.

En estos momentos se est desarrollando lo que se conoce como Internet2, una redefinicin de Internet que tiene como objetivo principal lograr el intercambio de datos multimedia en tiempo real. El avance ha de venir de la mano de la mejora en las lneas de comunicacin, con el ancho de banda como principal aliado.

1.2 Protocolo http

El protocolo de transferencia de hipertexto (HTTP, HyperText Transfer Protocol) es el protocolo usado en cada transaccin de la Web (WWW). HTTP fue desarrollado por el consorcio W3C y la IETF, colaboracin que culmin en 1999 con la publicacin de una serie de RFC, siendo el ms importante de ellos el RFC 2616, que especifica la versin 1.1.

HTTP define la sintaxis y la semntica que utilizan los elementos software de la arquitectura web (clientes, servidores, proxies) para comunicarse. Es un protocolo orientado a transacciones y sigue el esquema peticin-respuesta entre un cliente y un servidor. Al cliente que efecta la peticin (un navegador o un spider) se lo conoce como "user agent" (agente del usuario). A la informacin transmitida se la llama recurso y se la identifica mediante un URL. Los recursos pueden ser archivos, el resultado de la ejecucin de un programa, una consulta a una base de datos, la traduccin automtica de un documento, etc.

HTTP es un protocolo sin estado, es decir, que no guarda ninguna informacin sobre conexiones anteriores. El desarrollo de aplicaciones web necesita frecuentemente mantener estado. Para esto se usan las cookies, que es informacin que un servidor puede almacenar en el sistema cliente. Esto le permite a las aplicaciones web instituir la nocin de "sesin", y tambin permite rastrear usuarios ya que las cookies pueden guardarse en el cliente por tiempo indeterminado.

Desde 1990, el protocolo HTTP (Protocolo de transferencia de hipertexto) es el protocolo ms utilizado en Internet. La versin 0.9 slo tena la finalidad de transferir los datos a travs de Internet (en particular pginas Web escritas en HTML). La versin 1.0 del protocolo (la ms utilizada) permite la transferencia de mensajes con encabezados que describen el contenido de los mensajes mediante la codificacin MIME.

Transacciones HTTP
Una transaccin HTTP consiste de un encabezado seguido, opcionalmente, por una lnea en blanco y algn dato. El encabezado especificar cosas como la accin requerida del servidor, o el tipo de dato retornado, o el cdigo de estado.

Un encabezado es un bloque de datos que precede a la informacin propiamente dicha, por lo que muchas veces se hace referencia a l como metadato porque tiene datos sobre los datos. El servidor puede excluir cualquier encabezado que ya est procesado, como Authorization, Content-type y Content-length. El servidor puede elegir excluir alguno o todos los encabezados si incluirlos exceden algn lmite del ambiente de sistema. Ejemplos de esto son las variables HTTP_ACCEPT y HTTP_USER_AGENT.

Mtodos de peticin
HTTP define 8 mtodos (algunas veces referido como "verbos") que indica la accin que desea que se efecte sobre el recurso identificado. Lo que este recurso representa, si los datos pre-existentes o datos que se generan de forma dinmica, depende de la aplicacin del servidor. A menudo, el recurso corresponde a un archivo o la salida de un ejecutable que residen en el servidor. HEAD Pide una respuesta idntica a la que correspondera a una peticin GET, pero sin el cuerpo de la respuesta. Esto es til para la recuperacin de meta-informacin escrita en los encabezados de respuesta, sin tener que transportar todo el contenido. GET Pide una representacin del recurso especificado. Por seguridad no debera ser usado por aplicaciones que causen efectos ya que transmite informacin a travs de la URI agregando parmetros a la URL. Ejemplo: GET /images/logo.png HTTP/1.1 obtiene un recurso llamado logo.png Ejemplo con parmetros:

/index.php?page=main&lang=es POST Somete los datos a que sean procesados para el recurso identificado. Los datos se incluirn en el cuerpo de la peticin. Esto puede resultar en la creacin de un nuevo recurso o de las actualizaciones de los recursos existentes o ambas cosas. PUT Sube, carga o realiza un upload de un recurso especificado (archivo), es el camino ms eficiente para subir archivos a un servidor, esto es porque en POST utiliza un mensaje multiparte y el mensaje es decodificado por el servidor. En contraste, el mtodo PUT te permite escribir un archivo en una conexin socket establecida con el servidor. La desventaja del mtodo PUT es que los servidores de hosting compartido no lo tienen habilitado. Ejemplo: PUT /path/filename.html HTTP/1.1 DELETE Borra el recurso especificado. TRACE Este mtodo solicita al servidor que enve de vuelta en un mensaje de respuesta, en la seccin del cuerpo de entidad, toda la data que reciba del mensaje de solicitud. Se utiliza con fines de comprobacin y diagnostico. OPTIONS Devuelve los mtodos HTTP que el servidor soporta para un URL especifico.Esto puede ser utilizado para comprobar la funcionalidad de un servidor web mediante peticin en lugar de un recurso especifico.

1.2.1 Arquitectura del www

World Wide Web (o la "Web") o Red Global Mundial es un sistema de documentos de hipertexto y/o hipermedios enlazados y accesibles a travs de Internet. Con un navegador Web, un usuario visualiza pginas web que pueden contener texto, imgenes, vdeos u otros contenidos multimedia, y navega a travs de ellas usando hiperenlaces. La Web fue creada alrededor de 1990, por el ingls Tim BernersLee y el belga Robert Cailliau mientras trabajaban en el CERN en Ginebra, Suiza. Desde entonces, Berners-Lee ha jugado un papel activo guiando el desarrollo de estndares Web (como los lenguajes de marcado con los que se crean las pginas Web), y en los ltimos aos ha abogado por su visin de una Web Semntica.

El diseo del World-Wide Web sigue el modelo cliente-servidor: un paradigma de divisin del trabajo informtico en el que las tareas se reparten entre un nmero de clientes que efectan peticiones de servicios de acuerdo con un protocolo, y un nmero de servidores que las atienden. Para poner en marcha un sistema como ste ha sido necesario:

a) Disear e implementar un nuevo protocolo que permitiera realizar saltos hipertextuales, de un nodo de origen a uno de destino, que podra ser un texto o parte de un texto, una imagen, un sonido, una animacin, fragmento de vdeo, etc. Es decir, cualquier tipo de informacin en formato electrnico. Este protocolo se denomina HTTP y es el lenguaje que hablan los servidores del WWW.

b) Inventar un lenguaje para representar hipertextos que incluyera informacin sobre la estructura y el formato de representacin y, especialmente, indicar origen y destino de saltos hipertextuales (HTML).

c) Idear una forma de codificar las instrucciones para los saltos hipertextuales de un objeto a otro de la Internet. Dada la variedad de protocolos, y por tanto, formas de almacenamiento y recuperacin de la informacin, esta informacin es vital para que los clientes puedan acceder a dicha informacin.

d) Desarrollar aplicaciones cliente para todo tipo de plataforma y resolver el problema de cmo acceder a la informacin que est almacenada y que sea accesible a travs de protocolos diversos (FTP, NNTP, Gopher, HTTP, X.500, WAIS, etc.) y representar informacin multiformato (texto, grficos, sonidos, fragmentos de vdeo, etc.).

La visualizacin de una pgina web de la World Wide Web normalmente comienza tecleando la URL de la pgina en el navegador web, o siguiendo un enlace de hipertexto a esa pgina o recurso. En ese momento el navegador comienza una serie de comunicaciones, transparentes para el usuario, para obtener los datos de la pgina y visualizarla. El primer paso consiste en traducir la parte del nombre del servidor de la URL en una direccin IP usando la base de datos distribuida de Internet conocida como DNS. Esta direccin IP es necesaria para contactar con el servidor web y poder enviarle paquetes de datos. El siguiente paso es enviar una peticin HTTP al servidor Web solicitando el recurso. En el caso de una pgina web tpica, primero se solicita el texto HTML y luego es inmediatamente analizado por el navegador, el cual, despus, hace peticiones adicionales para los grficos y otros ficheros que formen parte de la pgina. Las estadsticas de popularidad de un sitio web normalmente estn basadas en el nmero de 'pginas vistas' o las 'peticiones' de servidor asociadas, o peticiones de fichero, que tienen lugar. As que se han recibido los ficheros solicitados desde el servidor web, el navegador renderiza la pgina tal y como se describe en el cdigo HTML, el CSS y otros lenguajes web. Al final se incorporan las imgenes y otros recursos para producir la pgina que ve el usuario en su pantalla. La mayora de las pginas web contienen hiperenlaces a otras pginas relacionadas y algunas tambin contienen descargas, documentos fuente, definiciones y otros recursos web. Esta coleccin de recursos tiles y relacionados, interconectados a travs de enlaces de hipertexto, es lo que ha sido denominado como 'red' (web, en ingls) de informacin.

Al trasladar esta idea a Internet, se cre lo que Tim Berners-Lee llam WorldWideWeb (un trmino escrito en CamelCase, posteriormente desechado) en 1990. Si un usuario accede de nuevo a una pgina despus de un pequeo intervalo, es probable que no se vuelvan a recuperar los datos del servidor web de la forma en que se explic en el apartado anterior. Por defecto, los navegadores almacenan en una cach del disco duro local todos los recursos web a los que el usuario va accediendo. El navegador enviar una peticin HTTP slo si la pgina ha sido actualizada desde la ltima carga, en otro caso, la versin almacenada se reutilizar en el paso de renderizado para agilizar la visualizacin de la pgina. Esto es particularmente importante para reducir la cantidad de trfico web en Internet. La decisin sobre la caducidad de la pgina se hace de forma independiente para cada recurso (imagen, hoja de estilo, ficheros JavaScript, etc, adems de para el propio cdigo HTML). Sin embargo en sitios de contenido muy dinmico, muchos de los recursos bsicos slo se envan una vez por sesin. A los diseadores de sitios web les interesa reunir todo el cdigo CSS y JavaScript en unos pocos ficheros asociados a todo el sitio web, de forma que pueden ser descargados en las cachs de los usuarios y reducir as el tiempo de carga de las pginas y las peticiones al servidor. Hay otros componentes de Internet que pueden almacenar contenido Web. El ms comn en la prctica son los frecuentes firewalls de empresa y

acadmicos donde se pueden almacenar los recursos web solicitados por un usuario para el beneficio de todos los que estn conectados a ese firewall. Algunos buscadores como Google, Yahoo!, GlowBoom o AltaVista tambin almacenan contenidos de sitios Web. Aparte de las utilidades creadas en los servidores Web que pueden determinar cundo los ficheros fsicos han sido actualizados, los diseadores de pginas web generadas dinmicamente pueden controlar las cabeceras HTTP enviadas a los usuarios, de forma que las pginas intermedias o sensibles a problemas de seguridad no sean guardadas en cach. Por ejemplo, en los bancos online y las pginas de noticias se utiliza frecuentemente este sistema. Esto nos ayuda a comprender la diferencia entre los verbos HTTP 'GET' y 'POST' - los datos solicitados con GET pueden ser almacenados en la cach, si se cumplen las otras condiciones, mientras que con los datos obtenidos despus de enviar informacin al servidor con POST normalmente no se puede.

1.2.2 Url's
URL significa Uniform Resource Locator, es decir, localizador uniforme de recurso. Es una secuencia de caracteres, de acuerdo a un formato estndar, que se usa para nombrar recursos, como documentos e imgenes en Internet, por su localizacin.

Los URL fueron una innovacin fundamental en la historia de la Internet. Fueron usadas por primera vez por Tim Berners-Lee en 1991, para permitir a los autores de documentos establecer hiperenlaces en la World Wide Web (WWW o Web). Desde 1994, en los estndares de la Internet, el concepto de URL ha sido incorporado dentro del ms general de URI (Uniform Resource Identifier - Identificador Uniforme de Recurso), pero el trmino URL an se utiliza ampliamente.

El URL es la cadena de caracteres con la cual se asigna una direccin nica a cada uno de los recursos de informacin disponibles en la Internet. Existe un URL nico para cada pgina de cada uno de los documentos de la World Wide Web, para todos los elementos de Gopher y todos los grupos de debate USENET, y as sucesivamente.

Definicin
El formato general de un URL es: protocolo://mquina/directorio/archivo Tambin pueden aadirse otros datos: protocolo://usuario:contrasea@mquina:puerto/directorio/archivo

Por ejemplo: http://es.Wikipedia.org/ La especificacin detallada se encuentra en la RFC 1738, titulada Uniform Resource Locators.

Esquema URL
Un URL se clasifica por su esquema, que generalmente indica el protocolo de red que se usa para recuperar, a travs de la red, la informacin del recurso identificado. Un URL comienza con el nombre de su esquema, seguida por dos puntos, seguido por una parte especfica del esquema'. Algunos ejemplos de esquemas URL: http - recursos HTTP https - HTTP sobre SSL ftp - File Transfer Protocol

 mailto - direcciones E-mail ldap - bsquedas LDAP Lightweight Directory Access Protocol file - recusos disponibles en la computadora local, o en una red local news - grupos de noticias Usenet (newsgroup) gopher - el protocolo Gopher (ya en desuso) telnet - el protocolo telnet data - el esquema para insertar pequeos trozos de contenido en los documentos Data: URL

Referencias URI
El trmino referencia URI se refiere a un caso particular de un URI, o una porcin de ste, tal como es usada en un documento HTML, por ejemplo, para referirse a un recurso particular. Una referencia URI habitualmente se parece a un URL o a la parte final de un URL. Las referencias URI introducen dos nuevos conceptos: la distincin entre referencias absolutas y relativas, y el concepto de un identificador de fragmento.

Un URL absoluto es una referencia URI que es parecida a los URL definidos arriba; empieza por un esquema seguido de dos puntos (":") y de una parte especfica del esquema. Un URL relativo es una referencia URI que comprende slo la parte especfica del esquema de un URL, o de algn componente de seguimiento de aquella parte. El esquema y componentes principales se infieren del contexto en el cual aparece la referencia URL: el URI base (o URL base) del documento que contiene la referencia.

1.2.3 Mtodo de http persistencia en http cookies

Mtodo de http
GET Devuelve el recurso identificado en la URL pedida. Funciona como el GET, pero sin que el servidor devuelva el cuerpo del mensaje. Es decir, slo se devuelve la informacin de cabecera. Indica al servidor que se prepare para recibir informacin del cliente. Suele usarse para enviar informacin desde formularios. Enva el recurso identificado en la URL desde el cliente hacia el servidor. Pide informacin sobre las caractersticas de comunicacin proporcionadas por el servidor. Le permite al cliente negociar los parmetros de comunicacin. Inicia un ciclo de mensajes de peticin. Se usa para depuracin y permite al cliente ver lo que el servidor recibe en el otro lado. Solicita al servidor que borre el recurso identificado con el URL. Este mtodo se reserva para uso con proxys. Permitir que un proxy pueda CONNECT dinmicamente convertirse en un tnel. Por ejemplo para comunicaciones con SSL.

HEAD

POST

PUT

OPTIONS

TRACE

DELETE

Las cookies constituyen una potente herramienta empleada por los servidores Web para almacenar y recuperar informacin acerca de sus visitantes. Dado que el HTTP es un protocolo sin estados (no almacena el estado de la sesin entre peticiones sucesivas), las cookies proporcionan una manera de conservar informacin entre peticiones del cliente, extendiendo significativamente las capacidades de las aplicaciones cliente/servidor basadas en la Web. El uso de cookies permite al servidor Web recordar algunos datos concernientes al usuario, como sus preferencias para la visualizacin de las pginas de ese servidor, nombre y contrasea, productos que ms le interesan, etc.

Una cookie no es ms que un fichero de texto que algunos servidores piden a nuestro navegador que escriba en nuestro disco duro, con informacin acerca de lo que hemos estado haciendo por sus pginas.

Entre las mayores ventajas de las cookies se cuenta el hecho de ser almacenadas en el disco duro del usuario, liberando as al servidor de una importante sobrecarga. Es el propio cliente el que almacena la informacin y quien se la devolver posteriormente al servidor cuando ste la solicite. Adems, las cookies poseen una fecha de caducidad, que puede oscilar desde el tiempo que dure la sesin hasta una fecha futura especificada, a partir de la cual dejan de ser operativas.

Las cookies son utilizadas habitualmente por los servidores web para diferenciar usuarios y para actuar de diferente forma dependiendo del usuario. Las cookies se inventaron para ser utilizadas en una cesta de la compra virtual, que acta como dispositivo virtual en el que el usuario va colocando los elementos que desea adquirir, de forma que los usuarios pueden navegar por el sitio donde se muestran los objetos a la venta y aadirlos y eliminarlos de la cesta de la compra en cualquier momento.

Otro uso de las cookies es identificarse en un sitio web. Los usuarios normalmente se identifican introduciendo sus credenciales en una pgina de validacin; las cookies permiten al servidor saber que el usuario ya est validado, y por lo tanto se le puede permitir acceder a servicios o realizar operaciones que estn restringidas a usuarios no identificados y permitir un registro actual de usuarios frecuentes. En otras palabras los cookies son pequeas rutinas de cdigo que estn programadas ya sea en el servidor o en la maquina del cliente. Y son utilizadas para conocer los comportamientos de los clientes.

Toda cookie est vinculada con un dominio o subdominio. Adems existe una restriccin impuesta por el propio estndar de manera que no es posible acceder a cookies de otro dominio o subdominio que no sea el de la propia URL donde se encuentra la pgina web. Esto significa que una pgina web en la direccin www.idg.es, por ejemplo, slo podr acceder a las cookies vinculadas con los dominios www.idg.es y .idg.es. Como ya se ver ms adelante, las distintas tecnologas, ya sean de cliente o de servidor, disponen de los mecanismos necesarios para implementar dicho vnculo. Una cookie que es del dominio .idg.es ser accesible desde cualquier URL que sea del tipo ordenadores .idg.es, Internet.idg.es, o incluso, www.ordenadores.idg.es o www.internet.idg.es. La restriccin se extiende desde el caso general hasta los casos particulares. Ahora bien, una cookie del dominio www.internet.idg.es no ser accesible desde una pgina web que se encuentre bajo la direccin URL www.ordenadores.idg.es. Si se desea que ambos sitios compartan cookies no queda ms remedio que stas sean del dominio .idg.es, que es compartido por ambos.

1.3 HTML
Las pginas web pueden ser vistas por el usuario mediante un tipo de aplicacin llamada navegador. Podemos decir por lo tanto que el HTML es el lenguaje usado por los navegadores para mostrar las pginas webs al usuario, siendo hoy en da la interface ms extendida en la red. Este lenguaje nos permite aglutinar textos, sonidos e imgenes y combinarlos a nuestro gusto. Adems, y es aqu donde reside su ventaja con respecto a libros o revistas, el HTML nos permite la introduccin de referencias a otras pginas por medio de los enlaces hipertexto. El HTML se cre en un principio con objetivos divulgativos. No se pens que la web llegara a ser un rea de ocio con carcter multimedia, de modo que, el HTML se cre sin dar respuesta a todos los posibles usos que se le iba a dar y a todos los colectivos de gente que lo utilizaran en un futuro. Sin embargo, pese a esta deficiente planificacin, si que se han ido incorporando modificaciones con el tiempo, estos son los estndares del HTML. Numerosos estndares se han presentado ya. El HTML 4.01 es el ltimo estndar a septiembre de 2001.

Esta evolucin tan anrquica del HTML ha supuesto toda una seria de inconvenientes y deficiencias que han debido ser superados con la introduccin de otras tecnologas accesorias capaces de organizar, optimizar y automatizar el funcionamiento de las webs. Ejemplos que pueden sonaros son las CSS, JavaScript u otros. Veremos ms adelante en qu consisten algunas de ellas.

Otros de los problemas que han acompaado al HTML es la diversidad de navegadores presentes en el mercado los cuales no son capaces de interpretar un mismo cdigo de una manera unificada. Esto obliga al web mster a, una vez creada su pgina, comprobar que esta puede ser leda satisfactoriamente por todos los navegadores, o al menos, los ms utilizados. Adems del navegador necesario para ver los resultados de nuestro trabajo, necesitamos evidentemente otra herramienta capaz de crear la pgina en s. Un archivo HTML (una pgina) no es ms que un texto. Es por ello que para programar en HTML necesitamos un editor de textos. Es recomendable usar el Bloc de notas que viene con Windows, u otro editor de textos sencillo. Hay que tener cuidado con algunos editores ms complejos como Wordpad o Microsoft Word, pues colocan su propio cdigo especial al guardar las pginas y HTML es nicamente texto plano, con lo que podremos tener problemas.

Existen otro tipo de editores especficos para la creacin de pginas web los cuales ofrecen muchas facilidades que nos permiten aumentar nuestra productividad. No obstante, es aconsejable en un principio utilizar una herramienta lo ms sencilla posible para poder prestar la mxima atencin a nuestro cdigo y familiarizarnos lo antes posible con l. Siempre tendremos tiempo ms delante de pasarnos a

editores ms verstiles con la consiguiente ganancia de tiempo. Para tener ms claro todo el tema de editores y los tipos que existen, visita los artculos: Editores de HTML. Bloc de notas. Tambin puedes acceder a descripciones editores ms complejos que el Block de Notas, pero ms potentes como Homesite o UltraEdit.

Es importante tener claro todo ello puesto que en funcin de vuestros objetivos puede que, ms que aprender HTML, resulte ms interesante aprender el uso de una aplicacin para la creacin de pginas. As pues, una pgina es un archivo donde est contenido el cdigo HTML en forma de texto. Estos archivos tienen extensin .html o .htm (es indiferente cul utilizar). De modo que cuando programemos en HTML lo haremos con un editor de textos y guardaremos nuestros trabajos con extensin .html, por ejemplo mipgina.html

1.3.1 HTML como un tipo SGML

El SGML es un sistema para definir lenguajes para dar formato a documentos (markup languages). Los autores utilizan un cdigo de formato (en ingls markup) en sus documentos para representar informacin estructural, presentacional y semntica junto con el contenido. El HTML es un ejemplo de lenguaje de formato de documentos. Aqu tenemos un ejemplo de un documento HTML: Un documento HTML se divide en una seccin de cabecera (aqu, entre y) y un cuerpo (aqu, entre y). El ttulo del documento aparece en la cabecera (junto con otras informaciones sobre el documento), y el contenido del documento aparece en el cuerpo. El cuerpo de este ejemplo contiene nicamente un prrafo, codificado o marcado como cada lenguaje de formato de documentos definido con SGML se llama aplicacin SGML. Una aplicacin SGML se caracteriza generalmente por:

1. Una declaracin SGML. La declaracin SGML especifica qu caracteres y delimitadores pueden aparecer en la aplicacin.

2. Una definicin del tipo de documento (document type definition, DTD). El DTD define la sintaxis de las estructuras de formato. El DTD puede incluir definiciones adicionales, tales como referencias a entidades de caracteres.

3. Una especificacin que describe la semntica que se debe conferir al cdigo de formato. Esta especificacin tambin impone restricciones de sintaxis que no pueden expresarse dentro del DTD.

4. Documentos que contienen datos (contenido) y cdigo (markup). Cada documento contiene una referencia al DTD que debe usarse para interpretarlo.

Esta especificacin incluye una declaracin SGML, tres definiciones del tipo de documento (ver la seccin sobre informacin sobre la versin de HTML para una descripcin de las tres), y una lista de referencias de caracteres.

Frames o marcos.
Permiten definir divisiones en la pgina HTML. til para colocar el men de navegacin. Normalmente permanece siempre a la vista el men de navegacin y lo que cambia es el contenido de la ventana principal. Ejemplo:

Las opciones de navegacin en el men, indica en la etiqueta de referencia, que las pginas se mostrarn en la ventana principal. Ejemplo:

1.3.2 Tablas en HTML

Al igual que las listas, las tablas son componentes dedicados fundamentalmente a mejorar la visualizacin de los documentos en formato electrnico. Se trata de una funcionalidad bsica de la inmensa mayora de los programas de tratamiento de texto y una forma habitual de presentar informacin, especialmente numrica, desde la introduccin de las mejoras de clculo.

Tablas bsicas
La directiva dedicada a las tablas es (directiva cerrada). No es preciso determinar inicialmente el nmero de filas o columnas, el navegador se encarga de averiguarlo a medida que profundice en el contenido de la tabla que est cargando en pantalla. Cada celda se limita con la directiva cerrada y cada fila con la directiva. Una vez que tengamos declarada el comienzo de nuestra tabla con se coloca un nuevo comando contenedor, el atributo (Table Row), para identificar cada fila de la tabla, en el interior de la definicin de la tabla: Identifica el comienzo de la tabla Esto identifica una fila horizontal. Identifica el final de la tabla En cada una de las filas podrn aparecer celdillas que sern de 2 tipos: cabeceras o normales.

Celdillas cabeceras
Este tipo de celdillas son las que por as decirlo, identifican cada una de las columnas de la celdilla, y su interior destaca del resto del texto contenido en el resto de la tabla, debido a que aparece en negrita. Se

limitan por (Table Head) y todo lo que contenga en su interior, destacara del resto del documento. En este ejemplo definimos una tabla con 2 columnas y una fila. Las columnas contendrn un texto destacado del resto del contenido de la tabla. Fijarse que todo lo que vaya entre las directivas definen el total de una fila, y despus podremos poner tantas celdillas de cabecera como queramos, definiendo cada una por medio de. Un ejemplo de celdillas de cabecera sera el empleado por ejemplo para destacar los das de la semana (Lunes, Martes, Mircoles,...), de un horario de clases, del resto de las celdillas que contienen las horas de clase en s.

1.3.3 Formularios HTML

Un formulario HTML es una seccin de un documento que contiene contenido normal, cdigo, elementos especiales llamados controles (casillas de verificacin (checkboxes), radiobotones (radio buttons), menes, etc.), y rtulos (labels) en esos controles. Los usuarios normalmente "completan" un formulario modificando sus controles (introduciendo texto, seleccionando objetos de un men, etc.), antes de enviar el formulario a un agente para que lo procese (p.ej., a un servidor web, a un servidor de correo, etc.) Aqu se muestra un ejemplo de un formulario simple que incluye rtulos, radio botones y botones para reinicializar el formulario o para enviarlo:

Principio del formulario Nombre: Apellido: email: Varn Mujer

Enviar Restablecer

Final del formulario

Nota. Esta especificacin incluye informacin ms detallada sobre formularios en las subsecciones sobre representacin de formularios.

1.4 Evolucin de desarrollo de aplicaciones web

Hace algunos aos, los sitios web no eran mucho ms que folletos digitales, y a menudo se les llamaba grupo de folletos. Actualmente los sitios son ms grandes complejos. Con la introduccin de comercio electrnico y las pginas dinmicas, los sitios ya han dejado atrs los folletos y han pasado a autnticas aplicaciones de software. No obstante muchos programadores deben adoptar una metodologa de creacin de sitios eficaz. Los creadores de documentos se deben familiarizar con los diferentes tipos de HTML ya que este se

utilizara durante mucho tiempo, en la tabla se ofrece una breve descripcin de cada versin de HTML.

DESCRIPCIONES DE LAS VERSIONES HABITUALES DE HTML VERSION DESCRIPCION 2.0 Admite los elementos y caractersticas principales de HTML, como los son tablas y formularios.

No tiene en cuenta innovaciones o caractersticas avanzadas de los exploradores. 3.0 3.2 Sustituto propuesto para HTML 2.0 pero nunca se adopto Compatible con muchos elementos de presentacin como, introdujo por primera vez

compatibilidad con las caractersticas de secuencias de comandos. 4.0 transitorio Ofrece una base para la transicin a CSS, adems de un conjunto bsico de elementos y atributos para la compatibilidad con varios idiomas, accesibilidad y secuencias de comandos.

Con la introduccin de Internet y del Web en concreto, se han abierto infinidad de posibilidades en cuanto al acceso a la informacin desde casi cualquier sitio. Esto representa un desafo a los desarrolladores de aplicaciones, ya que los avances en tecnologa demandan cada vez aplicaciones ms rpidas, ligeras y robustas que permitan utilizar el Web.

Afortunadamente, tenemos herramientas potentes para realizar esto, ya que han surgido nuevas tecnologas que permiten que el acceso a una base de datos desde el Web, por ejemplo, sea un mero trmite. El nico problema es decidir entre el conjunto de posibilidades la correcta para cada situacin. El viejo CGI ha cumplido con el propsito de aadir interactividad a las pginas Web pero sus deficiencias en el desarrollo de aplicaciones y en la escalabilidad de las mismas ha conducido al desarrollo de APIs especficos de servidor como Active Server Pages, ASP, y PHP, que son ms eficientes que su predecesor CGI.

Para aprovechar el potencial de estas tecnologas y ofertar una solucin de servidor ms extensible y portable, Sun ha desarrollado la tecnologa llamada servlet. Los servlets Java son muy eficientes, debido al esquema de threads en el que se basan y al uso de una arquitectura estndar como la JVM, Java Virtual Machine.

Otra nueva tecnologa viene a sumarse a las que extienden la funcionalidad de los servidores Web, llamada Java Server? Pages, JSP. Los JSP permiten juntar HTML, aplicaciones Java, y componentes como las Java Beans? creando una pgina Web especial que el servidor Web compila dinmicamente en un servlet la primera vez que es llamada.

La Web 2.0 es la representacin de la evolucin de las aplicaciones tradicionales hacia aplicaciones web enfocadas al usuario final. El Web 2.0 es una actitud y no precisamente una tecnologa. Cuando el web inici, nos encontrbamos en un entorno esttico, con pginas en HTML que sufran pocas actualizaciones y no tenan interaccin con el usuario. La Web 2.0 es la transicin que se ha dado de aplicaciones tradicionales hacia aplicaciones que funcionan a travs del web enfocado al usuario final. Se trata de aplicaciones que generen colaboracin y de servicios que reemplacen las aplicaciones de escritorio. Todo inici cuando Dale Dougherty de OReilly Media utiliz este trmino en una conferencia en la que comparti una lluvia de ideas junto a Craig Cline de Media Live? en la que hablaba del renacimiento y evolucin de la web. Constantemente estaban surgiendo nuevas aplicaciones y sitios con sorprendentes funcionalidades. Y as se dio la pauta para la Web 2.0 conference de 2004. Esta conferencia no solo fue exitosa sino que ya tuvo seguimiento en la Web 2.0 Conference del 2005 celebrada en Octubre. En la charla inicial del Web Conference se habl de los principios que tenan las aplicaciones Web 2.0:

La web es la plataforma La informacin es el procesador Efectos de la red movidos por una arquitectura de participacin. La innovacin surge de caractersticas distribuidas por desarrolladores independientes. El fin del crculo de adopcin de software (Servicios en beta perpetuo) La Web 2.0 con ejemplos La forma ms fcil de comprender lo que significa la Web 2.0 es a travs de ejemplos. Podemos comparar servicios web que marcan claramente la evolucin hacia el Web 2.0

1.5 Hojas de estilo

Las hojas de estilo (style sheets) son conjuntos de instrucciones, a veces en forma de archivo anexo, que se asocian a los archivos de texto y se ocupan de los aspectos de formato y de presentacin de los contenidos: tipo, fuente y tamao de letras, justificacin del texto, colores y fondos, etc. Las hojas de estilo permiten liberar la composicin del texto de los aspectos visuales y favorecen que se estructure y anote mediante cdigos que permiten un tratamiento ms eficaz de los contenidos. El uso adecuado de las hojas de estilo es uno de los aspectos clave de la edicin digital. Las hojas de estilo son una herramienta de gran utilidad de los programas de tratamiento de textos, como OpenOffice.org o Microsoft Word. Asimismo, constituyen una parte esencial de los lenguajes de marcas para edicin digital: LaTeX, XML y XHTML. Dos lenguajes de hojas de estilo son CSS y XSL.

Qu es CSS?
CSS es un lenguaje sencillo para la aplicacin de estilos a un elemento XML. Un documento XML puede estar formateado de muchas diferentes formas y propsitos por lo que sera muy til utilizar un slo documento XML y diferentes posibles formateos dependiendo del uso que se le vaya a dar al documento... CSS, Cascading Style Sheets, hojas de estilo en cascada, fue introducido en 1996 como el standar para aadir informacin de estilo a los documentos HTML. Pero este uso estaba restringido slo a las etiquetas propias de HTML. Con XML estas reglas de estilo pueden aplicarse a todos los elementos. CSS tiene dos versiones denominadas CSS1 y CSS2 aparecidas en 1996 y 1998 respectivamente. Aunque el problema en este caso no es el standar, sino el procesamiento de este puesto que en la actualidad no todos los navegadores estn preparados para su procesamiento. CSS se expresa mediante reglas en un fichero de texto plano. Cada regla contiene el nombre del elemento al que se aplica y el estilo definido.

CSS para HTML vs CSS para XML Las principales diferencias son: Los elementos a los que se les pueden asignar una regla de estilo no estn limitados. Los navegadores HTML no entienden e procesamiento de instrucciones, simplemente la hoja de estilos se incluye como un ta style.

 Los navegadores HTML tienen un formateo restringido, mientras que XML no. Cmo especificar un fichero CSS Para poder visualizar un documento XML es necesario especificar qu formato se debe

utilizar. Para este propsito se utiliza la instruccin xml-stylesheet De este modo el fichero de estilos se incluye en el documento XML. La instruccin posee dos atributos. href: indica la direccin absoluta o relativa donde se encuentra el fichero de estilos. En este caso el valor de href podra haber sido "http://geneura.ugr.es/~maribel/xml/css/mi_fichero.css". En el ejemplo el fichero se denomina mi_fichero.css y debe encontrarse en el mismo directorio que el que estamos escribiendo. type: Representa el MIME tipo que se va a utilizar que ser text/css para un fichero CSS.

Estilos en Cascada
A un mismo fichero es posible adjuntar ms de un fichero de estilos, y esto puede provocar que un mismo elemento posea varias reglas de estilo asignadas y contradictorias entre s, por lo que se determina un orden de aplicacin de estas reglas denominado estilos en cascada. Existen varias formas de asignar un fichero de estilo: xml-stylesheet. La directiva @import. Utilizando el browser ya sea para utilizar los estilos por defecto o para utilizar un fichero de estilos especfico.

La primera forma est clara. Respecto a la segunda debe incluirse en la primera lnea del fichero css y el formato es el siguiente: @import url(direccion relativa o absoluta); El orden de importacin de los ficheros de estilos es el orden de las declaraciones, y as referencias circulares no estn permitidas. El orden en el que se aplican las reglas es muy sencillo. Generalmente si existe ms de una regla para un mismo elemento, se aplica la regla ms especfica. Por ejemplo: En una regla con un atributo ID y CLASS tendra preferencia la aplicacin del ID primero y despus de la clase y en su defecto la regla del elemento general y sino las reglas que rigen el elemento padre y si no existen las reglas generales de estilo del navegador.

En concreto se aplica: Reglas del autor. Reglas importadas. Orden de reglas en el fichero css.

Conclusin
Para concluir la historia del internet ha ido muy lejos desde una idea hasta las creaciones que se han visto en estos tiempos, han superado las expectativas de las personas, como en su tiempo el http, protocolo de transferencia de hipertexto al igual, ha mejorado y evolucionado, sin olvidarnos de la arquitectura del world wide web que hasta la fecha se sigue usando para algunas urls, y como ya he mencionado todo esto a trado su evolucin poco a poco se ha avanzado tanto que se puede decir que algunas cosas se han quedado obsoletas por dichos avances, el html tambin es parte de estos con los frames ha pasado a otra etapa de la cual antes se tena que esperar a que cargara la pagina en otro lugar, ahora mientras vas escribiendo va cargando al mismo tiempo, o en pginas que tienen diversos links ya no es necesario el abrir una pgina nueva sino que dentro de la misma carga, la web a cambiado tanto que los creadores a mi punto de vista no se lo hubieran imaginado.