You are on page 1of 4

Instituto Tecnológico de Tlaxiaco. Programación Web Integrantes: Ortiz Ortiz Fredy R. Bernabé García Gudelia S.

Cruz Velasco Juana Nuñez Cruz Edilberto Asesor: Pérez García Audel R.

Programación web. La programación de aplicaciones web impone una nueva forma de pensar y programar aplicaciones. En este artículo veremos algunos lenguajes de programación web y algunas de sus características clave. HTML5 Tim Berners-Lee creó el HTML original en 1989 para hacer frente a algunas deficiencias en los métodos existentes de acceso a la información en internet. El contenido de internet se trataba como documentos individuales, sin ningún método de acceso sencillo para navegar entre ellos. Uno básicamente tenía 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 tecnologías: 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 petición al servidor. Cuando el servidor recibe la petición de un documento, este documento ya estará escrito (o será convertido) a HTML. El documento HTML es lo que se envía al navegador, como respuesta a su petición. 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 método sencillo (user-friendly) para navegar entre documentos en Internet. La combinación del HTTP y HTML proveen un sistema rápido y sencillo para navegar entre distintos documentos, con sólo dar clic sobre enlaces de texto. Después de la creación de estas dos tecnologías, 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 estándar 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 estándar XHTML 2.0, un grupo llamado Web Hypertext Application Technology Working Group (WHATWG) empezó a trabajar en el estándar HTML

Si debemos recomendarte uno en que esté probado que todas las características funcionan a la perfección. el tamaño y estilo de las fuentes. Esta especificación no liga el HTML con ningún lenguaje de hojas de estilo en particular. Independencia de lenguajes de hojas de estilo específicos. Al colocar las hojas de estilo en ficheros separados es más fácil reutilizarlas. Esto permite a . desde los lenguajes más simples válidos para la mayoría de los usuarios. siendo Microsoft Internet Explorer el que se queda muy atrás en esta carrera -de hecho. la Fundación Mozilla y Opera Software. 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. HTML permite a los autores especificar sus documentos de una manera independiente del medio. cuando se fundó el grupo de trabajo WHAT con miembros de Apple. En el 2007. después se suman Internet Explorer. el W3C abandonó el estándar XHTML 2. los colores a utilizar para el texto y el fondo.0 en adelante lo soportan.0 HOJAS DE ESTILO CSS Las hojas de estilo en cascada o (Cascading Style Sheets. que fue mejor recibido que el estándar XHTML 2. o sus siglas CSS) hacen referencia a un lenguaje de hojas de estilos usado para describir la presentación semántica (el aspecto y formato) de un documento escrito en lenguaje de marcas. Cascada. y otros muchos detalles. En 2008 se finalizó su primera versión. Esto permitió que Firefox 3. Podría decirse que HTML5 nació en 2004.0 y ahora está trabajando con el WHATWG en el desarrollo de HTML5 (pero también con su variante XHTML5). sólo los navegadores 8. Navegadores soportan HTML5 A pesar de que en un futuro se espera que este nuevo lenguaje funcione a la perfección en todos los sistemas de navegación. Colocación flexible de la información de estilo. fuese compatible con HTML5. pues el W3C (World Wide Web Consortium) decidió abandonar XHTML y comenzó a trabajar con WHAT. Características. Dos años después consiguieron uno de sus principales apoyos. incluyendo SVG y XUL. pero también puede ser aplicado a cualquier tipo de documentos XML.5. Esto permite que se puedan usar otros lenguajes diferentes.0. útiles para una minoría de usuarios con necesidades muy especializadas. hasta los más complejos. incluyendo los dispositivos móviles. Con las hojas de estilo es más fácil especificar la cantidad de espacio entre líneas. este sería Mozilla FireFox 11. Dependencias de los medios. Su aplicación más común es dar estilo a páginas webs escritas en lenguaje HTML y XHTML. Google Chrome y Safari. el navegador de Mozilla. por ahora corre mejor en Google Chrome. Safari y Mozilla Firefox. el sangrado de las líneas.

Consideraciones de rendimiento. Estilos alternativos.. El valor por defecto de este atributo es "screen" (pantalla). los programas escritos con JavaScript se pueden probar directamente en cualquier navegador sin necesidad de procesos intermedios. media : Este atributo especifica el medio destino al que se dirige la información de estilo. Los autores deben proporcionar un valor para este atributo. El autor puede especificar que una de las alternativas es una hoja de estilo preferente.  Los usuarios pueden seleccionar su hoja favorita según sus preferencias. por lo que no es necesario compilar los programas para ejecutarlos. Incluir JavaScript en documentos XHTML  Incluir JavaScript en el mismo documento XHTML. Las instrucciones JavaScript se pueden incluir en un archivo externo de tipo JavaScript que los documentos XHTML enlazan mediante la etiqueta <script>. Los autores pueden querer ofrecer a los lectores varias maneras diferentes de ver un documento. VENTAJAS. JavaScript es un lenguaje de programación interpretado. o una que especifique fuentes más grandes para una lectura más fácil. El lenguaje de hojas de estilo se especifica como un tipo de contenido (p. El código JavaScript se encierra entre etiquetas <script> y se incluye en cualquier parte del documento.ej. una hoja de estilo para representar documentos compactos con fuentes pequeñas.  Los autores pueden especificar cualquier número de hojas de estilo mutuamente excluyentes llamadas hojas de estilo alternativas.  Definir JavaScript en un archivo externo.  Incluir JavaScript en los elementos XHTML. style : Este atributo especifica información de estilo para el elemento actual. no hay valor por defecto para este atributo.los usuarios acceder a las páginas web usando una amplia gama de dispositivos y medios. "text/css"). Algunas personas han expresado su preocupación acerca de los posibles problemas de rendimiento relacionados con las hojas de estilo. ATRIBUTOS. . Por ejemplo. 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. Puede ser un solo descriptor de medios. o una lista de ellos separados por comas. En otras palabras. Los autores también pueden especificar hojas de estilo persistentes que los agentes de usuario deben aplicar además de cualquier hoja de estilo alternativa   Java Script JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas web dinámicas.

si en JavaScript se intercambian mayúsculas y minúsculas el script no funciona. Gracias a la constante evolución tecnológica.org/ Navarrete.ucm.)  Se distinguen las mayúsculas y minúsculas: Al igual que sucede con la sintaxis de las etiquetas y elementos XHTML. por lo que el código se puede ordenar de forma adecuada para entenderlo mejor (tabulando las líneas.. si en una página XHTML se utilizan indistintamente mayúsculas y minúsculas.upf. ya que consiste en incluir trozos de JavaScript dentro del código XHTML de la página. en excelentes herramientas de venta y proyección de cualquier tipo de negocio.Este método es el menos utilizado. añadiendo espacios. control de HTML. Este tipo de elementos han enriquecido el concepto de “diseño Web” elevando su potencial a niveles interesantes. Recuperado el dia 14 de febrero de 2014 de http://dis.  Se pueden incluir comentarios: Los comentarios se utilizan para añadir información en el código fuente del programa.. Introduccion a Java Script. Recuperado el 14 de febrero de 2014 de http://www. El lenguaje Java Script. es conveniente seguir la tradición de terminar cada sentencia con el carácter del punto y coma (. Recuperado el 14 de febrero de 2014 de http://www. con el tiempo. no es necesario indicar el tipo de dato que almacenará. hacen que su página sea considerada y valorada por quienes la visitan. por lo que es necesario extremar las precauciones sobre la información incluida en los comentarios Conclusión Las páginas Web se han convertido.  No se define el tipo de las variables: Al crear una variable.). la página se visualiza correctamente.w3.es/ Html5. Peinado. T.fdi. Aunque el contenido de los comentarios no se visualiza por pantalla. Un diseño Web ahora se puede valer de todas estas herramientas visuales que. siendo el único problema la no validación de la página. Sintaxis  No se tienen en cuenta los espacios en blanco y las nuevas líneas: El intérprete de JavaScript ignora cualquier espacio en blanco sobrante.  No es necesario terminar cada sentencia con el carácter de punto y coma (. etc. Introducción a la programación web. una misma variable puede almacenar diferentes tipos de datos durante la ejecución del script.es/ . En cambio. si que se envía al navegador del usuario junto con el resto del script.um.dtic.): JavaScript no obliga a hacerlo. Sin embargo. utilizadas de manera funcional. hoy podemos presentar un diseño web atractivo con fotografías. incluso música. F. recuperado el 14 de febrero del 2014 de http://web.. animaciones y videos.edu/ Eguiluz. J. Bibliografía.. creando nuevas líneas. De esta forma.