Introduccion a La Www Introduccion a la www.pdf

  • Published on
    10-Apr-2016

  • View
    13

  • Download
    9

Embed Size (px)

DESCRIPTION

Introduccion a la www.pdf Introduccion a la www.pdf Introduccion a la www.pdf Introduccion a la www.pdf Introduccion a la www.pdf

Transcript

<ul><li><p>A.P.U. 2008 Programacin y Servicios Web Pg. 1 </p><p>PROGRAMACION Y SERVICIOS WEB </p><p>UNIDAD 1 - Introduccin a WWW </p><p>Contenido UNIDAD 1 - Introduccin a WWW ................................................................................................1 </p><p>Historia de la World Wide Web ................................................................................................2 </p><p>Arquitectura de la www y conceptos .......................................................................................3 </p><p>URL (Uniform Resource Locator) ..........................................................................................3 </p><p>HTTP (HyperText Transfer Protocol = Protocolo de Transferencia de HiperTexto) ..............4 </p><p>HTML (HyperText Markup Language = Lenguaje de Marcas de HiperTexto) ........................5 </p><p>HTTP (HyperText Transfer Protocol) .........................................................................................7 </p><p>Introduccin a CSS (Cascading Style Sheets = Hojas de estilo en cascada) ..............................9 </p><p>Funcionamiento bsico de CSS .............................................................................................9 </p><p>Incluir cdigo CSS en nuestra pgina Web HTML ...............................................................11 </p><p>Definicin de estilos CSS .....................................................................................................13 </p><p>Medios CSS .........................................................................................................................14 </p><p>Comentarios CSS ................................................................................................................14 </p><p>Servidor de Aplicaciones Web ................................................................................................15 </p><p>Servidores Web ..................................................................................................................15 </p><p>Tipos de Servidores Web ....................................................................................................15 </p><p>Arquitecturas de las aplicaciones web ...............................................................................17 </p><p>Aplicacin Web...................................................................................................................19 </p><p>Procesamiento Esttico y Dinmico ...................................................................................20 </p><p>Lenguajes de Programacin Web ...........................................................................................22 </p><p>Lenguaje PHP......................................................................................................................22 </p><p>Lenguaje ASP ......................................................................................................................23 </p><p>Lenguaje ASP.NET ...............................................................................................................23 </p><p>Lenguaje JSP .......................................................................................................................24 </p></li><li><p>A.P.U. 2008 Programacin y Servicios Web Pg. 2 </p><p>Historia de la World Wide Web La World Wide Web naci cerca de Ginebra (Suiza) en el CERN, el laboratorio europeo de fsica </p><p>de partculas. Su principal creador fue Tim Berners-Lee (nacido en Londres en 1955), que </p><p>propuso en 1989 la creacin de un sistema de hipertexto para facilitar el intercambio de </p><p>informacin entre los investigadores del CERN. En el verano de 1991, este sistema (servidor y </p><p>navegador) se puso a disposicin de todos los usuarios de Internet. El xito de la web impuls </p><p>la creacin en 1994 del W3C (World Wide Web Consortium), organismo formado por empresas </p><p>y universidades de todo el mundo. El W3C se organiza en grupos de trabajo, en los que las </p><p>empresas y organismos interesados desarrollan por consenso especificaciones que, una vez </p><p>publicadas, reciben el nombre de recomendaciones. </p><p>El W3C est presidido por Berners-Lee y su objetivo es conducir la web a su pleno desarrollo, </p><p>asegurando su estabilidad. El xito de la web como espacio compartido de informacin y </p><p>entretenimiento ha hecho necesario ir ampliando las capacidades de la web. Para conseguirlo, </p><p>el W3C ha publicado un gran nmero de recomendaciones, que pueden consultarse en la web. </p><p>Pese al extraordinario desarrollo y utilizacin de la web, su breve historia est llena de crisis, </p><p>pasos atrs y conflictos enquistados. Los usuarios de la web estn interesados en que existan </p><p>unas normas comunes que permitan la interoperabilidad y la competencia, pero las empresas </p><p>que dominan un mercado suelen preferir que no existan normas comunes para que sus </p><p>productos se conviertan en la norma "de facto" y asegurar su dominio. </p><p>El W3C tiene sedes en varios pases. Desde octubre de 2003, existe una oficina espaola del </p><p>W3C, con sede en Asturias. Entre otras cosas, mantienen una lista de recomendaciones del </p><p>W3Ctraducidas al espaol. </p><p>El W3C no es el nico organismo que juega un papel en el desarrollo de la web. </p><p>La IETF (Internet Engineering Task Force) se ocupa desde 1986 del desarrollo de la arquitectura </p><p>de Internet y publica las normas (que por razones histricas reciben el nombre de Request For </p><p>Comments) que definen los protocolos empleados en Internet. La IANA (Internet Assigned </p><p>Numbers Authority) se ocupa desde 1972 de la asignacin de direcciones a cada computadora </p><p>conectada a Internet. </p></li><li><p>A.P.U. 2008 Programacin y Servicios Web Pg. 3 </p><p>Arquitectura de la www y conceptos Para que la web funcione, se necesitan tres mecanismos: </p><p> la identificacin de los recursos disponibles (URI) </p><p> reglas de comunicacin entre el servidor y el navegador (HTTP) </p><p> un formato comn para los documentos intercambiados (HTML, XML) </p><p>Tanto la identificacin de los recursos como las reglas de comunicacin son aspectos </p><p>relativamente estables, mientras que el formato de los documentos ha tenido una evolucin </p><p>ms compleja y contina en desarrollo. A continuacin se describen los diferentes estndares </p><p>que conforman la web. </p><p>URL (Uniform Resource Locator) </p><p>Los URL (Uniform Resource Locator) son una notacin estndar para la especificacin de </p><p>recursos presentes en Internet. Constituyen la piedra angular del Web, ya que hacen posible </p><p>que un link de HTML se refiera a cualquier objeto de la red. </p><p>Un URL representa de un modo compacto la localizacin y el mtodo de acceso de cualquier </p><p>recurso de la red (Berners-Lee, Masinter y McCahill, 1994). No slo hay ms de dos millones de </p><p>ordenadores conectados a los varios miles de redes que forman la Internet, sino que existen </p><p>mltiples protocolos o formas diferentes de acceder a la informacin (ftp, gopher, http, etc.). </p><p>Los URL aportan esos dos datos esenciales: dnde se encuentra un recurso y cmo se puede </p><p>acceder a l. </p><p>La sintaxis de los URL es la siguiente: </p><p>URL:: </p><p>El esquema es un trmino convenido que representa el mtodo de acceso a un recurso. La </p><p>parte especfica del esquema informa sobre su localizacin en la red, de un modo que depende </p><p>de cada mtodo de acceso. Un ejemplo nos ayudar a entender esto. </p><p>Cuando utilizamos ftp annimo para copiar un fichero de un ordenador remoto a nuestro </p><p>ordenador necesitamos saber lo siguiente: host o nombre del ordenador remoto donde se </p><p>encuentra el fichero y path o que conduce al fichero dentro de la estructura de ficheros del </p><p>ordenador remoto. Supongamos que el fichero se llama README, y que est en el directorio </p><p>pub del host ftp.uji.es; el URL de tal objeto sera ste: </p><p>Al recuperar un fichero mediante ftp annimo usamos "anonymous" como nombre de usuario, </p><p>y nuestra direccin de correo electrnico como password. En los URL esta informacin se </p></li><li><p>A.P.U. 2008 Programacin y Servicios Web Pg. 4 </p><p>omite dado que es conocida. Sin embargo, es posible incluirla si, por ejemplo, no se trata de </p><p>ftp annimo, sino que se necesita especificar un usuario real y su password. La sintaxis </p><p>genrica de los URL para objetos accesibles por ftp es la siguiente: </p><p>URL:ftp://[user[:password]@]host[:port]/path[;type=] </p><p>El "port" puede omitirse si el servidor de ftp emplea el port estndar de ftp (el 21). Este </p><p>principio de omitir lo ya conocido se sigue en todos los URL. Si los distintos servidores siguen </p><p>las recomendaciones de la Internet no es necesario incluir informacin redundante. </p><p>El "path" es la lista ordenada de subdirectorios por los que hay que pasar para llegar al fichero, </p><p>separados por "/", seguida del nombre del fichero. </p><p>El "type" es "d", "a", "i". "d" indica que se requiere la transmisin de una lista de nombres de </p><p>ficheros (un directorio). "a" solicita una transmisin de lneas de texto. "i" solicita una </p><p>transmisin binaria. </p><p>En la actualidad existen esquemas definidos para los siguientes servicios: </p><p>Esquema Sintaxis ftp (File Transfer Protocol) ftp://user:password@host:port/path;type= http (HyperText Transfer Protocol) http://:/? gopher (gopher) gopher://:/ mailto (correo electrnico) mailto: </p><p>HTTP (HyperText Transfer Protocol = Protocolo de Transferencia de HiperTexto) </p><p>El esquema bsico de cualquier transaccin HTTP entre un cliente y un servidor es el siguiente </p><p>(Berners-Lee, 1993): </p><p> Conexin: El cliente establece una conexin con el servidor a travs del puerto 80 </p><p>(puerto estndar), u otro especificado. </p><p> Peticin: El cliente enva una peticin al servidor. </p><p> Respuesta: El servidor enva al cliente la respuesta (esto es, el objeco demandado o un </p><p>cdigo de error). </p><p> Cierre: Ambas partes cierran la conexin. </p><p>HTTP (HyperText Transfer Protocol) es el protocolo de alto nivel del World-Wide Web que rige </p><p>el intercambio de mensajes entre clientes y servidores del Web. </p><p>Un protocolo es: </p><p>"Una descripcin formal de los formatos de los mensajes y las reglas que deben seguir dos </p><p>ordenadores para intercambiar dichos mensajes. Los protocolos pueden describir detalles de </p><p>bajo nivel de los interfaces de mquina a mquina (por ejemplo, el orden en el cual deben </p><p>enviarse bits y bytes a travs de un cable) o intercambios de alto nivel entre programas (por </p><p>ejemplo, la forma en que dos programas transfieren un fichero a travs de la Internet)." </p><p>(Malkin y LaQuey Parker, 1993, pg. 39). </p></li><li><p>A.P.U. 2008 Programacin y Servicios Web Pg. 5 </p><p>El HTTP es un protocolo genrico orientado a objetos que no mantiene la conexin entre </p><p>transacciones (Berners-Lee, 1993d). Ha sido especialmente diseado para atender las </p><p>exigencias de un sistema hipermedia distribuido como es el World-Wide Web. Sus </p><p>caractersticas principales son: </p><p>Ligereza: reduce la comunicacin entre clientes y servidores a intercambios discretos, de modo </p><p>que no sobrecarga la red y permite saltos hipertextuales rpidos. </p><p> Generalidad: puede utilizarse para transferir cualquier tipo de datos, segn el estndar </p><p>MIME. Esto incluye tambin los que desarrollen en el futuro, ya que el cliente y el </p><p>servidor pueden negociar en cualquier momento el modo de representacin de los </p><p>datos: el cliente notifica al servidor una lista de formatos que entiende, y en adelante </p><p>el servidor slo remitir al cliente datos que este sea capaz de manejar. El cliente debe </p><p>aceptar al menos dos formatos: text/plain (texto normal) y text/html (hipertexto </p><p>codificado en HTML: el lenguaje en el que se escriben los hipertextos del Web --vase </p><p>el apartado siguiente). </p><p> Extensibilidad: contempla distintos tipos de transaccin entre clientes y servidores </p><p>("mtodos", en la jerga HTTP), y la futura implementacin de otros nuevos. Esto abre </p><p>posibilidades ms all de la simple recuperacin de objetos de la red: bsquedas, </p><p>anotaciones, etc. </p><p>HTML (HyperText Markup Language = Lenguaje de Marcas de HiperTexto) </p><p>El HTML (HyperText Markup Language) es el lenguaje en el que se escriben los hipertextos del </p><p>World-Wide Web y permite aadir a un documento de texto: </p><p> La especificacin de estructuras del texto. Por ejemplo, ttulos, encabezamientos, </p><p>lmites de los prrafos, listas de elementos. </p><p> Estilos: texto enfatizado, citas, etc. </p><p> Objetos multimedia: imgenes o sonido, pongamos por caso. </p><p> Conexiones hipertextuales a otros objetos de la red: partes sensibles del documento </p><p>desde dnde podramos saltar otras partes del Web. </p><p>Todo este "valor aadido" al texto se codifica como etiquetas ("tags", en la jerga) que se </p><p>insertan en el propio texto. Un ejemplo nos permitir hacernos una idea de todo ello: </p></li><li><p>A.P.U. 2008 Programacin y Servicios Web Pg. 6 </p><p>Las etiquetas del HTML se delimitan por medio de los signos &lt; y &gt;. Por ejemplo, la etiqueta </p><p>marca el inicio de cada prrafo. Otras, la mayor parte, van por parejas: y </p><p>abren y cierran, respectivamente, el ttulo del documento. </p><p>Los links se abren y cierran con las etiquetas y . El objeto de la red a donde nos lleva </p><p>el link se codifica en la etiqueta de apertura por medio de una notacin que se ha convertido </p><p>de hecho en un estndar de Internet: los llamados URL. </p></li><li><p>A.P.U. 2008 Programacin y Servicios Web Pg. 7 </p><p>HTTP (HyperText Transfer Protocol) </p><p>Uso y finalidad: </p><p> Uso: Se usa para el envo y recepcin de peticiones Web. </p><p> Finalidad: Transferencia de hipertexto. </p><p> Est basado en ASCII. </p><p>Por ejemplo: </p><p> http (el protocolo o esquema) </p><p> www.cisco.com (el nombre del servidor) </p><p> Index.html (archivo especfico solicitado). </p><p>Mensajes HTTP: </p><p> HTTP define los tipos de mensajes para solicitar la pgina Web y enva los tipos para responder: </p><p> GET (solicitud de datos por parte del cliente) </p><p> POST y PUT se utilizan para enviar mensajes que cargan datos en el servidor : </p><p> POST (carga al informacin en un texto sin formato) </p><p> PUT (carga los recursos o el contenido en el servidor) </p></li><li><p>A.P.U. 2008 Programacin y Servicios Web Pg. 8 </p><p>Una transaccin HTTP consiste en: </p><p> Conexin: establecimiento de una conexin (puerto 80) </p><p> Solicitud: envo (cliente) de un mensaje de solicitud al servidor. </p><p> Respuesta: envo (servidor) de una respuesta al cliente. </p><p> Cierre: fin de la conexin </p></li><li><p>A.P.U. 2008 Programacin y Servicios Web Pg. 9 </p><p>Introduccin a CSS (Cascading Style Sheets = Hojas de estilo en </p><p>cascada) </p><p>En el cdigo HTML se pueden incluir una serie de etiquetas representando tanto la clase de </p><p>elementos y secciones que queremos incluir en nuestra pgina como el estilo a aplicar en las </p><p>mismas. </p><p>En los ltimos aos, cada vez se va tendiendo ms a separar los contenidos de la presentacin, </p><p>el marcado de los contenidos de los estilos de visualizacin de los mismos. </p><p>Al crear una pgina web: o Se utiliza en primer lugar el lenguaje HTML/XHTML para marcar los </p><p>contenidos, es decir, designar la funcin de cada elemento de la pgina: seccin, prrafo, texto </p><p>destacado, tabla, lista ordenada, control, etc. La idea es que esta parte tenga cada vez ms </p><p>semntica, dotando de sentido a los documentos generados y sus secciones. o En segundo </p><p>lugar, se emplea CSS para definir el aspecto de cada elemento (color, tamao, tipo de letra, </p><p>posicin, etc.). </p><p>Los navegadores contienen diversos componentes. Uno de ellos, el m...</p></li></ul>