CARRERA:

INGENIERÍA EN SISTEMAS COMPUTACIONALES

MATERIA:

PROGRAMACIÓN WEB

TRABAJO:
LENGUAJE DE PRESENTACIÓN DE DATOS

ALUMNO:

LUIS ENRIQUE NERI VEGA 16500554

CATEDRÁTICO:

CARMEN JULIA ROSAS AGUILAR

SEMESTRE:

8°
¿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.
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

¿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.

¿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 lenguaje 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.
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
 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;
 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.

Tipos de medios
HTML permite a los autores diseñar documentos que saquen partido de las
características de los medios en los que el documento vaya a ser representado
(p.ej., pantallas gráficas, pantallas de televisión, dispositivos de mano,
navegadores basados en voz, dispositivos táctiles Braille, etc.). Al especificar el
atributo medio, los autores permiten a los agentes de usuario cargar y aplicar las
hojas de estilo de manera selectiva.

Modelo de cajas
El modelo de cajas o “box model” es seguramente la característica más importante
del lenguaje de hojas de estilos CSS, ya que condiciona el diseño de todas las
páginas web. El modelo de cajas es el comportamiento de CSS que hace que
todos los elementos de las páginas se representen mediante cajas rectangulares.
Las cajas de una página se crean automáticamente. Cada vez que se inserta una
etiqueta HTML, se crea una nueva caja rectangular que encierra los contenidos de
ese elemento. La siguiente imagen es un ejemplo que muestra las tres cajas
rectangulares que crean las tres etiquetas HTML.