Instituto Tecnolgico de Tlaxiaco. Programacin Web Integrantes: Ortiz Ortiz Fredy R. Bernab Garca Gudelia S.

Cruz Velasco Juana Nuez Cruz Edilberto Asesor: Prez Garca Audel R.

Programacin web. La programacin de aplicaciones web impone una nueva forma de pensar y programar aplicaciones. En este artculo veremos algunos lenguajes de programacin web y algunas de sus caractersticas clave. HTML5 Tim Berners-Lee cre el HTML original en 1989 para hacer frente a algunas deficiencias en los mtodos existentes de acceso a la informacin en internet. El contenido de internet se trataba como documentos individuales, sin ningn mtodo de acceso sencillo para navegar entre ellos. Uno bsicamente tena que conocer las direcciones de los documentos que se estaban buscando y entrar en ellos a mano. Para solucionar este problema, Berners-Lee cre dos tecnologas: El HTTP (Hypertext Transfer Protocol) y el HTML. (Recomendado: Lo que no sabes del primer servidor de la historia). HTTP es un protocolo de transferencia utilizado por los servidores web para servir contenido. El inicio de una URL en nuestro navegador (asumiendo que el navegador muestra las URLs) empezar con http://. Esta parte de la URL le indica al navegador el tipo de protocolo que usar cuando haga la peticin al servidor. Cuando el servidor recibe la peticin de un documento, este documento ya estar escrito (o ser convertido) a HTML. El documento HTML es lo que se enva al navegador, como respuesta a su peticin. HTML es un lenguaje de marcado que le indica al navegador como debe presentar el contenido. Los enlaces a otros documentos pueden estar presentes en su contenido, proveyendo un mtodo sencillo (user-friendly) para navegar entre documentos en Internet. La combinacin del HTTP y HTML proveen un sistema rpido y sencillo para navegar entre distintos documentos, con slo dar clic sobre enlaces de texto. Despus de la creacin de estas dos tecnologas, Berners-Lee fund el Consorcio World Wide Web (W3C). El W3C fue la fuerza que gui las primeras cuatro versiones de HTML. El W3C trat de abordar los problemas de la Internet actual con el estndar Lenguaje de Marcado de Hipertexto Extensible (XHTML) 2.0. Sin embargo, esta norma no fue bien recibida y, en su mayor parte, ha sido abandonada. En el 2004, mientras que el W3C se centr en el estndar XHTML 2.0, un grupo llamado Web Hypertext Application Technology Working Group (WHATWG) empez a trabajar en el estndar HTML

5, que fue mejor recibido que el estndar XHTML 2.0. En el 2007, el W3C abandon el estndar XHTML 2.0 y ahora est trabajando con el WHATWG en el desarrollo de HTML5 (pero tambin con su variante XHTML5). Podra decirse que HTML5 naci en 2004, cuando se fund el grupo de trabajo WHAT con miembros de Apple, la Fundacin Mozilla y Opera Software. Dos aos despus consiguieron uno de sus principales apoyos, pues el W3C (World Wide Web Consortium) decidi abandonar XHTML y comenz a trabajar con WHAT. En 2008 se finaliz su primera versin. Esto permiti que Firefox 3, el navegador de Mozilla, fuese compatible con HTML5, despus se suman Internet Explorer, Google Chrome y Safari. Navegadores soportan HTML5 A pesar de que en un futuro se espera que este nuevo lenguaje funcione a la perfeccin en todos los sistemas de navegacin, incluyendo los dispositivos mviles, por ahora corre mejor en Google Chrome, Safari y Mozilla Firefox, siendo Microsoft Internet Explorer el que se queda muy atrs en esta carrera -de hecho, slo los navegadores 8.0 en adelante lo soportan. Si debemos recomendarte uno en que est probado que todas las caractersticas funcionan a la perfeccin, este sera Mozilla FireFox 11.0

HOJAS DE ESTILO CSS Las hojas de estilo en cascada o (Cascading Style Sheets, o sus siglas CSS) hacen referencia a un lenguaje de hojas de estilos usado para describir la presentacin semntica (el aspecto y formato) de un documento escrito en lenguaje de marcas. Su aplicacin ms comn es dar estilo a pginas webs escritas en lenguaje HTML y XHTML, pero tambin puede ser aplicado a cualquier tipo de documentos XML, incluyendo SVG y XUL. Con las hojas de estilo es ms fcil especificar la cantidad de espacio entre lneas, el sangrado de las lneas, los colores a utilizar para el texto y el fondo, el tamao y estilo de las fuentes, y otros muchos detalles. Caractersticas. Colocacin flexible de la informacin de estilo. Al colocar las hojas de estilo en ficheros separados es ms fcil reutilizarlas. Independencia de lenguajes de hojas de estilo especficos. Esta especificacin no liga el HTML con ningn lenguaje de hojas de estilo en particular. Esto permite que se puedan usar otros lenguajes diferentes, desde los lenguajes ms simples vlidos para la mayora de los usuarios, hasta los ms complejos, tiles para una minora de usuarios con necesidades muy especializadas. Cascada. Se llama as a la capacidad que proporcionan algunos lenguajes de hojas de estilo tales como CSS que permiten que las informaciones de estilo provenientes de varias fuentes puedan combinarse. Dependencias de los medios. HTML permite a los autores especificar sus documentos de una manera independiente del medio. Esto permite a

los usuarios acceder a las pginas web usando una amplia gama de dispositivos y medios. Estilos alternativos. Los autores pueden querer ofrecer a los lectores varias maneras diferentes de ver un documento. Por ejemplo, una hoja de estilo para representar documentos compactos con fuentes pequeas, o una que especifique fuentes ms grandes para una lectura ms fcil. Consideraciones de rendimiento. Algunas personas han expresado su preocupacin acerca de los posibles problemas de rendimiento relacionados con las hojas de estilo. ATRIBUTOS. style : Este atributo especifica informacin de estilo para el elemento actual. type : Este atributo especifica el lenguaje de hojas de estilo de los contenidos del elemento y prevalece sobre el lenguaje de hojas de estilo por defecto. El lenguaje de hojas de estilo se especifica como un tipo de contenido (p.ej., "text/css"). Los autores deben proporcionar un valor para este atributo; no hay valor por defecto para este atributo. media : Este atributo especifica el medio destino al que se dirige la informacin de estilo. Puede ser un solo descriptor de medios, o una lista de ellos separados por comas. El valor por defecto de este atributo es "screen" (pantalla).

Los usuarios pueden seleccionar su hoja favorita segn sus preferencias. El autor puede especificar que una de las alternativas es una hoja de estilo preferente. Los autores tambin pueden especificar hojas de estilo persistentes que los agentes de usuario deben aplicar adems de cualquier hoja de estilo alternativa

Java Script
JavaScript es un lenguaje de programacin que se utiliza principalmente para crear pginas web dinmicas. JavaScript es un lenguaje de programacin interpretado, por lo que no es necesario compilar los programas para ejecutarlos. En otras palabras, los programas escritos con JavaScript se pueden probar directamente en cualquier navegador sin necesidad de procesos intermedios. Incluir JavaScript en documentos XHTML Incluir JavaScript en el mismo documento XHTML. El cdigo JavaScript se encierra entre etiquetas <script> y se incluye en cualquier parte del documento. Definir JavaScript en un archivo externo. Las instrucciones JavaScript se pueden incluir en un archivo externo de tipo JavaScript que los documentos XHTML enlazan mediante la etiqueta <script>. Incluir JavaScript en los elementos XHTML.

VENTAJAS.

Los autores pueden especificar cualquier nmero de hojas de estilo mutuamente excluyentes llamadas hojas de estilo alternativas.

Este mtodo es el menos utilizado, ya que consiste en incluir trozos de JavaScript dentro del cdigo XHTML de la pgina. Sintaxis No se tienen en cuenta los espacios en blanco y las nuevas lneas: El intrprete de JavaScript ignora cualquier espacio en blanco sobrante, por lo que el cdigo se puede ordenar de forma adecuada para entenderlo mejor (tabulando las lneas, aadiendo espacios, creando nuevas lneas, etc.) Se distinguen las maysculas y minsculas: Al igual que sucede con la sintaxis de las etiquetas y elementos XHTML. Sin embargo, si en una pgina XHTML se utilizan indistintamente maysculas y minsculas, la pgina se visualiza correctamente, siendo el nico problema la no validacin de la pgina. En cambio, si en JavaScript se intercambian maysculas y minsculas el script no funciona. No se define el tipo de las variables: Al crear una variable, no es necesario indicar el tipo de dato que almacenar. De esta forma, una misma variable puede almacenar diferentes tipos de datos durante la ejecucin del script. No es necesario terminar cada sentencia con el carcter de punto y coma (;): JavaScript no obliga a hacerlo, es conveniente seguir la tradicin de terminar cada sentencia con el carcter del punto y coma (;). Se pueden incluir comentarios: Los comentarios se utilizan para aadir informacin en el cdigo fuente del

programa. Aunque el contenido de los comentarios no se visualiza por pantalla, si que se enva al navegador del usuario junto con el resto del script, por lo que es necesario extremar las precauciones sobre la informacin incluida en los comentarios Conclusin Las pginas Web se han convertido, con el tiempo, en excelentes herramientas de venta y proyeccin de cualquier tipo de negocio. Gracias a la constante evolucin tecnolgica, hoy podemos presentar un diseo web atractivo con fotografas, animaciones y videos, incluso msica. Este tipo de elementos han enriquecido el concepto de diseo Web elevando su potencial a niveles interesantes. Un diseo Web ahora se puede valer de todas estas herramientas visuales que, utilizadas de manera funcional, hacen que su pgina sea considerada y valorada por quienes la visitan. Bibliografa. Peinado, F., Introduccin a la programacin web, recuperado el 14 de febrero del 2014 de http://web.fdi.ucm.es/ Html5., control de HTML, Recuperado el 14 de febrero de 2014 de http://www.w3.org/ Navarrete, T., El lenguaje Java Script, Recuperado el 14 de febrero de 2014 de http://www.dtic.upf.edu/ Eguiluz, J., Introduccion a Java Script, Recuperado el dia 14 de febrero de 2014 de http://dis.um.es/