Download lenguajes de programación web (php1, html52)

LENGUAJES DE PROGRAMACIÓN WEB (PHP1,
HTML52)
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)
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.
1
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)
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.
2
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)
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.
3
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)
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
4
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)
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;
5
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)
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.
6
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)
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.
7
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)
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/
8
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)
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
3 puntos
Referencias bibliográficas
7 puntos
Ortografía y redacción
10 puntos
Introducción
25 puntos
Contenido
55 puntos
9
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)
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
presentación.
en:
y
Consultado
Programación.
el
9
Selectores
de
mayo
Lenguaje
de
de
2013,
http://www.estructurayprogramacion.com/materias/programacion-
web/selectores-lenguaje-de-presentacion/
10