Waid

В результатах поиска частенько выскакивают запросы типа «Как сделать свой сайт?» или «Хочу свой сайт» и им подобные. Но никто не спрашивает у Яндекса или Гугла, как именно можно достичь своей цели. А ведь это совсем нелёгкий путь! Для того, чтобы работал самый простой сайт, нужно залить на хостинг минимум один файл, в котором будет использоваться язык гипертекстовой разметки текста HTML. А для функционирования нормального ресурса требуется не одна сотня файлов, в которых можно будет найти и CSS и JavaScript, HTML, PHP, MySQL. А в некоторых случаях и ещё более сложные языки программирования, но давайте разберёмся во всём по порядку: что зачем и для чего оно нужно.

Это самая основа всех страниц в интернете. Именно он был с самого начала. На самом деле это даже не совсем язык программирования. Правильнее будет назвать его языком гипертекстовой разметки текста. С помощью HTML задаётся основа страницы, её каркас, а потом к этому каркасу уже «прикручиваются» функционал, динамичность и красота.
Так как версий этого языка существует несколько, то лучше всего наинать обучение с актуальной. На март 2015-го года это HTML 5. Он уже неслабо «подрос» за пять поколений и теперь может самостоятельно не только создавать каркас и текстовую составляющую, но и указывать некоторые Action-элементы вроде различных меню или форм регистрации с занесением данных в таблицы баз данных.

CSS был создан специально для того, чтобы добавлять красивое визуальное оформление к HTML и правильно называть его не языком программирования, а каскадными таблицами стилей. Вообще, это минимальный набор для того, чтобы задать хоть мало-мальски визуально оформленную страницу.
Но давайте поговорим подробнее о самом CSS. Он содержит около ста классов, которые имеют по несколько значений каждый. Но нельзя сказать, чтобы его изучение проходило слишком сложно. Нет, на самом деле, CSS – самый простой для изучения во всей цепочке ингредиентов, необходимых для создания полноценного сайта.
Это самый мощный из известных инструментов для графического оформления страниц. Убедиться в этом можно, перейдя на сайт «zen css garden». Там энтузиасты выложили HTML файл, дизайн которого необходимо задать с помощью CSS. И только посмотрев примеры, содержащиеся на этом ресурсе, понимаешь, до чего же могучий инструмент, этот самый CSS!

Вот мы перешли к подвижным элементам страницы. Безусловно, с помощью CSS тоже можно было задавать определённую анимацию, но Java Script (не путать с Java!!! Сходство такое же, как между котом и КОТелком) в этом отношении намного более гибок и предоставляет миллион других возможностей:

Одним словом, JS – это все динамические объекты, которые есть на страницах, а также некоторые другие элементы. Под «некоторыми другими» я понимаю всякие калькуляторы, галереи и прочее.
Тут уже всё намного сложнее: JS – это полноценный язык программирования и на его доскональное изучение уйдёт намного больше времени, чем на HTML и CSS вместе взятые. Здесь уже нельзя отделаться тегами или селекторами и классами. Извольте разбираться в константах, переменных, массивах, классах, операторах и многом прочем. Но, несмотря на всё. Результат себя оправдывает сполна!

Вот это уже действительно сложно! PHP – полноценный язык программирования, который выучить полностью можно только если посвятить себя полностью этому делу. Это уже настоящий язык серверного программирования, настоящих мастеров которого всего несколько десятков человек по всему миру. И, хотя, PHP задумывался как серверный язык программирования, но сейчас в большинстве случаев он используется именно для создания функционала сайтов: переходы между страницами, добавление последних новостей в ленту, переход к полноценной записи, вычисление каких-то результатов на основе введённых данных и так далее. Людям, которые освоили PHP в совершенстве, можно только аплодировать стоя!
Но для наших целей, то есть, написания функционала сайта, достаточно лишь выучить в небольшой части этого серверного языка. И на его изучение понадобится примерно от одного года до 5 лет. Не верьте книжкам с ярким описанием, красочной обложкой и кричащим названием «PHP за 21 день»! Это всё ложь! Невозможно выучить этот язык за 21 день, если вы не гений с суперпамятью.
По своему назначению в сайтостроении PHP должен обрабатывать некоторые команды и генерировать HTML код, к которому потом прикрепляются таблицы стилей и JS плагины. А после всё это отсылать на браузер конечного пользователя. Но помните, что это всего лишь вершина айсберга!

MySQL – это базы данных. В них мы глубоко лезть не будем и я сейчас позволю прибегнуть к одной очень грубой аналогии, которая, тем не менее, позволит сократить объяснение их сути до нескольких слов: «PHP – это мозги, которые всё обдумывают и делают выводы, а MySQL – это память (читай, данные), которые анализируют и с которыми совершают какие-то действия ‘мозги’».
В базах данных хранится вся информация, которая при необходимости берётся оттуда обработчиком PHP и используется для своих целей. Оба этих языка программирования обязательно учить в связке, так как порознь они встречаются очень редко (хотя, случается и такое).

Итак, что же мы имеем? Для того, чтобы написать любой мало-мальски стоящий сайт, вам нужно знать:

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