Создание и наполнение сайта

Размещено на http://www.allbest.ru/

Размещено на http://www.allbest.ru/

1. Система управления содержимым / контентом

Система управления содержимым / контентом (англ. Content management system, CMS) - компьютерная программа, используемая для управления содержимым чего-либо (обычно это содержимое рассматривается как неструктурированные данные предметной задачи в противоположность структурированным данным, обычно находящимися под управлением СУБД). Обычно такие системы используются для хранения и публикации большого количества документов, изображений, музыки или видео.

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

Сейчас существует множество готовых систем управления содержимым сайта, в том числе и бесплатных. Их можно разделить на три типа, по способу работы:

Генерация страниц по запросу

Системы такого типа работают на основе связки «Модуль редактирования > База данных > Модуль представления». Модуль представления генерирует страницу с содержанием при запросе на него, на основе информации из базы данных. Информация в базе данных изменяется с помощью модуля редактирования. Страницы заново создаются сервером при каждом запросе, а это создаёт нагрузку на системные ресурсы. Нагрузка может быть многократно снижена при использовании средств кэширования, которые имеются в современных веб-серверах.

Генерация страниц при редактировании

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

Смешанный тип

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

Термин контент - менеджер обозначает род человеческой деятельности - редактор сайта.

Большая часть современных систем управления содержимым реализуется с помощью визуального (WYSIWYG) редактора - программы, которая создает HTML-код из специальной упрощённой разметки, позволяющей пользователю проще форматировать текст.

2. Обзор существующих CMS

В общем случае системы управления содержимым делятся на:

Систему управления содержания масштаба предприятия (англ. Enterprise Content Management System системы управления содержанием предприятий)

Система управления веб-содержимым (англ. Web Content Management System)

В силу того, что ECMS имеют глубокую внутреннюю классификацию по предметным областям (HRM, DMS, CRM, ERP и т.д. Термин CMS заместил собой WCMS, превратившись в синоним системы управления сайтами. подобные CMS позволяют управлять текстовым и графическим наполнением веб-сайта, предоставляя пользователю интерфейс для работы с содержимым сайта, удобные инструменты хранения и публикации информации, автоматизируя процессы размещения информации в базах данных и её выдачи в HTML.

Существует множество готовых систем управления содержимым сайта, в том числе и бесплатных. Их можно разделить на три типа по способу работы:

Drupal

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

- Web-порталы сообществ и дискуссионные сайты;

- Корпоративные Web-сайты / интранет-порталы;

- Персональные Web-сайты;

- Сайты по интересам;

- Приложения для электронной коммерции (e-commerce);

- Каталоги ресурсов.

Drupal содержит функциональные возможности, позволяющие создать системы управления содержимым, блоги, среды для совместной творческой деятельности, форумы, информационные письма, галереи изображений, системы загрузки файлов и многое другое. Drupal является программой с открытыми исходными кодами, которая использует лицензию GPL, управляется и разрабатывается сообществом тысяч пользователей и разработчиков. Drupal можно свободно загружать и использовать.» Источник: CMS Matrix.

Drupal - это новичок по сравнению с другими системами управления содержимым (contentmanagementsystem - CMS). Однако нас поразила добротность написания, надежность, отличная расширяемость этой среды, а также, по-видимому, бурно развивающееся сообщество разработчиков, которые обеспечивают хорошую адаптацию и поддержку.

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

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

Управление сессиями встроено в функции ядра, чего не было в других CMS. Это помогло нам преодолеть в дальнейшем некоторые препятствия.

Drupal известен своей масштабируемостью (простотой расширения Web-сайта для небольшой группы пользователей до сайта корпоративного уровня). Среда обладает также возможностью «притормаживать» области сайта, которые могут вызвать потенциальные проблемы при большом трафике.

Кривая обучения «Пути Drupal» создания сайтов все еще заметна, но в значительно меньшей степени, чем в других CMS. Способность использования PHP для свободного перемещения между уровнем логики и уровнем представления (используя механизм PHP-шаблонов) была также очень заманчивой.

Мы слышали, что система управления доступом в Drupal могла бы быть более детализированной, но подумали, что сможем реализовать это, используя гибкую расширяемость Drupal. Недавно была выпущена версия Drupal 4.7 с многочисленными улучшениями по сравнению с версией 4.6.

Mambo

«MamboOpenSource является одной из самых совершенных систем управления содержимым с открытыми исходными кодами, доступных в настоящее время. Установка Mambo по умолчанию проста в настройке и обслуживании. Программа установки использует 4-шаговый интерфейс мастера установки, который позволяет установить всю систему без необходимости обладания обширными техническими знаниями. Будучи установленной, система содержит множество шаблонов, которые вы можете выбрать, и большое количество готовых к работе функций. Содержимое может быть добавлено, изменено, а для управления ним не требуются знания HTML, XML или DHTML - просто вводите ваше содержимое при помощи дружественного редактора и жмите кнопку Publish. Более продвинутые пользователи могут управлять системой в соответствии со своим уровнем знаний. Основные файлы написаны на PHP [система Mambo основана на Linux™, Apache, MySQL, P для PHP, Perl и Python (LAMP)] и могут быть легко изменены. Система устойчива, надежна и поддерживается большим сообществом пользователей и профессиональных разработчиков (в начале 2006 Mambo исполнилось 5 лет!)» Источник: CMS Matrix.

На то время Mambo являлась популярной системой и предлагала очень простую установку и притягательный, простой в использовании административный интерфейс. Обычно не принимаемая во внимание система хранения в CMS становится очень важной, если вам нужна хорошая работа системы у клиентов, нуждающихся в администрировании Web-сайта после сдачи вами проекта.

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

Кроме того, Mambo предлагает ограниченное управление сессиями, хотя и более развитое, чем в других CMS.

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

Typo3

«Typo3 - это система управления содержимым с открытыми исходными кодами уровня предприятия, выпущенная под лицензией GPL. Она работает по всему миру на более чем 122000 серверов. Приложение переведено на 43 языка и активно разрабатывалось сообществом 27000 пользователей из 60 стран. К некоторым из пользователей относятся BASF, DaimlerChrysler, EDS, Konika-Minolta, Volkswagen, UNESCO, а также множество университетов, правительственных агентств и некоммерческих организаций.» Источник: CMS Matrix.

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

Генерируемая большинством из основных и дополнительных модулей разметка использовала структуру середины-конца 90-х со множеством табличных схем, незначительным использованием эффективно расположенных CSS ID и атрибутов классов, а иногда и явно некорректную структуру. Мы хотели использовать современные методики для сохранения наших итераций разработки гибкими, поэтому данная система не могла способствовать своевременной разработке. Шаблонная система тоже оказалась очень сложной по сравнению с другими решениями. Время, необходимое для освоения системы работы с темами для Web-содержимого, перевесило мощность шаблонной системы.

Интерфейс администратора показался неуклюжим и древним, особенно по сравнению с Mambo. Это было важное замечание, поскольку мы должны были передать заказчику функции администрирования сайта.

Если бы мы имели больше времени, то могли бы выбрать для работы Typo3. Но его надо было бы переписать, чтобы сделать свежим и конкурентоспособным в сравнении с другими CMS. Проблема использования стандартов, основанных на xHTML и CSS, решается в новой версии Typo3.

RubyonRails

«Ruby является чистым объектно-ориентированным языком программирования с чрезвычайно ясным синтаксисом, делающим программирование элегантным и интересным. Ruby успешно комбинирует концептуальную элегантность Smalltalk, простоту использования и изучения Python и прагматизм Perl. Ruby возник в Японии в начале 1990 и стал всемирно популярным в последние несколько лет после появления большего числа книг и документации на английском языке. Rails является Ruby-средой с открытыми исходными кодами для разработки использующих базы данных Web-приложений. Основные принципы Rail: меньше программирования и соглашение вместо конфигурации. Меньше программирования означает, что вы пишете меньшее число строк кода для реализации вашего приложения. Сохранение вашего кода небольшим означает более быструю разработку и меньшее число ошибок, что делает ваш код более легким для понимания, обслуживания и улучшения. Вы быстро увидите, насколько сократит Rails вашу работу над кодом.

Соглашение вместо конфигурации означает конец многословным конфигурационным XML-файлам - их в Rails нет вообще! Вместо конфигурационных файлов Rails-приложение использует несколько простых соглашений по программированию, позволяющих вычислить все через отражение и обнаружение. Код вашего приложения и работающая база данных уже содержат все, что Rails должен знать!» Источник: RollingwithRubyonRails.

Типичные системы управления содержимым позволяют аутентифицированным пользователям создавать формирующие содержимое страницы как часть Web-сайта. RubyOnRails (ROR), однако, не обеспечивает эту функциональность в готовом виде. Он предоставляет интегрированную среду Web-приложения. Используя ROR, вы можете создать специализированную CMS с нуля.

На момент создания нашего проекта вокруг ROR было много слухов, источником которых являлась, главным образом, 37Signals и ее впечатляющий набор реальных интерактивных ROR-приложений, таких как BaseCamp.

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

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

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

Мы рассматривали использование существующей системы публикации, которая преимущественно поддерживала создание Web-журналов. Мы раньше использовали такие системы для поддержки содержимого не журнальных Web-сайтов, переопределяя способ использования категорий и данных. Эти решения не следует ставить в один ряд с такими системами как Drupal, Mambo и Typo3. Например, управление сессиями, предоставляемое в Drupal и Typo3, обычно в них не поддерживается. Однако они действительно обеспечивают очень простой и быстрый способ создания элементарной CMS.

Отмечая, что все эти решения ориентированы на Web-журналы, остановимся на нескольких альтернативах:

MovableType

«MovableType является мощной и настраиваемой платформой для публикации, позволяющей пользователям создавать привлекательные, выразительные Web-журналы внутри персональной системы публикаций, которая является чрезвычайно настраиваемой и универсальной. Функционируя как серверное программное обеспечение, MovableType была адаптирована отдельными пользователями и компаниями, которым понравилась полнота ее функциональных возможностей, открытая архитектура и хорошая библиотека сторонних подключаемых модулей, предназначенных для расширения функциональности системы. Благодаря современной базе из сотен подключаемых модулей, созданных преданными разработчиками со всего мира, можно создать полностью новый класс приложений на основе знакомой и проверенной системы MovableType.» Источник: CMS Matrix.

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

WordPress

«WordPress представляет собой современную, семантическую платформу персональной публикации, ориентированную на эстетику, Web-стандарты и простоту использования. Что-то необычное. WordPress одновременно и бесплатен и бесценен. Говоря проще, WordPress - это то, что вы используете, когда хотите работать с вашим программным обеспечением ведения Web-журналов, а не бороться с ним. Возможности WordPress по умолчанию могут быть сильно расширены (легко можно добавить новые функции) при помощи простой в использовании архитектуры подключаемых модулей.» Источник: CMS Matrix.

На момент разработки нашего проекта WordPress развивался. Как и в Drupal, полезной является его система документирования в стиле wiki, поддерживающая это решение. Основной код ясен и прост в расширении, а пользовательский интерфейс легок в использовании.

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

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

TextPattern

«Бесплатная, гибкая, элегантная, легкая в использовании система управления содержимым для всех типов Web-сайтов, даже для Web-журналов. Когда приходит время публикации в Интернете, новички и профессионалы одинаково сталкиваются с надоедливым парадоксом: текстовые процессоры и графические приложения позволяют каждому довольно хорошо выполнять работу по управлению текстом и изображениями на персональном компьютере, но при выполнении действий по представлению этой работы в Web (кажущейся такой же средой документов и, вроде бы, имеющей аналогичное назначение) легкость использования исчезает за непредвиденными требованиями наличия опыта программирования на нескольких языках, квалификации в компьютерном графическом дизайне и, в конечном итоге, ангельского терпения. Те, кто не отступил, все равно обнаружат, что их сдерживает отсутствие гибкости, присущее Web (по сравнению с письменным языком), с его нежеланием справиться с чем-нибудь кроме простейшего текста, или непредсказуемостью результатов, вызванной использованием WYSIWYG Web-редакторов. TextPattern является Web-приложением, помогающим преодолеть эти и другие препятствия для интерактивной публикации и упрощающим создание хорошо структурированных, совместимых со стандартами Web-страниц.» Источник: CMS Matrix.

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

контент сайт интернет программа

3. Описание этапов создания сайта

Изготовление сайтов как работающих целостных информационных ресурсов и систем - составной процесс, вовлекающий труд различных специалистов. Этот вид деятельности называется веб-разработка. Владельцы будущего сайта (частные лица или организации) разрабатывают сайты своими силами, либо обращаются к специализированным разработчикам (фрилансерам, студиям, бюро, конторам и т.п.). Отношения между заказчиком и исполнителем регулируется с помощью договоров, технических заданий, специальных систем (различных сайтов, выступающих посредником между заказчиком и фрилансерами), либо устной договорённостью. Заказанная работа может представлять собой как полный комплекс создания сайта, вплоть до придумывания названия и регистрации домена, так и расширение сайта, техническую оптимизацию и редизайн. Всё больше разработка и сопровождение сайта (портала) становится мощным сегментом активов предприятий (организаций). Поэтому разработчиков предпочитают штатных или поручают проект вести одному из директоров аппарата управления (коммерческий директор, директор департамента по связям или непосредственно, руководителю проекта с группой штатных специалистов и / или совместителей. Особую роль выполняют «тестеры» конечного продукта. Это ответственная роль в продвижении и оценки проекта, так как стадия разработки для динамического большого проекта никогда не прекращается. Если вы видите сайт невредимым 2-3 года без изменений, то он возможно никому не нужен, то ли пользуется спросом на базисную информацию. Но сопровождение проекта становится не менее ответственным делом.

Разработка дизайна

Веб-дизайн - вид графического дизайна, направленный на разработку и оформление объектов информационной среды интернета, призванный обеспечить им высокие потребительские свойства и эстетические качества. Подобная трактовка отделяет веб-дизайн от веб-программирования, подчеркивает специфику предметной деятельности веб-дизайнера, позиционирует веб-дизайн как вид графического дизайна

Начинается работа с создания дизайна, обычно в графическом редакторе. Дизайнер создает один или несколько вариантов дизайна, в соответствии с техническим заданием. При этом отдельно создаётся дизайн главной страницы, и дизайны типовых страниц (например: статьи, новости, каталог продукции). Собственно «дизайн страницы» представляет собой графический файл, слоеный рисунок, состоящий из наиболее мелких картинок-слоев элементов общего рисунка.

При этом дизайнер должен учитывать ограничения стандартов html (не создавать дизайн, который затем не сможет быть реализован стандартными средствами html). Исключение составляет Flash-дизайн.

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

Если заказчик удовлетворён внешним видом шаблонов, то наступает следующая фаза разработки - вёрстка страниц сайта

Вёрстка

Вёрстка веб-страниц - процесс формирования веб-страниц в текстовом либо WYSIWYG-редакторе, а также результат этого процесса, то есть собственно веб-страницы.

По принципам использования средств разметки HTML различают логическую разметку и презентационную (физическую). Например, курсивный текст можно получить как с помощью тега <i>, так и с помощью тега <em>. В первом случае курсив задаётся явным образом, а во втором на текст производится логическое ударение, которое обычно отображается курсивом. Иными словами при первом подходе ориентируются на внешний вид, а во втором - на логическое предназначение. Преимуществом второго подхода является независимость вёрстки от используемого типа устройств и дизайна веб-страниц. Если придерживаться логической разметки, то можно использовать один и тот же вариант вёрстки для экрана, печати и КПК регулируя внешний вид с помощью отдельных файлов стилей.

Верстальщик получает макеты шаблонов в виде простых изображений (например, в формате JPEG или PNG), либо разбитых по слоям (например, в PSD или AI). Его задача - получить из этих графических макетов гипертекстовые веб-страницы с подготовленными для интернета изображениями.

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

Web-программирование

Бурно развивающийся раздел программирования, ориентированный на разработку динамическихInternet-приложений. Языки веб-программирования - это соответственно языки, которые в основном предназначены для работы с интернет-технологиями. Языки веб-программирования делятся на две группы: клиентские и серверные.

Как следует из названия, программы на клиентских языках обрабатываются на стороне пользователя, как правило их выполняет браузер. Это и создает главную проблему клиентских языков - результат выполнения программы (скрипта) зависит от браузера пользователя. То есть если пользователь запретил выполнять клиентские программы, то они исполняться не будут, как бы не желал этого программист. Кроме того, может произойти такое, что в разных браузерах или в разных версиях одного и того же браузера один и тот же скрипт будет выполняться по-разному. С другой стороны, если программист возлагает надежды на серверные программы, то он может упростить их работу и снизить нагрузку на сервер за счет программ, исполняемых на стороне клиента, поскольку они не всегда требуют перезагрузку (генерацию) страницы. Самыми распространенными клиентскими языками программирования являются:

­ JavaScript

­ VBScript

­ ActionScript

Размещено на Allbest.ru