AlphaStudio LandingPage
1.0.0
Пример адаптивной целевой страницы для стартапа/агентства веб-дизайна, созданного с помощью Bootstrap-4
Во-первых, что такое целевая страница? В цифровом маркетинге целевая страница — это отдельная веб-страница, созданная специально для маркетинговой или рекламной кампании. Это место, куда посетитель «приземляется» после того, как нажмет на ссылку в электронном письме или на рекламу из Google, Bing, YouTube, Facebook, Instagram, Twitter или подобных мест в Интернете. По сути, краткое отображение информации/услуг вашей компании и/или компании. собрать клиентов или заказчиков.
Прежде чем приступить к коду !imps: Frontend Framework: Boostrap 4.0.0. Загрузите с: https://v4-alpha.getbootstrap.com/.
Плавная прокрутка: Jquery
Отправка почты пользователю для запроса/отзыва: PHPMailer-master. Скачать с: https://github.com/PHPMailer/PHPMailer.
Для запуска на локальном сервере XAMPP с работающими MySQL и Apache.
Использованные изображения имеют открытый исходный код и отредактированы с использованием Photoshop и Canva.
Структура таблицы базы данных: имя пользователя: ТИП ТЕКСТА email_id: ТИП ТЕКСТ сообщение: ТИП ТЕКСТ вы можете указать длину в соответствии с вашими потребностями проверки
Home.html: Компоненты 1. Панель навигации: класс Bootstrap Navbar 2. Эффект параллакса 3. Эффект прокрутки с использованием Jquery 4. Раздел нашей команды: карточки классов Bootstrap 5. Анимация FadeIn и FadeOut с использованием Jquery 6. Наконец, нижний колонтитул со значками социальных сетей из Font - замечательная ссылка для встраивания:
CSS: шрифты из Google Fonts
Соединение.php:
Сохранение переменных с использованием FILTER_INPUT Почему FILTER_INPUT? PHP-скрипты, написанные большими сообществами программистов, регулярно выпускают версии безопасности из-за плохой или ошибочной фильтрации входных данных. Отсутствие фильтрации входных данных может подвергнуть ваш сервер и данные атакам, и многие из этих атак теперь автоматизированы (поскольку использование взломанных веб-серверов для рассылки спама сейчас является отраслью).
Добавление переменных в базу данных
PHPMailer: для отправки ответов пользователю на сайт. Почему PHPMailer через mail()? PHPMailer предлагает множество функций по сравнению с основной функцией PHP mail(), включая шифрование и аутентификацию SMTP SSL, HTML-сообщения, вложения файлов и многое другое. Вдобавок ко всему, PHPMailer намного проще в использовании, чем mail(), и имеет чистый, читаемый объектно-ориентированный синтаксис.
Вот и все ! Код максимально прост в очистке, создавая гладкую страницу с минимальными усилиями.
Если вы хотите разместить свой проект, следуйте этому руководству: на бесплатном хостинге Byethost.
Я отключил там службу электронной почты, поскольку вводить мой пароль и учетные данные небезопасно и небезопасно, в этом случае выберите безопасный хостинг или создайте фиктивную учетную запись Gmail.
https://www.youtube.com/watch?v=edKaUUkLyHA
