Il est temps de passer à la deuxième affectation dans ce cours.
Cette semaine, nous avons couvert des boutons, des formulaires, des
tables, des cartes, des images et des médias et ensuite nous avons couvert badge.
Donc, cette tâche, nous allons examiner
essayer d'explorer votre compréhension de tous ces sujets.
Votre deuxième affectation se compose de trois tâches.
Passons en revue chacun d'entre eux étape par étape.
Votre première tâche consiste à créer un formulaire dans votre hauteur de table de stratégie d'index.
Donc, c'est juste après les descriptions que nous avons donc
utiliser une autre ligne avec le contenu de la ligne là-bas.
Créez une carte avec un titre.
Réservez une table, puis à l'intérieur de cette carte,
dans le bloc de carte, incluez un formulaire.
Le formulaire contiendra des boutons radio.
Vous pouvez consulter la documentation pour trouver des formulaires afin de comprendre comment créer des boutons radio.
Ils sont assez simples.
Donc, nous avons des boutons radio en ligne allant de un à
six et vous permettra à l'utilisateur de sélectionner l'un de ces boutons radio.
Donc, en cliquant sur l'un d'eux,
vous permettra de sélectionner le nombre d'invités.
Et le deuxième élément d'information est la date,
et le troisième élément d'information est le temps.
Donc, la date et l'heure vont être prises en charge par deux champs d'entrée
ici et puis nous avons un bouton de soumission ici nommé
« réserve » avec le bouton étant de couleur bleue.
Alors, rappelez-vous tous ces détails différents ici et ceci est dans une carte.
Maintenant, cette carte si elle est sur une taille d'écran petite à extra grande,
elle sera centrée dans cette rangée et elle occupera huit colonnes.
Donc il vous reste deux colonnes ici et deux colonnes à gauche là.
Voici quelques indices sur la façon dont vous allez positionner ça.
Pour les tailles d'écran très petites,
vous occupez toute la largeur de l'écran,
sinon votre formulaire ne peut pas y être adapté de manière significative.
C' est donc la première tâche de votre deuxième affectation.
Si vous vous souvenez que le deuxième tirage de notre contenu n'est pas stylé,
vous allez utiliser l'objet multimédia maintenant pour styliser ce contenu.
Notez en particulier que,
pour l'objet multimédia, votre image va apparaître sur le côté droit,
alors utilisez le bon jeu de
classes afin de faire apparaître votre image sur le côté droit du contenu,
contrairement aux autres où l'image apparaît sur le côté gauche.
Et il doit être centré verticalement ici.
Notez également que vous devez inclure un badge ici avec le mot « nouveau ».
Et donc nous avons déjà vu cela dans
l'exercice précédent, donc cela ne devrait pas être très difficile à réaliser.
Donc, votre deuxième tâche, encore une fois,
est d'utiliser l'objet média pour styliser ceci à travers.
La dernière tâche dans la deuxième affectation,
est de créer un bouton ici.
Ce serait un bouton de bloc.
Donc, classe de bloc de boutons que vous allez utiliser.
Maintenant, ce que vous pouvez faire est que vous pouvez repositionner ce contenu
ici pour occuper la moitié de l'écran et
ensuite ces deux vont aimer la partie restante de l'écran.
Et utilisez les mots table de réserve là-dedans.
Non seulement cela, lorsque vous cliquez sur ce bouton,
vous serez ramené au formulaire en bas de la page,
ce qui vous permet de faire la réservation.
Donc, c'est là que vous devez utiliser les méthodes HTML de
spécifier des ID afin de réaliser cette action.
Donc, en revenant à nouveau, ce bouton doit être positionné verticalement dans la
table et devrait partager l'espace de l'écran moitié avec votre logo ici.
Les mots ici peuvent occuper la moitié restante des scripts.
Vous pouvez donc utiliser les classes de colonne pour ajuster ces choses.