1 00:00:03,260 --> 00:00:08,650 Пришло время перейти ко второму заданию в этом курсе. 2 00:00:08,650 --> 00:00:13,599 На этой неделе мы покрыли кнопки, формы, 3 00:00:13,599 --> 00:00:20,095 таблицы, карты, изображения и средства массовой информации, а затем, наконец, мы накрыли значок. 4 00:00:20,095 --> 00:00:23,870 Итак, это задание мы рассмотрим, 5 00:00:23,870 --> 00:00:29,780 пытаясь изучить ваше понимание всех этих тем. 6 00:00:30,010 --> 00:00:33,920 Ваше второе задание состоит из трех задач. 7 00:00:33,920 --> 00:00:37,120 Давайте пройдем через каждый из них шаг за шагом. 8 00:00:37,120 --> 00:00:44,160 Ваша первая задача состоит в том, чтобы создать форму в поле таблицы индексной стратегии. 9 00:00:44,160 --> 00:00:48,110 Таким образом, это сразу после описаний, которые мы имеем, поэтому 10 00:00:48,110 --> 00:00:53,345 используйте другую строку с содержимым строки там. 11 00:00:53,345 --> 00:00:57,850 Создайте там открытку с названием. 12 00:00:57,850 --> 00:01:01,065 Зарезервируйте таблицу, а затем внутри этой карты, 13 00:01:01,065 --> 00:01:04,460 в блоке карты, включите форму. 14 00:01:04,460 --> 00:01:08,095 Форма будет содержать переключатели. 15 00:01:08,095 --> 00:01:13,280 Вы можете проверить документацию для форм, чтобы понять, как создавать переключатели. 16 00:01:13,280 --> 00:01:14,620 Они довольно простые. 17 00:01:14,620 --> 00:01:19,100 Таким образом, у нас есть встроенные переключатели весь путь от одного до 18 00:01:19,100 --> 00:01:25,400 шести, и вы позволите пользователю выбрать любой из этих переключателей. 19 00:01:25,400 --> 00:01:26,780 Таким образом, нажатие на один из них, 20 00:01:26,780 --> 00:01:29,455 позволит вам выбрать количество гостей. 21 00:01:29,455 --> 00:01:32,900 Вторая часть информации - дата, 22 00:01:32,900 --> 00:01:35,055 а третья часть информации - время. 23 00:01:35,055 --> 00:01:40,480 Таким образом, дата и время будут поддерживаться двумя полями ввода 24 00:01:40,480 --> 00:01:44,040 здесь, а затем у нас есть кнопка отправки здесь с именем 25 00:01:44,040 --> 00:01:47,955 «зарезервировать» с кнопкой синего цвета. 26 00:01:47,955 --> 00:01:52,855 Итак, помните все эти разные детали здесь, и это в карточке. 27 00:01:52,855 --> 00:01:59,980 Теперь эта карта, если она находится на маленьком или очень большом размере экрана, 28 00:01:59,980 --> 00:02:08,000 она будет центрирована в этой строке, и она будет занимать восемь столбцов. 29 00:02:08,000 --> 00:02:11,180 Таким образом, у вас осталось два столбца здесь и два столбца слева. 30 00:02:11,180 --> 00:02:14,915 Вот некоторые подсказки о том, как вы собираетесь позиционировать это. 31 00:02:14,915 --> 00:02:17,020 Для небольших размеров экрана 32 00:02:17,020 --> 00:02:20,900 вы занимаете всю ширину экрана, 33 00:02:20,900 --> 00:02:25,670 иначе ваша форма не может быть размещена там. 34 00:02:25,670 --> 00:02:31,505 Итак, это первая задача во втором задании. 35 00:02:31,505 --> 00:02:38,285 Если вы помните, левый второй розыгрыш нашего контента без стиля, 36 00:02:38,285 --> 00:02:41,980 вы собираетесь использовать медиа-объект сейчас, чтобы стиль этого контента. 37 00:02:41,980 --> 00:02:43,790 Обратите внимание, в частности, что 38 00:02:43,790 --> 00:02:47,460 для медиаобъекта ваше изображение будет отображаться на правой стороне, 39 00:02:47,460 --> 00:02:50,365 поэтому используйте правый набор 40 00:02:50,365 --> 00:02:55,800 классов, чтобы ваше изображение отображалось справа от содержимого, в 41 00:02:55,800 --> 00:03:00,275 отличие от других, где изображение появляется на левой стороне. 42 00:03:00,275 --> 00:03:02,930 И он должен быть центрирован вертикально здесь. 43 00:03:02,930 --> 00:03:08,665 Также обратите внимание, что вам нужно включить значок со словом «new». 44 00:03:08,665 --> 00:03:11,530 И поэтому мы видели это уже в 45 00:03:11,530 --> 00:03:15,025 упражнении, так что это не должно быть очень трудно достичь. 46 00:03:15,025 --> 00:03:16,780 Итак, ваша вторая задача, опять же, 47 00:03:16,780 --> 00:03:21,030 состоит в том, чтобы использовать медиаобъект для стилизации этого. 48 00:03:21,030 --> 00:03:24,545 Конечной задачей во втором задании 49 00:03:24,545 --> 00:03:27,455 является создание кнопки здесь. 50 00:03:27,455 --> 00:03:29,735 Это была бы кнопка блока. 51 00:03:29,735 --> 00:03:32,635 Итак, класс блока кнопок, который вы собираетесь использовать. 52 00:03:32,635 --> 00:03:38,430 Теперь, что вы можете сделать, это вы можете переместить этот контент 53 00:03:38,430 --> 00:03:41,170 здесь, чтобы занять половину экрана, а 54 00:03:41,170 --> 00:03:44,770 затем этим двум понравится оставшаяся часть экрана. 55 00:03:44,770 --> 00:03:47,910 И используйте там таблицу резервирования слов. 56 00:03:47,910 --> 00:03:50,815 Мало того, что, когда 57 00:03:50,815 --> 00:03:55,085 вы нажимаете на эту кнопку, вы будете переведены в форму внизу страницы, 58 00:03:55,085 --> 00:03:57,340 которая позволяет сделать бронирование. 59 00:03:57,340 --> 00:04:01,150 Таким образом, это то, где вам нужно использовать HTML-способы 60 00:04:01,150 --> 00:04:05,695 указания идентификаторов для достижения этого действия. 61 00:04:05,695 --> 00:04:12,940 Таким образом, возвращаясь назад, эта кнопка должна быть расположена вертикально в 62 00:04:12,940 --> 00:04:21,610 таблице и должна разделять пространство экрана наполовину с вашим логотипом здесь. 63 00:04:21,610 --> 00:04:25,550 Формулировки здесь могут занимать оставшуюся половину скриптов. 64 00:04:25,550 --> 00:04:30,930 Таким образом, вы можете использовать классы столбцов для настройки этих вещей.