Reconocimiento de las características de lenguajes de marcas:

Conceptos generales :

1. Conceptos generales.
2. Etiquetas, elementos, atributos.
3. Orígenes. SGML (Standard Generalized Markup
Language).
4. Organizaciones desarrolladoras: ISO (International
Standard Organization), W3C (World Wide Web
Consortium).
5. Clasificación.
6. Utilización de lenguajes de marcas en entornos
Web.
 Conceptos generales:
Un lenguaje de marcado o lenguaje de marcas
es una forma de codificar un documento que,
junto con el texto, incorpora etiquetas o
marcas que contienen información adicional
acerca de la estructura del texto o su
presentación.
Conceptos generales:
Conceptos generales
 ETIQUETAS, ELEMENTOS, ATRIBUTOS:

 Los lenguajes de marcas no son equivalentes a los lenguajes

de programación aunque se definan igualmente como
"lenguajes”
 Las marcas más utilizadas suelen describirse por textos
descriptivos encerrados entre signos de "menor" (<) y
"mayor" (>), siendo lo más usual que existan una marca de
principio y otra de final. (se vera en profundidad mas tarde)
Ejemplo:
<fecha>El día <date>07/10/2020</date>tuvo lugar ...
</fecha>
 Conceptos generales :

1. Conceptos generales.
2. Etiquetas, elementos, atributos.
3. Orígenes. SGML (Standard Generalized Markup
Language).
4. Organizaciones desarrolladoras: ISO (International
Standard Organization), W3C (World Wide Web
Consortium).
5. Clasificación.
6. Utilización de lenguajes de marcas en entornos
Web.
 ORÍGENES. SGML (STANDARD GENERALIZED MARKUP LANGUAGE).

 En los años 60, IBM intentó resolver sus problemas

asociados al tratamiento de documentos en
diferentes plataformas a través de GML
(Generalized markup Language).
 Más tarde GML pasó a manos de ISO y se convirtió
en SGML ( ISO 8879), Standart Generalized Markup
Language. Esta norma es la que se aplica desde
surgió como acuerdo para
entonces a todos los lenguajes de marcas, cuyos
intercambio de datos entre
ejemplos más conocidos son el HTMLMicrosoft
y el RTF. 
y Apple en los
tiempos en que Apple
dominaba el mercado de
los ordenadores personales.
 Conceptos generales :
1. Conceptos generales.
2. Etiquetas, elementos, atributos.
3. Orígenes. SGML (Standard Generalized Markup
Language).
4. Organizaciones desarrolladoras: ISO (International
Standard Organization), W3C (World Wide Web
Consortium).
5. Clasificación.
6. Utilización de lenguajes de marcas en entornos
Web.
 ORGANIZACIONES DESARROLLADORAS:
ISO (INTERNATIONAL STANDARD ORGANIZATION)

La Organización Internacional para la

Estandarización (ISO) es una federación de
alcance mundial integrada por cuerpos de
estandarización nacionales de 130 países, uno
por cada país.
www.iso.org
 ORGANIZACIONES DESARROLLADORAS:
W3C (WORLD WIDE WEB CONSORTIUM)

El Consorcio World Wide Web (W3C) es una comunidad internacional

donde las organizaciones Miembro, personal a tiempo completo y el
público en general trabajan conjuntamente para desarrollar estándares
Web. Liderado por el inventor de la Web Tim Berners-Lee y el Director
Ejecutivo (CEO) Jeffrey Jaffe, la misión del W3C es guiar la Web hacia su
máximo potencial.

www.w3.org/People/Jeff
http://www.w3c.es
https://www.w3.org/standards/agents/
http://www.w3schools.com/
 https://www.w3.org/standards/about.html
La mayor parte del trabajo del
W3C gira en torno a la
estandarización de las
tecnologías Web. Para llevar a
cabo este trabajo, el W3C
sigue procesos que promueven
el desarrollo de estándares de
alta calidad basados ​en el
consenso de la comunidad. Los
procesos del W3C promueven
la imparcialidad, la capacidad
de respuesta y el progreso,
todas las facetas de la 
misión del W3C 
 Conceptos generales :
1. Conceptos generales.
2. Etiquetas, elementos, atributos.
3. Orígenes. SGML (Standard Generalized Markup
Language).
4. Organizaciones desarrolladoras: ISO (International
Standard Organization), W3C (World Wide Web
Consortium).
5. Utilización de lenguajes de marcas en entornos
Web. Conceptos previos
 UTILIZACIÓN DE LENGUAJES DE MARCAS EN ENTORNOS
WEB.(conceptos previos)

¿Que es la WWW?
La   World Wide Web, la Web, o WWW es una red
de recursos de información, estructurada en
forma de hipertexto y que funciona sobre la
red Internet.
Esto no es la web
http://gs.statcounter.com/
Responsive Web Design
 Beneficios

• Reducción de costos. Pues no hay que hacer varias versiones de una

misma página.
• Eficiencia en la actualización. El sitio solo se debe actualizar una vez y
se ve reflejada en todas las plataformas.
• Mejora la usabilidad. El usuario va a tener experiencias de usuario
parecidas independientemente del dispositivo que esté usando en cada
momento
• Mejora el SEO. Según las Guidelines de Google el tener una web que se
vea correctamente en móviles es un factor que tienen en cuenta a la
hora de elaborar los rankings.
• Impacto en el visitante. Esta tecnología por ser nueva genera impacto
en las personas que la vean en acción, lo que permitirá asociar a la
marca con creatividad e innovación.
 https://search.google.com/test/mobile-friendly?
utm_source=mft&utm_medium=redirect&utm_campaign=mft-
redirect

¿Es mi web
responsive?
Con las últimas
noticias que
nos llegan de
Google, si
queréis seguir
posicionados
en su
buscador,
responder a
esta pregunta,
es vital.
UTILIZACIÓN DE LENGUAJES DE MARCAS EN
ENTORNOS WEB.(conceptos previos):
UTILIZACIÓN DE LENGUAJES DE MARCAS EN
ENTORNOS WEB.(conceptos previos)
UTILIZACIÓN DE LENGUAJES DE MARCAS EN
ENTORNOS WEB.(conceptos previos
 UTILIZACIÓN DE LENGUAJES DE MARCAS EN
ENTORNOS WEB.(conceptos previos)
ALOJAMIENTO
El usuario utiliza aplicaciones llamadas
navegadores para acceder a los elementos de
información que se llaman Páginas Web y
mostrarlos en pantalla. Estas páginas web
están almacenadas en ordenadores
llamados Servidores o la nube
Ver video:

http://www.cloudhost.es/alojamiento-web-e
n-la-nube
 UTILIZACIÓN DE LENGUAJES DE MARCAS EN
ENTORNOS WEB.(conceptos previos)
La nube la forman varios servidores vinculados para diferencia
del alojamiento web en servidores compartidos, en el que los
datos se guardan en un servidor único, el alojamiento web en
la nube se asienta sobre una red de servidores, de esta forma
si un servidor falla, o si el disco duro de un servidor se avería,
el sitio no se ve afectado, porque sus datos se reflejan en
otros servidores., se "balancea" su carga de trabajo entre la
"nube" de servidores  y la información se replica en  otros
servidores, por lo que el usuario no experimenta cortes en el
acceso a las páginas web. a formar una sola plataforma.  Esto
hace que en uptime ( tiempo que la web está accesible para
los usuarios ) sea virtualmente del 100%.  
Mas adelante se
entenderá mejor
 UTILIZACIÓN DE LENGUAJES DE MARCAS EN
ENTORNOS WEB.(conceptos previos)Ejemplo de
Cloud hosting
 UTILIZACIÓN DE LENGUAJES DE MARCAS EN
ENTORNOS WEB.(conceptos previos)

• El usuario puede acceder a nuevas páginas

web haciendo click en los enlaces localizados
en la página que está visualizando en su
navegador. Este proceso se le suele
llamar Navegación Web
 UTILIZACIÓN DE LENGUAJES DE MARCAS EN
ENTORNOS WEB.(conceptos previos):

La funcionalidad de la Web se basa en tres estándares:

 El Identificador Uniforme de Recursos (URI): 
Especifica cómo a cada página de información se le asocia
un "nombre" único.
 El Protocolo de Transferencia de Hipertexto (HTTP): 
Especifica cómo el navegador y el servidor web
intercambian información en forma de peticiones y
respuestas.
 El Lenguaje de Marcación de Hipertexto (HTML): 
Define un método para codificar la información de los
documentos y sus enlaces en forma de hipertexto.
 UTILIZACIÓN DE LENGUAJES DE MARCAS EN
ENTORNOS WEB.(conceptos previos):
HyperText Markup Language HTTP
• HTTP es el protocolo usado en las
transferencias de páginas en la Web.
• HTTPS, que permite cifrar el contenido de lo
que se envía y recibe mediante el protocolo
SSL.
 UTILIZACIÓN DE LENGUAJES DE MARCAS EN
ENTORNOS WEB.(conceptos previos):
Uniform Resource Identifier URI
 Cadena de caracteres con formato concreto que identifica los recursos
disponibles en la Web
Formato de un URI (formal)
Véase: http://w3.org/Addressing/
¿URL ó URI?
 El término URL está obsoleto. Usar URI
 En realidad URL (Uniform Resource Locator) Es un tipo particular de URI, que
especifica dónde localizar el recurso.(Ejemplo Elena (nombre) Elena + direccion
(url)
 Un URI no tiene que especificar la ubicación de una determinada representación.
http://www.w3.org/Icons/w3c_home --->URI
http://www.w3.org/Icons/w3c_home.gif --->URL
UTILIZACIÓN DE LENGUAJES DE MARCAS EN
ENTORNOS WEB.(conceptos previos):
UTILIZACIÓN DE LENGUAJES DE MARCAS EN
ENTORNOS WEB.(conceptos previos):
UTILIZACIÓN DE LENGUAJES DE MARCAS EN
ENTORNOS WEB.(conceptos previos
• www.htmlcinco.com/
• http://www.w3schools.com/
• http://www.sgml.org/
• https://www.w3.org/standards/agents/