1 00:00:02,540 --> 00:00:11,919 bueno pues esta es una introducción al trabajo que vamos a hacer este este curso con html la 2 00:00:11,919 --> 00:00:17,920 verdad es que son cosas que yo creo que son muy básicas y que muchos de vosotros ya conocéis pero 3 00:00:17,920 --> 00:00:23,780 bueno pues nunca estaría más hacer un pequeño repaso y por lo menos nos sirve un poco para 4 00:00:23,780 --> 00:00:33,649 introducirnos en lo que vamos a ver. Este es un poco el index. Lo que ocurre es que 5 00:00:33,649 --> 00:00:40,729 el index está sobre, aquí solo hemos visto tres cosas. Lo primero que vamos a ver es 6 00:00:40,729 --> 00:00:44,829 que hay una diferencia muy clara entre lo que es un sitio web y lo que es una página 7 00:00:44,829 --> 00:00:52,229 web. Una página web es un archivo cuyo formato es HTML, no tiene más. En cambio, un sitio 8 00:00:52,229 --> 00:00:58,450 web son una serie de páginas, de páginas web que están, que interaccionan las unas 9 00:00:58,450 --> 00:01:04,409 con las otras y que se crean con la finalidad de exponer un tema, de hacer una exposición 10 00:01:04,409 --> 00:01:10,250 en general, una exposición de un tema, de un curso, en definitiva de poder compartir 11 00:01:10,250 --> 00:01:18,250 una serie de contenidos en internet. Esto hace que evidentemente pues hoy en día el 12 00:01:18,250 --> 00:01:26,769 que se puedan compartir con contenidos en internet pues es algo que se tiene que fomentar y claro 13 00:01:26,769 --> 00:01:34,489 algo que si algo se quiere fomentar la mejor forma es ponerlo fácil entonces para poner fácil 14 00:01:34,489 --> 00:01:41,650 está esta posibilidad de compartir contenidos en internet lo mejor es no complicar a la gente 15 00:01:41,650 --> 00:01:48,010 diciendo que tiene que aprender un código como es el código html encima es un código muy difícil 16 00:01:48,010 --> 00:01:52,150 muy complejo y que tiene que cumplir una serie de estándares. 17 00:01:52,890 --> 00:01:56,450 Si le ponemos trabas, pues la gente deja de compartir contenidos. 18 00:01:56,790 --> 00:02:00,489 Lo que hay que hacer es ponérselo fácil. Y para ponerlo fácil 19 00:02:00,489 --> 00:02:04,430 existen los editores. Hay muchos editores de páginas web. 20 00:02:05,829 --> 00:02:09,150 Como veis aquí, por ejemplo, tenemos el Visual Studio, 21 00:02:09,969 --> 00:02:12,150 el Mozilla Composer, el Nu, 22 00:02:12,270 --> 00:02:16,710 nosotros vamos a utilizar después el Bluery Phone, que es de Linux. 23 00:02:16,710 --> 00:02:27,530 Entonces, con estos lo que hacemos es, sin saber demasiado código HTML, poder crear sitios web que van a poder ser compartidos en Internet. 24 00:02:28,370 --> 00:02:33,110 Entonces, pues es una forma de facilitar esta actividad de compartir contenidos. 25 00:02:33,650 --> 00:02:41,090 Porque ya os digo, si exigimos a la gente y si hubiésemos exigido a la gente que supiese código para compartir sus contenidos, 26 00:02:41,090 --> 00:02:47,689 para compartir su conocimiento y así enriquecernos como sociedad, todavía no habíamos bien empezado. 27 00:02:48,310 --> 00:02:52,469 Entonces, pues todos estos editores facilitan esa tarea. 28 00:02:52,469 --> 00:03:08,330 Hoy en día, aparte de eso, existen los famosos blogs, que yo creo que todo el mundo conoce, que lo que nos ofrecen son editores online y gratuitos, que es una forma de compartir todos estos contenidos. 29 00:03:08,330 --> 00:03:24,430 Todo lo que son foros de opinión, todo lo que implica compartir contenidos en Internet generalmente lleva implícito este tipo de editores de código que nos permite compartir nuestros contenidos sin saber código. 30 00:03:24,430 --> 00:03:40,169 Porque es que si no, no podríamos ser capaces ni compartir una sola frase en Internet, ni en redes sociales, ni en YouTube. Necesitaríamos conocer código. Y si tuviésemos que conocer este código, nadie lo haría. Esa es, en definitiva, la conclusión. 31 00:03:40,169 --> 00:03:50,810 Entonces, esto lo que hace es ponernos lo fácil. En definitiva, es como si estuviésemos escribiendo un documento de texto normal sin las complicaciones que pueda tener el código HTML. 32 00:03:50,810 --> 00:04:04,590 Claro, ¿por qué HTML? Porque es el lenguaje que luego los navegadores son capaces de interpretar para ofrecernos los contenidos. 33 00:04:05,150 --> 00:04:17,449 O sea, una página web, si utilizamos el navegador, hay una utilidad dentro del navegador que nos permite ver el código de la página web, cuando está un poco para desarrolladores, para gente un poco más técnica. 34 00:04:17,449 --> 00:04:26,750 entonces nos va a permitir ver ese código y el navegador hace la función del editor pero no para 35 00:04:26,750 --> 00:04:33,290 crear sino para visualizar los contenidos que ya se han creado entonces pues bueno sabemos que 36 00:04:33,290 --> 00:04:39,470 los navegadores hay muchos conocemos muchos se asocia un navegador por cada sistema operativo 37 00:04:39,470 --> 00:04:44,689 y cuando se trabajan determinados sistemas operativos se tiene que trabajar con determinado 38 00:04:44,689 --> 00:04:50,009 navegador, lo que pasa es que existen determinados vicios procedentes del hecho de que todos 39 00:04:50,009 --> 00:04:55,689 los navegadores hoy en día son más o menos compatibles. Entonces, a no ser que existan 40 00:04:55,689 --> 00:05:00,769 cuestiones muy puntuales, todos los navegadores se pueden utilizar para todo y son compatibles 41 00:05:00,769 --> 00:05:05,930 en cualquier sistema operativo. Aquí tenemos el Edge, el Mozilla, el Chrome, el Safari 42 00:05:05,930 --> 00:05:15,699 y todos los que hoy en día sabemos que existe el Opera, etc. En un sitio web, que ya os 43 00:05:15,699 --> 00:05:21,399 digo que no es un solamente en documentos sino que está enriquecido con otros contenidos podemos 44 00:05:21,399 --> 00:05:28,180 encontrar aparte de los propios documentos html lo que se llaman las hojas de estilo css que 45 00:05:28,180 --> 00:05:34,300 también vamos a ver este curso pero más adelante los ficheros denominados javascript que también 46 00:05:34,300 --> 00:05:42,199 los vamos a ver por qué son interesantes los ficheros multimedia luego cuando haremos un 47 00:05:42,199 --> 00:05:49,939 poco de historias comentaré un poco pues qué es esto porque el css porque el javascript y un poco 48 00:05:49,939 --> 00:05:56,720 de historia que está obviamente relacionada en cómo se ha ido desarrollando internet tened en 49 00:05:56,720 --> 00:06:04,279 cuenta que al principio internet apenas podía tener o contener archivos de texto ya tener 50 00:06:04,279 --> 00:06:11,879 archivos de texto en internet era todo un triunfo y que hoy en día pues bueno pues compartimos de 51 00:06:11,879 --> 00:06:23,389 todo. Bueno, claro, si yo me creo un sitio web, lo estoy creándolo con la finalidad 52 00:06:23,389 --> 00:06:31,110 de compartirlo, de subirlo a internet. La existencia de lo que se llaman los hosting 53 00:06:31,110 --> 00:06:37,209 gratuitos, cada vez que se ha ido a menos. ¿Por qué? Porque generalmente ahora mismo 54 00:06:37,209 --> 00:06:42,769 pues el que tiene contenidos en internet, el que tiene un sitio web en internet, pues 55 00:06:42,769 --> 00:06:48,329 es con una finalidad generalmente lucrativa. Y para crear buenos sitios web, en general, 56 00:06:48,970 --> 00:06:53,790 eso ya es una profesión. El diseño de sitios web, de páginas web, hoy en día es una profesión. 57 00:06:54,670 --> 00:07:00,250 Inicialmente no. Entonces, eso implica el tener lo que se llama un hosting en Internet. 58 00:07:01,149 --> 00:07:05,889 Y tener un hosting en Internet generalmente suele ser pagando. Se puede tener un hosting, 59 00:07:05,889 --> 00:07:29,050 Se puede tener un dominio, pero generalmente es pagando. Hay pocos sitios ya que mantengan los hosting gratuitos. Hay alguno todavía, nosotros vamos a utilizar uno, que aún mantiene hosting gratuito. Lo que pasa es que, bueno, pues, lo mantiene siempre y cuando la página web, por así decirlo, esté viva y tenga gente que la visite. Si no, pues, se termina perdiendo en esos contenidos. 60 00:07:29,050 --> 00:07:36,490 y la forma de hacer esa transferencia desde nuestro ordenador hasta ese hosting 61 00:07:36,490 --> 00:07:42,230 es a través de lo que se llama un FTP, un sistema de transferencia de archivos. 62 00:07:44,889 --> 00:07:49,970 Bueno, pues entramos un poco a estudiar lo que es el HTML. 63 00:07:49,970 --> 00:07:53,189 Vamos a ver un poquito de historia. 64 00:07:54,029 --> 00:07:58,069 Aquí tenéis que el padre de la arquitectura fue un tal Tim Berners-Lee 65 00:07:58,069 --> 00:08:13,889 Y que la primera versión fue en 1991-1990. Bueno, la verdad es que aquí tenéis que, bueno, pues empieza a hacer esa relación entre otra cosa que vamos a hablar de que es el HTTP y el HTML. 66 00:08:13,889 --> 00:08:29,610 Empieza a haber esa posibilidad, esa posibilidad de relación en 1990 y es este señor el que crea esa relación y ya va creando la primera versión del código, que nosotros en muchas de nuestras ocasiones es la que utilizamos. 67 00:08:29,610 --> 00:08:38,049 vale entonces es un primer documento formal que va a tener forma de html que después pues se va 68 00:08:38,049 --> 00:08:46,169 a mejorar se van a mejorar los estándares se van a mejorar las versiones se hacen diferentes hasta 69 00:08:46,169 --> 00:08:58,730 llegar al html de 2010 y que bueno pues que hoy está acá probablemente hay demás más versiones 70 00:08:59,610 --> 00:09:09,389 El gran competidor de HTML es PHP, que es un lenguaje que también permite crear páginas web. 71 00:09:09,629 --> 00:09:15,289 ¿Cuál es la diferencia entre HTML y PHP? ¿Qué ventajas y qué inconvenientes? 72 00:09:16,429 --> 00:09:23,450 HTML es bastante bien estructurado y está diseñado y confeccionado desde el punto de vista del usuario, 73 00:09:24,549 --> 00:09:28,830 mientras que PHP está más pensado desde el punto de vista del servidor. 74 00:09:29,610 --> 00:09:41,110 Las filosofías son diferentes. En PHP es código mucho más puro, puro y duro. Se hace código. De hecho, hay gente que sabe HTML y no sabe PHP. 75 00:09:41,950 --> 00:09:50,690 Entonces, PHP es más lenguaje de programación, propiamente dicho, y tiene estructuras de lenguaje de programación más similares a las de HTML. 76 00:09:51,549 --> 00:10:01,679 HTML en realidad es un conjunto de etiquetas, es un código, es un lenguaje, pero no es exactamente un lenguaje de programación. 77 00:10:01,899 --> 00:10:05,919 Hay muchas cosas que se diferencian de lo que es un puro lenguaje de programación. 78 00:10:05,919 --> 00:10:19,240 No existen algoritmos en HTML, no interpretamos algoritmos en HTML, simplemente se crean contenidos que se van a poder entender con el protocolo HTTP, 79 00:10:19,240 --> 00:10:28,639 Pero no se crean contenidos, no es un lenguaje de programación, al menos no al estilo clásico de los lenguajes de programación de alto nivel. 80 00:10:29,539 --> 00:10:36,980 Y está íntimamente relacionado con la forma en cómo se establecen las comunicaciones en Internet, 81 00:10:37,340 --> 00:10:42,639 utilizando lo que se llama el protocolo HTTP, que es este que tenemos aquí, 82 00:10:42,639 --> 00:10:49,399 que es el famoso protocolo basado en el ITP-TCP y que tiene las seis tapas que tenemos aquí. 83 00:10:49,720 --> 00:10:56,519 El usuario teclea una URL, que va al navegador, el navegador hace la petición al servidor, 84 00:10:56,820 --> 00:11:02,379 el servidor da respuesta al navegador y así se parece la página web en la pantalla. 85 00:11:04,559 --> 00:11:11,379 ¿Qué pasa con el protocolo TTCP? ¿Qué relaciones hay con el IPTCP? 86 00:11:11,379 --> 00:11:30,080 que yo creo que es el más conocido por vosotros, etc. Bueno, la diferencia está en que en el caso del IPTCP está concebido para la gestión de redes, no es un sistema de comunicación, 87 00:11:30,080 --> 00:11:47,740 Es realmente un protocolo utilizado para la gestión de redes. Entonces, como tal sistema se utiliza para eso, para gestión de redes y realmente está también gestionado por otro protocolo que se conoce con el protocolo OISI de diseño de redes mediante capas. 88 00:11:47,740 --> 00:12:10,720 En cambio, el TCP y el HTTP es un protocolo de comunicación, digamos, que controlan ámbitos diferentes del mismo fenómeno. Uno, digamos, el ámbito como red o desde el punto de vista red y el otro como sistema de comunicación e información. 89 00:12:10,720 --> 00:12:42,399 Eso es complejo, ¿verdad? 90 00:12:42,419 --> 00:12:57,279 segundo de la ESO, que es el mínimo que se empieza, y poco a poco iremos adquiriendo nivel hasta llegar a un nivel que se pueda considerar propio de segundo de bachillerato o incluso un nivel un poquillo más alto. 91 00:12:57,960 --> 00:13:03,299 Con eso me despido, hasta si hago otro ejercicio, pues ya no queremos.