Как создать свой первый простой веб-сайт на PHP

Хотите узнать, как создать простой веб-сайт? Когда-то вы могли начать с HTML, но в наши дни лучшим решением является PHP. Хотя для начала вам потребуются некоторые знания HTML, PHP стал оптимальным выбором для создания как статических, так и динамических веб-сайтов.

Чтобы изучить PHP, лучше всего начать с простого веб-сайта PHP.

Почему выбирают PHP для разработки веб-сайтов?

На протяжении многих лет для веб-разработки были доступны различные варианты. Все началось с простого HTML, затем с HTML со встроенным CSS или со ссылкой на файл CSS. Когда появились динамические веб-сайты, было два основных выбора: ASP (позже ASP.NET) и PHP.

По цифрам (например, этот обзор W3Techs PHP гораздо более популярен: почти 82 процента веб-сайтов используют его как язык программирования на стороне сервера. Сравните это с чуть менее 16 процентами при использовании ASP.NET.

Кажется маловероятным, что ASP.NET будет существовать после своей официальной даты прекращения в 2022 году в каком-либо официальном качестве, по крайней мере, не в качестве веб-технологии. PHP (рекурсивная аббревиатура от PHP Hypertext Preprocessor) оказался более успешным, в основном благодаря более простой интеграции с Linux.

Поскольку операционная система с открытым исходным кодом работает на большинстве веб-серверов, это не должно вызывать удивления.

Что вам понадобится для создания веб-сайта на PHP

Прежде чем начать, убедитесь, что у вас установлен текстовый редактор или среда разработки с поддержкой PHP. Вы можете начать кодировать PHP с помощью такого простого инструмента, как Блокнот Windows. Примеры, представленные в этом руководстве, были написаны в Notepad ++.

У вас также должен быть веб-сервер PHP для загрузки файлов. Это может быть удаленный сервер или локальный компьютер с установленной средой LAMP (Linux, Apache, MySQL, PHP) или WAMP (Windows, Apache, MySQL, PHP). Если вы используете Windows, следуйте этому Руководство по установке WAMP для начала.

Наконец, вам понадобится программа FTP для загрузки файлов на ваш веб-сервер.

Подробнее: Бесплатные FTP-клиенты для Windows

Понимание синтаксиса кодирования простого веб-сайта с использованием PHP

В базовом синтаксисе PHP используется набор угловых скобок, где каждая функция заканчивается точкой с запятой, например:

Что касается веб-страниц, почти каждое использование PHP зависит от оператора echo. Это указывает браузеру выводить текст и содержимое в кавычках. Например:

скачать видео с YouTube в фотопленку

Обратите внимание, что HTML также включен в кавычки. Результат для этого обычно выглядит так:

Создание веб-сайта на PHP: структура

Какой бы код вы ни использовали для написания своего веб-сайта, вам необходимо знать структуру сайта, прежде чем продолжить. Из этого туториала Вы узнаете, как создать одну страницу из многоразовых файлов PHP. Их можно использовать для создания дополнительных страниц, или вы можете выбрать другой подход.

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

как получить темный режим в tiktok

Наш основной веб-сайт PHP будет содержать домашнюю страницу, включая биографические данные и некоторые изображения.

Для этого простого веб-сайта PHP вы собираетесь создать одну страницу PHP, заполненную содержимым трех страниц HTML. Созданный вами файл index.php затем можно отредактировать, изменив слова и изображения из исходных файлов HTML.

Примеры кода, показанные ниже, представляют собой снимки экрана. Вы найдете исходный код в мой репозиторий GitHub , который может бесплатно скачать любой желающий.

Создание веб-сайта на PHP: заголовок

Чтобы создать веб-сайт с использованием PHP, вам необходимо создать три веб-страницы. Они основаны на базовой структуре верхнего, основного и нижнего колонтитула.

Как вы могли догадаться, заголовок содержит информацию о заголовке. Тем не менее, информация для браузера также включена, такая как используемый стандарт HTML, вместе со ссылками на CSS.

Начните с создания файла с именем header.html, затем добавьте необходимую информацию заголовка.

Для этого примера мы предоставили базовый файл CSS, ссылка на который, как вы увидите, находится в его собственном каталоге / css /. Этот файл будет вызываться, когда страница загрузится в вашем браузере и применит требуемый шрифт и макет.

Поместите контент в тело вашей веб-страницы PHP

Каждая веб-страница состоит из раздела содержимого, известного как «тело». Это часть страницы, которую вы читаете - то, что вы сейчас читаете, является ее телом.

Создайте файл с именем body.html и добавьте информацию, которую хотите включить на страницу. Я включил биографические данные с моей страницы автора MakeUseOf, но вы можете добавить все, что захотите.

Далее следует нижний колонтитул веб-страницы. Создайте его как footer.html и добавьте контент. Это может быть информация об авторских правах или полезные ссылки для всех, кто посещает вашу страницу.

Это могло быть примерно так:

С добавленным кодом сохраните файл.

Объединение вашего простого веб-сайта на PHP

С тремя отдельными HTML-файлами в / html / вы можете использовать PHP echo, чтобы скомпилировать их в одну страницу.

Создайте новый файл PHP с именем index.php со следующими тремя строчками:

Сохраните, загрузите на свой сервер, затем перейдите к index.php. Вы должны увидеть заполненную веб-страницу в своем браузере. Имейте в виду, что фактический файл PHP, который вы открываете в своем браузере, состоит всего из трех строк.

Наконец, вы можете добавить немного PHP-кода в последнюю строку. Включите уведомление об авторских правах с всегда обновляемым годом:

Он появится в файле index.php после нижнего колонтитула. Обратите внимание, как оператор эхо-даты ('Y') отображает текущий год в виде четырех цифр. Вы можете изменить способ отображения, обратившись к этому списку опций W3Schools. Например, строчная буква «y» будет отображать год в двузначном формате, а не в четырех.

Используйте CSS, чтобы расположить и стилизовать его, как и с любым другим элементом. Найдите CSS для этого проекта в репозитории GitHub вместе с другим простым кодом веб-сайта PHP.

как изменить электронную почту по умолчанию в гугле

Молодец - вы только что создали свой первый веб-сайт на PHP с нуля.

PHP - лучший выбор для создания веб-сайтов?

Как вы могли догадаться, PHP - не единственный способ разработки веб-сайтов. Уже существует множество фреймворков для динамического веб-взаимодействия с базами данных, есть JavaScript и связанные с ним технологии, а также программное обеспечение, такое как Adobe Dreamweaver.

Однако, если вы хотите начать веб-разработку, разумно иметь представление об основах. Если вы понимаете, какие строительные блоки веб-сайта представляют собой HTML, CSS и PHP, вы на правильном пути к успеху.

Делиться Делиться Твитнуть Эл. адрес Изучите HTML и CSS с помощью этих пошаговых руководств

Хотите узнать о HTML, CSS и JavaScript? Если вы думаете, что у вас есть умение научиться создавать веб-сайты с нуля, вот несколько отличных пошаговых руководств, которые стоит попробовать.

Читать далее Похожие темы

Программирование
Веб-разработка
Программирование
PHP программирование

Об авторе Кристиан Коули(Опубликовано 1510 статей)

Заместитель редактора по безопасности, Linux, DIY, программированию и техническому объяснению, а также производитель действительно полезных подкастов с большим опытом поддержки настольных компьютеров и программного обеспечения. Автор журнала Linux Format, Кристиан - мастер Raspberry Pi, любитель Lego и фанат ретро-игр.

Ещё от Christian Cawley

Подписывайтесь на нашу новостную рассылку

Подпишитесь на нашу рассылку, чтобы получать технические советы, обзоры, бесплатные электронные книги и эксклюзивные предложения!

Нажмите здесь, чтобы подписаться