PDF de programación - Lenguajes de programación web (PHP, HTML5)

LENGUAJES DE PROGRAMACIÓN WEB (PHP1,
HTML52)

LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)

1

Sesión No. 7
Nombre: Lenguajes: HTML, XML, XHTML
Objetivo: Encontrar las diferencias entre los diferentes programas de los
lenguajes de programación web.

Contextualización


¿Son similares los lenguajes HTML y XHTML?

Los lenguajes de programación han evolucionado desde su aparición, por lo que
en muchas ocasiones sólo se crean adaptaciones de las versiones de los
sistemas, en este caso se trata de HTML el cual tiene como derivado XHTML y a
la vez de XML, es decir, se trata de los dos medios de programación lo mejor de
los lenguajes, los beneficios y compatibilidades que presentan éstos.

La razón por la cual se realizan actualización o cambios a los lenguajes de
programación es para tener mayor captación en los distintos dispositivos móviles
y de sobre mesa.



LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)

2

Introducción al Tema

¿Qué ventajas ofrecen los cambios en los medios de programación?

Las ventajas que se ofrecen dentro de los medios de programación, son la
optimización de información una mejor codificación, encriptación, compresión y
descarga optimizada de contenidos.

¿Por qué es bueno actualizarse?


Esto en es un beneficio pues con la actualización viene la mejora de los servicios,
los medios más rápidos, el acceso a contenidos exclusivos, materiales de
calidad y más cosas, esto es debido a que las actualizaciones que instalan
paquetes de compatibilidad dentro de los sistemas y mejoran la gestión de
información.

¿Por qué no siempre se pueden ver las mejoras de las actualizaciones de
los sistemas operativos y de programación?

No siempre son visibles las actualizaciones porque los cambios que se realizan
son de codificación para permitir la visualización de los medios web o ejecución
de scripts de animación o ejecución de contenidos autoextraíbles.



LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)

3

Explicación
Lenguajes: HTML, XML, XHTML

La diferencia que se crea en lo lenguajes HTML, XML y XHTML son para marcar
los medios por los cuales se utilizaran, es decir, cada uno tiene fines de uso
distintos que podrán ejecutarse de mejor manera en plataformas especificas por
el manejo de instrucciones, valores flotantes, es decir de las palabras reservadas
que se tienen para cada medio.



XML: eXtensive Xarkup Languaje; este se caracteriza por describir
contenido, la función principal para que fue diseñado es mantener el
orden de los documentos para poder modificarlos a portables en
diferentes tipos de aplicaciones.
HTML: Hyper Text Markup Languaje; es el lenguaje básico de estructura
en documentos Web, es el medio de mayor uso, aunque pueda
presentarse con algunas modificaciones por la evolución de código.
XHTML: eXtensive Hyper Text Markup Languaje; es la extensión del
lenguaje HTML y XML, sirve para reproducir documentos y módulos
definidos del lenguaje de estructura Web y es reformulado por el XML.



LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)

4

La combinación de los códigos dentro de un mismo documento puede crear
controles de lenguajes, etiquetas al cambiar de sistema Web, por lo que la
compatibilidad de los codificadores de información no queda con datos
incompletos. Algunos de los controles que se utilizan son:

ACK
NAK
BEL
LF
FF
VT
CR


Son controles que se conocen por los estándares de caracteres basados en
ISO 6429.
A continuación mostramos, en una tabla, las diferencias de estructura entre un
documento de HTML y un documento de HTML5:



LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)

5

Estilo: CSS, XSLT

¿Qué es CSS?

Es un lenguaje de programación con un gran alcance y fácil de usar, mediante
estilos. Este lenguaje ofrece una gran cantidad de propiedades y/o atributos de
los elementos que permite un mejor desarrollo de contenido.



Este lenguaje es sólo un medio con el que se aplican estilos en los documentos
de origen que se aplican a un sitio.


¿Qué es XSLT?

Es un estándar que se puede transformar los documentos XML. El XSLT son
hojas de estilo que se utilizan en la programación de sitios Web, es un
complemento como el CSS y cumple con sus normativas, ventajas y límites.


XSLT significa transformaciones XSL.


La principal característica que permite este lenguaje es que deja que un autor de



LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)

6

hojas de estilo pueda transformar los documentos XML a modo de manipular el
contenido y cambiar a formatos diferentes, pero ¿Cómo funciona?



El procesador analiza el documento y construye el árbol del documento
El procesador recorre los nodos desde la raíz, aplica a cada nodo una

plantilla sustituyendo el nodo por el resultado

Cuando el procesador ha terminado de recorrer los nodos, ha terminado

la transformación.



Accesibilidad multiplataforma

¿Qué es una plataforma?

Una plataforma es un medio en el cual se puede ejecutar un contenido, puede
ser un sistema operativo dirigido a una computadora de sobremesa o un sistema
con el cual funciona un celular. Las plataformas pueden ser Web o no.



LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)

7

La accesibilidad multiplataforma se refiere a que los contenidos puedan
ejecutarse en los distintos medios electrónicos, ya sean grandes o pequeños y
que sin importar la capacidad de los dispositivos la información se pueda
desplegar correctamente y se visualicen los contenidos interactivos y multimedia
sin que fallen los scripts o complementos que utilizan.

La dificultad de crear contenidos que se ejecuten en las distintas plataformas
recae en los cambios que se produzcan en las mismas, pues con las
adaptaciones que se dan por la diferencia en los procesadores y medios de
codificación, además de los alcances que se tengan por parte de los
desarrolladores de sistemas, pues sin importar que se hable de un mismo
fabricante existen discrepancias pues las diferencias de costos en los equipos es
lo que determinara las principales características de la accesibilidad y la
potencias de la misma.



LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)

8

Conclusión

Los sistemas de codificación van cambiando y con ellos las plataformas en las
cuales se pueden ejecutar, sin embargo las formas de crear elementos
adaptables también ha cambiado por lo que muchas veces se crear versiones
móviles de los contenidos Web, es decir, cuando una página Web se ejecuta
desde una computadora de sobremesa se ejecutan ciertos códigos que se
pueden manejar por los complementos como Java y .Net.

Cuando los sitios se ejecutan desde una plataforma móvil, los códigos se
ejecutan desde CSS3 y HTML5 y otros componentes que se llevan de la mano
para que los datos se abran correctamente, pues los componentes internos de
los dispositivos son diferentes debido a su tamaño, su potencia es menor y por lo
tanto los contenidos deben ser optimizados para la carga y descarga de los
mismos y se permita la movilidad de la información y envío de un dispositivo a
otro.



LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)

9

Para aprender más



• Casario M., Elst P., Brown C., Wormser N., y Hanquez C., (2012). HTML5
Solutions, Essential Techniques for HTML5 Developers. U.S. Friendsof
and apress C.

• 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



• Sintes

B.(2012)

XSLT:
XSL. http://brd.unid.edu.mx/modelo-de-caja/


Transformaciones

• W3C. (1998) Usando XSL y CSS juntos. http://brd.unid.edu.mx/usando-

xsl-y-css-juntos/


• W3C.

(2010)

HTML,

códigos
control. http://brd.unid.edu.mx/html-xhtml-xml-y-codigos-de-control/


XHTML,

XML

y

de

• Libros Web (2013) HTML y XHTML. http://brd.unid.edu.mx/html-y-xhtml/



LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)

10



Actividad de Aprendizaje
Objetivo: Identificar las diferencias y similitudes de CSS, XML, HTML,
XHMT y XSLT.

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 cuadro sinóptico expliques las diferencias de CSS, XML, HTML,
XHMT y XSLT.


Puedes realizarlo en cualquier programa, al final tendrás que guardarlo como
imagen en formato JPG, 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
Título 2 puntos
Resumen 30 puntos
Representación gráfica 48 puntos