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

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

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

Инструкции по созданию сайта на PHP от А до Я

  1. Почему стоит выбрать PHP для разработки веб-сайтов?
  2. Что вам нужно для создания веб-сайта на PHP?
  3. Начало работы с PHP: синтаксис
  4. Создание веб-сайта: структура
  5. Начните свой сайт: заголовок PHP
  6. Поместите контент в тело веб-сайта PHP
  7. Использовать нижний колонтитул PHP на веб-странице
  8. Соедините все части вместе
  9. Является ли PHP лучшим выбором для зашифрованных веб-сайтов?

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

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

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

ASP поддерживался до 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 для загрузки файлов на веб-сервер.

Начало работы с PHP: синтаксис

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

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

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

Изображение 1: Как создать простой веб-сайт на PHP

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

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

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

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

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

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

https://github.com/atomickarma/muobasicphp

Начните свой сайт: заголовок PHP

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

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

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

Изображение 2: Как создать простой веб-сайт на PHP

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

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

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

Изображение 3: Как создать простой веб-сайт на PHP

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

Использовать нижний колонтитул PHP на веб-странице

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

Нижний колонтитул может быть чем-то вроде:

Изображение 4: Как создать простой веб-сайт на PHP

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

Соедините все части вместе

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

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

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

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

Авторские права © CM Cawley

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

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

Поздравляем, вы создали свой первый простой веб-сайт на PHP.

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

Изображение 5: Как создать простой веб-сайт на PHP

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

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

Обратитесь к статье: 9 причин, по которым вам следует немного изучить HTML и CSS, чтобы получить более подробную информацию.

Надеюсь, у вас все получится.

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *