Как сделать собственный сайт-визитку

Как управлять содержимым сайта-визитки

Посмотрим, как устроен сайт-визитка.

В сценарии index.php объявлены переменные с данными о сайте и владельце:

• $title - название сайта,
• $name - имя владельца сайта
• $image - адрес файла с фото владельца,
• $email - почтовый адрес владельца,
• $phone - телефон владельца.

Объявленные переменные используются в компонентах. Откроем для примера файл components/header.php. Это шапка сайта.

Переменные $title и $name использованы в теге <title>, чтобы задать полное название сайта. Ниже переменная $title используется ещё раз в заголовке <h1>. А переменная $email использована дважды, чтобы указать адрес почты владельца. Аналогично переменные используются и в других компонентах сайта.

Придумайте собственное название для сайта и запишите его в переменную $title в файле index.php. В остальных переменные укажите ваши данные. Файл с фотографией лучше положить в папку img.

Обновите станицу в браузере и убедитесь, что сайт-визитка стал по-настоящему вашим!

Займёмся компонентами. Сейчас их десять.

header.php - обычная шапка

header-mini.php - мини-шапка c логотипом

about.php - информация о владельце

status.php - статус

photos.php - фотографии

news.php - новости

quotes.php - цитаты

contacts.php - контакты

footer.php - обычный подвал

footer-logo.php - подвал с логотипом

Выберите компоненты, которые будете использовать. И подключите их в том порядке, в каком хотите.

Посмотрим, как можно управлять содержимым компонентов, на примере about.php. Откройте его в редакторе кода.

Компонент состоит из заголовка второго уровня, картинки и текста. Заголовок и картинка подставляются автоматически благодаря переменным PHP. А вот текст мы будем править прямо в компоненте.

Замените текст в компоненте на рассказ о себе. Используйте парный тег <p>, чтобы выделить абзацы.

<p>Первый абзац.</p>
<p>Второй абзац.</p>
<p>Третий абзац.</p>

Теперь вы знаете, как настроить сайт-визитку под себя. Заполните выбранные компоненты информацией о себе.

В следующем шаге мы разберём, как опубликовать сайт-визитку в интернете.