Создаем landing page в связке с базой данных
Landing pages или «посадочные страницы» в последние годы стали довольно популярными инструментами для продвижения товаров и услуг. Как правило, они используются для усиления эффективности рекламы и увеличения аудитории. Переход на такие страницы обычно происходит по ссылкам из рекламных объявлений, размещенных в поисковых системах или почтовых рассылках.
С технической стороны landing page представляет из себя простую статичную веб-страницу и серверный скрипт для отправки сообщений. В большинстве случаев данные отправляются с использованием AJAX. Указанных инструментов вполне достаточно для создания среднестатистического лендинга. Тем более основной упор при изготовлении лэндингов делается на дизайн. Они должны быть яркими, привлекать внимание посетителей и побуждать их совершить покупку или заказать услугу.
Однако бывают случаи, когда товаров несколько или они часто меняются. Например, в случае landing page агентства недвижимости для продвижения каких-либо объектов недвижимости. Если рекламируемый объект продан, то для того чтобы добавить другой, нужно «копаться» в верстке страницы. Чтобы в таких случаях не править HTML-код страницы, можно хранить информацию о товарах отдельно. В этом случае заказчик страницы сможет добавлять, редактировать и удалять товары самостоятельно.
В этой статье я ознакомлю вас с двумя способами хранения данных о товарах, которые вы можете использовать при разработке лэндингов.
Небольшой сайт с описанием европейских стран.
Используемые инструменты и технологии:
- Adobe Photoshop CS3 (рисование и нарезка макета)
- xml, xslt
- html (xhtml 1.0 Strict)
- CSS 2.1
- PHP
Описание:
Однажды передо мной встала задача ознакомиться с технологиями xml и xslt. В результате получился этой небольшой сайт с описание европейских стран.Было создано несколько xml файлов - в них хранится информация о странах, при помощи xslt данные преобразуются в страницы сайта. Преобразования происходят на стороне сервера, поэтому в этой работе использовуется еще и php. Макет создан в “Adobe Photoshop”. Во время разработки тестирование сайта производилось в браузерах IE6, IE7, Firefox3, Opera9.64, GoogleChrome2, Safari4.