Необходимые инструменты и подготовка
Для работы необходим локальный сервер. На Windows рекомендуется использовать Denver или аналогичный пакет. Он обеспечит работу с PHP, MySQL и AJAX (хотя для AJAX локальный сервер не обязателен).
После установки сервера создайте папку с именем сайта. Внутри неё создайте папку www. Пока она должна быть пустой. (Инструкции по обновлению и перезапуску Denver описаны в предыдущем уроке).
Создание базовых папок и файлов
В папке www создайте папки:
- css — для хранения стилей CSS.
- img — для хранения изображений.
- js — для хранения JavaScript-скриптов.
Создайте файл index.php. Рекомендуется использовать расширение .php, даже если пока он содержит только HTML, для упрощения добавления PHP-кода в будущем.
Шаблон сайта
Хотя макет не обязателен, полезно создать набросок. Для этого подойдут бумага и карандаш или графический редактор (например, Photoshop).
Наш пример шаблона включает:
- Белый фон.
- Шапку.
- Футер.
- Боковую панель (для баннеров или ссылок).
- Основную статью.
- Несколько меньших статей.
- Пагинацию.
- Ссылки для регистрации, авторизации и обратной связи.
- Авторские права.
- Ссылки на социальные сети.
- Поле поиска.
Примерный внешний вид: шапка наверху, футер внизу, боковая панель слева, основная статья и меньшие статьи справа.
Создание простого шаблона перед началом работы поможет понять цель и структуру проекта. Экспериментируйте и создавайте собственный дизайн. Даже простой шаблон полезен для навигации и понимания структуры сайта.