2da. parte del Curso de Introducción al Desarrollo Web: HTML y Css (1/2)

En esta ocasión la segunda parte está fraccionada en once (11) módulos a constar:



1. Evolución de la Web: (de la página web a la aplicación web)

2. El hipertexto y la hipermedia

3. Las URL

4. Los nombres de dominio

5. Los nuevos nombres de dominio

6. Las direcciones IP y el sistema de nombres de dominio

7. Creación de una página web con Blogger (a): estructura de un blog

8. Creación de una página web con Blogger (b): configuración básica

9. Creación de una página web con Blogger (c): edición básica de una entrada

10. Creación de una página web con Blogger (d): edición avanzada de una entrada

11. Creación de una página web con Blogger (e): diseño y gadgets


Aprenderemos 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. Desarrollaré más o menos la idea de cada una de las partes arriba enumeradas:

1)Evolución de la Web: comienza nuevamente haciendo mención a Tim B-Lee y una breve reseña sobre la web. La web en sus primeros cinco (5) años solo servía para leer textos. A partir de aquí comenzó a crecer en tamaño, complejidad, volumen y rapidez, se volvió cada vez más potente. Las páginas web, en la actualidad y en su gran mayoría se transformaron en aplicaciones web

En este módulo se explica cómo ha evolucionado la Web, desde el concepto inicial de página web hasta el concepto actual de aplicación web.

2) El hipertexto y la hipermedia: 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.


3) Las URL: (Uniform Resource Locator) ¿Qué son las URL?

Son direcciones que se utilizan para localizar los recursos en la web, son un elemento básico de la web. cabe destacar que una

Según expresóTim B-Lee "es deber de un web master asignar URL que sean capaces de perdurar en el tiempo".O sea que la URL debe existir toda la vida de las páginas creadas.

¿Qué partes componen una URL? Aprenderemos algunas seguramente desconocemos sobre las URL, el sistema que se emplea para localizar un recurso, como por ejemplo una página web o un vídeo, en la Web. Se lee de izquierda a derecha y contiene el documento/la ruta del dominio/nombre del dominio (puede contener un subdominio) /protocolo de acceso, de comunicación(http).

El esquema de la URL representa el protocolo que recupera un recurso a través de una red de ordenadores

Esquema= servicio (los famosos HTTP, HTTPS, FTP, MAILTO y FILE)

Las URL son los elementos básicos de la web por definir a los hipertextos hipervínculos.

Antiguamente se usaba una tabla distinta. L ASCI que contiene 128 caracteres que van desde el cero (0) hasta el ciento veintisiete (127).

se crearon acortadores de URL, para que estas no fueran extremadamente largas y complicadas para la memoria del usuario, los acortadores de URL más populares son: Google, Bitly y Owly

4) Los nombres de Dominio: 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 encontraremos en este apartado

Por cierto... ¿quieres tener tu propio nombre de dominio? No te preocupes también nos explicarán cómo se compra un nombre de dominio.
5). Los nuevos nombres de dominio: ".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, Calvin Klein.

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 la Caixa y BBVA.

Y respecto a Latinoamérica, algunas empresas han solicitado nombres de dominio específicos, como Avianca., Globo.
6). Las direcciones IP y el sistema de nombres de dominio

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
7). Creación de una página web con Blogger (1): estructura de un blog
Antes de crear tu primer blog te vamos a explicar la estructura básica de un blog. Como verás, un blog no es una página web muy compleja.

Después de ver este vídeo ya podrás crear tu primer blog en Blogger.
8). Creación de una página web con Blogger (2): configuración básica

Blogger ofrece unas opciones de configuración que debes conocer. La más importante es la configuración de la zona horaria.

9). Creación de una página web con Blogger (3): edición básica de una entrada

En este vídeo te explicamos lo más importante que debes saber hacer cuando edites una entrada en Blogger.
10). Creación de una página web con Blogger (4): edición avanzada de una entrada

¿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 etiquetas
.
11). Creación de una página web con Blogger (5):
diseño y gadgets
¿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.