Es ist an der Zeit, mit dem zweiten Auftrag in diesem Kurs fortzufahren.
Diese Woche hatten wir Buttons, Formulare,
Tische, Karten, Bilder und Medien abgedeckt und dann endlich haben wir Abzeichen abgedeckt.
Also, diese Aufgabe werden wir
versuchen, Ihr Verständnis für all diese Themen zu erkunden.
Ihr zweiter Auftrag besteht aus drei Aufgaben.
Lassen Sie uns Schritt für Schritt durch jeden von ihnen gehen.
Ihre erste Aufgabe besteht darin, ein Formular in Ihrer Indexstrategie-Tabelle Pitch zu erstellen.
Also, dies ist direkt nach den Beschreibungen, die wir haben,
verwenden Sie also eine andere Zeile mit dem Zeileninhalt dort.
Erstellen Sie dort eine Karte mit einem Titel.
Reservieren Sie einen Tisch, und dann innerhalb dieser Karte,
im Kartenblock, fügen Sie ein Formular.
Das Formular enthält Optionsfelder.
Sie können die Dokumentation auf Formulare überprüfen, um zu verstehen, wie Optionsfelder erstellt werden.
Sie sind ziemlich unkompliziert.
Also, wir haben Inline-Optionsfelder den ganzen Weg von eins bis
sechs und Sie werden dem Benutzer erlauben, eine dieser Optionsfelder auszuwählen.
Wenn Sie also auf einen von ihnen klicken,
können Sie die Anzahl der Gäste auswählen.
Und die zweite Information ist Datum,
und die dritte Information ist Zeit.
Also, das Datum und die Uhrzeit werden von zwei Eingabefeldern
hier unterstützt werden und dann haben wir einen Submit-Button namens
„Reserve“ mit der Schaltfläche in blauer Farbe.
Also, erinnere dich an all diese verschiedenen Details hier und das ist in einer Karte.
Nun, diese Karte, wenn sie auf einer kleinen bis extra großen Bildschirmgröße ist,
wird sie in dieser Reihe zentriert und sie wird acht Spalten einnehmen.
Also haben Sie hier zwei Spalten und zwei Spalten übrig.
Dies sind einige Hinweise darüber, wie Sie das positionieren werden.
Für extra kleine Bildschirmgrößen
nehmen Sie die gesamte Bildschirmbreite ein,
sonst kann Ihr Formular dort nicht sinnvoll untergebracht werden.
Also, das ist die erste Aufgabe in Ihrem zweiten Auftrag.
Wenn Sie sich erinnern, die linke die zweite Ziehung unserer Inhalte nicht gestylt,
werden Sie jetzt das Medienobjekt verwenden, um diesen Inhalt zu stylen.
Beachten Sie insbesondere, dass
Ihr Bild für das Medienobjekt auf der rechten Seite angezeigt wird.
Verwenden Sie also den rechten Satz von
Klassen, um Ihr Bild auf der rechten Seite des Inhalts erscheinen zu lassen,
im Gegensatz zu den anderen, auf denen das Bild auf der linken Seite erscheint.
Und es muss hier vertikal zentriert sein.
Beachten Sie auch, dass Sie hier ein Abzeichen mit dem Wort „neu“ hinzufügen müssen.
Und so haben wir dies bereits in
der Übung gesehen, so dass dies nicht sehr schwer zu erreichen sein sollte.
Ihre zweite Aufgabe besteht also wieder
darin, das Medienobjekt zu verwenden, um dies zu gestalten.
Die letzte Aufgabe in der zweiten Zuordnung,
ist es, hier eine Schaltfläche zu erstellen.
Dies wäre ein Block-Button.
Also, Knopfblock-Klasse, die Sie verwenden werden.
Nun, was Sie tun können, ist, können Sie diesen Inhalt
hier neu positionieren, um den halben Bildschirm zu besetzen, und
dann werden diese beiden den verbleibenden Teil des Bildschirms mögen.
Und benutze die Wörter reservieren Tabelle da drin.
Nicht nur das, wenn Sie auf diese Schaltfläche klicken,
werden Sie zum Formular am unteren Rand der Seite weitergeleitet, mit
dem Sie die Reservierung vornehmen können.
Hier müssen Sie also die HTML-Möglichkeiten zum
Angeben von IDs verwenden, um diese Aktion zu erreichen.
Also wieder zurück, sollte diese Schaltfläche vertikal in der
Tabelle positioniert werden und sollte den Bildschirmbereich Hälfte mit Ihrem Logo hier teilen.
Die Formulierungen hier können die verbleibende Hälfte der Skripte einnehmen.
So können Sie die Spaltenklassen verwenden, um diese Dinge anzupassen.