Разработка Web- сайта для кафедры "Вычислительная техника и информационные технологии"

Автор работы: Пользователь скрыл имя, 18 Июня 2013 в 17:53, дипломная работа

Описание работы

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

Содержание работы

Введение
1 Теоретическая часть
1.1 Обоснование потребности в web-сайте
1.2 Понятие web-сайта
1.2.1 Классификация web-сайтов
1.3 Проектирование web-сайта
1.4 Этапы разработки web-сайта
1.4.1 Постановка задачи при проектировании web-сайта
1.4.2 Выбор программного средства для разработки
1.4.3 Разработка интерфейса
1.4.4 Разработка базы данных
1.4.5 Разработка административной части сайта
1.5 Обоснование выбора CMS (Content Management System)
1.6 Средства разработки
1.6.1 HTML
1.6.2 DHTML
1.6.3 XML
1.6.4 PHP
1.6.5 Web-сервер Apache
1.6.6 CMS Joomla
2 Проектная часть
2.1 Общая структура сайта
2.2 Разработка интерфейса web-сайта
2.2.1 Дизайн web-сайта
2.2.2 Описание создания страниц web-сайта
2.3 Разработка сайта на основе CMS
2.3.1 Описание установки CMS Joomla
2.3.2 Создание Раздела
2.3.3 Создание Категории
2.3.4 Создание объекта содержимого
2.3.5 Создание меню
2.3.6 Установка Шаблона сайта
Заключение
Использованные источники

Файлы: 1 файл

Диплом_по джумле.doc

— 2.03 Мб (Скачать файл)

Помощь открыть в новом окне страницу описания по данному окну ("Управление разделами"). Нажмите кнопку "Помощь".

Создать новый раздел. Нажмите кнопку "Новый".

Изменить существующий раздел. Нажмите на название раздела или отметьте нужный раздел и нажмите кнопку "Изменить".

Удалить существующий раздел. Отметьте нужный раздел и нажмите кнопку "Удалить".

Копировать существующий раздел. Отметьте нужный раздел и нажмите кнопку "Копия".

Скрыть (сделать неопубликованным) существующий раздел. Отметьте нужный раздел и нажмите кнопку "Скрыть".

Допустить (Опубликовать) существующий раздел. Отметьте нужный раздел и нажмите кнопку "Допустить".

Для создания нового раздела нажмите  кнопку "Новый". Будет открыта  страница редактирования "Раздела" (Рисунок 11).

 

Рисунок 11 - Страница редактирования "Раздела"

 

На странице редактирования "Раздела" с помощью кнопок на панели инструментов можно (перечисление справа налево):

Помощь – открыть в новом окне страницу описания по данному окну (редактирование "Раздела"). Нажмите кнопку "Помощь".

Применить (сохранить) изменения, но остаться на странице редактирования "Раздела". Нажмите кнопку "Применить".

Сохранить изменения и закрыть страницу редактирования "Раздела" и вернуться (выйти) на страницу "Управление разделами". Нажмите кнопку "Сохранить".

Загрузить изображение (сохраняется  в папку images\stories). Нажмите кнопку "Загрузить".

На странице редактирования "Раздела" нужно:

В поле "Заголовок" ввести короткое имя раздела, которое будет использоваться в меню или в выпадающих списках панели управления.

В поле "Раздел - Название" ввести длинное имя раздела, которое будет использоваться при отображении содержимого раздела на сайте, показывая заголовок раздела.

В поле "Изображение" выбрать изображение, которое будет использоваться при отображении раздела в меню.

В поле "Порядок отображения" после применения (сохранения) изменений можно изменить порядок отображения раздела в списке на странице "Управление разделами".

В поле "Уровень доступа" можно выставить права доступа на просмотр данного раздела (содержимого данного раздела):

"Общий" - для всех посетителей вебсайта,

"Участники" - для зарегистрированных пользователей сайта,

"Специальный" - для зарегистрированных пользователей панели управления.

В поле "Опубликован" - выбрать публиковать сейчас или нет.

В текстовом поле "Описание" можно написать краткое описание (аннотацию) содержимого раздела.

 

Рисунок 12 - Визуальный редактор "TinyMCE"

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

В поле "Описание" используется специальный редактор HTML, то есть не Joomla, а ее расширение - мамбот. Данное расширение, мамбот, называется HTML-редактором Joomla. В системе можно использовать любой из множества различных визуальных HTML-редакторов, но рекомендуется использовать "TinyMCE" (Рисунок 12).

Если HTML-редактор не появился в Вашей  системе, то Вы должны установить его  и (или) включить редактор. В локализованной сборке Joomla RE редактор "TinyMCE" уже  установлен и включен. Внешний вид  Вашего визуального редактора может  сильно отличаться от того, что использовался для написания этого руководства.

Кнопки на панели инструментов HTML-редактора  помогают задавать стиль (формат) вводимого текста.

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

 

2.3.3 Создание Категории

Категория - это второй (после раздела) объект в иерархии структуры содержимого. Создание категории похоже на создание раздела.

Для работы с категориями необходимо перейти на страницу "Управление категориями".

Есть два способа перейти  на страницу "Управление категориями".

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

Второй способ: в основном меню выбрать "Содержимое", затем "Содержимое по разделам" и далее нужный вам раздел. И в выпадающем продолжении меню пункт "Добавить/изменить категории в *выбранном вами разделе*". Будет открыта страница "Управление категориями" (Рисунок 13).

 

Рисунок 13 - Страница "Управление категориями"

 

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

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

Примечание: Чтобы выбрать другой раздел, потребуется снова повторить способ второй или первый, для доступа на страницу "Управление категориями".

На странице "Управление категориями", используя кнопки на панели инструментов, можно (перечисление справа налево):

Помощь – открыть в новом окне страницу описания поданному окну ("Управление категориями"). Нажмите кнопку "Помощь".

Создать новую категорию. Нажмите кнопку "Новый".

Изменить существующую категорию. Нажмите на название категории или отметьте нужную категорию и нажмите кнопку "Изменить".

Удалить существующую категорию. Отметьте нужную категорию и нажмите кнопку "Удалить".

Копировать существующую категорию. Отметьте нужную категорию и нажмите кнопку "Копия".

Перенести – переместить существующую категорию и все ее содержимое в другой раздел. Отметьте нужную категорию и нажмите кнопку"Перенести".

Скрыть (сделать неопубликованной) существующую категорию. Отметьте нужную категорию и нажмите кнопку "Скрыть".

Допустить (Опубликовать) существующую категорию. Отметьте нужную категорию и нажмите кнопку "Допустить".

Для создания новой категории нажмите  кнопку "Новый". Будет открыта  страница редактирования "Категории".

Страница редактирования "Категории" аналогична странице редактирования "Раздела" (Рисунок 13). Основное отличие страниц редактирования "Категории" и "Раздела" - наличие поля выбора раздела, к которому будет относиться категория. Создание новой категории почти полностью аналогично созданию нового раздела.

 

2.3.4 Создание объекта содержимого

Объект содержимого – это основное содержание сайта и нижний объект в иерархии структуры содержимого. Другими словами объект содержимого – это ваша статья, которая должна содержаться в одной из ваших категорий (соответственно и раздела).

Для работы с объектами содержимого необходимо перейти на страницу "Управление содержимым".

Есть два способа перейти  на страницу "Управление содержимым".

Первый способ: можно нажать на главной странице панели кнопку "Все содержимое сайта" или в основном меню выберите "Содержимое", затем пункт "Все содержимое". Будет открыта страница "Управление содержимым", при открытии страницы будет доступна фильтрация объектов по следующим критериям:

по разделам,

по категориям,

по автору,

по заголовку, значение указывается в поле "Фильтр".

Второй способ: в основном меню выбрать "Содержимое", затем "Содержимое по разделам" и далее нужный Вам раздел; и в выпадающем продолжении меню пункт "Содержимое в разделе: *выбранный вами раздел*". Будет открыта страница "Управление содержимым" (с выбранной фильтрацией по указанному разделу), при открытии страницы будет доступна фильтрация объектов по следующим критериям:

по категориям,

по авторам,

по заголовку, значение указывается  в поле "Фильтр".

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

 

Рисунок 14 - Доступ к странице "Управление объектами содержимого"

 

На странице "Управление содержимым", используя кнопки на панели инструментов, можно (перечисление справа налево):

Помощь – открыть в новом окне страницу описания поданному окну ("Управление содержимым").Нажмите кнопку "Помощь".

Создать новый объект содержимого. Нажмите кнопку "Новый".

Изменить существующий объект содержимого. Нажмите на название объекта или отметьте нужный объект и нажмите кнопку "Изменить".

Удалить существующий объект содержимого. Отметьте нужный объект и нажмите кнопку "В корзину".

Копировать существующие объекты содержимого. Отметьте нужные объекты и нажмите кнопку "Копия" и затем выберите, куда скопировать объекты.

Перенести – переместить существующие объекты содержимого. Отметьте нужные объекты и нажмите кнопку "Перенести" и затем выберите, куда перенести объекты.

Скрыть (сделать неопубликованным) существующие объекты содержимого. Отметьте нужные объекты и нажмите кнопку "Скрыть".

Допустить (Опубликовать) существующие объекты содержимого. Отметьте нужные объекты и нажмите кнопку "Допустить".

Отправить в архив существующие объекты содержимого. Отметьте нужные объекты и нажмите кнопку "В архив".

При создании или редактировании объекта  содержимого (статьи), на странице редактирования доступны дополнительные поля, необходимые для выбора того (в отличие от страницы редактирования раздела или категории), в каком разделе (поле "Раздел:")и в какой категории (поле "Категория:") будет содержаться данный объект содержимого.

Далее доступны два окна HTML редактора, позволяющие разбить содержание статьи на две части: введение и все содержимое статьи. Разделение содержимого статей позволяет представить их в виде так называемого "Блога" или "Журнала", то есть списка краткого описания статей, с кнопками "Подробнее" на все содержимое статей.

 

Рисунок 15 - Страница редактирования "Объекта содержимого

 

Блог – популярный и удобный способ представить информацию или статьи, которые обновляются (добавляются)регулярно, например новости или пресс-релизы. Вместо простого списка ссылок к различным статьям, вывод статей как "блог" дает возможность показать название и введение, позволяющие перейти ко всему содержанию статьи. Таким образом, введение может быть первым параграфом всей статьи или кратким описанием(резюме) статьи.

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

Если необходимо поместить изображения  в содержании, то нужно использовать специальную возможность вставки изображений. Нажмите кнопку "Вставить изображение" (кнопка расположена внизу слева окна HTML редактора),после этого в содержимое будет добавлен текст {mosimage }; при обработке этого текста для отображения система (Joomla)определит, что необходимо вставлять изображения, список которых размещен на вкладке "параметры изображений". Чтобы увидеть изображение в тексте, нажмите кнопку "Просмотр" на панели инструментов.

Использовать возможность { mosimage }можно  много раз, изображения отображаются в порядке, указанном в списке; порядок можно менять, используя кнопки "Вверх" и "Вниз".

Использование{ mosimage }– это пример использования расширения Joomla – мамбота (mosimage).

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

На данной вкладке можно ввести описание объекта и ключевые слова.

Если использовать кнопку "Добавить (Раздел, Категория, Заголовок)", то будут добавлены в поле "Ключевые слова" названия раздела, категории и заголовок объекта.

 

2.3.5 Создание меню

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

Используя расширения Joomla легко создать  меню для отображения на сайте. В данном руководстве рассматривается меню, построенное на стандартном модуле (установленном по умолчанию) mod_mainmenu. Данный модуль является по умолчанию главным для создания меню. Место вывода меню на сайте определяется в шаблоне сайта. Устанавливая дополнительные расширения, можно расширить возможности отображения стандартного меню или отобразить его в другом виде, например в виде выпадающего каскадного меню с подменю (часто необходимо, чтобы со стороны пользователя была включена поддержка Javascript в браузере).

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

Информация о работе Разработка Web- сайта для кафедры "Вычислительная техника и информационные технологии"