Как реально делают сайты

Система Управления Контентом

Я уже говорил, что самые нестандартные вещи при создании сайта пишутся всегда в ручную. Но часто бывает так, что нужен сайт, где есть только стандартные вещи: меню, тексты, форма обратной связи, блог, форум, гостевая книга, сервис голосований и т.п. Такие штуки присутствуют на очень многих сайтах и снова придумавать, как написать их, не имеет смысла. Можно найти в Интернете уже готовые скрипты. Но тогда возникает проблема состыковать все эти разношерстные скрипты разных авторов друг с другом и вписать их в дизайн своего сайта. Значит все равно придется разбираться во всех этих скриптах. А хотелось бы получить уже состыкованный набор работающих скриптов.

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

И, наконец, хотелось бы, чтобы добавление нового контента (текст, картинки, музыка, видео и т.п.) на сайт происходито как-то стандартно. Желательно, вообще, чтобы для добавления нового контента на сайт не надо было бы знать основы языка HTML и PHP. Ведь могут же люди добавлять свои сообщения на форумах и в гостевые книги не зная основ построения сайтов. Хотелось бы, чтобы все остальное тоже можно было бы добавлять также просто. Это имеет огромное значение для создателей сайтов. Ведь в таком случае можно делать сайты на заказ для разных людей и организаций, где никто не знает основ сайтостроения. Представьте себе, Вы делаете людям сайт и потом они без Вашей помощи могут наполнять этот сайт своим контентом.

Все эти три возможности реализуются в Системах Управления Контентом (Content Manager System), сокращенно CMS (или КМС). Система Управления Контентом это такой большой скрипт, который Вам надо установить у себя на хостинге и затем на его базе строить свой сайт. Обратите внимание, что CMS обычно написаны на языке PHP. Поэтому требуется хостинг с поддержкой PHP. Для этого подходят все платные хостинги и некоторые бесплатные. Не все бесплатные хостинги с заявленной поддержкой PHP могут подойти для установки конкретной КМС. Часто на бесплатных хостингах реализуется очень усеченая поддержка PHP. Поэтому какая-то конкретная CMS может не работать на каком-то конкретном бесплатном хостинге с заявленной поддержкой PHP. Это не означает, что на этом хостинге не будет работать вообще никакая CMS, как и не означает, что эта КМС не будет работать ни на одном бесплатном хостинге. На каждом бесплатном хостинге с PHP реализована своя поддержка PHP порой совсем не такая как на других бесплатных хостингах с PHP. Кроме того, конфигурафия PHP на хостинге время от времени может меняться. Так что CMS, которая раньше не работала на конкретном бесплатном хостинге может начать работать на этом хостинге через какое-то время. Наконец, на некоторых бесплатных хостингах с поддержкой PHP можно попросить службу поддержки помочь Вам установить CMS. Если для работоспособности данной конкретной КМС нужно что-то незначительно подправить в конфигурации PHP, то конкретно для Вас такое могут сделать.

А на домены никаких ограничений CMS не накладывает.

В Системах Управления Контентом реализуется очень глубокое разделение между собой контента, дизайна и структуры сайта. Когда Вы пишите сайт "руками" по какому-то учебнику HTML, то Вы пишите все одновременно. У Вас элементы дизайна вплетены в текст, структура сайта и его дизайн неразрывно связаны. Поэтому при смене дизайна сайта, вам надо переделывать все страницы сайта. А заменив на какой-нибудь странице один текст на другой, приходится потом дизайнерски дорабатывать эту страницу.

В КМС все по другому. Там голые тексты храняться в отдельных файлах. Описания дизайна тоже храняться в отдельных файлах. Таким образом дизайн и контент отделены от структуры сайта.

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

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

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

Исторически Системы Управления Контентом как раз и появились не столько для облегчения жизни создателей сайтов, сколько для облегчения жизни тех, кто потом управляет сайтом. Дело в том, что сайты не бывают мертвыми, не меняющимися. В них постоянно надо вносить какие-то изменения, добавлять информацию или сменить надоевший дизайн. Представьте себе, что разработчики сайта сделали сайт для какой-то коммерческой фирмы. И что теперь? Каждый раз, как надо на сайте сделать какое-то изменение (например, исправить орфографическую ошибку) надо вызывать разработчика? И платить ему за это деньги?

Проблему решают CMS. Разработчик только показывает представителям заказчика, которые будут управлять сайтом, как зайти на сайт под паролем администратора и как в административном блоке через меню создавать новые страницы и указывать с какими текстовыми и дизайнерскими файлами будет связана эта страница. Ну и как закачать на сайт новые картинки и тексты и как перезаписать файлы дизайн. Картинки и тексты обычно заказчик изготавливает сам. А файлы дизайна заказывает у профессиональных дизайнеров или покупает их уже готовые или находит в Интернете бесплатные. Представителям заказчика, которые будут наполнять сайт контентом, не нужно знать HTML, PHP и CSS. Нужны простые навыки работы с компьютером и Интернетом на пользовательском уровне.

А для самого разработчика сайтов часто CMS облегчает жизнь не сильно, так как часто КМС требуется правильно настроить, чтобы сайт работал корректно. Порою для такой настройки некоторых КМС на хостинге заказчика требуются очень глубокие знания системного администратора. Поэтому разработчики сайтов стремятся браться за создание сайтов с нуля, чтобы с самого начала засадить сайт заказчика на "правильный" хостинг для данной CMS.

Является ли человек, который делает свой сайт при помощи CMS, настоящим вэб-мастером? Этот вопрос не имеет смысла задавать не конкретизируя Систему Управления Контентом. Все CMS очень разнообразны и дают пользователю очень разную степень свободы в построении сайта. Бывают очень жесткие КМС, которые не позволяют ничего поменять на сайте кроме дизайна и набора стандартных элементов, например, конструкторы сайтов. А бывают очень гибкие КМС, в которые Вы можете вставить любые свои скрипты. На основе таких КМС получаются очень нестандартные сайты.

Многие платные хостинги специально приспособлены под некоторые Системы Управления Контентом. Обычно это те хостинги, где клиентам могут предоставить дополнительную платную услугу по созданию сайта. Понятно, что им там надо штамповать эти сайты быстро и без всяких проблем по установке на свой хостинг. Например, этот Современный Хостинг специализируется на создании сайтов на основе таких КМС, как бесплатная Joomla CMS и платные КМС: ABO.CMS, Host CMS и NetCat CMS. Понятно, что, допустим Joomla CMS устанавливается на таком хостинге из панели управления всего за несколько кликов мышкой без всякой настройки, так как этот хостинг уже "заточен" под установку такой Системы Управления Контентом. Русскоязычную версию Joomla CMS можно там же скачать совершенно бесплатно. К ней идет более 40 шаблонов, плюс уроки по работе с Joomla CMS, да и служба поддержки такого хостинга, конечно же, очень хорошо разбирается в этой КМС и может нормально Вас проконсультировать.

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

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

Ну и конечно же многие CMS сильно ограничивают в создании чего-то нестандартного на своем сайте.

Конструктор сайтов

Конструктор сайтов - это такой хостинг, на который уже установлена специальная Система Управления Контентом (CMS). Как только Вы регистрируете там свой аккаунт, то Вам тут же устанавливают эту CMS. И у Вас нет никаких других вариантов. Вы не можете убрать эту КМС или заменить ее на другую. Вы будете создавать свой сайт только на основе данной CMS.

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

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

Одним из самых существенных недостатков такого хостинга с конструктором сайтов, является то, что Ваш сайт уже не сможет переехать на другой хостинг. Просто свои тексты и картинки Вы, конечно, сможете перенести на другой хостинг. А вот контент форума или блога Вам будет перенести крайне затруднительно.

Поэтому, если Вы приняли решение, что Вам достаточно только конструктора сайта, то отнеситесь к выбору хостинга крайне серьезно. Особенно внимательно читайте правила предоставления хостинга, где написано, что можно и чего нельзя делать на данном хостинге. Будет очень неприятно для Вас, если Ваш сайт снесут с хостинга за какие-то нарушения. Если это произойдет через 1-2 месяца после начала создания сайта, когда на сайте 10-20 страниц, то это будет не так жалко, как если это произойдет через 2-4 года, когда на сайте будет уже несколько сотен страниц.

Обычно конструкторы сайтов предоставляют бесплатные хостинги. Поэтому Вы можете сначала попробовать такой вид сайтостроя, когда Вы просто наполняете свой сайт контентом. Для 90% всех людей обычно большего и не требуется. Единственная серьезная проблема у Вас будет с переносом своего сайта на другой зостинг, если на таком бесплатном конструкторе сайтов что-то перестанет Вас устраивать (или Ваш сайт перестанет устраивать администрацию хостинга). Это, конечно, многих отпугивает от хостингов с конструктором сайта. Поэтому на таких хостингах обычно хостятся люди слабо знакомые с этой проблемой (или угрозой, если хотите). То есть человек, слабо знакомый с проблематикой сайтостроения, быстро покупается на рекламу быстрого легкого и простого создания своего сайта. И во многих случаях это оправдывает себя.

К дополнительным недостаткам конструкторов сайтов относятся также и все перечисленные выше недостатки Систем Управления Контентом.

Верстка сайтов

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

Лучше не использовать для верстки страниц сайта такие программы, как текстовый редактор MS Word и табличный редактор MS Excel. Получаются очень тяжелые страницы с усложненным кодом, которые долго грузятся в браузер. Нормально они отображаются только в браузере Internet Explorer. В других браузерах могут отображаться с искажениями.

Удивил графический редактор CorelDRAW. С одной стороны, CorelDRAW генерирует более простой HTML-код страниц сайта. Но с другой стороны, при сохранении страницы в HTML-формате, он переводит весь текст в рисунки, причем каждое слово в отдельный рисунок. Это никуда не годится для индексации поисковыми системами.

Лучше всего для верстки страниц сайта использовать специализированные визуальные редакторы, типа FrontPage и DreamWeaver. Причем, DreamWeaver предпочтительней, так как FrontPage генерирует HTML-код, который более приспособлен для Internet Explorer.

Ручное кодирование

Классическое создание сайтов, путем написания всего кода до сих пор применяется достаточно широко. В основном этим занимаются профессиональные вэб-мастера, которые создают какие-то нестандартные вещи на сайте. Чаще всего это написание каких-то скриптов на таких языках, как JavaScript, PHP, Perl, Pithon и др. Реже это создание нестандартных дизайнов с помощью CSS. Профессиональные вэб-мастера, работающие в крупных конторах, которые поддерживают и развивают какие-то очень крупные проекты в Интернете, давно уже узко специализируются на каких-то определенных темах, например, прием оплаты в Интернете или создание почтовых сервисов или интеграция с 1С, и т.д.

Если у Вас есть интерес попробовать себя в ручном кодировании, то для затравки можете использовать эти четыре самых простых шаблона для создания сайта.

PhotoShop, CorelDRAW, Flash и тому подобное?

Среди начинающих сайтостроителей часто бытует мнение что для создания сайта нужно хорошо знать ФотоШоп и уметь им пользоваться. Это на самом деле миф. Подавляющее большинство вэб-мастеров используют PhotoShop на самом начальном уровне: обрезать фотографию, уменьшить вес фотографии, чтобы быстрее грузилась в браузере, изменить цветовую гамму, например, сделать цветную фотку черно-белой. Самое сложное, что может понадобиться вэб-мастеру, это сделать GIF-анимацию или вырезать изображение с одной фотки и вставить его в другую. Ни о каком профессиональном владении ФотоШопом на уровне профессиональных фотографов и дизайнеров не идет и речи.

Профессиональное владение ФотоШопом, конечно, никак не помешает при создании сайта. Но владение PhotoShop на любительском уровне начинающего пользователя вреда Вашему сайту не нанесет.

Главное, что Вы должны уяснить, что страницы сайта не верстаются в ФотоШопе. По той простой причине, что поисковые системы в интернете не умеют читать тексты, написанные не в текстовом, а в графическом формате. Все что написано в файлах с расширением JPG, GIF и PNG для них темный лес. Поэтому, если сделать сайт, каждая страница которого представляет только набор картинок с текстами внутри этих картинок, то поисковые системы распознают такой сайт как какую-то фотогалерею, без текстового контента. Ваш сайт не будет появляться в результатах поиска Яндекса и Гугла по ключевым фразам.

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

Все сказанное выше про верстку сайта в PhotoShop относится и к верстке сайта в CorelDRAW. Большинство вэб-мастеров знает CorelDRAW на начальном уровне: начертить схему со стрелками, сделать цветные заливки или заливки с градиентом или с текстурой, сделать объемные буквы, сделать плавный переход из одной фигуры в другую и т.п. Все эти картинки затем переводятся из векторного в растровый формат: JPG, GIF и PNG для использования на сайте в качестве вставных картинок, кнопок меню и т.п., но никак не в виде целиком сверстанных страниц по причинам уже озвученным выше.

Теперь Flash-анимация. Многие начинающие сайтостроители прямо больны идеей создания сайта, который весь из себя построен на основе flash-роликов. Спросишь такого, а зачем все это? И получишь ответ - красиво, круто, клево, современно и, вообще, флэш это передовая технология, типа все продвинутые сайты скоро будут состоять из одной сплошной флэш-анимации.

Это все уровень детского сада, когда человек слабо понимает, а что он будет делать с этим своим сайтом на флэше и как он это будет делать. Если цель состоит только в том, чтобы показать этот сайт своим друзьям и знакомым, чтобы те сказали Вам: "Да ты, чувак, крут!!!" тогда да, надо делать крутейшую flash-анимацию, чтобы она выглядела как настоящее произведение искусства. Кажется, в США есть даже конкурс флэш-роликов, куда можно потом отправить свою работу, чтобы поразить весь Мир.

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

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

------------------

Автор статьи: Евгений Миронов.

[0] На какую тему создать сайт
[1] Файлы сайта
[2] Где физически находится сайт в Интернете
[3] Где логически находится сайт в Интернете
[4] Методы изготовления сайтов
[5] Основы раскрутки сайта
[6] Советы по оформлению сайта