Создайте личный сайт своими руками!
Web-сайт на PHP

Информация, представленная на этой странице ориентирована в первую очередь для начинающих веб-мастеров.

Дата: 04.09.2011

Друзья мои!

У Вас есть стойкое желание иметь свой сайт? Это замечательно!
К созданию сайта, как впрочем, и к любому делу, за которое Вы взялись, нужно относиться с абсолютной серьёзностью и полной отдачей. Мне кажется, что сделать свой сайт - это как воспитать ребёнка. Вначале он будет в фазе младенчества, неказистый, незамысловатый, всего в несколько страниц. Затем Вы будете по крупицам наполнять его содержанием (контентом), расширять и модернизировать. В итоге через какое-то время кропотливой работы, почувствуете, что у Вас что-то начало получаться, и появился кое-какой доход от вашего творения за счёт всевозможных способов извлечения пользы со своего ресурса. "Ребёнок" вырос и Вы вправе требовать от него отдачи за ваши труды по воспитанию.

Это полностью готовый сайт на простом "движке PHP" с комплектом обратной связи. Кодировка: "windows-1251". Размещается на сервере, где имеется "PHP". Отладку также можно проводить на компьютере, если установить сервер "Apache" и "PHP". Программный комплект "Denwer", который содержит эти компоненты, рекомендуется скачать с сайта http://denwer.ru. Сайт для наглядности имеет ПРЕДВАРИТЕЛЬНОЕ оформление, которое легко изменить, редактируя файл стилей "style.css". Для наполнения сайта контентом, изменения его структуры и оформления достаточно использования одного приложения - БЛОКНОТА.

возможностей на официальном сайте этого движка будет предложение купить коммерческую версию стоимостью от 1900 до 29900 рублей. Также для работы движка нужны базы данных. За их использование нужно платить хостингу дополнительную сумму каждый месяц (к примеру, 42 рубля на Джино). А за предлагаемый сайт Вы будете платить 33 рубля за дисковое пространство плюс 42 за услугу PHP, в итоге 75 рублей в месяц. Если Вы хотите начинать работу с сайтом за 75+42=117 рублей (и это в МЕСЯЦ!) и делать доход хостингу, пожалуйста. Разница ощутимая. Если посчитать за год, то с предлагаемым сайтом Вы заплатите хостингу 900 рублей, а, имея сайт с движком - 1404 рубля!!! А заработать на своём сайте в первые годы очень проблематично. Где-то года через два, возможно, Вы выйдете на зароботок примерно 2000-3000 руб. в месяц и то не всегда и не все. Можете делать прибыль хостингу и покупать платные движки, если мечтаете быть крутым вебмастером, а можно ограничиться нашим сайтом и "набивать руку" тренироваться на нём. А когда почувствуете СИЛУ, можно и на ДВИЖКИ переходить. Когда-то я начинал разбираться с движками, но забросил, после того, как нашёл этот вариант сайта. А сейчас понял, что движки и разные системы управления контентом, кроме обещанных удобств в работе, предполагают дополнительное и немалое вложение средств. Не сочтите меня меркантильным, но "деньги любят счёт". Как спел Высоцкий: "У них там денег куры не клюют, а у нас - на водку не хватает!" У нас тоже не клюют, потому, что нет ни кур ни денег.

ДЕМО:

Именно об этих вариантах и пойдёт речь в этой статье. Приятного Вам чтения!

От статического сайта к динамическому

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

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

Сайт на PHP

PHP - встроенный в HTML-страницы язык описания сценариев, выполняемых на сервере, где размещен сайт. Термин PHP первоначально означал Personal Home Page Tools (Cредства для персональной домашней страницы). Затем PHP стало сокращением от PHP: Hypertext Preprocessor (PHP: препроцессор гипертекста).

В HTML-страницах, являющихся статическими, есть элементы, которые одинаковы на всех страницах. Например, верхняя часть страницы, нижняя ее часть, Главное меню. При необходимости внесения изменений в общие элементы сайта требуется в каждую из страниц вносить изменения. Это занимает много времени особенно, когда сайт состоит из нескольких сотен страниц.

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

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

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

Виртуальный web-сервер на личном компьютере. Комплект программ "Денвер"

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

Но проблему можно решить гораздо проще и без денежных затрат, если установить на своем компьютере веб-сервер - такой же, какой обслуживает большинство Интернет-сайтов, например, Apache.

Apache можно бесплатно загрузить из Интернета. Проблема лишь в том, что установка Apache, PHP, MySQL из их оригинальных дистрибутивов может стать весьма затруднительной из-за сложностей в настройке этих программ.

Но нашлись люди, которые решили облегчить положение разработчиков веб-приложений, сделав специализированные программные пакеты для установки этих приложений. Наиболее совершенный и самый популярный среди них - проект Денвер, созданный под руководством Дмитрия Котерова.
Денвер - это комплект программ, состоящий из последних версий:

веб-сервера Apache;    интерпретатора языка PHP;    интерпретатора языка Perl;    СУБД MySQL.

В Денвере все эти компоненты объединены в единый установочный пакет. Кроме того, в Денвер входят PHPMyAdmin (набор сценариев для работы с MySQL) и особые программы для запуска компонентов пакета и их остановки.

Сеть на Рабочем столе

Чтобы превратить ваш компьютер в тестовую площадку для сайтов и форумов, необходимо загрузить свежую версию Денвера с сайта проекта: http://www.denwer.ru/
(размер загружаемого файла - около 5,5 Мбайт). Работает Денвер под любыми версиями Windows.

Что такое локальный сервер и для чего он нужен?

Локальный сервер – это специальное програмное обеспечение, котороя позволяет разрабатывать, отлаживать и запускать динамические сайты у себя на компьютере. Например, решили Вы открыть собственный блог. Обзавелись движком, доменом и т.д., но вначале хотели бы поработать с ним, “пощупать” так сказать, без установки на хостинг. Страницы статического сайта ещё можно открывать в любом редакторе, производить изменения и результат просматривать непосредственно в браузере. Однако, динамические страницы запустить из папки не удастся, поскольку компьютер понятия не имеет, как работать с такими вещами. Именно локальный сервер на Вашем компьютере и позволяет это сделать без подключения к "Интернет". Главное достоинство Денвера – это возможность работать одновременно над несколькими проектами и возможность установки на обычной флешке.

Установка "Денвера"

Как уже говорилось ранее, чтобы скачать установочный пакет к себе на компьютер, посетите эту ссылку http://www.denwer.ru/ и нажмите большую кнопку "Скачать Денвер". Вам будет предложено ввести свои имя и e-mail, после чего на указанный ящик придет письмо со ссылкой.

Установка Денвера выполняется крайне просто - достаточно запустить на выполнение тот файл, который вы скачали с сайта.

Вот пошаговый план действий по установке Денвера:

Шаг 1. Запускаем скачанный файл и соглашаемся продолжить установку. После чего начинается распаковка архива на компьютер.

Шаг 2. Открывается окно браузера с приветствием от разработчиков. Его следует закрыть. После чего открывается Dos-овское окно установки, где предлагается нажать Enter.

Шаг 3. Нажимаем клавишу Enter и идём дальше. Далее Денвер спрашивает, в какую папку хотите установить файлы сервера. По умолчанию предлагается папка "WebServers" на диске "С:\". Если устанавливаете Денвер на компьютер, лучше оставить ее такой же. Но Денвер может устанавливаться и на флешку, в этом случае надо написать букву к флеш-накопителя (E:\ например) и нажать Enter.

Шаг 4. Денвер спрашивает повторного согласия на установку, пишем “Y” и давим на Enter. Инсталлятор что-то пишет, думает и в итоге говорит о создании виртуального диска.

Шаг 5. Виртуальному диску по умолчанию присваивается буква "Z:", если Вы желаете другую, можете сказать ему это. Но лучше оставить как есть, и нажать Enter.

Шаг 6. Через некоторое время Денвер попросит выбрать режим запуска. Если Вы устанавливаете на компьютер, выбирайте режим 1. Если же Вы ставите Денвер на флешку, следует выбрать режим 2.

Шаг 7. Заканчивается установка и инсталлятор спросит Вас, создать ли ярлыки запуска сервера на рабочем столе. Однозначно выбираем "Да" и ждем окончания установки.

Все, локальный сервер у Вас установлен, теперь можете запустить его и проверить его работу. Для этого нажмите на иконку "Start Denwer" на Вашем рабочем столе и наберите в браузере http://localhost, если никаких конфликтов сервера с Вашей системой не возникло, загрузиться страница "Ура, заработало!"

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

Видеоролик по установке "Денвера"

Работа с "Денвером". Получите готовый сайт на PHP

Если комплект ДЕНВЕР Вы установили, можно приступать к освоению основ создания сайтов на PHP. Вам нужно создавать сайт, который Вы будете в дальнейшем содержать, редактировать, видоизменять, наполнять контентом и т.д. именно в "Денвере". Чтобы лучше понимать, что из себя представляет динамический сайт, я предлагаю готовую модель сайта на простом движке PHP, который можно получить в моём магазине за совершенно символическую плату. Это практически готовый сайт с комплектом обратной связи. Вы без особого труда изучите строение динамического сайта на реальном примере, так как в каждой папке и странице есть подробнейшие инструкции и детальные разъяснения.

Мой сайт, на котором Вы находитесь сейчас, я сначала сделал в HTML, затем переделал в PHP, взяв за основу образец сайта на простом движке PHP. Собственно, перед вами пример сайта на простом движке PHP, но, конечно, с дополнениями и некоторыми изменениями, которые внесены мною в процессе развития сайта.

В комплекте данного сайта есть папка "complect_feedback". Это форма обратной связи на вашем сайте. Выглядит она ТАК. Данная форма предоставляет как отправителям сообщений со страницы сайта, так и его администратору, удобный способ обмена сообщениями. Далее Вы настроите её для своих сообщений. Руководство по использованию формы обратной связи в файле "manual.html".

Получив файлы сайта в виде архива site.zip, распакуйте архив в отдельную папку. В папке site находятся ещё две папки: site и site_1. Это два варианта сайта, двух и трёхколоночного соответственно. Выберите один из вариантов, который Вам по душе.
(Ещё раз хочу обратить ваше внимание, что файлы сайта на PHP, находящиеся в папке компьютера, невозможно просмотреть в браузере, как обычные файлы сайта HTML. Их надо либо загрузить на свой хостинг, либо просматривать и редактировать в ДЕНВЕРЕ.)
Внутри папки site или site_1 находится папка "www" с файлами сайта. Далее файлы любого из вариантов вставьте в ДЕНВЕР по следующему пути:
"C:" >>> "WebServers" >>> "home" >>> "папка с названием вашего проекта" (можно оставить site или site_1) >>> "www" (с файлами сайта).

Запустите или перезапустите ДЕНВЕР кликнув на рабочем столе Start Denwer. Запомните, это действие необходимо производить каждый раз после загрузки новых файлов!

Наберите в адресной строке вашего браузера http://site/ или http://site_1/ (или название вашего проекта) и увидите главную страницу сайта. Попробуйте открыть другие страницы, пройдя по ссылкам слева.

Таким же образом можно монтировать несколько разных проектов, естественно, с разными названиями и работать с каждым из них в отдельности после запуска "ДЕНВЕРА".

Желаю Вам удачи в освоении нового направления, в изучении и использовании динамических сайтов!

Размещение сайта на хостинге

После создания сайта в ДЕНВЕРЕ Вам нужно перенести все файлы, которые находятся в папке виртуального диска Денвера на ХОСТИНГ.

Советую выбрать стабильный автоматизированный хостинг "ДЖИНО":

Это уже другая тема и читайте материал В ЭТОЙ СТАТЬЕ.

Рекомендуйте страницу для просмотра: