Evolución de la Web: de la página web a la aplicación

web
Más contenido
En el siguiente vídeo se explica cómo ha evolucionado la Web, desde el concepto inicial de página web hasta
el concepto actual de aplicación web.
En este curso vas a aprender a crear páginas web, pero no aplicaciones web. Una aplicación web es un
programa, un software, que se puede utilizar accediendo a un servidor web a través de Internet o de una
intranet mediante un navegador web. El desarrollo de una aplicación web requiere conocimientos avanzados
como programación y manejo de bases de datos.
Si quieres aprender más cosas sobre las aplicaciones web y su desarrollo, te recomendamos que consultes:

 Aplicación web
 Aspectos básicos de las aplicaciones Web

El hipertexto y la hipermedia
Más contenido
Las páginas web son el ejemplo más conocido de hipertexto e hipermedia, pero existen otros sistemas que
también se basan en estos dos conceptos. En el siguiente vídeo se explican los orígenes del hipertexto y se
definen los conceptos hipertexto, multimedia e hipermedia:
Hipertexto

Conjunto estructurado de textos, gráficos, etc., unidos entre sí por enlaces y conexiones lógicas.

Multimedia

Que utiliza conjunta y simultáneamente diversos medios, como imágenes, sonidos y texto, en la
transmisión de una información.

Hipermedia

Conjunto estructurado de diversos medios, como textos, gráficos, imágenes y sonidos, unidos entre sí
por enlaces y conexiones lógicas para la transmisión de una información.

. Pault Otlet propuso la construcción de Mundaneum que era:

Un archivo centralizado en el que se recogiese todo el conocimiento de la humanidad., El objetivo era
recoger todo el conocimiento existente y clasificarlo mediante un sistema que desarrolló junto a Henri La
Fontaine denominado Clasificación Decimal Universal (CDU), el sistema de clasificación que se suele
emplear en la mayoría de las bibliotecas.

Las URLs
Más contenido
¿Qué son las URLs? ¿Qué partes componen una URL? En el siguiente vídeo aprenderás algunas cosas que
quizás desconozcas sobre las URLs, el sistema que se emplea para localizar un recurso, como por ejemplo una
página web o un vídeo, en la Web.

Esquema o servicio (http, https, ftp, mailto): mecaniso para recuperar un recurso a través de una
red de ordenadores.
URL: uniform resourse locator.
URN: uniform resourse name.
URI (url,urn): uniform reesourse identifier.

Las URLs amigables

Más contenido
En el vídeo Las URLs se te propone como ejercicio que aprendas por tí mismo qué son las URLs amigables,
también llamadas URLs semánticas y a veces URLs bonitas.
¿No sabes por dónde empezar a buscar? Consulta el artículo de la Wikipedia URL semántica y podrás leer:

Las URL semánticas o URL amigables son aquellas URLs que son, dentro de lo que
cabe, entendibles para el usuario. Lejos de las clásicas URLs de las páginas
dinámicas llenas de variables GET y números difíciles de recordar, las URL
semánticas están formadas con palabras relacionadas con el contenido de la página y
fáciles de recordar. Estas se utilizan en los sitios web dinámicos (no estáticos). Por
ello se están utilizando mucho más que las URL extensas.
En la siguiente tabla se muestran varios ejemplos de URLs amigables:

URL no amigable URL amigable

http://example.com/index.php?pagina=contacto http://example.com/contacto

http://example.com/index.php?pagina=consulting&secci http://example.com/consulting/marke
on=marketing ting

http://example.com/productos?categoria=2&pid=25 http://example.com/productos/2/25

http://example.com/cgi-
http://example.com/news.rss
bin/feed.cgi?feed=news&frm=rss

http://example.com/servicios/index.jsp?id=legal&subi http://example.com/servicios/legal/
d=patentes patentes

http://example.com/kb/index.php?cat=8&id=41 http://example.com/kb/8/41
URL no amigable URL amigable

http://example.com/index.php?mod=perfiles&id=193 http://example.com/perfiles/193

¿Ves las diferencias que existen entre una URL no amigable y una URL amigable? ¿Se entiende mejor
la URL amigable?
Por cierto, el término URL amigable suele aparecer asociado a los términos SEO y posicionamiento. ¿No
sabes lo que son? No te preocupes, en el último módulo, Módulo 8: Cómo se logra que una página web
tenga éxito, te lo explicaremos.

Los nombres de dominio

Más contenido
El nombre de dominio es un nombre único que normalmente se emplea para identificar un sitio web en
Internet. Un nombre de dominio aparece en una URL, pero un nombre de dominio y una URL son dos cosas
distintas que no debes confundir.
¿Cómo se escribe un nombre de dominio? ¿Qué tipos de nombres de dominio existen? La respuesta a estas y
otras preguntas la encontrarás en el siguiente vídeo.
Por cierto... ¿quieres tener tu propio nombre de dominio? No te preocupes, te explicaremos cómo se compra
un nombre de dominio en otro módulo.
Los nombres de dominio de primer nivel se organizan en Genéricos y territoriales, ¡Correcto! Los genéricos
(.com, .net, .info, etc.) y los territoriales (.es, .fr, .mx).

los dominios de propósito general que inicialmente existieron

edu, .gov, .mil, .net y .org. Cuando el Sistema de nombres de dominio (DNS) se desarrolló en los años
ochenta, se definieron siete dominios genéricos d Los nuevos nombres de
dominio
Más contenido
.com, .org, .net y otros más fueron los primeros nombres de dominio que existieron en Internet. Pero Internet
ha crecido mucho desde su nacimiento (¿recuerdas cuándo y dónde nació Internet?, si no lo recuerdas, vuelve
a ver el vídeo sobre la historia de Internet), las necesidades han aumentado y esos nombres de dominio se han
quedado pequeños.
A mediados de 2012, ICANN (Internet Corporation For Assigned Names and Numbers), el organismo que
regula los nombres de dominio, publicó una lista con los 1.930 nuevos nombres de dominio de primer nivel
que habían sido solicitados durante el proceso que había iniciado unos años antes. Estos nombres de dominio
no existen todavía, se están introduciendo poco a poco y algunos han sido rechazados (en Program
Statistics se puede consultar el número de nombres de dominio que han sido introducidos o rechazados hasta
el momento).
Algunos de los nuevos nombres de dominio se refieren a profesiones, como .abogado o .doctor, así como a
empresas y marcas, como es el caso de .microsoft, .google, .canon, .dunlop o .calvinklein.
Respecto a España, destacan los dominios geográficos como .barcelona o .madrid, junto a los de marcas como
.zara o .movistar, y entidades financieras como .lacaixa y .bbva.
 Y respecto a Latinoamérica, algunas empresas han solicitado nombres de dominio específicos, como
.avianca., .globo o.uol.
El primer nivel (gTLD): .gov, .edu, .com, .mil, .org, .net .int.

El dominio .es
Más contenido
En julio de 2014 se cumplieron los 25 años del dominio territorial .es. Para celebrarlo, se realizó un homenaje
a las empresas e instituciones pioneras en el registro de este dominio. Lee los artículos El Ministerio de
Industria rinde homenaje a los portales de Internet pioneros del dominio ‘.es’ y Los dominios “.es” alcanzan
en agosto 1.738.732 registros y a continuación contesta el ejercicio que te proponemos en la siguiente
actividad.

Las direcciones IP y el sistema de nombres de dominio

Más contenido
Las direcciones IP identifican los dispositivos conectados en una red, como por ejemplo un ordenador. Sin
embargo, normalmente empleamos un nombre de domino (¿recuerdas el vídeo Los nombres de dominio).
¿Qué relación existe entre las direcciones IP y los nombres de dominio?
La clave está en el Sistema de Nombres de Dominio (en inglés Domain Name System). Reproduce el siguiente
vídeo y lo entenderás.

¿Qué tipo de registros DNS existen y para qué

sirven?
El lugar donde se configuran las entradas DNS para cada dominio son los servidores
de nombres. Los diferentes tipos de entradas de registro son:

 Registro A: Este registro se utiliza para convertir nombres de host en direcciones IP.
 Registro CNAME: Se utiliza para crear nombres de host adicionales (alias), y para crear
diferentes servicios bajo una misma dirección IP.
 Registro NS: indica los servidores de DNS autorizados para el dominio, es decir, a quién hay
que preguntar para saber acerca de los registros de midominio.com.
 Registro MX: Se utiliza para asociar un nombre de dominio a una lista de servidores de
correo para la recepción de emails. Nos interesa si queremos realizar redirecciones de nuestro
correo o utilizar nuestro correo electrónico con otro proveedor.
 Registro SPF: define qué servidores están autorizados para enviar correo electrónico con
nuestro dominio.
Configurando adecuadamente estos registros podemos exprimir al máximo todas las
funcionalidades que poseen las DNS de nuestro dominio.
 Sistema de gestión de contenidos
Más contenido
Un sistema de gestión de contenidos (en inglés Content Management System y también conocido por sus
siglas CMS) es un software que permite crear, administrar y publicar contenidos en forma de páginas web.
Un sistema de gestión de contenidos permite publicar páginas web de una forma rápida y sencilla, sin
necesidad de conocer cómo están realizadas las páginas web. Pero ese no es el objetivo de este curso: el
objetivo de este curso es que seas capaz de crear las páginas web por ti mismo desde cero. Sin embargo,
en este curso vas a aprender a utilizar un sistema de gestión de contenidos como un paso previo a la creación
de páginas web de forma autónoma.
En este curso vas a aprender a utilizar Blogger, un servicio disponible a través de Internet que se puede
clasificar como un sistema de gestión de contenidos ofrecido bajo la modalidad de Software como Servicio
(en inglés Software as a Service y también conocido por sus siglas SaaS), un servicio de distribución de
software donde el programa y los datos que maneja el programa se alojan en servidores a los que se accede a
través de Internet.
Blogger es un servicio gratuito de Google. ¿Cómo nació? Lee la noticia Google compra más de un millón de
diarios personales y lo sabrás.
¿Y para qué queremos que aprendas a utilizar Blogger? Espera un poco, en el proyecto de este módulo te lo
explicaremos.
¿Quieres saber más cosas? Consulta los siguientes artículos de la Wikipedia:

 Sistema de gestión de contenidos.

 Blogger.
 Software como servicio.

Creación de una página web con Blogger (4): edición

avanzada de una entrada
Más contenido
¿Quieres crear un enlace en una entrada? ¿Quieres insertar una imagen o un vídeo? En el siguiente vídeo te
explicamos cómo hacerlo.
Además, también te mostramos cómo puedes asignar etiquetas a tus entradas. En el vídeo de la siguiente
lección te explicaremos cómo las puedes usar para que los visitantes de tu blog puedan navegar por las
entradas a través de las eitquetas.
https://youtu.be/NaV_hzH3s28

Creación de una página web con Blogger (5): diseño y

gadgets
Más contenido
¿Ya no te gusta el diseño de tu blog? ¿Te has cansado de los colores que tiene? No te preocupes, en cualquier
momento puedes cambiar la presentación visual de tu blog sin perder nada de lo que has escrito. En este vídeo
te mostramos lo sencillo que es.
Además, también te mostramos cómo puedes añadir un gadget para ampliar las posibilidades de tu blog. Por
ejemplo, te vamos a mostrar cómo añadir un gadget para mostrar tus etiquetas.
https://youtu.be/v4ozO8vR_5Q

Introducción al Desarrollo Web:

HTML y CSS
Creación de una página web con Blogger (3) - Solución
1. Cambia la plantilla del blog.
En la opciones del blog, en Plantilla se puede seleccionar una plantilla nueva en cualquier
momento, aunque el blog ya tenga contenido:
2. Añade un gadget para mostrar las entradas más populares de los últimos 30 días.
En las opciones del blog, en Diseño se pueden añadir gadgets a las distintas áreas de la
plantilla que permiten añadir gadgets:
Al añadir un gadget aparece la lista de gadgets disponibles. Esta lista puede variar, ya
que Blogger puede añadir o eliminar gadgets de esta lista:
En el apartado “Lo básico” existe el gadget “Entradas populares”:
 3. Añade un gadget para buscar en el blog.
En el apartado “Lo básico” existe el gadget “Cuadro de búsqueda”:
Presentación del proyecto
Más contenido
Los objetivos del proyecto de este módulo son:

 Crear un blog en Blogger.

 Seleccionar un nombre de dominio adecuado para tu blog.
 Crear enlaces a páginas web propias y a páginas de otros sitios web.
 Insertar elementos multimedia, como imágenes y vídeos, en tu blog.
 Introducción al Desarrollo Web:
HTML y CSS
Proyecto

MÓDULO 1: Cómo funciona la Web

Objetivos
 Aprender a utilizar un gestor de contenidos (Blogger) para crear un sitio web.

NOTA: este ejercicio es independiente del resto de ejercicios que vas a realizar en el resto
de módulos del curso.

Qué tengo que hacer

Crea un blog en Blogger. ¿Para qué? Un blog se puede usar para muchas cosas, pero en
este curso te proponemos que utilices el blog como cuaderno o diario de aprendizaje:
puedes usar el blog como un cuaderno en el que recoger todo lo que vayas aprendiendo
en este curso. Un blog te ofrece una ventaja muy importante frente a otros métodos: en el
blog puedes crear enlaces a los recursos que encuentres en Internet que te interesen.
Cuando te propongamos que leas un artículo o consultes una web, la puedes enlazar
desde tu blog. Cuando encuentres una página web en la que hayas aprendido algo, la
puedes enlazar desde tu blog. Y así con todo lo que encuentres. De esta forma, en el
futuro podrás volver al blog para consultar aquello leíste una vez.
Algunas de las cosas que debes hacer en el ejercicio que te proponemos son:

1. Crea un blog en Blogger.

2. Selecciona un nombre de dominio (URL) para tu blog.
3. Crea enlaces a páginas web propias y a páginas de otros sitios web. Por ejemplo,
puedes empezar a crear enlaces a los artículos de la Wikipedia que tratan los
temas que se han visto en este módulo: el hipertexto y la hipermedia, las URLs,
los nombres de dominio, etc.
4. Inserta elementos multimedia, como imágenes y vídeos, en tu blog.

Una vez hayas creado tu blog y lo hayas dotado de contenido, publica en el foro del
curso la URL de tu blog.
AVISO IMPORTANTE
Este documento, su texto y gráficos e imágenes, puede ser utilizado bajo una licencia
Creative Commons de tipo Atribución, No-Comercial. En caso de utilizarse este material o
de la creación de un derivado, la atribución se debe respetar citando la fuente como
“Actívate, Google España 2014” y expresamente, si es posible, mediante un enlace activo
a http://google.es/activate. Revisado, marzo 2014.

Architecture of the World Wide Web, Volume One es una recomendación del W3C del año 2004 en la que se
describe la arquitectura de la Web y las decisiones de diseño que condujeron a alcanzar esa arquitectura y
modo de funcionamiento.
Lo más destacable es la definición de la Web que se ofrece en la introducción:
The World Wide Web (WWW, or simply Web) is an information space in which the
items of interest, referred to as resources, are identified by global identifiers called
Uniform Resource Identifiers (URI).
Traducido al español:
La World Wide Web (WWW, o simplemente Web) es un espacio de información en
el que los elementos de interés, denominados recursos, se identifican mediante
identificadores globales llamados Identificadores Uniformes de Recursos (URI).
 El siguiente vídeo de la Comisión Nacional de los Mercados y la Competencia explica las principales
formas que existen de conectarse a Internet en España (cobre, fibra óptica y cable coaxial) y algunas
de sus diferencias. https://youtu.be/6BtpH7zYu_I
 El siguiente vídeo es un vídeo oficial de red.es, "una entidad pública que trabaja para que la sociedad
española aproveche al máximo el potencial de Internet y las nuevas tecnologías". Este vídeo puede
ser un poco difícil de entender porque no contiene ninguna explicación, es simplemente una
animación, pero con lo que te hemos explicado en Las direcciones IP y el sistema de nombres de
dominio seguro que lo podrás entender correctamente.
La idea principal que transmite este vídeo es que sólo transcurren unas milésimas de segundo desde
que el usuario aprieta el botón para navegar a una dirección web hasta que se resuelve la dirección IP
asociada a un nombre de dominio y se solicita el recurso asociado a la dirección web.
https://youtu.be/dIGxJCqLJlY

Examen
Te quedan 3 intentos para realizar este examen. Cada vez que envies tus respuestas contará como un intento.

El siguiente examen se ha elaborado en base a los contenidos que hemos puesto a tu disposición en cada
lección de este módulo. Una vez finalices el examen selecciona "enviar respuestas". Si superas el
examen no tienes porqué volver a hacerlo, el resultado quedará registrado. En caso de no superarlo (al
obtener una nota inferior al 80%) tendrás la opción de volver a realizar el examen, hasta un máximo de
tres veces en total. En caso de tener que repetirlo, te recomendamos que repases las lecciones de nuevo
para una mejor comprensión de la materia.

1. ¿Qué es una URL amigable?

Una URL que es fácil de entender por el usuario.

Una URL que es fácil de entender por el ordenador.
Una URL que es corta.

2. ¿Qué significa CMS?

Content Management System.

Content Markup Software.
Content Markup Setup.

3. ¿Cómo se llama el sistema que realiza la correspondencia entre las direcciones IP y los nombres de
dominio?
 DNS.
FTP.
TCP/IP.

4. Una posible definición de hipertexto es:

Conjunto estructurado de textos, gráficos, etc., unidos entre sí por enlaces y conexiones lógicas.
Conjunto de datos conectados mediante una estructura lineal.
Conjunto de datos que emplean diferentes formatos como gráficos, vídeos y otros formatos.

5. Aproximadamente, ¿cuántos nuevos nombres de dominio de primer nivel se han solicitado

recientemente?

300.
1900.
8700.

6. ¿Cómo se llama el organismo que regula los nombres de dominio?

ICANN.
ISO.
W3C.

7. Las direcciones IPv4 se expresan por un número binario de:

32 bits.
64 bits.
128 bits.

8. ¿Cómo se asignan los nombres de dominio acabados en .com?

Sólo lo puede solicitar el propietario de la marca.

Primero en llegar primero servido.
Mediante una subasta pública.

9. ¿Por qué es famoso Ted Nelson?

 Por publicar la primera página web.
Por acuñar el término hipertexto.
Por desarrollar el primer navegador web multiplataforma.

10. Respecto las URLs:

Es importante que la URL de una página web no cambie.

La URL de una página web puede cambiar ya que eso facilita su localización.
La URL de una página web depende del título de la página.