Создайте эффективную рекламную страницу сайта

Этот урок описывает создание страницы рекламы и важные аспекты веб-разработки.

Создание ссылок на страницу рекламы

Добавим ссылки на страницу рекламы в шапке и подвале сайта. Для этого используем путь /ads от корня сайта (например, itproger.com/ads). Расширение файла (HTML, PHP и т.д.) указывать не нужно. Отображение страниц настраивается на сервере, что предпочтительнее, чем указание полных путей к файлам.

Создание страницы рекламы (ads.php)

Создадим файл ads.php. Название выбрано как сокращение от «advertisement». Простая копия содержимого index.php в ads.php может привести к ошибке 404 («Страница не найдена»).

Настройка отображения страницы с помощью .htaccess

Для корректной работы страницы настроим файл .htaccess. Добавим правило переадресации:

RewriteRule ^ads/?$ ads.php [NC,L]

Это правило перенаправляет запросы к /ads на файл ads.php. Флаг NC игнорирует регистр, а L указывает на последнее правило. После обновления, страница должна отображаться корректно. Изменения в ads.php, например, заголовок, будут видны на странице /ads.

Изменение дизайна страницы рекламы

Удалим из ads.php ненужные элементы, например, вывод статей и кнопку под ними. Оставим боковую и нижнюю части сайта. Заменим текст «IT новости» на «Реклама».

Создание отдельного CSS файла (site.css)

Создадим site.css для стилей страницы рекламы, чтобы не перегружать main.css. Скопируем необходимые стили из main.css в site.css. В ads.php подключим только site.css, а в index.php оставим оба файла: main.css и site.css. Изменения должны быть незаметны на страницах.

Блок информации о рекламе

Создадим блок информации о рекламе слева. В site.css зададим стили: задний фон, ширину, отступы, радиус границ и цвет текста. Улучшим внешний вид списков, добавив стили для ul и ol в main.css.

Вынесение блоков в отдельные файлы

Для удобства работы создадим папку Blocks и вынесем блоки (шапка, боковая панель, подвал) в файлы header.php, aside.php и footer.php. Подключим их с помощью require_once в index.php и ads.php. Это упростит изменение элементов сайта. Также вынесем JavaScript-скрипты в отдельный блок.

Мы создали страницу рекламы, настроили её отображение, изменили дизайн и вынесли части сайта в отдельные файлы для удобства дальнейшей работы. Это упростит модификацию сайта.

Что будем искать? Например,программа