LENGUAJES DE PROGRAMACIÓN WEB (PHP1, HTML52)

LENGUAJES DE PROGRAMACIÓN WEB (PHP1, HTML52)

LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 1 Sesión No. 5 Nombre: Lenguaje de presentación Objetivo: Conocer la importancia de los lenguajes de presentación. Contextualización Qué es el lenguaje de presentación? Este lenguaje se encarga de definir un conjunto de etiquetas y características de atributos de cada uno de los elementos de los lenguajes, de igual forma establece reglas para crear documentos, comúnmente en lenguaje HTML. Por qué es importante conocer los lenguajes de presentación? Éstos son importantes porque de esta forma sabremos la forma de dar a conocer los medios que deseamos, sea página web, aplicación, software o cualquier otro elemento. La correcta aplicación de esto se da conociendo la sintaxis y las palabras reservadas de la misma que pueden ser diferentes para una misma acción, pero saber diferenciarlas darán los mejores resultados pues algunas acciones aunque iguales pueden presentar mejor resultados que otras. Los lenguajes de presentación es el eslabón final de los sistemas en capas. Son fundamentales porque es en este nivel donde la aplicación tendrá éxito en capturar al usuario. Existen casos de sistemas perfectamente programados en su lógica de negocios, pero al carecer de una capa de presentación adecuada, éstos no son usados por los usuarios. Con los lenguajes de presentación podemos desarrollar interfaces útiles y sencillas capaces con nivel de usabilidad que hagan que el usuario del sistema vuelva una y otra vez.

LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 2 Introducción al Tema Actualmente los lenguajes de presentación y su sintaxis son utilizados para desarrollar contenidos interactivos para la web, dependiendo del medio y del contenido que se desea desarrollar, la sintaxis puede cambiar en pequeñas instrucciones, pues los medios de renderizado y/o compilación cambian. Los lenguajes de presentación tienen un conjunto de etiquetas, con atributos configurables, que permiten cambiar la forma en que se presentan los elementos de texto y visuales dentro del documento. Además de esto nos dan un grupo de reglas sintácticas para la construcción de un documento HTML. Es importante conocer lo básico de los diferentes tipos de sintaxis, pues eso marcara la diferencia en el contenido y se podrá utilizar con los distintos complementos que se ofrecen gratuitamente por parte de los distribuidores de servicios técnicos, los navegadores web o los desarrolladores de sistemas, por ejemplo con librerías de Java script, como son jquery o Bootstrap.

LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 3 Explicación Lenguaje de presentación Cómo funciona un lenguaje de presentación? Funciona por medio de reglas específicas las cuales presentan un soporte adecuado para la correcta interpretación y estructuración de un documento en el que se exprese la información necesaria solicitada. En este lenguajes se expresan los atributos de los elementos de tal forma que se definen los diseños y contenidos, por ejemplo; Márgenes Tipo de títulos Color de fondo Tipo de letra Cada etiqueta y sus atributos tienen un significado visual dentro el documento HTML. Esto es que modifican la presentación de texto, imágenes y demás elementos comprendidos dentro del documento. Las hojas de estilo o CSS son un lenguaje que nos ayuda a definir mejor el aspecto de los documentos HTML. Con esto nos permite crear documentos Web más complejos, capaces de entregar contenido sin importar el dispositivo desde donde se está consumiendo el documento Web.

LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 4 Introducción Actualmente en el mundo de la web debido a la evolución del mundo electrónico y de comunicación hacen falta lenguajes de presentación con la finalidad de señalar elementos, éstos funcionan en estructuras de programación como los navegadores web, la importancia de los lenguajes es para que los elementos web se muestren correctamente, los lenguajes más utilizados son; XHTML para el marcado CSS para la presentación Sintaxis Cuando se habla de la sintaxis de un lenguaje se trata de un elemento que se le conoce como etiqueta, la cual alberga instrucciones específicas del lenguaje de programación, estas señalizaciones se determinan encapsulando las palabras reservadas entre un símbolo de mayor y uno de menor que se ubican al principio y al final de la palabra respectivamente. Las etiquetas funcionan para instrucciones como; Letras cursivas, negritas, subrayadas Alineación del texto

LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 5 Salto de línea Salto de párrafo Inserción de nombre de página (titulo) Inicio y final del cuerpo del documento Considérese que la sintaxis no solo se limita al lenguaje HTML, sino que cada lenguaje de programación tiene sus propias palabras reservadas y sintaxis con la cual se podrá ejecutar cada elemento que se desee, algunas de las palabras reservadas HTML pueden encajar con PHP, siempre y cuando se delimiten el inicio y el final de cada uno de los elementos, pues a pesar de que estos lenguajes pueden trabajar juntos es necesario delimitar cada uno pues podrá crear confusión en el medio compilador y no ejecutar nada ni iniciar ninguna tarea. Algunos de los lenguajes que trabajan con HTML son; PHP SAP MySQL JavaScript Selectores Los selectores son los encargados de identificar los elementos dentro de un sitio web para poder identificar sus atributos y/o propiedades, os elementos pueden ser, texto, imagen, video, animación, etc. Los selectores en su variedad comprenden del nombre de las etiquetas utilizadas dentro de os documentos HTML, por ejemplo;

LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 6 Body P Code Table Ul Actualmente existen programas de cómputo que facilitan crear los elementos y aplicarlos a diferentes hojas de estilos como CSS permitiendo únicamente la identificación de los selectores más relevantes. Dentro de los selectores encontramos distintas categorías, las cuales son; Selectores de clases Selectores de ID Selectores de atributos Selector universal Los cuales presentan distintas formas de funcionamiento y elementos de identificación que cambiaran dependiendo de la información de estructura HTML que se encuentra en el documento en proceso.

LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 7 Conclusión Para que una página Web funcione sin colapsar, es necesario contar con una buena arquitectura de elementos y ubicación de información, pues depende de varias herramientas que al momento de su ejecución pueden mejorar el funcionamiento del servicio que se ofrece a los usuarios. Cuando se desea tener un buen sitio Web es importante presentar un elemento dinámico, es decir que no siga una sola línea de diseño, puede usar juegos tipográficos, cambio de colores, implementación de animaciones, presentación de elementos multimedia, pues gracias a la evolución de los medios de distribución de información el manejo de los datos es más fácil para su envío y recepción a casi cualquier parte del mundo.

LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 8 Para aprender más Hudson C. y Leadbetter T., (2012). HTML5 Developer s Cookbook. U.S. Pearson Education. Williams L. (2012). Learning HTML5 Game Programming. U.S. Pearson Education Amundsen M. (2012). Hypermedia APIs with HTML5 and Node. U.S. O REILLY Crowther R. (2013). Hello! HTML5 and CSS3. U.S. Manning Publications Alvares R.(2012) Descripción de la sintaxis con la que se trabaja en el lenguaje HTML, así como la estructura que tendrá el documento básico HTML. http://brd.unid.edu.mx/sintaxis-del-html/

LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 9 Actividad de Aprendizaje Objetivo: Explicar qué son y cómo funcionan los selectores. Instrucciones: Con la finalidad de reforzar los conocimientos adquiridos a lo largo de esta sesión, ahora tendrás que realizar una actividad en la cual a través de un resumen expliques el papel de los selectores y realizar un pequeño ejemplo. Puedes realizarlo en cualquier programa, al final tendrás que guardarlo como formato PDF, con la finalidad de subirlo a la plataforma de la asignatura. En esta actividad se tomará en cuenta lo siguiente: Tus datos generales Referencias bibliográficas Ortografía y redacción Introducción Contenido 3 puntos 7 puntos 10 puntos 25 puntos 55 puntos

LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 10 Bibliografía Alvares R. (2012) Descripción de la sintaxis con la que se trabaja en el lenguaje HTML, así como la estructura que tendrá el documento básico HTML. Consultado el 9 de mayo de 2013, en: http://www.desarrolloweb.com/articulos/535.php Codina L. (2012) Tutoriales Web. Consultado el 9 de mayo de 2013, en: http://www.lluiscodina.com/tutoriales/ s/a. Estructuras y Programación, Unidad 3 Lenguaje de presentación. Consultado el 9 de mayo de 2013, en: http://www.estructurayprogramacion.com/materias/programacionweb/lenguaje-de-presentacion/ s/a.(2012) Estructuras y Programación, Sintaxis Lenguaje de presentación. Consultado el 9 de mayo de 2013, en: http://www.estructurayprogramacion.com/materias/programacionweb/sintaxis-de-lenguaje-de-presentacion/ s/a.(2012) Estructuras y Programación. Selectores Lenguaje de presentación. Consultado el 9 de mayo de 2013, en: http://www.estructurayprogramacion.com/materias/programacionweb/selectores-lenguaje-de-presentacion/