1 00:00:03,260 --> 00:00:08,650 Il est temps de passer à la deuxième affectation dans ce cours. 2 00:00:08,650 --> 00:00:13,599 Cette semaine, nous avons couvert des boutons, des formulaires, des 3 00:00:13,599 --> 00:00:20,095 tables, des cartes, des images et des médias et ensuite nous avons couvert badge. 4 00:00:20,095 --> 00:00:23,870 Donc, cette tâche, nous allons examiner 5 00:00:23,870 --> 00:00:29,780 essayer d'explorer votre compréhension de tous ces sujets. 6 00:00:30,010 --> 00:00:33,920 Votre deuxième affectation se compose de trois tâches. 7 00:00:33,920 --> 00:00:37,120 Passons en revue chacun d'entre eux étape par étape. 8 00:00:37,120 --> 00:00:44,160 Votre première tâche consiste à créer un formulaire dans votre hauteur de table de stratégie d'index. 9 00:00:44,160 --> 00:00:48,110 Donc, c'est juste après les descriptions que nous avons donc 10 00:00:48,110 --> 00:00:53,345 utiliser une autre ligne avec le contenu de la ligne là-bas. 11 00:00:53,345 --> 00:00:57,850 Créez une carte avec un titre. 12 00:00:57,850 --> 00:01:01,065 Réservez une table, puis à l'intérieur de cette carte, 13 00:01:01,065 --> 00:01:04,460 dans le bloc de carte, incluez un formulaire. 14 00:01:04,460 --> 00:01:08,095 Le formulaire contiendra des boutons radio. 15 00:01:08,095 --> 00:01:13,280 Vous pouvez consulter la documentation pour trouver des formulaires afin de comprendre comment créer des boutons radio. 16 00:01:13,280 --> 00:01:14,620 Ils sont assez simples. 17 00:01:14,620 --> 00:01:19,100 Donc, nous avons des boutons radio en ligne allant de un à 18 00:01:19,100 --> 00:01:25,400 six et vous permettra à l'utilisateur de sélectionner l'un de ces boutons radio. 19 00:01:25,400 --> 00:01:26,780 Donc, en cliquant sur l'un d'eux, 20 00:01:26,780 --> 00:01:29,455 vous permettra de sélectionner le nombre d'invités. 21 00:01:29,455 --> 00:01:32,900 Et le deuxième élément d'information est la date, 22 00:01:32,900 --> 00:01:35,055 et le troisième élément d'information est le temps. 23 00:01:35,055 --> 00:01:40,480 Donc, la date et l'heure vont être prises en charge par deux champs d'entrée 24 00:01:40,480 --> 00:01:44,040 ici et puis nous avons un bouton de soumission ici nommé 25 00:01:44,040 --> 00:01:47,955 « réserve » avec le bouton étant de couleur bleue. 26 00:01:47,955 --> 00:01:52,855 Alors, rappelez-vous tous ces détails différents ici et ceci est dans une carte. 27 00:01:52,855 --> 00:01:59,980 Maintenant, cette carte si elle est sur une taille d'écran petite à extra grande, 28 00:01:59,980 --> 00:02:08,000 elle sera centrée dans cette rangée et elle occupera huit colonnes. 29 00:02:08,000 --> 00:02:11,180 Donc il vous reste deux colonnes ici et deux colonnes à gauche là. 30 00:02:11,180 --> 00:02:14,915 Voici quelques indices sur la façon dont vous allez positionner ça. 31 00:02:14,915 --> 00:02:17,020 Pour les tailles d'écran très petites, 32 00:02:17,020 --> 00:02:20,900 vous occupez toute la largeur de l'écran, 33 00:02:20,900 --> 00:02:25,670 sinon votre formulaire ne peut pas y être adapté de manière significative. 34 00:02:25,670 --> 00:02:31,505 C' est donc la première tâche de votre deuxième affectation. 35 00:02:31,505 --> 00:02:38,285 Si vous vous souvenez que le deuxième tirage de notre contenu n'est pas stylé, 36 00:02:38,285 --> 00:02:41,980 vous allez utiliser l'objet multimédia maintenant pour styliser ce contenu. 37 00:02:41,980 --> 00:02:43,790 Notez en particulier que, 38 00:02:43,790 --> 00:02:47,460 pour l'objet multimédia, votre image va apparaître sur le côté droit, 39 00:02:47,460 --> 00:02:50,365 alors utilisez le bon jeu de 40 00:02:50,365 --> 00:02:55,800 classes afin de faire apparaître votre image sur le côté droit du contenu, 41 00:02:55,800 --> 00:03:00,275 contrairement aux autres où l'image apparaît sur le côté gauche. 42 00:03:00,275 --> 00:03:02,930 Et il doit être centré verticalement ici. 43 00:03:02,930 --> 00:03:08,665 Notez également que vous devez inclure un badge ici avec le mot « nouveau ». 44 00:03:08,665 --> 00:03:11,530 Et donc nous avons déjà vu cela dans 45 00:03:11,530 --> 00:03:15,025 l'exercice précédent, donc cela ne devrait pas être très difficile à réaliser. 46 00:03:15,025 --> 00:03:16,780 Donc, votre deuxième tâche, encore une fois, 47 00:03:16,780 --> 00:03:21,030 est d'utiliser l'objet média pour styliser ceci à travers. 48 00:03:21,030 --> 00:03:24,545 La dernière tâche dans la deuxième affectation, 49 00:03:24,545 --> 00:03:27,455 est de créer un bouton ici. 50 00:03:27,455 --> 00:03:29,735 Ce serait un bouton de bloc. 51 00:03:29,735 --> 00:03:32,635 Donc, classe de bloc de boutons que vous allez utiliser. 52 00:03:32,635 --> 00:03:38,430 Maintenant, ce que vous pouvez faire est que vous pouvez repositionner ce contenu 53 00:03:38,430 --> 00:03:41,170 ici pour occuper la moitié de l'écran et 54 00:03:41,170 --> 00:03:44,770 ensuite ces deux vont aimer la partie restante de l'écran. 55 00:03:44,770 --> 00:03:47,910 Et utilisez les mots table de réserve là-dedans. 56 00:03:47,910 --> 00:03:50,815 Non seulement cela, lorsque vous cliquez sur ce bouton, 57 00:03:50,815 --> 00:03:55,085 vous serez ramené au formulaire en bas de la page, 58 00:03:55,085 --> 00:03:57,340 ce qui vous permet de faire la réservation. 59 00:03:57,340 --> 00:04:01,150 Donc, c'est là que vous devez utiliser les méthodes HTML de 60 00:04:01,150 --> 00:04:05,695 spécifier des ID afin de réaliser cette action. 61 00:04:05,695 --> 00:04:12,940 Donc, en revenant à nouveau, ce bouton doit être positionné verticalement dans la 62 00:04:12,940 --> 00:04:21,610 table et devrait partager l'espace de l'écran moitié avec votre logo ici. 63 00:04:21,610 --> 00:04:25,550 Les mots ici peuvent occuper la moitié restante des scripts. 64 00:04:25,550 --> 00:04:30,930 Vous pouvez donc utiliser les classes de colonne pour ajuster ces choses.