Всплывающие окна - это небольшие окна, которые внезапно появляются на вашем экране. Эти всплывающие окна могут содержать текст, ссылки, кнопки или даже поля ввода. Всплывающие окна обычно используются в целях онлайн-рекламы. Вы можете размещать их в разных размерах и в разных положениях на экране.

Они могут содержать ссылку на какой-либо внешний сайт, рекламный контент с того же сайта, формы регистрации, формы для получения информационных бюллетеней и т.д. Веб-сайт может использовать всплывающие окна по разным причинам, в том числе для увеличения продаж, увеличения зарегистрированных пользователей на веб-сайте или даже увеличения трафика.

Вы можете посмотреть видео демонстрацию, попробовать сверстать самому по видео или скачать архив с готовым кодом. Если это видео оказалось для вас полезным, оставьте комментарий со своими мыслями или вопросами. Ваши отзывы помогают нам создавать более ценный контент.

В архиве находится:

• Исходные файлы HTML
• Исходные файлы CSS
• Исходные файлы jаvascript
• Иконки шрифтов
• Файлы библиотеки и плагинов

Пользователи могут находить всплывающие окна раздражающими, поэтому вам нужно правильно их размещать. Вам нужно позаботиться о том, чтобы дизайн вашего всплывающего окна был оптимизирован и оптимизирован для SEO.

Некоторые основные правила заключаются в следующем: иметь определенную кнопку призыва к действию и кнопку закрытия, не размещать вводящий в заблуждение контент, размещать всплывающее окно в правильном положении на экране и т.д.

Всплывающие окна могут появляться на вашем экране в разное время, например – сразу после загрузки веб-сайта, через несколько секунд после загрузки веб-сайта и т.д. В сегодняшнем уроке мы научимся создавать всплывающее окно, которое появляется автоматически через несколько секунд после полной загрузки страницы. 

Это всплывающее окно состоит из заголовка, простого текстового содержимого, кнопки призыва к действию и кнопки закрытия. Для этого урока нам понадобятся некоторые базовые HTML, CSS и jаvascript.