Bienvenido de nuevo.
Construyamos nuestro primer sitio web.
Ahora, ya he creado una carpeta llamada Servidor web porque este será nuestro servidor web por ahora,
y dentro de este servidor web, tenemos un archivo HTML de índice, que será la extensión para crear un
archivo HTML.
Tenemos el script James, que es la extensión para escribir JavaScript, al igual que tenemos DCPI para
escribir Python, y luego tenemos acceso de estilo para escribir Kestrels.
Ahora, en esta sección, usaré texto sublime y mi terminal de términos, pero puedes usar cualquier herramienta de
desarrollo que quieras.
Me gusta usar estos solo para las grabaciones de pantalla.
Ayudan porque, bueno, es agradable y limpio.
No me da demasiadas pistas, de modo que también puedo cometer errores y mostrarles a medida que cometo errores
cómo los soluciono.
Pero de nuevo, puedes usar código de Visual Studio, lo que prefieras.
Ahora ve aquí que todos estos archivos están vacíos.
Pero recuerde, un servidor web simplemente le da estos tres archivos a un navegador para que el navegador pueda mostrar la
página.
Entonces, comencemos con ASML, ¿cómo escribimos Aoshima?
Bueno, el texto sublime en realidad me permite hacer algo interesante aquí si escribo HTML y luego presiono el tabulador.
Automáticamente lo llena por mí.
Está bien, está bien, hice una especie de trampa, pero, oye, no quiero aburrirte hasta la muerte.
Este es un archivo de correo electrónico estándar, porque tengo la extensión de correo electrónico, si tengo este tipo de sintaxis, puedo escribir
correo electrónico y no es tan difícil.
Tenemos el impuesto de apertura y el impuesto de cierre con la barra invertida aquí.
Entonces tenemos el encabezado del sitio web con un título.
Entonces esto es lo que aparece en la pestaña.
Así que digamos mi.
Sitio web.
Muy creativo.
Eso es la cabeza y luego el cuerpo, esto es lo que se muestra en un sitio web.
Así que aquí puedo decir que soy un Webmaster.
Solo así, y hemos creado nuestro alfa, ahora mira esto, si ahora abro un índice, no un. metro. si tengo razón.
Haga clic aquí y digamos abrir en su ventana o incluso puede ir y hacer doble clic en este archivo.
Entonces, si hago doble clic en esto, mire eso.
Soy un webmaster.
Solo texto simple, nada demasiado loco, pero acabo de crear mi primer sitio web.
Continuemos con CNN.
El éxito tiene una sintaxis diferente a la del éxito, la sintaxis es algo como esto, podemos darle a qué elemento ASML queremos
agregar algo de estilo en nuestro caso, digamos cuerpo.
Y puedo decir cuerpo, luego llaves, y aquí quiero tener un fondo, digamos color e iremos
con Hmm.
Vamos con el verde.
Si guardo esto.
Y actualizo la página.
Mmm, no pasó nada, y este es un pequeño detalle que, de nuevo, no es un curso de desarrollo web, así
que no tenemos que preocuparnos demasiado.
Pero esencialmente, lo primero que sucede es que el archivo HMO se envía y el archivo HMO es en
realidad lo único que lee el navegador.
Entonces, dentro del archivo HMO, tengo que decir, oye, HMO, por cierto, también tenemos un éxito, ¿también puedes usar eso
en el sitio web para que podamos hacerlo en el hashtag?
Usando algo llamado etiqueta de enlace.
Entonces, una etiqueta de enlace, en realidad podemos eliminar algo de esto, simplemente tenemos que decir, oye, es un tipo de
texto exitoso y tiene algo llamado HSF simplemente dice, oye, ¿dónde se encuentra este archivo en nuestro caso, porque está en
la misma carpeta que nuestro índice HMO, simplemente podemos decir que es acceso a puntos de estilo porque, bueno, solo busque el acceso de Soldats
y ahí es donde está el archivo de estilo.
Y ahora, si recuerda, también teníamos la hoja de estilo de relación que debemos incluir.
Lo eliminé para que podamos ver lo que estábamos escribiendo aquí.
Entonces, si hacemos una hoja de estilo y esto es solo algo, una sintaxis a la que debe acostumbrarse si desea
incluir un archivo de acceso.
Si guardo esto y regreso y actualizo.
Oye, mira eso, mi feo sitio web, y hagámoslo un poco más grande, mi feo sitio web con un
color de fondo verde ahora tiene algunas cosas si abro las herramientas de desarrollo una vez más.
Y presiono actualizar.
Mire eso, obtengo un archivo HMO y un éxito.
Impresionante.
Así que acabo de crear mi propio servidor web, ¿verdad?
Incluso podríamos escribir JavaScript aquí.
Pero nuevamente, este es un curso de JavaScript, por lo que no debemos preocuparnos por él en este caso.
Aquí tienes.
Acabo de escribir algo de JavaScript, que es como escribir texto impreso en Python si actualizo la página una vez
más.
Nuevamente, el archivo JavaScript no se muestra porque, bueno, tenemos que, nuevamente, decirle al HTML indexado que necesitamos
un archivo JavaScript y, por lo general, los archivos JavaScript están contenidos en una etiqueta de script, generalmente en la parte inferior
del cuerpo.
Así que cerremos eso.
Y luego aquí, en lugar de usar la referencia, solo tenemos que decir SIRC como fuente.
Y luego, una vez más, ¿dónde está el archivo JavaScript?
Es ese guión.
Entonces, si guardo esto y actualizo la página.
Mire eso, ahora estamos cargando este archivo de secuencia de comandos y todo lo que está haciendo es si hacemos clic en la pestaña
de la consola.
Imprimió algo en la consola y la consola es algo que usa JavaScript.
Pero lo único que nos importa es que podamos entregar estos tres archivos.
Lo que hemos hecho es crear nuestro primer servidor.
Pero puede que hayas notado algo.
Cuando subiste por aquí.
Mire la ruta de la URL que tenemos, eso no es lo que suele escribir en un sitio web, ¿verdad?
Quiero decir, vimos que el sitio web de aquí, dot dotcom, bueno, tiene el dot com usa http.
Esa es una URL real, ¿verdad?
Bueno, lamento decirle que en realidad no creamos un servidor web real porque todo lo que hemos
hecho es enviar al navegador algunos archivos desde, como puede ver, desde nuestra computadora.
Entonces, todo lo que está haciendo es que el navegador diga, oye, voy a mostrar estos archivos que se encuentran aquí
en su computadora.
Básicamente, tenemos un servidor web que también ejecuta un navegador, pero no es así como funciona la vida real.
¿Por qué sería eso?
Bueno, imagina si tuvieras tu propio sitio web.
¿Realmente desea que personas de todo el mundo accedan a su sitio web directamente a través de su
computadora, tomando los archivos de su computadora?
Quiero decir, no, cierto.
Hay muchos problemas de seguridad.
Hay muchos problemas con el rendimiento.
Debe mantener su computadora portátil encendida todo el tiempo para que la gente pueda acceder a su sitio web.
En su lugar, queremos un servidor web, que, como sugiere el nombre, archivos serios y se especializa en servir
archivos a los navegadores.
En algún lugar del mundo del que no tenga que preocuparme.
No está en mi computadora.
Alguien es dueño de esa máquina, alguien es dueño de esa computadora, y está encendida todo el tiempo, de modo
que cada vez que vamos a un sitio web o un enlace, siempre estará ejecutándose y enviando esos archivos.
Así que finalmente volveremos a Python aquí, porque lo que queremos hacer es hacer algo más sofisticado
que simplemente tener estos archivos en nuestra máquina.
En cambio, queremos construir un servidor real usando Python que podamos implementar para que las personas puedan acceder a nuestro sitio web en
cualquier parte del mundo.
Ahora, es posible que todavía esté confundido, todo este proceso puede no tener mucho sentido para usted porque
recién estamos comenzando.
Pero no se preocupe, al final de todo, todo tendrá sentido.
Así que olvidémonos del navegador por ahora y comencemos a construir un servidor real, algo más sofisticado que lo que hemos hecho hasta ahora,
que es solo una carpeta con estos tres archivos y simplemente hacemos doble clic
en Indexado.
Te veo en el siguiente video.
Adiós.