1 00:00:03,260 --> 00:00:08,650 Es ist an der Zeit, mit dem zweiten Auftrag in diesem Kurs fortzufahren. 2 00:00:08,650 --> 00:00:13,599 Diese Woche hatten wir Buttons, Formulare, 3 00:00:13,599 --> 00:00:20,095 Tische, Karten, Bilder und Medien abgedeckt und dann endlich haben wir Abzeichen abgedeckt. 4 00:00:20,095 --> 00:00:23,870 Also, diese Aufgabe werden wir 5 00:00:23,870 --> 00:00:29,780 versuchen, Ihr Verständnis für all diese Themen zu erkunden. 6 00:00:30,010 --> 00:00:33,920 Ihr zweiter Auftrag besteht aus drei Aufgaben. 7 00:00:33,920 --> 00:00:37,120 Lassen Sie uns Schritt für Schritt durch jeden von ihnen gehen. 8 00:00:37,120 --> 00:00:44,160 Ihre erste Aufgabe besteht darin, ein Formular in Ihrer Indexstrategie-Tabelle Pitch zu erstellen. 9 00:00:44,160 --> 00:00:48,110 Also, dies ist direkt nach den Beschreibungen, die wir haben, 10 00:00:48,110 --> 00:00:53,345 verwenden Sie also eine andere Zeile mit dem Zeileninhalt dort. 11 00:00:53,345 --> 00:00:57,850 Erstellen Sie dort eine Karte mit einem Titel. 12 00:00:57,850 --> 00:01:01,065 Reservieren Sie einen Tisch, und dann innerhalb dieser Karte, 13 00:01:01,065 --> 00:01:04,460 im Kartenblock, fügen Sie ein Formular. 14 00:01:04,460 --> 00:01:08,095 Das Formular enthält Optionsfelder. 15 00:01:08,095 --> 00:01:13,280 Sie können die Dokumentation auf Formulare überprüfen, um zu verstehen, wie Optionsfelder erstellt werden. 16 00:01:13,280 --> 00:01:14,620 Sie sind ziemlich unkompliziert. 17 00:01:14,620 --> 00:01:19,100 Also, wir haben Inline-Optionsfelder den ganzen Weg von eins bis 18 00:01:19,100 --> 00:01:25,400 sechs und Sie werden dem Benutzer erlauben, eine dieser Optionsfelder auszuwählen. 19 00:01:25,400 --> 00:01:26,780 Wenn Sie also auf einen von ihnen klicken, 20 00:01:26,780 --> 00:01:29,455 können Sie die Anzahl der Gäste auswählen. 21 00:01:29,455 --> 00:01:32,900 Und die zweite Information ist Datum, 22 00:01:32,900 --> 00:01:35,055 und die dritte Information ist Zeit. 23 00:01:35,055 --> 00:01:40,480 Also, das Datum und die Uhrzeit werden von zwei Eingabefeldern 24 00:01:40,480 --> 00:01:44,040 hier unterstützt werden und dann haben wir einen Submit-Button namens 25 00:01:44,040 --> 00:01:47,955 „Reserve“ mit der Schaltfläche in blauer Farbe. 26 00:01:47,955 --> 00:01:52,855 Also, erinnere dich an all diese verschiedenen Details hier und das ist in einer Karte. 27 00:01:52,855 --> 00:01:59,980 Nun, diese Karte, wenn sie auf einer kleinen bis extra großen Bildschirmgröße ist, 28 00:01:59,980 --> 00:02:08,000 wird sie in dieser Reihe zentriert und sie wird acht Spalten einnehmen. 29 00:02:08,000 --> 00:02:11,180 Also haben Sie hier zwei Spalten und zwei Spalten übrig. 30 00:02:11,180 --> 00:02:14,915 Dies sind einige Hinweise darüber, wie Sie das positionieren werden. 31 00:02:14,915 --> 00:02:17,020 Für extra kleine Bildschirmgrößen 32 00:02:17,020 --> 00:02:20,900 nehmen Sie die gesamte Bildschirmbreite ein, 33 00:02:20,900 --> 00:02:25,670 sonst kann Ihr Formular dort nicht sinnvoll untergebracht werden. 34 00:02:25,670 --> 00:02:31,505 Also, das ist die erste Aufgabe in Ihrem zweiten Auftrag. 35 00:02:31,505 --> 00:02:38,285 Wenn Sie sich erinnern, die linke die zweite Ziehung unserer Inhalte nicht gestylt, 36 00:02:38,285 --> 00:02:41,980 werden Sie jetzt das Medienobjekt verwenden, um diesen Inhalt zu stylen. 37 00:02:41,980 --> 00:02:43,790 Beachten Sie insbesondere, dass 38 00:02:43,790 --> 00:02:47,460 Ihr Bild für das Medienobjekt auf der rechten Seite angezeigt wird. 39 00:02:47,460 --> 00:02:50,365 Verwenden Sie also den rechten Satz von 40 00:02:50,365 --> 00:02:55,800 Klassen, um Ihr Bild auf der rechten Seite des Inhalts erscheinen zu lassen, 41 00:02:55,800 --> 00:03:00,275 im Gegensatz zu den anderen, auf denen das Bild auf der linken Seite erscheint. 42 00:03:00,275 --> 00:03:02,930 Und es muss hier vertikal zentriert sein. 43 00:03:02,930 --> 00:03:08,665 Beachten Sie auch, dass Sie hier ein Abzeichen mit dem Wort „neu“ hinzufügen müssen. 44 00:03:08,665 --> 00:03:11,530 Und so haben wir dies bereits in 45 00:03:11,530 --> 00:03:15,025 der Übung gesehen, so dass dies nicht sehr schwer zu erreichen sein sollte. 46 00:03:15,025 --> 00:03:16,780 Ihre zweite Aufgabe besteht also wieder 47 00:03:16,780 --> 00:03:21,030 darin, das Medienobjekt zu verwenden, um dies zu gestalten. 48 00:03:21,030 --> 00:03:24,545 Die letzte Aufgabe in der zweiten Zuordnung, 49 00:03:24,545 --> 00:03:27,455 ist es, hier eine Schaltfläche zu erstellen. 50 00:03:27,455 --> 00:03:29,735 Dies wäre ein Block-Button. 51 00:03:29,735 --> 00:03:32,635 Also, Knopfblock-Klasse, die Sie verwenden werden. 52 00:03:32,635 --> 00:03:38,430 Nun, was Sie tun können, ist, können Sie diesen Inhalt 53 00:03:38,430 --> 00:03:41,170 hier neu positionieren, um den halben Bildschirm zu besetzen, und 54 00:03:41,170 --> 00:03:44,770 dann werden diese beiden den verbleibenden Teil des Bildschirms mögen. 55 00:03:44,770 --> 00:03:47,910 Und benutze die Wörter reservieren Tabelle da drin. 56 00:03:47,910 --> 00:03:50,815 Nicht nur das, wenn Sie auf diese Schaltfläche klicken, 57 00:03:50,815 --> 00:03:55,085 werden Sie zum Formular am unteren Rand der Seite weitergeleitet, mit 58 00:03:55,085 --> 00:03:57,340 dem Sie die Reservierung vornehmen können. 59 00:03:57,340 --> 00:04:01,150 Hier müssen Sie also die HTML-Möglichkeiten zum 60 00:04:01,150 --> 00:04:05,695 Angeben von IDs verwenden, um diese Aktion zu erreichen. 61 00:04:05,695 --> 00:04:12,940 Also wieder zurück, sollte diese Schaltfläche vertikal in der 62 00:04:12,940 --> 00:04:21,610 Tabelle positioniert werden und sollte den Bildschirmbereich Hälfte mit Ihrem Logo hier teilen. 63 00:04:21,610 --> 00:04:25,550 Die Formulierungen hier können die verbleibende Hälfte der Skripte einnehmen. 64 00:04:25,550 --> 00:04:30,930 So können Sie die Spaltenklassen verwenden, um diese Dinge anzupassen.