Les bases du Web : HTML pour les débutants en codage

1. 101 // Introduction: Bienvenue sur le Web un, un dans cette classe, vous allez apprendre les bases du code. Qu' est-ce que c'est ? Comment cela fonctionne-t-il Et que pouvez-vous faire pour faire fonctionner une page Web, que vous ayez une expérience zéro ou si vous avez été dans le domaine de l'impression et que nous nous demandons exactement ce que font les services Web là-bas ? C' est la classe pour toi. Mon nom est Cookie. Je suis artiste, designer et éducatrice, et j'aime aider les gens à trouver leur chemin. Que ce soit dans les premières étapes du processus de conception ou dans les étapes plus avancées cette classe, nous allons le réduire aux bases sur lesquelles nous allons apprendre à propos du code. Nous allons créer une page Web qui explore les éléments de base de toute conception Web. J' espère que vous apprécierez ce cours, et j'ai hâte de voir votre projet. Commençons 2. 101 // Terminologie: Bienvenue dans la classe HTML et cette classe, vous allez apprendre les bases de la façon de commencer à coder. Alors, par où commençons-nous ? Eh bien, qu'est-ce que le HTML exactement ? C' est un langage de balisage hyper texte. C' est comme ça que les ordinateurs se parlent. Pour ça. Nous devons apprendre la terminologie de base pour tout commencer. La première partie est de voir comment tout fonctionne ensemble. La balise est notre première étape. Pensez que c'est une sorte d'Adam. C' est la commande qui indique exactement à la page ce qu'elle doit faire. C' est les bases. C' est le bloc de construction. Ceux-ci seront placés entre parenthèses sur votre clavier. Ils ressemblent à ça pour ton côté. Tu vas avoir besoin d'ouvertures et de fermetures. Vous avez besoin d'une étiquette d'ouverture conçue. La balise de fermeture. Pensez que c'est une sorte de phrase. Vous avez besoin de la majuscule à l'avant et vous avez besoin de la période aux extrémités où vous savez où la phrase commence et où se termine cette phrase. Vos balises vont être ce marqueur. Ensuite, nous avons nos éléments. Il s'agit d'une balise de début et elle a une balise de fin. C' est aussi tout ce qui est écrit entre ces balises. Pensez que c'est le genre de conteneur que tout ce que vous construisez sur votre page sera visible lorsqu'il se trouve dans la section. C' est le contenu de l'élément qui est dans le surlignement juste là. Donc, quoi que vous ayez entre les balises de début et de fin, c'est ce que les spectateurs vont réellement voir. Il est connu comme les attributs de code de marché sur les choses commencent à devenir un peu plus amusant et excitant et cette étape embellissant cela va étendre le contenu de votre page, et il va vous donner la fonctionnalité de vos balises. Pensez donc à des liens, photos , images, arrière-plans, couleurs, etcetera, protocole. C' est un peu de la science. Il t'a vu des choses, donc on ne va pas trop s'enliser avec ça, que ces airs de la façon dont les ordinateurs se parlent. Alors, comment obtenez-vous votre vote aux téléspectateurs ? Ceux-ci nécessitent des règles spécifiques, et ils sont connectés à n'importe quel type que vous allez utiliser à la facilité FTP imprimantes, les imprimantes, I P et celui que nous allons utiliser le http. Alors devinez ce que signifie cette dernière lettre Vous avez deviné le protocole pour que vous puissiez voir comment cela fonctionne. La première partie est le protocole dont nous parlions à partir de là, nous avons ce W w w auquel nous sommes habitués. Ceci est connu sous le nom de sous-domaine. Il s'agit également du nom du serveur Web. Ensuite, c'est la partie amusante. C' est celui que nous reconnaissons probablement d'abord et avant tout. Et c'est notre nom de domaine vos noms de domaine. Vous pouvez réellement vous inscrire via différents sites comme Go Daddy et Hover. Et c'est vous que les gens ont été reconnus. Donc, si vous construisez une marque, vous allez probablement passer beaucoup de temps à penser au domaine. Et comment faire un domaine facile à retenir pour les gens ? Et maintenant, bien sûr, quelque chose qui est réellement disponible La partie suivante est en fait votre nom de dossier. Donc notre première étape, chaque fois que nous commençons notre projet, nous allons créer un dossier, et je vais appeler le mien, vous savez, index ou page Web, ou quoi avez-vous ? Peu importe ce que vous appelez ça, ça va apparaître là, et cette dernière partie est exactement ce que votre page Web a été appelée, quel était son nom de fichier . Ça va apparaître à cette partie de votre adresse. Bon, maintenant, commençons à entrer un peu plus dans les détails. Maintenant que nous connaissons certaines des bases du fonctionnement de ce système, passons dans certains des bits de Cody afin que nous puissions dire à nos pages Web ce qu'il faut faire. 3. 101 // Le code: Alors maintenant, commençons. La partie de codage réelle cette partie est le genre de viande et de pommes de terre de votre page Web, et c'est ce qui va rendre tout technique. Les premières choses d'abord. Vous avez deviné que la balise HTML celle-ci va démarrer votre page et celle-ci va mettre fin à votre page. On parlait tout à l'heure d'un conteneur. Alors pense que c'est le conteneur géant. C' est la chose qui tient tout ensemble. Votre page Web doit savoir, une fois passée par le système, que c'est là qu'elle commence. Ensuite, c'est là qu'il se termine et l'utiliser avec votre HTML. Les pages Web sont divisées en deux sections. La première section que vous allez traiter avec nous, celle-ci, l'en-tête. L' en-tête vous donne toutes les informations qui se trouvent dans vos documents. C' est quoi, la page ? Il décrit la langue, les caractères que vous allez utiliser, comment ça va, Teoh être affiché chaque fois que le spectateur le voit, et l'autre partie sera le corps lui-même, que nous sommes va obtenir. Teoh, votre page web va avoir besoin d'un descripteur pour que les spectateurs sachent où ils sont. vois, tu dois mettre un titre. Le titre de votre page apparaît en haut de celui de votre navigateur. Très bien, le corps. Donc notre en-tête va contenir le genre d'invisibles pour que les ordinateurs sachent comment le lire. Le corps est ce que nous allons voir en tant que spectateurs. C' est tout le contenu. Ce sont les liens les tableaux de texte, les images, les listes, vous le nommez. Ça va être ici, et c'est ce qui est visible. Donc, en parlant de ce qui est visible, c'est ce que vous pouvez mettre juste comme un démarreur dans votre corps. Tout d'abord, vous allez probablement vouloir un paragraphe d'une sorte ou d'une autre. Vous allez également remarquer pour tous ceux qui ont l'ouverture et les balises de fermeture. Chaque fois que vous tapez, vous connaissez l'ouverture, vous devez vous assurer que la balise de fermeture est là quelque part, afin qu'elle sache par où commencer et terminer cette commande jusqu'à présent. Paragraphe. Nous le mettons littéralement, le début de chaque paragraphe à la fin du paragraphe sur, puis répétez-le pour le paragraphe suivant, que vous verrez dans notre exemple venir, mais assurez-vous que vous ouvrez et fermez toujours votre paragraphes. Si vous entrez dans le codage à partir d'un arrière-plan d'impression, vous êtes déjà très conscient de la hiérarchie. Alors pensez à tous nos titres comme hiérarchie, hum, hum, un étant le plus important pour être, vous savez, le prochain important. Ainsi et ainsi de suite pour nos exemples allaient être en utilisant six différents types de rubriques H un, h deux, h trois, h quatre, h cinq et H six et six étant le plus petit et un étant le plus grand. Quand nous aurons Teoh notre projet de classe, je veux que vous expérimentiez chacun de ces trucs. Il aide simplement à faire circuler le contenu à travers la page pour le spectateur, tout comme la hiérarchie et vos publicités. En parlant de publicités et aussi de vos mises en page, il y a des chances que vous ayez dû faire une citation ou cette citation de bloc pour mettre l'accent sur diverses sections du paragraphe, euh, pour notre cas, nous appelons ces et il sautera, um, la fin dans la section que vous utilisez pour vos guillemets de bloc continuant sur notre style de texte. Si vous avez besoin de construire quelque chose que nous utilisons maintenant fort. Donc ça va sauter l'attention sur la page. était temps, nous utilisons juste le B pour gras. Mais avec le nouveau HTML cinq, il est plus standard d'utiliser strong pour bold. Donc, si vous avez besoin de boulonner quelque chose, utilisez la commande forte et cela fonctionne de la même manière qu'un tallix. Et encore une fois, il était une fois que je n'étais pas pour un talic. Mais avec HTML cinq, il est passé à être utilisé comme accent. Donc, si vous avez besoin de mettre quelque chose en italique, vous allez mettre l'accent dessus. Les deux derniers que nous allons couvrir sont nos types de listes. Nous avons en fait deux fois de listes. Nous avons la liste ordonnée et le A Nordeste. Donc la liste ordonnée, peu importe ce que vous mettez dans cette commande, va vous donner le numéro un, 234, etc. Et maintenant, quel que soit le nombre que vous ajoutez, il va automatiquement mettre ce numéro suivant là, et la liste ordonnée fonctionne comme des points à puces. Donc, si vous avez besoin de mettre des listes à puces à votre vue, vous allez utiliser les listes ordonnées par l'ONU. Donc, évidemment, il y a tellement plus de codes là-bas, mais ce sont les bons pour se mettre à l'aise avec tôt. On dit habituellement que c'est comme vouloir courir avant de marcher, mais dans ce cas avec le Web design, on est tellement habitués à voir le Web design qu'on veut faire un marathon avant que nous On dit habituellement que c'est comme vouloir courir avant de marcher, mais dans ce cas avec le Web design, on est tellement habitués à voir le Web design qu'on veut faire un marathon avant que nous c'est comme vouloir courir avant de marcher, mais dans ce cas avec le Web design, savent même comment ramper. Alors rampons avant de marathon et concentrez-vous sur ces codes fondamentaux afin que vous puissiez vous mettre à l'aise avec eux et jouer avec eux et vous familiariser avec eux. Et puis vous pouvez commencer à ajouter plus au mélange. Alors prenons tout ça et commençons à tout mettre ensemble. 4. Configuration Web //: Bon, allons-y et commençons. Les premières choses d'abord. J' utilise un Mac. Donc, si vous êtes dans un PC, vous devriez connaître la perceuse. En ce moment. Chaque fois que je dis commande, sachez que c'est un contrôle avec un Mac, nous allons utiliser du texte dessus. Et si vous êtes sur un PC, vous allez utiliser le bloc-notes plus plus, que j'aurai un lien pour cela. Ah, et nos notes de cours si vous ne l'avez pas déjà sur votre PC, mais peu importe, si vous êtes sur Mac ou PC, la première étape que vous allez faire est de créer un nouveau dossier. Je vais appeler le mien index juste le site Rick Scott. Vous pouvez mettre votre nom dessus, vous savez, vous savez, quoi que vous vouliez l'appeler, allez-y et appelez ça comme ça. Et je vais juste garder tout ça bien et soigné. Et là-bas, le côté. D' accord. Si vous êtes sur un PC, il vous suffit d'aller de l'avant et d'ouvrir votre bloc-notes plus. Et lorsque vous créez un nouveau document, assurez-vous qu'il s'agit d'un document HTML, et vous devriez être prêt à partir. Si vous êtes sur un Mac, vous pourriez avoir une étape supplémentaire quand il s'agit de texte à lui, je vais créer un nouveau document. Non, j'aime travailler un peu plus grand que leur valeur par défaut. Donc, je vais redimensionner cela, et vous devez aller à votre texte Modifier et préférences. Um, quand tu fais ça, tu dois cliquer sur la note Terre. Désolé. Ouvrez et enregistrez à droite du nouveau document. Et ce que vous devez vous assurer est de sélectionner il affiche les fichiers HTML sous forme de code HTML au lieu de texte formaté, alors assurez-vous que cette case est cliquée. Si c'est le cas, tu es bon d'y aller. Si ce n'est pas le cas, assurez-vous que c'est pour que vous puissiez fonctionner. D' accord, je vais aller de l'avant et économiser, et je vais appeler cet indice. Aussi, des centaines vont le garder agréable et soigné organisé. Et, euh, si vous êtes là-dessus, c'est là que sont vos formats de fichiers. C' est pour le mien. Valeur par défaut de la taxe enrichie. Il suffit de cliquer dessus et de le changer en html et appuyez sur. Sauvegardez. Assurez-vous de le placer dans le dossier approprié, puis appuyez sur Enregistrer. D' accord. Donc, vous pouvez également avoir une étape supplémentaire avec un max. Vous pouvez voir une raison pour laquelle les gens de code sont généralement sur des PC parce que vous venez de vous lever et de partir . En ce moment, votre code n'apparaît pas, donc je vais fermer ça. Allez-y et rouvrez et ferme. Commande juste. Je vais aller de l'avant et je vais cliquer et le faire glisser sur mon texte dessus. Donc maintenant, quand je fais ça, nous pouvons réellement voir nos bits de code. C' est ce que nous voulons voir. Donc, si vous n'aviez pas Vicks un peu plus, vous voudrez faire une pause, fermer et le rouvrir. De cette façon, vous pouvez voir que vous savez, la partie du code réel. Tu pourrais laisser ça. Certainement, je ne vais pas dire non. Parfois, ça met juste des petits morceaux dont tu n'as vraiment pas vraiment besoin. Ah, dans les premiers stades. Tu sais, si tu joues juste à l'apprendre, c' est bon. Vous pouvez simplement aller de l'avant et éditer votre titre, et vous pouvez simplement commencer à plonger tout de suite dans ce corps. Hum, ça va être complètement à vous de décider, mais pour notre bien, je vais sélectionner Oh, nous allons appuyer sur supprimer parce que nous allons vraiment faire toute cette partie nous-mêmes. 5. 101 // Code: Florets. Maintenant, nous sommes prêts, Toe, commencez enfin à mettre du code sur sa page. Bon, donc, donc, comme je l'ai dit, si tu ne voulais pas de problème. Vous pouvez laisser leurs morceaux et bobs là-bas et commencer à plonger avec les éléments que nous allions, vous savez, vous savez,jouer avec pour notre projet de classe. Mais commençons à partir de zéro. Étape 1. Nous devons lui dire que c'est un type de document dit le type de document. C' est en fait du HTML, que nous avons à peu près supposé à ce stade. Nous avons besoin de cette balise HTML dont nous parlons qui commence, vous devez le démarrer et ensuite vous devez terminer avec ceci. Nous allons ajouter une petite partie supplémentaire à cela parce que nous voulons que la langue soit l'anglais . Si vous n'êtes pas un anglophone, je vais mettre une liste pour les différents codes pour les langues, et vous pouvez mettre n'importe quel code de langue ici pour nos démos. Et puisque je parle anglais, je vais m'en tenir à l'anglais comme langue. Bon, alors arrêtez un. Nous avons créé ce code HTML. Vous avez deux options. Vous pouvez continuer à descendre la ligne et à mettre les éléments dedans. Mais j'aime m'assurer que tout est fermé dès que je le fais. Donc, quand je fais ça, j'ajoute quelques retours supplémentaires. Je vais, Teoh, fermer cette étiquette. Maintenant, je n'ai pas à m'en soucier. Donc on commence comme on finit, et je vais juste y retourner et passer à la prochaine partie. Bon, donc le HTML est ce conteneur géant. Maintenant, nous devons lui dire qu'une des deux parties notre première partie était notre en-tête sur la deuxième partie était notre corps. Puisque l'en-tête vient en premier, nous allons commencer par l'en-tête. Bon, donc j'ai mis cette étiquette et c'est juste la tête de support. Et maintenant, nous devons lui donner un titre. Ça pourrait être ton nom. Ça pourrait être un chien chat. Nom des furets. Ça pourrait être tout ce que tu veux, Teoh. Je vais être super générique et juste dire mon premier site et je suis vraiment excité. Groupes côté site des exclamations ouvertes sur elle. Oh, mon Dieu. C' est une page Web passionnante. Et maintenant, bien sûr, depuis que j'ai commencé le titre, je dois mettre fin à ce titre, donc je vais le fermer. D' accord ? Notre titre sera là. On doit lui donner un jeu de caractères. Et cette info de code est Metta care. Définir est égal à des groupes T. Êtes-vous TF huit groupes de parenthèses. On y va. Donc, c'est juste donner le jeu de caractères pour qu'il sache, vous savez , des caractères spéciaux etc. D' où le tirer. Cela fait partie de ce HTML cinq choses. Bon, alors quoi ? On doit dio que tu l'as deviné. Je vais juste faire défiler vers le haut. Nous avons notre html fin html, notre en-tête. La partie que nous n'avons pas fermée au titre a mis fin à notre titre. Bon, donc ce que nous devons faire est d'aller de l'avant et de mettre fin à l'en-tête. D' accord ? Nos en-têtes sont terminés. Maintenant, on pourrait passer à la partie amusante. La partie du corps. C' est la partie que tout le monde voit. Je vais juste mettre un peu. Il suffit de quitter un espace supplémentaire là juste pour que vous puissiez voir visuellement les sections que nous travaillons sur ces espaces, car ils ne sont pas codés dedans ne s'affichera pas sur le site Web. Donc ce n'est que moi de ma propre structure. On a besoin d'un corps. Et je vais juste aller de l'avant et terminer ce corps comme nous l'avons fait avec le, um html ci-dessous. De cette façon. Je sais que le corps et le corps final sont les mêmes. Bon, alors maintenant, commençons s'amuser un peu avec ça. La première chose que nous allons vouloir faire est de mettre un paragraphe. Donc, nos informations de paragraphe ou balises étaient le P et le NP. Je vais aller dans Lauren Ipsen et prendre un ipsum. On pourrait utiliser des cupcakes, ipsum, zombie, ipsum. On pourrait utiliser des cupcakes, ipsum, zombie, Tout ce que tu veux. Il y a toutes sortes de Lawrence Gypsum. Ah, passons juste pour l'instant, un paragraphe et je vais juste à Oops. Copier et coller, Apple C, Apple V. Très bien, donc nous avons commencé le paragraphe. Maintenant, nous devons mettre fin à ce paragraphe, et je vais aller de l'avant et enregistrer la diapositive sur le côté et aller dans mon index, je vais double-cliquer dessus pour obtenir un aperçu en direct de ce que nous faisons notre site Web. Bon, voilà notre titre. Mon premier site, mon premier site web. Tellement excitant. Et il y a cette Lorne Epsom qu'on vient de mettre si on voulait mettre une seconde. Lauren, c'est allumé. Vous l'avez deviné Nouveau paragraphe. Je vais juste suivre le même, l' enregistrer et ensuite aller dans votre navigateur et puis vous allez être en mesure de voir ça. Alors quand je travaille, comment aimez-vous travailler avec des fenêtres séparées ? Donc, si j'utilise une note, un pad ou un texte, je vais généralement garder ça. Si vous travaillez avec Dreamweaver, qui est quelque chose à développer, vous aurez de toute façon la vue divisée. Et puis vous avez aussi l'aperçu de la vie. Ces deux systèmes sont vraiment agréables à travailler avec. Pour l'instant, je ne suis pas inquiet pour Dreamweaver pour cette démo. Si vous êtes à l'aise avec Dreamweaver, alors allez-y et soyez dans le code. Si vous êtes à l'aise avec Dreamweaver, vous ne regardez probablement pas ce cours de toute façon. Bon, donc l'une des choses dont nous avons parlé était de mettre un peu de nos ah, personnages spéciaux ou plutôt de rendre nos pages un peu plus fantaisistes. Eso peut-être pour le prochain. Tu sais, tu as mis dans le troisième paragraphe, je savais que le milieu serait une citation de bloc, mais prenons juste 1/3 de 1 po. Oups. Assurez-vous de ne pas mettre en majuscule, Espaces oubliant la balise de fin. Hum, la capitalisation. Ces choses vont jeter votre manteau. Et si cela ne fonctionne pas, vérifiez les problèmes d'orthographe et de majuscules et d'espace. N' importe lequel d'entre eux peut jeter toute la page. Bon, donc il y a trois paragraphes, et je vais ajouter une citation à ce milieu. Si vous le souhaitez, vous pouvez obtenir des espaces supplémentaires entre les deux, donc cela rend juste un peu plus facile. Et je voudrais Nestea Donc ce qui était le plus proche du Texas comment j'ai fini aussi, donc bloc était juste à côté. Citation de bloc va aller d'abord, puis je vais terminer mon paragraphe et ensuite rafraîchir. Et vous pouvez voir comment cela dans dense il juste un peu le rend un peu plus chic. Euh, peut-être pour ce deuxième paragraphe, cette première partie doit être audacieuse. C' était donc notre force. Prenons la première phrase et nous allons rendre cette première phrase agréable et forte. Enregistrer, actualiser. Et vous pouvez voir que le texte est devenu un peu plus gras. Euh, peut-être pour ça ? Je ne sais pas. Dernière ligne. Nous voulons lui donner un peu de métal, donc nous devons lui donner l'accent. Ensuite, nous devons mettre fin à cet accent. Donc pour le personnel ou le texte, euh, Disc utilisant ces deux-là a rendu beaucoup plus facile à lire. Pour notre projet en classe, nous allons aussi faire des en-têtes. Pour notre projet en classe, Donc je vais juste Teoh juste un retour sur ce où il était h un à h six un titre un à travers les gros titres six Je vais juste dire un titre un pour que vous puissiez voir la taille et je vais le sauver pour que vous puissiez le voir étape par étape. Donc le premier titre est notre plus grand. Et puis on travaille juste à partir de là. Oups, chacun à neuf à trois H chaque quatre. Assurez-vous que vous ne faites pas la faute de frappe. C' est bon de voir les gens travailler, euh, en temps réel pour que vous puissiez voir les espaces arrière, etc. Donc, vous savez quoi chercher quand pas si. Quand un problème se pose, c'est que courir avant de marcher. Il y aura des problèmes, peu importe à quel point vous êtes à l'aise avec le code et combien de temps vous avez codé. Parfois, juste un petit type de volonté pour tout off. Alors, je suis allé 23456 Sauvegarder et rafraîchir ça. Quoi ? Vous pouvez voir la hiérarchie. Donc, pour ceux d'entre vous qui sont plus dans les disciplines de la conception de l'impression ont été habitués à voir cela. Alors pensez que le désir du ciel est comme, eh bien, votre titre principal serait Vous savez, le sous-en-tête Byline So on et ainsi de suite Et puis, bien sûr, pour um, si vous savez Elle est en copie corporelle, utilisez votre paragraphe. Mais cela aide à faire circuler le lecteur à travers. Nous avons également parlé de listes pour celui-ci. Alors allons de l'avant et faisons un nouveau paragraphe. Et pour ce paragraphe, je vais Teoh mes artistes préférés. Donc pour cela, nous allons vouloir construire, sont sur la liste ordonnée et ensuite nous allons aller de l'avant et en faire une liste ordonnée. En fait, j'ai changé d'avis, juste dit que les gros titres ont un peu plus de sens. Allons de l'avant et faisons que dans un Chuan est que nous avons un peu de flux hiérarchique vers elle. Donc mon artiste préféré et ça va être sur une liste ordonnée parce que je veux juste les points à balles et je ne veux pas, tu sais, avoir comme, Oh, c' est mon artiste préféré numéro un. Ces air. Juste la liste des artistes que j'aime donc sont une liste nordique devrait commencer, et il devrait se terminer Et puis nous avons besoin du contenu au milieu de celui-ci. On a besoin d'une nouvelle ligne et j'aime Van Gogh. Qui ne le fait pas ? Il nous faut une autre ligne. Je vais juste en faire trois ou quatre. Um, qui d'autre ai-je ? Faisons juste une sorte de bâton la zone. Monet comme Degas et Cassatt le sauvent. Bon, triplons la paranoïa. Il va faire un retour supplémentaire pour que je puisse tout voir. Ce sont mes artistes préférés. Et rappelez-vous que l'espace supplémentaire n'apparaîtra pas ici. C' est juste pour moi de garder une trace des choses en ligne. Un fermé sur la liste ordonnée. Fermé, il ligne chacun est fermé. Je me sens heureuse. Sauvez-le à nouveau et allez-y et frappez. Actualiser. Et c'est là. Le titre un. Mes artistes préférés sont les points à puces et la liste de nos artistes que j'ai aimé vous pourrait ajouter à l'infini. C' est la joie de nos propres listes ordonnées. L' autre est des listes ordonnées. Faisons cette H aussi, et je vais appeler cette liste d'épicerie parce que qui ne fait pas de page Web pour la liste d'épicerie  ? D' accord, donc celui-ci est une liste ordonnée. Allons-y et mettons-le fin. C' est exactement les mêmes pas au milieu. Je vais le dire. Les groupes d'œufs ne ferment pas le premier lait. On va être super générique avec nous. Devinez le suivant. Tu l'as deviné du pain. Donc les œufs, le lait, le pain et nous allons juste nous assurer que tout est là. Chacun l'a fermé. Liste ordonnée ligne de liste ordonnée. Chacun est ouvert et fermé. Enregistrer, actualiser. Et on y va. 12 et trois. Bon, alors c'est là que tout commence à se réunir. Vous pouvez voir nos gros titres, nous avons notre contenu et nous commençons à obtenir un peu de structure et de flux à travers cela. Nous pouvons avoir notre accent et nous pouvons avoir nos gras 6. 101 // Le projet: D' accord. Donc, pour ce projet, faites au moins deux. Je dirais différents types de titre et juste jouer avec ceux et voir ce qu'ils dio. Essayez quelques paragraphes jetés dans ce bloc. Citation faire une liste ordonnée faisant sur la liste ordonnée. Voir ce que les gras et italique dio. Je vais faire une liste d'autres choses que vous pouvez faire si vous voulez rendre ça un peu plus chic, je dirai. Mais pour cet avion, c'est la façon dont nous allons avec. Donc, le contenu est entièrement à vous de décider. Ça pourrait être un journal. Ça pourrait être un jour dans la vie. Ça pourrait être une documentation d'une sorte. Ou tu pourrais utiliser le Lauren Ipsen que je fais. Le contenu est entièrement à vous de décider. Voilà ce que je cherche. Détendez-vous et amusez-vous et voyez ce que fait le code. Changez-le, gâchez-le. Voyez ce qui se passe si vous ne le fermez pas. Ou que se passe-t-il si vous manquez une de ces lignes de fin ou si vous n'avez pas terminé la liste ordonnée et que vous fermez cela. , Essayez-le, voyez ce qui se passe, et vous savez que la seule façon d'apprendre est de faire. Et en parlant de fermer, on dirait que j'ai fait une chose de mal. Je dois mettre ma propre liste ordonnée là-haut pour que nous n'ayons pas de problème plus tard . Donc c'est comme ça que tu apprends. Essaie juste. Vous échouez l'expérience, puis vous apprenez à attraper les erreurs. Donc, pour votre projet, juste amusez-vous, Voir, avec tout ne l'enregistrer et puis télécharger. Tu pourrais faire une capture d'écran. Si vous utilisez juste le type comme celui-ci, vous pouvez mettre votre index html ici pour que nous puissions tous voir. Um, si vous voulez prendre une capture d'écran sur un Mac, c'est changer pomme quatre et ça crée un, um, um, croiser les cheveux et il suffit de cliquer et de glisser dessus et il va mettre un instantané ou une capture d'écran sur votre vous devez simplement télécharger de cette façon, Si vous voulez montrer à tout le monde votre code, vous pouvez simplement sélectionner tout et le copier et le coller dans ah, votre projet de classe ainsi. J' ai hâte de voir ce que vous venez avec, et j'espère que vous vous amuserez beaucoup dans ces premières étapes du code. Tu te souviens de l'air, des étapes de marche ? Et une fois que vous serez vraiment à l'aise que nous aurons un peu plus de fantaisie avec ça. Merci beaucoup d'avoir suivi ce cours. J' ai hâte de voir ce que tu as trouvé pour ton projet. N' oubliez pas de le partager ci-dessous, afin que nous puissions tous en profiter et passer une belle journée.