Пришло время перейти ко второму заданию в этом курсе.
На этой неделе мы покрыли кнопки, формы,
таблицы, карты, изображения и средства массовой информации, а затем, наконец, мы накрыли значок.
Итак, это задание мы рассмотрим,
пытаясь изучить ваше понимание всех этих тем.
Ваше второе задание состоит из трех задач.
Давайте пройдем через каждый из них шаг за шагом.
Ваша первая задача состоит в том, чтобы создать форму в поле таблицы индексной стратегии.
Таким образом, это сразу после описаний, которые мы имеем, поэтому
используйте другую строку с содержимым строки там.
Создайте там открытку с названием.
Зарезервируйте таблицу, а затем внутри этой карты,
в блоке карты, включите форму.
Форма будет содержать переключатели.
Вы можете проверить документацию для форм, чтобы понять, как создавать переключатели.
Они довольно простые.
Таким образом, у нас есть встроенные переключатели весь путь от одного до
шести, и вы позволите пользователю выбрать любой из этих переключателей.
Таким образом, нажатие на один из них,
позволит вам выбрать количество гостей.
Вторая часть информации - дата,
а третья часть информации - время.
Таким образом, дата и время будут поддерживаться двумя полями ввода
здесь, а затем у нас есть кнопка отправки здесь с именем
«зарезервировать» с кнопкой синего цвета.
Итак, помните все эти разные детали здесь, и это в карточке.
Теперь эта карта, если она находится на маленьком или очень большом размере экрана,
она будет центрирована в этой строке, и она будет занимать восемь столбцов.
Таким образом, у вас осталось два столбца здесь и два столбца слева.
Вот некоторые подсказки о том, как вы собираетесь позиционировать это.
Для небольших размеров экрана
вы занимаете всю ширину экрана,
иначе ваша форма не может быть размещена там.
Итак, это первая задача во втором задании.
Если вы помните, левый второй розыгрыш нашего контента без стиля,
вы собираетесь использовать медиа-объект сейчас, чтобы стиль этого контента.
Обратите внимание, в частности, что
для медиаобъекта ваше изображение будет отображаться на правой стороне,
поэтому используйте правый набор
классов, чтобы ваше изображение отображалось справа от содержимого, в
отличие от других, где изображение появляется на левой стороне.
И он должен быть центрирован вертикально здесь.
Также обратите внимание, что вам нужно включить значок со словом «new».
И поэтому мы видели это уже в
упражнении, так что это не должно быть очень трудно достичь.
Итак, ваша вторая задача, опять же,
состоит в том, чтобы использовать медиаобъект для стилизации этого.
Конечной задачей во втором задании
является создание кнопки здесь.
Это была бы кнопка блока.
Итак, класс блока кнопок, который вы собираетесь использовать.
Теперь, что вы можете сделать, это вы можете переместить этот контент
здесь, чтобы занять половину экрана, а
затем этим двум понравится оставшаяся часть экрана.
И используйте там таблицу резервирования слов.
Мало того, что, когда
вы нажимаете на эту кнопку, вы будете переведены в форму внизу страницы,
которая позволяет сделать бронирование.
Таким образом, это то, где вам нужно использовать HTML-способы
указания идентификаторов для достижения этого действия.
Таким образом, возвращаясь назад, эта кнопка должна быть расположена вертикально в
таблице и должна разделять пространство экрана наполовину с вашим логотипом здесь.
Формулировки здесь могут занимать оставшуюся половину скриптов.
Таким образом, вы можете использовать классы столбцов для настройки этих вещей.