ак не ошибитьс€ при создании сайта. —татика или динамика

Ќа сайте www.internet-technologies.ru вы сможете изучить как самому создать сайт.

—колько страниц и сайтов вы успели посетить за врем€ пребывани€ в глобальной сети?  то-то больше, кто-то меньше, € сам не берусь сосчитать, сколько их было, многие, возможно, уже не существуют. ј задумывались ли вы над тем, что представл€ет собой кажда€ страница, пробовали загл€нуть внутрь сайта?
’очу предложить вам последовать за мной, а € попытаюсь открыть вам одну из сторон создани€ сайтов, их внутреннего устройства. ћы не будем сильно углубл€тьс€ в технические детали, но € постараюсь, чтобы вы пон€ли главное - чем отличаютс€ статические сайты от динамических, в чем их преимущества и недостатки, какой способ разработки сайта выбрать.
¬се сайты в сети можно разделить на две большие группы: статические и динамические сайты. — точки зрени€ посетител€ сайта порой не важно, на какой странице он находитс€, статической или динамической, иногда даже трудно точно это определить. Ќо € хочу рассмотреть такое разделение с точки зрени€ разработчика - создател€ сайта.
ƒл€ начала следует определитьс€ с пон€ти€ми, что же собой представл€ют статические и динамические сайты.
„то такое статический сайт?
—татической € буду называть страницу, котора€ целиком хранитс€ на сервере и показываетс€ посетителю в своем неизменном виде (следует учесть, что статическа€ страница может содержать некоторые измен€емые элементы, например баннеры, однако она все равно остаетс€ статической).
ƒл€ большей €сности приведу пример. ѕредставьте, что вы сохран€ете какую-либо страницу на свой компьютер. ƒопустим, теперь она хранитс€ в файле "Page.html" ≈сли вы откроете ее при помощи броузера, то увидите все наполнение страницы. ¬от примерно в таком виде (как при сохранении на локальный компьютер) статические страницы хран€тс€ на сервере, который только выдает их посетителю.
—татическим € буду называть сайт, большинство или все страницы которого €вл€ютс€ статическими.
“аких сайтов довольно много, с них, можно сказать, начиналс€ интернет.
„то такое динамический сайт?
ƒинамической € буду называть страницу, формируемую сервером из нескольких частей или получаемую путем внесени€ либо изменени€ данных в страницу.
–ассмотрим процесс генерации динамической страницы подробнее. ≈сли статическа€ страница не претерпевает практически никаких изменений и попадает на экран к посетителю в своем "первозданном" виде, то динамической страницы, такой, как ее видит человек, на сервере не существует. ќна собираетс€ несколькими различными способами из данных, хран€щихс€ на сервере, и только после этого показываетс€ посетителю.
 ак же она может собиратьс€? ƒавайте рассмотрим:
Х ѕервым вариантом может быть объединение нескольких (двух и более) отдельных частей в одну страницу - это самый простой способ генерации.
Х ¬торым вариантом €вл€етс€ заполнение шаблонной страницы какой-либо информацией, хран€щейс€ отдельно или получаемой в результате работы алгоритма (например, в результате вычислений).
Х “ретьим, и, пожалуй, самым распространенным вариантом €вл€етс€ сочетание первых двух во всевозможных вариаци€х, т.е. страница собираетс€ из нескольких кусочков, в которые при этом внос€тс€ различные изменени€.
—леду€ предыдущим определени€м, динамическим € буду называть сайт, большинство или все страницы которого создаютс€ динамически.
ѕриведу еще одну аналогию, чтобы все встало на свои места. ѕредставьте, что смотрите фильм.  адры смен€ют друг друга, слива€сь в одну живую картинку, но если посмотреть на процесс воспроизведени€ подробнее, вы поймете, что каждый кадр был заранее сохранен, и теперь вы просто видите их последовательность. ¬ы ничего не можете изменить, не можете вмешатьс€ в событи€ фильма. ”же догадались к чему € клоню? ƒа, он аналогичен статичному сайту, страницы которого точно так же как кадры фильма, были заранее созданы его автором.
Ќа что же в таком случае будет похож динамический сайт? Ќа компьютерную игру. ¬ ней есть определенный сценарий, свои персонажи и интерьеры, но финальна€ картинка получаетс€ только после совмещени€ всех этих частей, причем не без вашего участи€. “о, что вы видите на экране, зависит от ваших действий. “очно так же динамический сайт реагирует на ваши действи€ на своих страницах и собирает из кусочков необходимую вам страницу.
— принципом разделени€ мы разобрались, давайте перейдем к разбору плюсов и минусов обоих подходов относительно друг друга.
¬ы можете спросить, а что, если на сайте статических и динамических страниц примерно одинаково? я смею вас заверить, что таких сайтов довольно мало, да и в нашем случае это большой роли не играет. ѕросто те преимущества и недостатки, которые € рассмотрю чуть ниже, будут относитьс€ не ко всему сайту, а к его соответствующей части.
ѕреимущества и недостатки динамических сайтов
Ќапрашиваетс€ вопрос, а зачем вообще это нужно, делать страницу динамической, разбивать ее на части, хранить информацию где-то отдельно и т.д.? Ќе проще ли создать сайт таким, как его должен видеть посетитель и не выпендриватьс€?
 ак € уже говорил, со статических сайтов начиналс€ интернет, динамические страницы и сайты по€вились позднее, но начали теснить своих прародителей, а это значит, что они имеют свои преимущества. ¬от давайте и рассмотрим, какие преимущества имеют динамические сайты по сравнению со статическими, ну а чтобы обзор был полным, уделим врем€ и недостаткам.
’очу сразу заметить, что, дава€ определени€, € начинал с описани€ отдельных страниц. Ёто было сделано дл€ того, чтобы вам было пон€тнее, о чем идет речь. “еперь же, при сравнении, € буду рассматривать целые сайты: статические и динамические. —оответственно и преимущества будут касатьс€ именно готовых сайтов, т.к. подчас дл€ страниц они просто не подход€т.
»так, с по€влением €зыков программировани€, выполн€емых на стороне сервера, по€вилась возможность вносить изменени€ в данные отправл€емые посетителю. „то же это дало?
Х –азделение информации и дизайна
Х ”прощение модификации и обновлени€ страниц
Х ¬озможность измен€ть контент, реагиру€ на действи€ посетител€
ƒавайте рассмотрим каждый пункт поподробнее.
–азделение информации и дизайна сайта
»спользование динамических страниц позвол€ет хранить некий шаблон дизайна, в который, в зависимости от страницы, на которую зашел посетитель, помещаетс€ необходимое наполнение. “акой вариант очень удобен, ведь дл€ всего сайта создаетс€ один или несколько шаблонов, и все изменени€ дизайна, которые требуетс€ сделать на сайте, производ€тс€ только с ними.
¬ качестве примера представьте себе корпоративный сайт, на котором несколько сотен страниц (это не так уж много по нынешним меркам). » предположим, организаци€ решила помен€ть свой логотип, нет ничего проще - если сайт статический, нужно внести изменени€ в каждую страницу. ј теперь представьте, что сайт состоит из тыс€ч страниц, а изменени€ приходитс€ делать посто€нно. —колько временных и человеческих ресурсов дл€ этого потребуетс€?
≈сли же сайт динамический, все гораздо проще. »зменени€ внос€тс€ в один или несколько шаблонных файлов, и все страницы сайта автоматически измен€ютс€.
ƒанный подход также позвол€ет разграничить полномочи€ людей, занимающихс€ наполнением и модификацией сайта. “.е. одни сотрудники могут заниматьс€ дизайном, другие наполнением страниц. ¬ идеале они даже не будут пересекатьс€, только посетитель сайта будет видеть результат их совместной работы на экране своего монитора.
— точки зрени€ организации работы и разделени€ труда, вариант создани€ сайта на основании шаблонов практически идеален. „еловек, ответственный за дизайн сайта не сможет вмешатьс€ в процесс наполнени€ страниц контентом, и за все недочеты в дизайне будет нести ответственность только он. » наоборот, тот, кто занимаетс€ информационным наполнением сайта, не сможет нарушить дизайн сайта.  аждый занимаетс€ своим делом, не меша€ другим. Ёто ускор€ет работу и снижает затраты.
”прощение модификации и обновлени€ страниц на сайте
Ёто преимущество непосредственно вытекает из первого. ѕри рассмотрении предыдущего пункта € уже немного коснулс€ этого вопроса. я привел пример с изменением логотипа фирмы на всех страницах сайта. Ќо ведь сайт требует посто€нной модификации, особенно это касаетс€ его контента. »нформаци€ должна быть свежей.
–азделение информации и дизайна на сайте позвол€ет ускорить процесс обновлени€ и наполнени€ сайта, т.к. не требует от людей, выполн€ющих эти операции, знаний в област€х html-разметки, графики и т.д. “.е. можно даже подготовить дизайн сайта (заказать у фирмы, предоставл€ющей такие услуги), а потом производить наполнение сайта собственными силами, не затрачива€ средства на посто€нное привлечение сторонних или включение в свой штат специалистов по дизайну, что потребовалось бы при статической организации сайта. ƒа и временные затраты на обновление значительно сокращаютс€.
¬озможность измен€ть контент сайта, реагиру€ на действи€ посетител€
“ретье достижение стало прорывом на пути развити€ глобальной сети. ѕосудите сами, все преимущества, описанные в первых двух пунктах, облегчали работу создателей сайтов и снижали их расходы, но дл€ посетителей это было не очень важно. ј вот третье преимущество отразилось непосредственно на них. “олько благодар€ ему вы можете видеть огромное количество электронных магазинов, виртуальных клубов, интернет-игр и т.п. “олько возможность измен€ть наполнение сайта под конкретного посетител€ позволило воплотитьс€ в жизнь этим проектам.
ѕредставьте, что вы попали в электронный магазин, который использует статические страницы. ¬ таком интернет-магазине вы не сможете посмотреть свою корзину, вы не сможете проследить за этапами оплаты и выполнени€ заказа, вы не увидите ничего кроме страниц с товарами. ƒа, возможность сделать заказ у вас останетс€, но захотите ли вы назвать это магазином, будете ли в нем что-то покупать?
≈ще один пример - это форумы и чаты, коих на просторах сети развелось бесчисленное множество. ¬се они создаютс€ динамически, без поддержки этой технологии ни один из них не смог бы существовать. ƒоски объ€влений, клубы по интересам, виртуальные игры и соревновани€ - ничего этого бы не смогли увидеть.
ƒобавьте сюда все системы электронных платежей и вы поймете, как оскудела бы сеть, лишившись динамических сайтов. ¬ернее теперь вы можете представить, что мы все приобрели с по€влением этих новых возможностей.
Ќедостатки динамических сайтов
 ак и у всего остального в нашем неидеальном мире, у динамических сайтов есть свои недостатки.
ѕервым недостатком €вл€етс€ необходимость использовани€ дополнительных программных средств дл€ построени€ динамического сайта. Ќа статическом сайте все страницы уже готовы, серверу остаетс€ только показать их посетителю, а на динамическом сайте необходимо вносить в них какие-то изменени€, дл€ этого требуетс€ соответствующие программные решени€.
¬ зависимости от сложности сайта, трудоемкость и стоимость разработки таких программ может очень сильно варьироватьс€. —ейчас существует множество готовых решений дл€ создани€ сайта, в том числе и бесплатных. ¬ сети можно найти не один дес€ток всевозможных бесплатных скриптов, которые позвол€т вам создать на сайте форум, доску объ€влений, клуб знакомств, магазин и т.д. Ќо если требуетс€ что-то специфическое, здесь не обойтись без дополнительных разработок.
¬торым недостатком €вл€етс€ повышение требований к аппаратным мощност€м серверных систем. Ётот недостаток непосредственно следует из предыдущего, т.к. теперь серверу требуетс€ еще выполнить какую-то программу дл€ модификации страницы сайта, а только потом выдать ее посетителю. ќсобенно заметной эта проблема становитс€ на сайтах с большой посещаемостью. „асто в таких случа€х приходитс€ производить дополнительные оптимизации кода дл€ нормальной работы сайта.
—ледовательно, стоимость услуг, по содержанию такого сайта, намного выше, нежели статического. ’от€ сейчас, даже многие бесплатные хостинги поддерживают возможность создани€ динамических сайтов, не говор€ уже о платных, где все необходимое входит в стандартный набор услуг.
“ретьим недостатком, также вытекающим из первого, €вл€етс€ сложность больших структурных изменений сайта. ¬ы можете возмутитьс€, ведь € прежде говорил об облегчении и упрощении модификаций. Ќо не спешите, давайте разберем этот вопрос подробнее. ¬ данном случае все зав€зано на программное обеспечение, которое используетс€ на сайте. »менно оно объедин€ет кусочки дизайна и данных в один полноценный сайт. Ќо у любой программы есть свои ограничени€, и, если вы хотите получить что-то, что программно не предусмотрено, значит нужно мен€ть программу. Ћибо дорабатывать старую, либо искать новую.
ѕредставьте, у вас на сайте размещен форум, а вам захотелось, чтобы был еще и чат. ≈сли этой возможности изначально не было, то, как бы вы не мен€ли дизайн или наполнение форума, он не сможет превратитьс€ в чат. ¬ам дл€ этого придетс€ изменить программу.
Ќесмотр€ на эти недостатки, динамических сайтов в сети становитс€ все больше и больше, видимо, описанные мной ранее преимущества перекрывают все недостатки. “еперь давайте рассмотрим, что же на сегодн€шний момент имеетс€ в сети, какие возможности может получить человек, желающий создать сайт.
—истемы управлени€ контентом
“ехнологии не сто€т на месте, развиваютс€ и возможности, предлагаемые дл€ создани€ сайтов. —ейчас все большую попул€рность завоевывают системы управлени€ контентом. „то это такое? ƒавайте разберемс€.
CMS - это аббревиатура от Content Management System, что в дословном переводе - —истема ”правлени€ контентом сайта. ѕроще говор€, это тот самый программный комплекс, который позвол€ет вам измен€ть дизайн и наполнение сайта таким образом, как вам требуетс€.
—ейчас в сети можно найти множество таких систем, какие-то из них бесплатные, какие-то платные. „асто фирмы-разработчики предоставл€ют своим клиентам такие системы.  ажда€ система индивидуальна и обладает своими достоинствами и недостатками. я хочу рассказать вам об одной такой системе, котора€ используетс€ на веб-площадках e-gloryon.com и представл€ет собой полноценный конструктор дл€ создани€ сайта.
„то же такое " онструктор дл€ создани€ сайта e-gloryon"? Ёто набор инструментов, необходимых дл€ быстрого создани€ функционального и красивого сайта.
ѕреимущество данной системы перед другими в том, что она позвол€ет не только измен€ть наполнение страниц сайта, но еще и предоставл€ет возможность гибкой настройки дизайна.  роме того, в состав системы входит несколько сотен готовых шаблонов дизайна, которые может использовать любой пользователь на своем сайте. » это не предел. ¬ыбранный шаблон может быть изменен средствами конструктора просто до неузнаваемости. ¬се операции делаютс€ в визуальном редакторе, они просты и интуитивно пон€тны.
≈ще одним плюсом системы e-gloryon €вл€етс€ возможность использовани€ различной структуры данных на страницах. Ёто позволит на одной странице сделать список новостей компании, а на другой каталог продукции. » все это буквально несколькими щелчками мышки.
ѕреимуществом визуальной системы редактировани€ €вл€етс€ то, что вы сразу видите, как будет выгл€деть та или ина€ страница на сайте. ¬ам не нужно задумыватьс€ о том, как данные хран€тс€ в системе, как собираетс€ страница, достаточно наполнить ее информацией и сайт готов. ¬носить изменени€ настолько просто, что с этим может справитьс€ даже ребенок - это не сложнее, чем набирать текст в редакторе MS Word. Ќе требуетс€ никаких знаний программировани€ или html, что позвол€ет создавать сайты даже люд€м, не владеющим интернет-технологи€ми.
“акое решение очень выгодно дл€ небольших компаний, которые не могут позволить себе держать в штате программиста, дизайнера, верстальщика, достаточно только оператора дл€ ввода и обновлени€ информации. “акой вариант выгоден и частным лицам, желающим создать сайт, но не имеющим в этом большого опыта. ј дл€ тех клиентов, кто не желает загружать своих специалистов или не имеет таковых, ’олдинг предлагает дополнительные услуги по созданию сайта (когда на основе присылаемой клиентом информации создаетс€ полноценный сайт) и обновлению сайта (специалисты ’олдинга возьмут на себ€ все работы по изменению контента сайта с оговоренной периодичностью).
“акже данна€ технологи€ предусматривает возможность создани€ интернет-магазина, на базе конструктора дл€ создани€ сайта. Ёта услуга не входит в стандартный набор, но может быть подключена за дополнительную плату.
 онструктор можно использовать как дл€ создани€ небольших интернет-презентаций, так и дл€ крупных корпоративных сайтов, с возможностью управлени€ рекламой на страницах, ограничением доступа к закрытым разделам сайта. —истема включает в себ€ такие стандартные и полезные сервисы, как публикаци€ новостей, гостева€ книга, список товаров и многие другие. ќрганизации, которые не могут позволить себе выбрасывать деньги на ветер и грамотно подход€т к использованию средств, выбирают конструктор дл€ создани€ сайта e-gloryon в качестве основы дл€ развити€ своего бизнеса в интернете. »менно он позвол€ет им освоить новые рынки с такими незначительными вложени€ми.
≈ще много можно написать о конструкторе дл€ создани€ сайта e-gloryon, но € хочу вам предложить самим ознакомитьс€ с его возможност€ми.  ак гласит народна€ мудрость, лучше один раз увидеть, чем сто раз услышать, и € с этим согласен, поэтому предлагаю вам скачать видео-ролик, демонстрирующий возможности быстрого создани€ сайта.
“акже имеетс€ возможность ознакомитьс€ со всеми его возможност€ми, зарегистрировав демо-версию конструктора. ќна полностью функциональна, ограничиваетс€ лишь срок использовани€. ѕопробуйте! ≈сли вам нужен сайт, это отличный инструмент дл€ его создани€ и поддержки. “ем более, что демо-верси€ совершенно бесплатна.
«аключение
¬ заключении статьи хочу сказать, что, несмотр€ на все перечисленные преимущества, не стоит считать, что динамические сайты - это всегда правильно решение. ¬сегда следует исходить из ситуации. ≈сли нет необходимости динамического изменени€ данных, а сайт предполагаетс€ не очень большим, можно обойтись и статическими страницами. ¬едь бывают одностраничные сайты, так зачем под них писать программы, когда проще создать статическую страницу. Ќо не во всех случа€х это возможно.
 ак € уже сказал, следует исходить из целесообразности использовани€ того или иного средства дл€ создани€ сайта. «десь следует учитывать как первоначальные, так и последующие финансовые и трудовые затраты, необходимые на поддержание сайта.
» еще хочу дать совет, не торопитесь использовать бесплатные программные решени€ дл€ создани€ своего сайта, т.к. обычно бесплатное обходитс€ гораздо дороже, чем приобретенное за деньги.

ѕанфилов јндрей
yoursuccess.ru
 рутые продающие сайты с UX и маркетингом делают тут - жми и заказывай!


ѕри перепечатке информации делайте, пожалуйста, ссылку на наш сайт (либо поделитьс€ вконтакте, гугл+ или делитесь в одноклассниках статьЄй). —пасибо!

»сточник: www.wr-script.ru©, 2004-2023г.

ƒелитесь с друзь€ми в соцсет€х. јктивные комментаторы получают свежие скрипты и бесплатные доработки от WR-Script.ru!

¬ернутьс€ к стать€м помощи WEB-мастеру

WR-–°—З—С—В—З–Є–Ї