[MUSIC]
Ушли те дни, когда веб-сайты использовались исключительно для
доставки информации пользователям.
В эти дни на большинстве веб-сайтов пользователи смогут взаимодействовать с сайтом
для предоставления информации, например, нажав кнопки или заполнив формы
и введя что-то в поисковые поля, и так далее.
Итак, как мы поддерживаем такие виды взаимодействия с пользователями?
Это то, что мы собираемся иметь дело в этой конкретной лекции и
упражнении, которое следует за этим.
Например, если вы посетите веб-сайт Coursera, вы увидите, что у вас есть
кнопки в верхней части, которые вы можете нажать, чтобы добраться до разных мест.
У вас может быть окно поиска, в котором вы можете ввести информацию,
чтобы искать, например, полный стек веб-разработки и т. Д.
Таким образом, мы замечаем, что взаимодействие с пользователем должно поддерживаться
на веб-сайтах, используя множество различных подходов, включая кнопки
, формы, текстовые поля, флажки и многие другие.
Раннее взаимодействие с веб-сайтами обеспечивалось главным образом через гиперссылки.
Таким образом, вы можете нажать на гиперссылку и перейти к другим местам и так далее, но
это очевидно, что
гиперссылка является лишь одним из многих методов взаимодействия с вашим сайтом.
У вас могут быть кнопки, включенные на веб-сайте, которые при нажатии,
приведут к некоторым действиям, которые будут предприняты на веб-сайте.
У вас могут быть формы, которые вы заполняете для предоставления информации на веб-сайт.
Поэтому, когда вы посмотрите, как вы бы включили такие
функции взаимодействия с пользователем на ваш веб-сайт, вы увидите, что вы можете использовать что-то
вроде тегов, которые полезны для предоставления гиперссылок,
тогда у вас есть теги кнопок, которые позволяют вам включать кнопки на вашем веб-сайте.
Теперь, что мы собираемся посмотреть, это как мы форматируем с тегами на тегах
кнопок, используя классы начальной загрузки, чтобы вы могли
стилизовать их, чтобы подделывать общую тему начальной загрузки.
HTML уже включает в себя элементы формы и входные элементы там.
Теперь мы можем посмотреть, как бутстрап улучшает эти элементы, предоставляя
функции стиля для форм и различные элементы, которые входят в формы.
Кнопки, очевидно, обеспечивают простой способ взаимодействия с вашим сайтом.
Поэтому, когда у вас есть кнопка на вашем сайте, вы можете навести курсор на кнопку,
вы можете нажать на кнопку и ожидать, что что-то произойдет в процессе.
Поведение кнопки зависит от того, где она находится в начальной загрузке.
Например, если кнопка находится внутри формы,
обычно при нажатии кнопки форма будет отправлена на сервер
или информация о форме будет отменена.
Кнопка вне формы может иметь другие способы обеспечения взаимодействия.
Аналогичным образом, < a > тег, который мы традиционно связывали с
гиперссылками, также может быть украшен, чтобы быть стилизован и
представлен в виде кнопки.
Итак, здесь мы увидим, как bootstrap предоставляет классы, которые могут быть
использованы для форматирования тега в кнопку, которая будет представлена на вашем сайте.
Мы также рассмотрим различные элементы формы, такие как входные элементы,
выбор, кнопка, а также текстовые элементы AD, и
как мы используем их в наших формах для проектирования и
создания формы, которая может быть включена на нашем веб-сайте.
Таким образом, упражнение, которое следует за этой конкретной лекцией, познакомит вас с
поддержкой начальной загрузки для кнопок стиля, а
также посмотрит, как различные элементы формы могут быть улучшены с помощью
классов начальной загрузки, чтобы представить классические формы Bootstrap.