Content de te revoir.
Construisons notre premier site Web.
Maintenant, j'ai déjà créé un dossier appelé Web Server car ce sera notre serveur Web pour le
moment, et à l'intérieur de ce serveur Web, nous avons un fichier HTML d'index, qui sera l'extension pour créer un
fichier HTML.
Nous avons le script James, qui est l'extension pour écrire JavaScript, tout comme nous avons DCPI pour écrire
Python, puis nous avons un accès au style pour écrire Kestrels.
Maintenant, dans cette section, je vais utiliser du texte sublime et mon terme terminal, mais vous pouvez utiliser l'outil de
développement de votre choix.
J'aime utiliser ceux-ci uniquement pour les enregistrements d'écran.
Ils aident parce que, eh bien, c'est beau et propre.
Cela ne me donne pas trop d'indices pour que je puisse également faire des erreurs et vous montrer au fur et à mesure que je fais des erreurs
comment je les corrige.
Mais encore une fois, vous pouvez utiliser le code Visual Studio, ce que vous préférez.
Maintenant, vous voyez ici que tous ces fichiers sont vides.
Mais rappelez-vous, un serveur Web donne simplement ces trois fichiers à un navigateur afin que le navigateur puisse afficher la
page.
Commençons donc par ASML, comment écrivons-nous Aoshima ?
Eh bien, le texte sublime me permet en fait de faire quelque chose d'intéressant ici si je tape du code HTML, puis que j'appuie sur la tabulation.
Il le remplit automatiquement pour moi.
D'accord, d'accord, j'ai un peu triché, mais, hé, je ne veux pas t'ennuyer à mort.
C'est donc un fichier e-mail standard, car j'ai l'extension e-mail, si j'ai ce type de syntaxe, je peux écrire des e-mails
et ce n'est pas si difficile.
Nous avons la taxe d'ouverture et la taxe de clôture avec la barre oblique inverse ici.
Nous avons donc la tête du site Web avec un titre.
C'est donc ce qui apparaît sur l'onglet.
Alors disons mon.
Site Internet.
Très créatif.
Donc c'est la tête et puis le corps, c'est ce qui est affiché sur un site Web.
Donc ici, je peux dire que je suis un maître Web.
Juste comme ça, et nous avons créé notre alpha maintenant, vérifiez ceci, si j'ouvre maintenant l'index, pas a. m. si j'ai raison.
Cliquez ici et disons ouvert dans votre fenêtre ou vous pouvez même simplement aller double-cliquer sur ce fichier.
Donc si je double-clique dessus, regarde ça.
Je suis webmaster.
Juste du texte simple, rien de bien fou, mais je viens de créer mon premier site web.
Continuons avec CNN.
Le succès a une syntaxe différente de celle du succès, la syntaxe ressemble à ceci, nous pouvons lui donner à quel élément ASML
nous voulons ajouter du style dans notre cas, disons body.
Et je peux dire le corps, puis les accolades, et ici je veux avoir un arrière-plan, disons de la couleur et
nous irons avec Hmm.
Allons-y avec le vert.
Si je sauvegarde ça.
Et je rafraîchis la page.
Hmm, rien ne s'est passé, et c'est un petit détail qui, encore une fois, ce n'est pas un cours de développement Web, donc nous
n'avons pas à nous en préoccuper trop.
Mais essentiellement, la toute première chose qui se passe est que le fichier HMO est envoyé et que le fichier HMO est en fait
la seule chose qui est lu par le navigateur.
Donc, dans le fichier HMO, je dois dire, hé, HMO, au fait, nous avons également un succès. Pouvez-vous également l'utiliser sur le
site Web afin que nous puissions le faire dans le hashtag ?
En utilisant ce qu'on appelle une balise de lien.
Donc, une balise de lien, nous pouvons en fait supprimer une partie de cela, nous devons simplement dire, hé, c'est un type de succès
de texte et il a quelque chose qui s'appelle HSF dit simplement, hé, où se trouve ce fichier dans notre cas, parce qu'il
est dans le même dossier que notre index HMO, nous pouvons simplement dire qu'il s'agit d'un accès au point de style car, eh bien, recherchez simplement l'accès Soldats
et c'est là que se trouve le fichier de style.
Et maintenant, si vous vous en souvenez, nous avions également la feuille de style de relation que nous devons inclure.
Je viens de l'enlever pour que nous puissions voir ce que nous écrivions ici.
Donc, si nous faisons une feuille de style et que c'est juste quelque chose, une syntaxe à laquelle vous devez vous habituer si
vous souhaitez inclure un fichier d'accès.
Si j'enregistre ceci et que je reviens en arrière et que je rafraîchis.
Hé, regardez ça, mon site Web moche, et agrandissons-le un peu, mon site Web moche avec une
couleur de fond verte a maintenant des trucs si j'ouvre à nouveau les outils de développement.
Et j'appuie sur rafraîchir.
Regardez ça, j'obtiens un fichier HMO et un succès.
Impressionnant.
Alors je viens de créer mon propre serveur Web, non ?
Nous pourrions même écrire du JavaScript ici.
Mais encore une fois, il s'agit d'un cours JavaScript, nous n'avons donc pas à nous en préoccuper dans ce cas.
Voici.
Je viens d'écrire du JavaScript, ce qui revient un peu à écrire en Python si j'actualise la page une fois de
plus.
Encore une fois, le fichier JavaScript ne s'affiche pas car, eh bien, nous devons, encore une fois, dire au
code HTML indexé que nous avons besoin d'un fichier JavaScript et généralement les fichiers JavaScript sont contenus dans une balise de script, généralement au
bas du corps.
Alors fermons ça.
Et puis ici, au lieu d'utiliser la référence, nous avons juste à dire SIRC pour la source.
Et encore une fois, où est le fichier JavaScript ?
C'est ce script.
Donc, si je sauvegarde ceci et que je rafraîchis la page.
Regardez ça, nous chargeons maintenant ce fichier de script et tout ce qu'il fait c'est que si nous cliquons sur l'onglet de la
console, c'est parti.
Il a imprimé quelque chose dans la console et la console est quelque chose que JavaScript utilise.
Mais tout ce qui nous importe, c'est de pouvoir servir ces trois fichiers.
Ce que nous avons fait, c'est créer notre tout premier serveur.
Mais vous avez peut-être remarqué quelque chose.
Quand tu es monté ici.
Regardez le chemin d'URL que nous avons, ce n'est pas ce que vous tapez habituellement sur un site Web, n'est-ce pas ?
Je veux dire, nous avons vu que le site Web ici, point dotcom, eh bien, le point com utilise http.
C'est bien votre URL, n'est-ce pas ?
Eh bien, désolé de vous dire que nous n'avons pas réellement créé de vrai serveur Web parce que tout ce que nous avons
fait, c'est que nous avons servi au navigateur des fichiers à partir, comme vous pouvez le voir, de notre ordinateur.
Donc, tout ce qu'il fait, c'est le navigateur qui dit, hé, je vais afficher ces fichiers qui se trouvent ici même
sur votre ordinateur.
Donc, essentiellement, nous avons un serveur Web qui exécute également un navigateur, mais ce n'est pas ainsi que fonctionne la vraie vie.
Pourquoi serait-ce?
Eh bien, imaginez si vous aviez votre propre site Web.
Voulez-vous vraiment que des personnes du monde entier accèdent à votre site Web directement via votre ordinateur, en
saisissant les fichiers de votre ordinateur ?
Je veux dire, non, d'accord.
Il y a beaucoup de problèmes de sécurité.
Il y a beaucoup de problèmes avec les performances.
Vous devez garder votre ordinateur portable allumé tout le temps pour que les gens puissent accéder à votre site Web.
Au lieu de cela, nous voulons un serveur Web qui, comme son nom l'indique, des fichiers sérieux et se spécialise dans la fourniture
de fichiers aux navigateurs.
Quelque part dans le monde dont je n'ai pas à m'inquiéter.
Ce n'est pas sur mon ordinateur.
Quelqu'un possède cette machine, quelqu'un possède cet ordinateur, et il est allumé tout le temps de sorte que chaque fois que
nous allons sur un site Web ou un lien, il sera toujours en cours d'exécution et enverra ces fichiers.
Nous allons donc enfin revenir à Python ici, car ce que nous voulons faire, c'est faire quelque chose de
plus sophistiqué que d'avoir simplement ces fichiers sur notre machine.
Au lieu de cela, nous voulons construire un vrai serveur utilisant Python que nous pouvons déployer afin que les gens puissent accéder à notre site Web
n'importe où dans le monde.
Maintenant, vous pourriez encore être confus, tout ce processus pourrait ne pas avoir de sens pour vous parce que nous ne
faisons que commencer.
Mais ne vous inquiétez pas, à la fin, tout aura un sens.
Oublions donc le navigateur pour l'instant et commençons à construire un vrai serveur, quelque chose de plus sophistiqué que ce que nous avons fait
jusqu'à présent, qui n'est qu'un dossier avec ces trois fichiers et nous double-cliquons simplement
sur Indexé.
Je te verrai dans la prochaine vidéo.
Bye Bye.