Хотите узнать, как создать базовый веб-сайт? Это можно сделать, просто используя HTML, но лучшее решение в наши дни — полагаться на PHP. Хотя для начала вам понадобятся некоторые знания HTML, PHP стал идеальным выбором для создания веб-сайтов, как статических, так и динамических. Проверять Что такое генератор постоянных веб-сайтов Hugo и как он работает?
Чтобы научиться использовать PHP, лучше всего начать с создания простого веб-сайта на PHP.
Почему стоит выбрать PHP для разработки сайтов?
За прошедшие годы было доступно множество различных вариантов веб-разработки. Все началось с простого HTML, затем HTML со встроенным CSS или ссылкой на файл CSS. Когда появились динамические веб-сайты, было два основных варианта: ASP (позже ASP.NET) и PHP.
По номерам (например, W3Techs استطلاع Опрос), веб-разработка на PHP более популярна: около 82% веб-сайтов используют PHP в качестве языка программирования на стороне сервера. Сравните это с менее чем 16 процентами, работающими на ASP.NET (Active Server Pages).
Кажется очень маловероятным, что инфраструктура ASP.NET когда-либо будет существовать после официальной даты прекращения поддержки в 2022 году в каком-либо официальном качестве, по крайней мере, не как веб-технология. PHP (повторяющаяся аббревиатура от PHP Hypertext Preprocessor) оказался более успешным, в основном благодаря простоте интеграции с Linux.
Поскольку операционные системы Linux с открытым исходным кодом работают на большинстве веб-серверов, это не должно вызывать удивления. Проверять Лучшие простые способы получить опыт работы с SQL перед вашей первой работой.
Что вам понадобится для создания веб-сайта PHP
Прежде чем приступить к работе, убедитесь, что у вас установлен текстовый редактор или среда разработки с поддержкой PHP. Вы можете начать программирование на PHP с помощью простого инструмента, такого как Блокнот Windows. Примеры в этом руководстве были написаны с помощью Notepad++.
У вас также должен быть веб-сервер PHP для загрузки файлов. Это может быть удаленный сервер или локальный компьютер с установленной средой LAMP (Linux, Apache, MySQL, PHP) или WAMP (Windows, Apache, MySQL, PHP). Если вы используете Windows, следуйте Это руководство по установке WAMP для начала работы.
Наконец, вам понадобится программа FTP для загрузки файлов на ваш веб-сервер. Проверять Лучшие альтернативы XAMPP для локального размещения вашего сайта.
Понимать синтаксис для программирования простой веб-страницы с использованием кода PHP.
Основной синтаксис PHP использует набор математических знаков меньше и больше, каждая функция заканчивается точкой с запятой, как показано ниже:
; ?> Что касается веб-страниц, почти каждое использование PHP зависит от эха. Что указывает браузеру выводить текст и содержимое в кавычках. Например:
<؟ php print (“Hello World”)؟>
Обратите внимание, что HTML также заключен в кавычки. Обычно вывод этого кода будет выглядеть так:
Как создать веб-сайт с помощью PHP: правильная структура
В каком бы коде вы ни писали свой веб-сайт, вам необходимо знать архитектуру веб-сайта, прежде чем продолжить. В этом руководстве показано, как создать одну страницу из повторно используемых файлов PHP. Их можно использовать для создания дополнительных страниц или выбрать другой метод.
Какой бы формы вы ни ожидали от разработки веб-сайта, найдите время, чтобы набросать краткий план на листе бумаги. Затем вы можете обратиться к нему, возможно, чтобы проверить предполагаемый контент или посмотреть, на какую страницу вы хотите сослаться.
Наш базовый PHP-сайт будет иметь домашнюю страницу, содержащую биографическую информацию и несколько изображений.
Для простого PHP-сайта в этом примере будет создана одна PHP-страница, заполненная содержимым трех HTML-страниц. Созданный вами файл index.php затем можно редактировать, изменяя слова и изображения из исходных HTML-файлов.
Примеры кода, показанные ниже, являются снимками экрана. Исходный код вы найдете в Репозиторий GitHub , который может скачать любой желающий бесплатно.
Читайте дальше, чтобы узнать, как шаг за шагом создать веб-сайт PHP. Проверять Как без труда создать профессиональный сайт.
Создание веб-сайта PHP: заголовок
Чтобы создать веб-сайт с использованием PHP, вам потребуется создать три веб-страницы. Который основан на базовой структуре заголовка, тела и нижнего колонтитула.
Как вы можете себе представить, заголовок содержит информацию об адресе. Однако информация о браузере, такая как используемый стандарт HTML, также включена вместе со ссылками на CSS.
Начните с создания файла с именем заголовок.html Затем добавьте необходимую информацию заголовка.
В этом примере был предоставлен базовый файл CSS, на который вы увидите ссылку в его каталоге /css/. Этот файл будет вызываться при загрузке страницы в вашем браузере и применении требуемого шрифта и макета.
Размещение контента на веб-странице PHP
Каждая веб-страница состоит из раздела контента, известного как «Основная часть». Это часть страницы, которую вы читаете — то, что вы сейчас читаете, — это текст этой страницы.
Создайте файл с именем тело.html Добавьте информацию, которую хотите разместить на странице. Я включил биографические данные со страницы автора, но вы можете добавить все, что хотите.
Простой код для нижнего колонтитула
Вы можете создать раздел нижнего колонтитула веб-страницы, выполнив следующие действия. Создайте файл как нижний колонтитул.html И добавьте немного контента. Это может быть информация об авторских правах или какая-то полезная ссылка для всех, кто посещает вашу страницу.
Это может быть что-то вроде:
С добавленным кодом сохраните файл.
Собираем простой сайт на PHP
С тремя отдельными файлами HTML в /html/ вы можете использовать PHP-эхо, чтобы сгруппировать их на одной странице.
Создайте новый файл PHP с именем index.php Со следующими тремя строками в нем:
<?php echo file_get_contents(“html/header.html”); ?> <?php echo file_get_contents(“html/body.html”); ?> <?php echo file_get_contents(“html/footer.html”); ?>
Вы должны сохранить его, загрузить на свой сервер, а затем перейти к index.php. Вы должны увидеть готовую веб-страницу в своем браузере. Имейте в виду, что фактический файл PHP, который вы открыли в своем браузере, состоит всего из трех строк.
Наконец, вы можете добавить немного PHP с последней строкой. Включите уведомление об авторских правах с всегда актуальным годом:
<p>Copyright © CM Cawley <?php echo date(“Y”); ?></p>
Это появится в файле index.php после нижнего колонтитула. Обратите внимание, как инструкция echo date («Y») отображает текущий год четырьмя цифрами. Вы можете изменить способ отображения, обратившись к этому меню параметров W3Schools. Например, буква «y» в нижнем регистре будет отображать год в двузначном формате, а не в четырех.
Используйте CSS для его позиционирования и стиля, как и для любого другого элемента. Найдите CSS для этого проекта в репозитории GitHub вместе с кодом другого простого PHP-сайта. Проверять Как использовать Google Chrome для отладки CSS.
Отлично, вы только что создали свой первый PHP-сайт с нуля. Настало время взглянуть на другие примеры PHP-сайтов, чтобы улучшить свои навыки.
Является ли PHP лучшим выбором для разработки веб-сайтов?
Теперь, когда вы знаете, как создать веб-сайт на PHP, вы должны знать, что это не единственный способ разработки веб-сайтов. Уже существует несколько фреймворков для динамического веб-интерфейса на основе баз данных, а также есть JavaScript и связанные с ним технологии, такие как Adobe Dreamweaver.
Однако, если вы хотите начать веб-разработку на PHP, будет разумно оценить основы. Если вы понимаете основные строительные блоки веб-сайта из HTML, CSS и PHP, вы уже на пути к успеху. Теперь вы можете просмотреть Как создать свой собственный онлайн-прокси-сервер за считанные минуты.
