Курс «Как гуглить?» для начинающих разработчиков, урок 4 из 9.
Полезные материалы:
Добро пожаловать на четвертый урок курса под названием «Как гуглить». Сегодня мы наконец займемся программированием. HTML и CSS, которые мы изучали с вами ранее – не являются языками программирования. Это лишь языки разметки и форматирования, которые не позволяют создавать различные результаты при различных действиях пользователей.
Сегодня же мы будем погружаться в разработку с помощью языка программирования PHP. Язык программирования PHP позволит нам генерировать различное содержание веб-странички, в зависимости от тех или иных действий пользователя.
Для начала затронем совсем немного теории:
- Во-первых, для того, чтобы всё работало – на хостинге должен быть установлен PHP (в этом мы убедились, когда покупали хостинг)
- Во-вторых, для того, чтобы PHP-код работал, файл в котором он запускается должен иметь расширение .php
- В-третьих, PHP-код в исходных файлах сайта должен быть обрамлён конструкцией из треугольных скобок и знаков вопроса <? ?>, иногда после открывающего тега необходимо добавить 3 буквы: «php».
Давайте сразу рассмотрим несколько примеров. Переходим в панель управления хостингом, создаем файл «1.php», напишем в нём «моя строка». Сохраняем и создаем новый файл «2.php», напишем в нём «загружаю информацию: », а после этого:
<?php include ("1.php"); ?>Открываем в браузере файл 2.php и видим, что наши 2 строки, которые были расположены в разных файлах – объединились.
В отличии от HTML – PHP умеет работать с файлами, вы можете загружать из них информацию или записывать её.
Уже эта простейшая функция кардинально меняет процесс разработки веб-сайтов. Помните, на уроке про каскадные таблицы стилей я говорил, что создав отдельный css-файл, не придется вносить изменения по форматированию HTML-элементов отдельно на всех страницах и достаточно внести изменения только в CSS-файле?
Но CSS не влияет на содержимое наших страниц. А теперь представим ситуацию, у нас есть всё тот же новостной сайт, где множество страниц и на всех страницах есть неизменные элементы, которые одинаковы на каждой странице. Например, это может быть главное меню сайта. И вот в один прекрасный день у нас появляется необходимость добавить новый элемент в главное меню. У нас на сайте тысячи страниц и нам придется вносить изменения на каждой.
Избежать этого нам позволит функция include языка программирования PHP, которую мы рассмотрели выше. Давайте же сразу на нашем сайте заложим такую возможность, чтобы неизменные куски страницы, в нашем случае — её шапка и подвал были вынесены в отдельные файлы и редактировались централизованно.
Создадим папочку include в корневой директории нашего сайта – там мы будем хранить как раз вот такие информационные блоки, которые являются одинаковыми на всех страницах. Создадим файлы header.php и footer.php, и перенесем в них наш неизменный HTML-код.
Теперь, изменим расширение индексного файла с HTML на PHP и заменим скопированный HTML-код функциями include.
Теперь, мы можем подключать неизменные шапку и подвал к любой странице нашего сайта по аналогии с главной страницей.
Давайте опробуем это на практике и создадим страницу с новостями, где будем выкладывать, непосредственно новости или любой другой полезный контент.
Создаем страницу news.php, копируем в неё содержимое из файла index.php
А теперь заменим контент на этой странице новостями.
Теперь, чтобы посетители вашего сайта смогли перейти к новостям – заменим содержимое вот этого блока на главной странице и добавим ссылку на страницу новостей, указав в ней файл news.php
Готово, теперь у вас есть многостраничный сайт, а статичные блоки информации вынесены в отдельные файлы, что позволит вносить изменения в шапку или подвал централизованно, а не на каждой отдельной странице сайта.
Скачать исходные файлы урока №4
Курс «Как гуглить?»
- Назад: Урок 3. Публикация
- Далее: Урок 5. Javascript
- Оглавление курса