49935

Разработка веб-сайта для программного продукта

Курсовая

Информатика, кибернетика и программирование

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

Русский

2014-01-12

1.11 MB

8 чел.

Министерство образования Российской Федерации

Пермский государственный педагогический университет

КУРСОВАЯ РАБОТА

Разработка веб – сайта для программного продукта

                                                   

ИСПОЛНИТЕЛЬ: студент  гр. 1243

Р. К. Юрлов

НАУЧНЫЙ  РУКОВОДИТЕЛЬ:

профессор

Л. Н. Ясницкий

Пермь 2007


Содержание

[1] Разработка веб – сайта для программного продукта

[2] Содержание

[3] Теория сайтостроения

[3.1] Программы для создания сайтов

[3.2] Используемые технологии для создания веб - сайтов

[3.3] Что имеем в итоге?

[4] Создание веб - сайта

[4.1] Дизайн сайта

[4.2] Система управления контентом

[5] Заключение

[6] Литература

[7] Приложении 1


Введение

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

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

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

В последние годы в России быстрыми темпами развивается Интернет, и большая доля населения имеет у себя дома или на работе выход к его ресурсам, возникает необходимость использования этого направления в рекламных целях. Интернету как каналу коммуникации свойственны следующие характерные особенности:

  •  характеризуется скоростью распространения информации. Так, появившееся на информационном сайте сообщение может быть мгновенно растиражировано сетевыми изданиями, а затем даже печатными. Таким образом, данная особенность Интернета дает благоприятную среду для того, чтобы грамотно созданное и запущенное сообщение распространялось самостоятельно и не требовало значительных материальных затрат на его поддержку;
  •  Интернет дает прекрасную возможность фокусировать воздействие на конкретную узкопрофильную, целевую аудиторию, в которой заинтересована организация, выделять подгруппы в этой аудитории для составления более персонализированных обращений; порой даже учитывать индивидуальные особенности и характеристики каждого посетителя. Обобщая данные разных исследований по изучению Интернет-аудиторий, большой процент аудитории Интернета составляют активные слои населения, которые участвуют в процессе принятия решений.
  •  Коммуникация в Интернете интерактивна. Это подразумевает возможность активного взаимодействия между сторонами. Интерактивность означает возможность вступать в прямой диалог с аудиторией, а также то, что представители данной аудитории также могут общаться между собой. Кроме всего прочего интерактивность позволяет получать обратную связь, адекватно анализировать сложившуюся ситуацию и своевременно реагировать в случае необходимости.
  •  Предрасположенность пользователей Интернета к получению информации способствует более позитивному восприятию и высокой усвояемости материала.
  •  Это глобальный виртуальный электронный рынок, не имеющий каких-либо территориальных или временных ограничений. Электронное коммуникативное пространство в отличие от печатного или эфирного практически не ограничено. Здесь может быть размещено сколько угодно много информации, объем которой не будет ограничен рамками эфирного времени передачи или количеством печатных знаков.
  •  Сравнительно невысокая стоимость коммуникации среди остальных СМИ.
  •  Наличие у организации корпоративного веб-сайта сегодня считается не просто делом престижа, но необходимостью. «Если Вы не представлены в Интернете — Вы просто не существуете» — этой фразой можно описать значение веб-сайта для организации, даже если ее деятельность не связана с информационными технологиями и продажей товаров в Интернете. В Сети при упоминании организации в статьях или новостях ссылки делаются на корпоративный сайт. На сегодняшний день уже не встает вопрос: нужен сайт или не нужен, но очень актуальна тема, как сделать сайт максимально эффективным с точки зрения успешной коммуникации и поддержания благоприятного имиджа. Поэтому создание и поддержка (регулярное обновление информации) сайта являются одним из важных компонентов деятельности в сети Интернет.

Теория сайтостроения

Можно начать с готового шаблона сайта или создать его с помощью визуального редактора. Это самый простой выход. Надо только потратить немного времени на выполнение элементарных правил настройки. Бесплатные хостинги предоставляют готовые шаблоны сайтов. Как правило, такие шаблоны не очень удобны в настройке и у них готовый дизайн не всегда хорошего качества, и может не отвечать замыслу. Есть и совершенные, современные шаблоны, включающие массу сервисов, вплоть до собственных Интернет - магазинов. Например, Post Nuke. Там много настроек и параметров можно изменять, в соответствии со своими нуждами.

Но есть и недостатки:

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

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

Еще один метод создания сайта с помощью WYSIWYG-редакторов. К одним из наиболее распространенных относятся визуальные редакторы Microsoft FrontPage и Adobe Dreamweaver. Создавать сайт с их помощью достаточно просто. Для этого не обязательно знание языков программирования. Результат Вы сразу получаете на экране и выглядит он почти так же, как при просмотре с помощью браузера.

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

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

Многие Web-мастера предпочитают разрабатывать сайты непосредственно в кодах HTML с помощью простейших редакторов, чтобы не производить постоянно подчистку избыточных кодов, привносимую WYSIWYG-редакторами. Это очень эффективно, особенно при применении каскадных таблиц стилей (CSS), но требует хорошего знания html-тегов. Сразу создается оптимальный код страниц, не содержащий никакой избыточности. Такие страницы - подарок для поисковых роботов, значительно облегчающий им работу, за что они отдают им приоритет при выполнении запросов пользователей ставят их выше, чем сайты с более сложным кодом.

Программы для создания сайтов

Такие приложения, как Microsoft FrontPage и Adobe Dreamweaver, упрощают создание Web-страниц. Эти редакторы генерируют код страниц и помогают загрузить их на Web - сервер. Некоторые пакеты даже включают шаблоны, которые позволяют избежать принятия решений в области оформления сайта. Иногда эти программы полезны. Сложный код например вложенные таблицы, легче генерировать с помощью WYSIWYG-редактора чем создавать вручную. При этом страдает качество кода, HTML код который получается при использовании таких редакторов намного больше, чем при верстке в ручную. Из-за этого повышается время загрузки страницы, что напрямую сказывается на посещаемости сайта. Для простых Web страниц написание кода вручную занимает столько же времени, сколько изучение WYSIWYG-редакторов. Для написания HTML кода можно пользоваться и «Блокнотом», тогда код получается оптимальным, не содержащим лишние теги.

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

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

Графические редакторы делятся на классы: дни удобны для создания простейших штриховых изображений; другие позволяют имитировать не только разнообразные инструменты художника (кисти, перья, карандаши, фломастеры, распылители и прочее), но и художественные материалы (масло, гуашь, тушь, акварель, бумагу, картон, холст); некоторые редакторы позволяют имитировать стили работы выдающихся мастеров живописи.

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

Не всегда самый лучший и самый популярный графический редактор хорошо подходит для решения конкретной задачи. В работе с компьютером всегда очень важно использовать не те программы, которые удобны вообще, а те, которые наиболее удобны для данной работы. Так, например, графический редактор Paint Shop Pro фирмы JASC имеет удобные средства для оформления кнопок, рамок, линеек, фоновых узоров и прочих элементов. Редактор Microsoft Photo Editor имеет достаточно большие возможности по обработке изображений (позволяет определять прозрачный цвет для файлов форматов GIF и PNG). PhotoImpact 5 — это мощный графический редактор с поддержкой OLE2, который может быть использован при создании высококачественных изображений, эффективных презентаций и GIF-анимаций, для управления мультимедиа файлами, а также создания Web-графики. GIF Animator используется для быстрого создания компактных анимированных GIF-файлов. Обеспечивает широкую поддержку разных форматов, прямой импорт и преобразование AVI-файлов, импорт неподвижных изображений из восьми наиболее распространенных форматов: GIF, JPEG, BMP, TIFF, PCX, PSD, PICT и TGA. SmartSaver Pro 2.0 - программа для работы с Web-графикой, использующая изображения в любом графическом формате. Может открывать файлы PSD по слоям либо в виде анимации. В последней версии усовершенствованы возможности предварительного просмотра, GIF-оптимизации, а также создания изображений на JavaScript, которые могут объединяться с картами изображений. Предоставляет возможность публикации изображений на Web-сервере. Одними из лидеров по работе с графикой считаются Adobe Photoshop и Corel Draw. Также необходимо отметить программы для оптимизации HTML кода. Эти программы удаляют из кода лишние пробелы, теги, заменяют их на более простые, что значительно уменьшает размер Web страницы. Примером таких программ могут служить HTML-Compress, HTML Optimizer. После обработки HTML кода одной из этих программ размер страницы уменьшается в среднем на 25%, только HTML-код читать становится не очень удобно.В результате обзора средств можно сделать вывод, что для создания сайта лучше всего воспользоваться Html редактором Adobe Dreamweaver, а для разработки графики можно воспользоваться Adobe Photoshop.

Используемые технологии для создания веб - сайтов

Существует несколько технологий создания сайта: статические html-страницы, SSI-технология, CGI-технология, «site engine» и технологии использующие XML, PHP+SQL. Технологии применяются в зависимости от назначения, от особенностей функционирования сайта. В соответствии с этим и выбирается технология реализации проекта.

Если использовать технологию статических html-страниц, то можно за короткий период создать в программе FrontPage, Dreamweaver, Word или веб-редакторе хостинга. Создается десяток страниц, одна из которых называется Главной, а несколько других представляют собой содержание основных рубрик проекта. Затем все они связываются сетью гиперссылок, на них вешаются картинки и кнопки, выбирается фон — и сайт готов к запуску — без единой строчки кода, написанной самим оператором. Как правило с помощью этой технологии создаются личные домашние сайты, которые создаются неопытными пользователями.

Недостатком такой технологии является то, что при необходимости обновить сайт или добавить несколько страниц приходится заново переделывать весь сайт. Приходится набрать страницу в html-формате, поместить ее на сервер, дать аннотированную ссылку из содержания рубрики, в которой страница публикуется, сообщить о появлении материала на Главной странице, в разделе «Новости», изменить другие связанные страницы (установив перекрестные ссылки), при этом все страницы нужно снова закачать на сервер, все ссылки проверить на правильность, а при нахождении ошибки — исправить оба варианта страницы, и тот, что на сервере, и тот, который на домашнем компьютере. Публикации и обновления материалов,  при  использовании такой технологии, очень осложнены. Эти же шаги приходится делать и при смене дизайна сайта.

На помощь приходит технология с использованием SSI, расшифровывается как Server Side Include, то есть включение на стороне сервера, и позволяет собирать страницу из отдельных кусочков, подключая к одним файлам другие. То есть любая страница на сайте представляет собой «слоеный пирог» — текст материала оказывается зажат между верхним и нижним колонтитулом, причем последние одинаковы на всех страницах и по этому их можно достаточно легко вынести в отдельные файлы, а затем подключать SSI-инструкциями. С помощью текстового редактора (визуальные уже неприменимы, поскольку они предпочитают работать с целостными html-документами, а не с «SSI-нарезкой»), разрезаются страницы сайта, заменяется код, относящийся к дизайну (те самые колонтитулы), на команды вида <—#include virtual=«/top.txt»—>. Реализуется идея разделения содержания и формы: в файлах остается только контент, а дизайн настраивается через изменение SSI-вставок. Таким образом легко сменить оформление и навигацию на всем сайте. И верстка страниц становится заметно облегчается — не приходится путаться в коде таблиц и ячеек, достаточно заменить в обычном txt-файле символы новой строки на тег <p> и добавить в начало и конец файла инструкции на вставку верхних и нижних колонтитулов.

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

Чтобы на сайт добавить интерактивности, то целесообразнее использовать технологию CGI-скриптов. Скрипты представляют собой программы, которые запускаются и работают на стороне сервера, взаимодействуя с пользователем через браузер. Информация вводится в такой скрипт путем заполнения веб-формы, обрабатывается им, а затем результат выводится посетителю в виде динамической страницы. Это достаточно гибкий и универсальный инструмент, с помощью которого автоматизируются рутинные действия. С помощью Perl и пишется программа, которая запрашивает через веб-форму параметры материала: рубрику, заголовок, имя автора, сам текст, аннотацию и т. д., затем записывает введенную информацию в уже сверстанном виде в новый файл, проставляет на него ссылки в других файлах и делает всю остальную рутинную работу. С помощью CGI можно делать еще много хороших вещей — начиная от вставки в страницы, например, случайной ссылки из коллекции и заканчивая гостевой книгой или даже баннерной сетью. Связка «SSI+CGI» может работать долго и успешно.

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

Технология «site engine», или, в отечественной интерпретации, «движок сайта». В этой технологии изменяется внутреннее представление информации. Здесь информация представляется в виде файловой системы. Работает она быстрее, чем любая другая, к тому же ее древовидная структура подходит для проекта как нельзя лучше: рубрика ассоциируется с неким каталогом, опубликованные материалы — с содержащимися в нем файлами, а более мелкие разделы — с подкаталогами. Каждый файл может иметь простой формат: поля разделенные каким-нибудь символом, — их легко изменять в текстовом редакторе . Сам текст пишеться как обычно. Используется скрипт с именем engine.cgi. С помощью него из файлов такого формата формируются обычные веб - страницы — но с автоматической навигацией по рубрикам/каталогам, с гарантированно правильными ссылками, заданным оформлением и интерактивными вставками. При этом обновление сайта будет быстрее. Для удобства управления сайтом в этой технологии используется web файл-менеджер, подходящий под конкретный движок, управлять сайтом при использовании такой технологии легче. Недостаток данной технологии проявляется, когда требуется в очередной раз изменить дизайн. Причем изменить мелкий, локальный дизайн, который в отличие от глобального «декора», глубоко зашит в код (операторы вывода данных слишком тесно переплетаются с другими), поэтому проще переписать скрипт заново, чем изменять его. При появлении новых требований (например, надо чтобы на главной странице отображалось начало последнего опубликованного материала и самых популярных тем форума) нужно сортировать все файлы (игнорируя их разделение по каталогам) по дате последнего обновления или количеству комментариев к сообщению. Скрипт становится все более сложным и медленным.В результате загрузка процессора сервера быстро увеличивается.

Для решения проблемы смены дизайна, независимо от контента сайта используется технология XML (eXtensible Markup Language, расширяемый язык разметки) совместно с XSLT (eXtensible Stylesheet Language for Transformations, расширяемый язык стилей для трансформаций). Первый представляет собой универсальное средство записи структурированной информации. По виду он весьма похож на HTML, а в реальности родственные связи между этими языками довольно запутаны, хотя есть и общий предок — SGML. Ну а XSLT — это язык преобразований документов из одного «диалекта» XML в другой. На выходе скрипта движка получается XML-текст, не содержащий никаких конкретных инструкций по его оформлению, а затем, используя XSLT-замены, преобразуется в обычный html.

Несмотря на то, что технологии, которые используются в этом случае, позволяют почти полностью контролировать и изменять внешний вид документа, не модифицируя сам скрипт движка (в гораздо более широких пределах, чем шаблонный подход), он имеет существенный недостаток: либо дизайнера надо учить XSLT, либо писать соответствующие инструкции по преобразованию XML в HTML. И то и другое довольно проблематично.  Технология использования связки «PHP+SQL». Во многих больших коммерческих сайтах используется именно эта технология. Контент лучше хранить в базах данных, например MySQL. Эти базы являются набором обычных таблиц, связанных перекрестными ссылками. Специальный язык запросов позволяет извлекать записи, удовлетворяющие определенным, порой достаточно сложным критериям, сортировать их разными методами, производить поиск по всей базе и многое другое. Язык PHP изначально нацелен на работу с базами данных и web-страницами. С этим также связано огромное количество PHP-функций и библиотек, предназначенных для специфических операций при программировании сайтов, и поддержки шаблонов. Недостаток этой технологии в том, что скорость выполнения запросов обычно не слишком большая, приходится использовать методы оптимизации — кэшировать полученную информацию в локальных файлах. При этом технология «PHP+MySQL» требовательна к ресурсам хостинга. Выбор технологии зависит от масштаба проекта — для создания домашней странички достаточно обычных статических файлов, а для небольшого контент-ресурса подойдет связка «CGI+SSI». Если есть потребность в хранении и анализе данных лучше воспользоваться связкой «PHP+SQL», при этом можно совмещать несколько технологий при создании сайта.

Что имеем в итоге?

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

Если же нужен многофункциональный сайт на котором должна быть какая то обработка данных, динамическая структура страниц, то возможно лучшем решением будет использование других програмных средств: PHP, PERL, ASP, JAVA, Flash-анимация.

Выбор таких средств для построения сайта достаточно большой. Все они имеют какую то определенную направленность. Например Perl лучше работает с текстовой информацией, на многих больших сайтах поисковые системы реализованы именно на нем. PHP очень хорошо работает с базами данных, web-страницами, очень гибок и многофункционален. ASP.NET позволяет применять всю мощь интерфейса Windows для разработки Web-приложений. Это позволяет разрабатывать страницы со сложным интерфейсом, не заботясь о сохранении, шифровании и передаче переменных, используемых на динамических страницах. Однако реализуется он на Windows платформах.

Что касается выбора платформ, то на сегоднешний день самыми распостраненными являются Internet Information Server фирмы Microsoft, и Apach Server компании Apache Software Foundation.

Internet Information Server требует, чтобы была установлена операционная система Windows. Он прекрасно работает с ASP.NET. Плюсы данного сервера в тесной интеграцией с продуктами Microsoft, что делает его наиболее привлекательным при использовании в среде ОС Windows. Хорошо работает с PERL, PHP, JAVA, C.

Недостатком его является требовательность к ресурсам компьютера, и высокая стоимость.

Apach Server, напротив может быть установлен как на операционную систему Windovs, так и на операционные системы семейства Unix, что явлется преймуществом. По функциональности не уступает IIS, однако не поддерживает ASP скрипты. Распространяется бесплатно, поэтому является самым популярным в Европе.

Создание веб - сайта

При создании сайта надо ответить на три вопроса:

  1.  Зачем Вам нужен сайт?
  2.  Для чего Вам нужен сайт?
  3.  Для кого предназначен этот сайт?

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

После того как ответили на эти вопросы, сформировали структуру сайта можно приступать к следующему этапу создания сайта: дизайн сайта. Внешний вид сайта играет не малую роль в его создании, т.к. для рекламного сайта – дизайн должен привлекать, отображать все плюсы данного продукта, и, наоборот, для более серьезного сайта должен быть и соответствующий дизайн. После создания дизайна сайта, начинается очень важный этап: создание веб – приложения, т.е. программирование сайта. Веб – приложением называется сайт под управлением CMS (content management system) + сам сайт, т.е. в итоге мы имеем обновляемый сайт через веб – интерфейс.

Дизайн сайта

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

Для информационного сайта, дизайн должен быть максимально простым, т.к. главное в этом сайте его начинка, нужно корректно отобразить информацию, чтобы пользователь смог легко ее прочитать и понять (рис.1).

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

Рис.1

Система управления контентом

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

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

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

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

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

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

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

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

Рис 2

В моем проекте используется CMS 1-го и 3-го типа.

Работа данной CMS выглядит следующим образом (Рис. 3):

Рис. 3

CMS работает следующим образом:

  •  когда пользователь заходит на сайт он видит главную страницу сайта, на которой представлены краткие данные о продукте
  •  при переходе в какой либо раздел происходит обращение к CMS, как показано на рис. 2
  •  CMS же в свою очередь смотрит в какой раздел хочет попасть пользователь и в связи с этим посылает запрос к БД
  •  от БД получаем данные
  •  CMS принимает эти данные и формирует новую страницу с нужным содержимым

Для изменения содержания сайта достаточно зайти в CMS и изменить необходимые данные (рис. 4):

Рис. 4

Для проверки логина и пароля CMS также использует БД, после проверки мы попадаем в главное меню, где можем выбрать тот раздел, который хотим изменить (рис. 5).

Рис. 5

Выбрав раздел сразу открывается редактор, он очень похож на текстовый редактор Word компании Microsoft. В нем можно производить форматирование текста как угодно: делать текст жирным, подчеркнутым, выделять цветом, увеличивать размер букв и т.д., также можно вставлять картинки, флеш объекты. С работой с текстом он не так сильно отличается от привычного нам Microsoft Word.

После внесения нужных нам изменений нажимаем клавишу «добавить», после чего происходит сохранение в БД и перезагрузка страницы с новым содержимым.

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

Код основных страниц можно посмотреть в Приложении 1.

Заключение

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

Данный сайт отражает все поставленные цели.

При создании данного сайта были использованы следующие инструменты:

  •  Adobe Photoshop CS2 – графический пакет использовался для создания дизайна сайты
  •  Adobe Dreamweaver 8 – использовался для верстки сайта, а также для редактирования JavaScript,
  •  PHP Expert Editor v4.05 – PHP редактор

В данном сайте использовались следующие технологии:

  •  HTML
  •  SSI
  •  CSS
  •  PHP
  •  JavaScript

Данный сайт прост  в использовании, имеет интуитивный интерфейс понятный неопытному пользователю и простую в использовании систему навигации.

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

Литература

  •  Создание Web-страниц и Web-сайтов. Самоучитель : [учеб. пособие] / под ред. В. Н. Печникова. — М.: Изд-во Триумф, 2006.— 464 с.
  •  Создание Web-сайтов без посторонней помощи / под ред. В. Н. Печникова. — М.: Технический бестселлер, 2006. — 464 с.:
  •  Самоучитель РНР 4. — СПб.: БХВ-Петербург, 2003. — 576 с.
  •  HTML. Экспресс-курс. — СПб.: БХВ-Петербург, 2003. — 256 с.

Приложении 1

Код главной страницы:

<?include "include/scripts/begin.php";?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

<title>Описание системы / Экспертная система «REGIONS» для аналитического решения краевых задач</title>

 <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<link rel="stylesheet" type="text/css" href="include/style.css">

</head>

<body>

<div id="container">

<div id="pageHeader">

</div>

<div id="wrapper">

<?

$strnum = 1;

include("include/scripts/menu.php");

?>

<div id="content">

<?

$sql = "SELECT * FROM pages WHERE tag='review'";

$rs->open($sql);

if(!$rs->eof)

{

 $content = str_replace ( "../../uploaded/" , "uploaded/" , $rs->row['content'] );

 

?>    <h1 class="caption"><?=$rs->row['name']?></h1>

   <?=$content?>

<?

  $rs->movenext();

 

}

else {

?>

 

 Пусто!

 

<?

}

?>  </div>

</div>

 

<div id="footer">

 </div>

</div>

</body>

</html>

Код страницы: Примеры решений

<?

include "include/scripts/begin.php";

if(isset($_GET['id'])){$id = (int)$_GET['id'];}

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

<title>Примеры решений / Экспертная система «REGIONS» для аналитического решения краевых задач</title>

 <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<link rel="stylesheet" type="text/css" href="include/style.css">

</head>

<body>

<div id="container">

<div id="pageHeader">

</div>

<div id="wrapper">

<?

$strnum = 2;

include("include/scripts/menu.php");

?>

<div id="content">

<?

if(!isset($id)){

$sql = "SELECT * FROM pages WHERE tag='ex'";

$rs->open($sql);

if(!$rs->eof)

{

 $content = str_replace ( "../../uploaded/" , "uploaded/" , $rs->row['content'] );

 

?>    <h1 class="caption"><?=$rs->row['name']?></h1>

   <?=$content?>

<?

  $rs->movenext();

 

}

else {

?>

 

 Пусто!

 

<?

}

}else

{

$sql = "SELECT * FROM pages WHERE id=$id";

$rs->open($sql);

if(!$rs->eof)

{

 $content = str_replace ( "../../uploaded/" , "uploaded/" , $rs->row['content'] );

 

?>    <h1 class="caption"><?=$rs->row['name']?></h1>

   <?=$content?>

<?

  $rs->movenext();

 

}

}

?> </div>

</div>

<div id="footer">

</div>

</div>

</body>

</html>

Код страницы: Об авторах

<?include "include/scripts/begin.php";?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

<title>Об авторах / Экспертная система «REGIONS» для аналитического решения краевых задач</title>

 <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<link rel="stylesheet" type="text/css" href="include/style.css">

</head>

<body>

<div id="container">

<div id="pageHeader">

</div>

<div id="wrapper">

<?

$strnum = 5;

include("include/scripts/menu.php");

?>

<div id="content">

<?

$sql = "SELECT * FROM pages WHERE tag='autors'";

$rs->open($sql);

if(!$rs->eof)

{

 $content = str_replace ( "../../uploaded/" , "uploaded/" , $rs->row['content'] );

 

?>    <h1 class="caption"><?=$rs->row['name']?></h1>

   <?=$content?>

<?

  $rs->movenext();

 

}

else {

?>

 

 Пусто!

 

<?

}

?>  </div>

</div>

 

<div id="footer">

 </div>

</div>

</body>

</html>

Код страницы: Контакты

<?include "include/scripts/begin.php";?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

<title>Контакты / Экспертная система «REGIONS» для аналитического решения краевых задач</title>

 <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<link rel="stylesheet" type="text/css" href="include/style.css">

</head>

<body>

<div id="container">

<div id="pageHeader">

</div>

<div id="wrapper">

<?

$strnum = 6;

include("include/scripts/menu.php");

?>

<div id="content">

<?

$sql = "SELECT * FROM pages WHERE tag='contacts'";

$rs->open($sql);

if(!$rs->eof)

{

 $content = str_replace ( "../../uploaded/" , "uploaded/" , $rs->row['content'] );

 

?>    <h1 class="caption"><?=$rs->row['name']?></h1>

   <?=$content?>

<?

  $rs->movenext();

 

}

else {

?>

 

 Пусто!

 

<?

}

?>  </div>  

</div>

 

<div id="footer">

 </div>

</div>

</body>

</html>

Код style.css

/* Общие стили элементов оформления*/

body {

 font-family: Arial,Tahoma,Helvetic;

font-size: 11px;

text-align: left;

padding: 0;

margin: 0;

color: #333;

}

img {

border: 0px;

}

table{

border:0;

}

/* Дивы */

#pageHeader{

background-image: url('../images/header.gif');

width:800px;

height:169px;

 

}

#container {

margin:0 auto;

width: 800px;

}

#menu {

padding-top:25px;

background-image: url('../images/bvl.gif');

background-repeat: repeat-y;

background-position: 179px 0px;

position:relative;

float:left;

width:182px;

height:100%;

}

div#wrapper{

float:left;

width:100%

}

#content{

padding-top: 25px;

width: 618px;

float:left;

}

#footer{

clear:left;

width:100%;

height:29px;

background-image: url('../images/footer.gif');

}

/* Шрифтовые стили*/

.caption{

font-family: Tahoma, Arial;

font-size: 14px;

color: #2D82C4;

font-weight: bold;

}

.txt{

text-align: left;

font-family: Tahoma, Arial;

font-size: 11px;

color: #989898;

}

.date{

font-family: Tahoma, Arial;

font-size: 11px;

color: #FFFFFF;

}

a:LINK {

text-decoration: underline;

color: #2D82C4;

}

 

a:VISITED {

text-decoration: none;

color: #2D82C4;

}

 

a:HOVER {

text-decoration: underline;

color: #2D82C4;

}

 

a.menu

{

text-decoration: underline;

font-family: Tahoma, Arial;

font-size: 12px;

color: #636363;

font-weight: bold;

}

.focus

{

font-family: Tahoma, Arial;

font-size: 12px;

color: #0F3C74;

font-weight: bold;

}

CMS

MySQL

Сайт

Нажали на ссылку

Запрос к БД

Получаем  данные от БД

Выводим результат на экран в виде информации на сайте


 

А также другие работы, которые могут Вас заинтересовать

75655. Анализ диагностического инструментария для изучения социальных эмоций детей дошкольного возраста с речевыми нарушениями 43.5 KB
  Анализ диагностического инструментария для изучения социальных эмоций детей дошкольного возраста с речевыми нарушениями Малые Леденцовские чтения. На современном этапе развития общества наиболее важным и значимым в воспитании ребенка в развитии его эмоциональной сферы является формирование социальных эмоций и чувств которые способствуют процессу социализации человека становлению его отношений с окружающими. В связи с тем что категория детей с нарушениями речи имеет специфические особенности эмоциональной сферы возникает ряд трудностей в...
75656. Технологии формирования социальных эмоций у детей с нарушениями речи в условиях инклюзивного образования 50 KB
  Технологии формирования социальных эмоций у детей с нарушениями речи в условиях инклюзивного образования. Распространение процесса инклюзии – включения детей с ограниченными возможностями психического и или физического здоровья в образовательные учреждения вместе с их обычными сверстниками в нашей стране осуществляется в соответствии с учетом предъявляемых требований и условий обеспечивающих возможность освоения обучающимися воспитанниками основной образовательной программы а также с учетом особенностей их психофизического развития и...
75657. К вопросу о развитии зрительного восприятия у дошкольников с ограниченными возможностями здоровья 49.5 KB
  К вопросу о развитии зрительного восприятия у дошкольников с ограниченными возможностями здоровья. Одним из важнейших показателей функционального развития является уровень зрительного восприятия определяющий успешность освоения базовых навыков письма в начальной школе. Запорожец подчеркивает что успешность обучения младших школьников в значительной мере зависит от уровня развития их зрительного восприятия...
75658. Графи. Обхід графу. Пошук 224.07 KB
  Користувач довільним чином розміщує точки графа – майбутні вузли. Потім за допомогою діалогового вікна заповнює матрицю суміжності. Ця матриця формує ребра графа, які можна окремо вивести на екран у вигляді списку. Матриця заповнюється не нижче головної діагоналі, так як вона симетрична відносно неї для неорієнтованого графа. Зв’язки між вузлами можна видалити і побудувати знову.
75659. Плгоритми пошуку та сортування для одновимірних масивів 338.16 KB
  Розробити процедури та функції для пошуку в одновимірних масивах посортованих та непосортованих та для їх сортування. В контрольному прикладі забезпечити пошук потрібних елементів в непосортованих масивах. Здійснити їх сортування. Здійснити пошук в посортованих масивах. Оцінити час виконання операцій.
75660. Робота зі структурами і файлами 874.46 KB
  Опис деякого об’єкту здійснюється за допомогою типу даних структура. Необхідно забезпечити опрацювання 3-5 атрибутів об’єкту з використанням різних простих типів даних (стрічки, символи, числа, логічний тип)ю Забезпечити виконання таких операцій...
75661. Моделювання представлення в пам’яті векторів і таблиць 204.8 KB
  Розробити спосіб економного зберігання в пам’яті розріджених матриць (таблиць). Розробити процедури і функції для забезпечення доступу (читання-запис) до елементів матриці. В контрольному прикладі забезпечити читання і запис всіх елементів матриці. Оцінити час виконання операцій.
75662. Операції над стрічками 170.05 KB
  Визначення позиції початку в стрічці s слова з номером n. Потім вводиться ціле число – номер слова у рядку що буде перевірятись. Далі у циклі шукається позиція слова під введеним номером. За умовами необхідно врахувати усі символироздільники що розташовані між словами наприклад кома і пробіл крапка і пробіл два пробіли тощо.
75663. Інтегровані структури даних запису 562.11 KB
  Використовуючи процедури і описи модуля типу даних, розробити програму, що забезпечує введення початкових даних з першого файлу даних в память і зберігання їх в масиві, сортування масиву по алфавітному і по числовому параметру.