Этот урок описывает создание страницы рекламы и важные аспекты веб-разработки.
Создание ссылок на страницу рекламы
Добавим ссылки на страницу рекламы в шапке и подвале сайта. Для этого используем путь /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-скрипты в отдельный блок.
Мы создали страницу рекламы, настроили её отображение, изменили дизайн и вынесли части сайта в отдельные файлы для удобства дальнейшей работы. Это упростит модификацию сайта.