Хостинг документов ученикам и учителям
Категории
Добавить документВопросы и ответы
Регистрация Забыл пароль

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

ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ

Новомосковский институт (филиал)

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

имени Д.И. Менделеева»


Кафедра

"Вычислительная техника и информационные технологии"


ПОЯСНИТЕЛЬНАЯ ЗАПИСКА

К ВЫПУСКНОЙ КВАЛИФИКАЦИОННОЙ РАБОТЕ

НА ТЕМУ:

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



Зав. кафедрой

Воробьёв В.И.

Руководители

Прохоров В.С.

Лисин В.М.

Студент

Сухинина А.С.

Группа

AC – 03 – 1




г. Новомосковск 2007 г.

ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ

Новомосковский институт (филиал)

Государственного образовательного учреждения высшего профессионального образования «Российский химико-технологический университет имени Д.И. Менделеева»


Кафедра

"Вычислительная техника и информационные технологии"

Направление «Информатика и вычислительная техника»

УТВЕРЖДАЮ

Зав. кафедрой

______________ /________/

« » 20__г.


ЗАДАНИЕ


по выпускной квалификационной работе студента

Сухининой Анастасии Сергеевны

(фамилия, имя, отчество)

1. Тема работы: Разработка web-сайта для кафедры "Вычислительная техника и информационные технологии" утверждена приказом по институту от « » 20 г. №

2. Срок сдачи студентом законченной работы

3. Исходные данные к работе: Организационная информационная структура проектирования web-сайта, литературные источники и материалы Интернет по проектированию web-сайта, информация о содержании web-сайта

4. Содержание расчетно-пояснительной записки (перечень подлежащих разработке вопросов):

1. Теоретическая часть: Обоснование потребности в web-сайте. Постановка задачи проектирования. Этапы проектирования web-сайта. Средства реализации и разработки.

2. Проектная часть: Разработка структуры web-сайта. Разработка интерфейса web-сайта. Разработка структуры базы данных.

5. Перечень графического материала (с точным указанием обязательных чертежей) 1.Структурная схема web-сайта. 2.Дизайн страниц web-сайта. 3. Структурная организация базы данных.

6. Дата выдачи задания


Руководители / Прохоров В.С. /

(подпись)

/ Лисин В.М. /

(подпись)


Задание принял к исполнению / Сухинина А.С. /

(подпись)

Реферат


Пояснительная записка содержит 56 стр., 24 рисунка, 7 источников, 2 приложения.

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

web-сайт, система управления содержимым, internet, браузер, web-дизайн, панель администрирования, шаблон, раздел, категория, объект содержимого.

При создании сайта были изучены рассмотрены программные пакеты по созданию Web-сайтов (Front Page 2000, NetObjects Fussion, Home Site, Macromedia Dreamweaver MX).

Были рассмотрены различные системы управления содержимым (CMS), обеспечивающие доступ к информации в сети Internet и удобное редактирование сайта. Из многообразия существующих в настоящее время CMS была выбрана наиболее оптимальная для работы с Web-приложениями – CMS Joomla, отвечающая всем требованиям разработчика.

Результатом данной работы является разработка информационной структуры, дизайна и информационное наполнение web- сайта, который предоставляет всю необходимую информацию студентам кафедры ВТИТ и абитуриентам.

Созданный 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 Установка Шаблона сайта

Заключение

Использованные источники

Приложения

Приложение А

Код шаблона страниц сайта

Приложение 2

Структурная схема web- сайта

Главная страница Web- сайта

Настройки Web-сайта


Введение


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

При появлении технологии Web компьютеры повернулись лицом к этим двум совершенно противоположным категориям потенциальных пользователей. Элиту объединяла одна черта – в силу высочайшей ответственности и практически стопроцентной занятости “большие люди” никогда не пользовались компьютером; типичной была ситуация, когда с компьютером работал секретарь. В какой-то момент времени они поняли, что компьютер им может быть полезен, что они могут результативно использовать то небольшое время, которое можно выделить на работу за компьютером. Они вдруг поняли, что компьютер  это не просто модная и дорогая игрушка, но инструмент получения актуальной информации для бизнеса. При этом им не нужно было тратить сколько-нибудь заметного времени, чтобы освоить технологию работы с компьютером (по сравнению с тем, как это было раньше).

Спектр социальных групп, подключающихся к сети Интернет и ищущих информацию в WWW, все время расширяется за счет пользователей, не относящихся к категории специалистов в области информационных технологий. Это врачи, строители, историки, юристы, финансисты, спортсмены, путешественники, священнослужители, артисты, писатели, художники. Список можно продолжать бесконечно. Любой, кто ощутил полезность и незаменимость Сети для своей профессиональной деятельности или увлечений, присоединяется к огромной армии потребителей информации во «Всемирной Паутине».

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

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

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

1 Теоретическая часть


1.1 Обоснование потребности в web-сайте


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

Создание и разработка сайтов включает:

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

Определение структурной схемы сайта - расположение разделов, контента и навигации.

Веб-дизайн - создание графических элементов макета сайта, стилей и элементов навигации.

Разработка программного кода, модулей, базы данных и других элементов сайта необходимых в проекте.

Тестирование и размещение сайта в сети Интернет.

Во время прохождения предквалификационной практики были поставлены следующие задачи:

проанализировать уже существующую модель web-сайта кафедры ВТИТ и сделать заключение о том, что необходимо изменить;

принять решение о необходимость написания web-сайта при помощи средств системы управления содержимым, выбрать подходящую систему управления содержимым;

разработка проекта (структурной схемы) web-сайта кафедры на основе системы управления содержимым Joomla;

разработка HTML-каркаса главной страницы web- сайта;

разработка автоматизированной системы конструирования контента web-сайта;


1.2 Понятие web-сайта


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

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

Web-сайт состоит из связанных между собой Web-страниц. Web-страница представляет собой текстовый файл с расширением *.htm, который содержит текстовую информацию и специальные команды – HTML-коды, определяющие в каком виде эта информация будет отображаться в окне браузера. Вся графическая, аудио- и видео-информация непосредственно в Web-страницу не входит и представляет собой отдельные файлы с расширениями *.gif, *.jpg (графика), *.mid, *.mp3 (звук), *.avi (видео). В HTML-коде страницы содержатся только указания на такие файлы.

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


1.2.1 Классификация web-сайтов

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

Информационные сайты. К ним относятся сайты учебных заведений, сообществ по интересам, фирм и др.

Сайты учебных заведений. К наиболее известным относится Web-сайт "Школьный сектор", созданный в 1998 г. Его создание способствовало развитию активного сегмента информационной образовательной среды для учителей-предметников из разных городов. Здесь еженедельно размещаются результаты проектной учебной работы школьников (в том числе, web-странички разного типа, созданные ими), размышления учителей и координаторов сетевой работы по поводу сетевой деятельности в школе, интеграции ее к учебной программе, выступления специалистов об образовательной деятельности школ в Сети. Здесь же представлена информация о семинарах, конференциях, новых web-сайтах, педагогических изданиях и медиасредствах, которые могут помочь учителям-предметникам в их учебной деятельности и многое другое.

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

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

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

Сейчас в Сети размещено также большое количество информационно-развлекательных сайтов.


1.3 Проектирование web-сайта


Проектирование и разработка сайтов включает:

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

Определение структурной схемы сайта - расположение разделов, контента и навигации.

Веб-дизайн - создание графических элементов макета сайта, стилей и элементов навигации.

Разработка программного кода, модулей, базы данных и других элементов сайта необходимых в проекте.

Тестирование и размещение сайта в сети Интернет.


1.4 Этапы разработки web-сайта


1.4.1 Постановка задачи при проектировании web- сайта

Перед автором была поставлена первая задача: разработать структурную схему проекта web – сайта для использования в среде Internet и локальной сети кафедры. По мнению руководителей практики, разрабатываемый web – сайта должен обладать следующими особенностями:

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

web-сайт должен поддерживать использование звука, графических вставок, анимации, которые должны усиливать эмоционально-ценностный компонент содержания, формировать мотивацию;

для пользователей должна быть также реализована возможность распечатать любую страницу web-сайта;

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

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


1.4.2 Выбор программного средства для разработки

Учитывая поставленные выше задачи, автор счет наиболее оптимальную базу для разработки такого рода электронного учебно-методического пособия – HTML+система управления содержимым Joomla.

Joomla! — система управления содержанием, написанная на языке PHP и использующая в качестве хранилища содержания базу данных MySQL. Joomla! является свободным программным обеспечением, защищённым лицензией GPL. Одной из главных особенностей Joomla! является относительная простота управления при практически безграничных возможностях и гибкости при изготовлении сайтов. [2]

Название «Joomla!» фонетически идентично слову «Jumla», которое в переводе с суахили означает «все вместе» или «в целом», что отражает подход разработчиков и сообщества к развитию системы

Система управления содержанием Joomla! является ответвлением широко известной CMS Mambo. Команда независимых разработчиков отделилась от проекта Mambo по причине несогласия в экономической политике. И 16 сентября 2005 года в свет вышла первая версия Joomla!, являющаяся по сути переименованной Mambo 4.5.2.3 и включающая в себя исправления найденных на тот момент ошибок и уязвимостей.

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


1.4.3 Разработка интерфейса

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


1.4.4 Разработка базы данных

Так как сайт написан при помощи системы управления содержимым Joomla, база данных которой представлена в виде MySQL, база данных сайта будет поддерживать ту же структуру (Рисунок 1), внося в неё свои изменения.



Рисунок 1 – Схема базы данных сайта

1.4.5 Разработка административной части сайта

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

Административная часть сайта представлена в виде системы управления содержимым.

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

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

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

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

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

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

Обоснование выбора CMS (Content Management System) необходима развитая гипертекстовая структура – HTML создан именно для этого; необходимо обеспечить гибкую структуру управления материалом – управлять HTML-содержанием удобно с помощью PHP+MySQL. Именно эта связка позволяет генерировать динамические HTML-страницы; необходимо реализовать вариативность представления материала – в этом случае использование HTML+CSS более чем обоснованно. Именно эта комбинация средств позволяет создавать мультимедийные документы; необходимо обеспечить поддержку внутреннего форума web-сайта.

На основании поставленного технического задания была предложена структурная схема web-сайта кафедры ВТИТ.


1.6 Средства разработки


1.6.1 HTML

Обмен информацией в Интернет осуществляется с помощью протоколов прикладного уровня, реализующих тот или иной прикладной сервис (пересылку файлов, гипертекстовой информации, почты и т.д.). Одним из наиболее молодых и популярных сервисов Интернет, развитие которого и привело к всплеску популярности самой Интернет, стала World Wide Web (WWW), основанная на протоколе HTTP (Hyper Text Transfer Protocol - протокол передачи гипертекстовой информации). Гипертекстовые документы, представленные в WWW, имеют одно принципиальное отличие от традиционных гипертекстовых документов - связи, в них использующиеся, не ограничены одним документом, и более того, не ограничены одним компьютером. Для подготовки гипертекстовых документов используется язык HTML (Hyper Text Markup Language – язык разметки гипертекстовых документов), предоставляющий широкие возможности по форматированию и структурной разметке документов, организации связей между различными документами, средства включения графической и мультимедийной информации. HTML-документы просматриваются с помощью специальной программы - браузера. Наибольшее распространение в настоящее время получили браузеры Navigator компании Netscape (NN) и Internet Explorer компании Microsoft (MSIE). Реализации NN доступны практически для всех современных программных и аппаратных платформ, реализации MSIE доступны для всех Windows платформ, Macintosh и некоторых коммерческих Unix-систем.

HTML-документ состоит из текста, представляющего собой содержание документа, и тегов, определяющих его структуру и внешний вид при отображении браузером. Простейший html-документ выглядит следующим образом:

<html>

<head>

<title>Названиеtitle>

head>

<body>

<p>Тело документа

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

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

Текст всего документа заключается в теги , сам документ разбивается на две части - заголовок и тело. Заголовок описывается тегами , в которые могут быть включены название документа (с помощью тегов </I>) и другие параметры, использующиеся браузером при отображении документа. Тело документа заключено в теги <I><body></I> и содержит собственно информацию, которую видит пользователь. При отсутствии тегов форматирования весь текст выводится в окно браузера сплошным потоком, переводы строк, пробелы и табуляции рассматриваются как пробельные символы, несколько пробельных символов, идущих подряд, заменяются на один. Для форматирования используются следующие основные теги:</P> <P ><p> - начало нового абзаца, может иметь параметр, определяющий выравнивание:</P> <P ><<SPAN >p</SPAN> <SPAN >align</SPAN>=<SPAN >right</SPAN>>;</P> <P ><br> - перевод строки в пределах текущего абзаца;</P> <P ><u></u> - выделение текста подчеркиванием</P> <P >Ссылка на другой документ устанавливается с помощью тега <I><a REL="nofollow" target="_blank" HREF="https://doc4web.ru/go.html?href=URL">...</a></I>, где URL - полный или относительный адрес документа. При этом текст, заключенный в тег <a>, обычно выделяется подчеркиванием и цветом, и после щелчка мышью по этой ссылке браузер открывает документ, адрес которого указан в параметре href. Графические изображения вставляются в документ с помощью тега <I><img src="URL"></I>.</P> <P ><A NAME="_Toc170019725"></A><A NAME="_Toc138434614"></A><A NAME="_Toc73854514"></A><A NAME="_Toc41141357"></A> <BR> </P> <P ALIGN=CENTER > <B>1.6.2 DHTML</B></P> <P >Динамический <SPAN >HTML</SPAN> (<SPAN >Dynamic</SPAN> <SPAN >HTML</SPAN>, <SPAN >DHTML</SPAN>) не является каким-то особым языком разметки страниц. Это всего лишь термин, применяемый для обозначений <SPAN >HTML</SPAN>-страниц с динамически изменяемым содержимым.</P> <P >Реализация <SPAN >DHTML</SPAN> покоится на трех “китах”: непосредственно <SPAN >HTML</SPAN>, каскадные таблицы стилей и языке сценариев. Эти три компонента <SPAN >DHTML</SPAN> связаны между собой объектной моделью документа (<SPAN >DOM</SPAN>, <SPAN >Document</SPAN> <SPAN >Object</SPAN> <SPAN >Model</SPAN>), являющейся по сути интерфейсом прикладного программирования (<SPAN >API</SPAN>). <SPAN >DOM</SPAN> связывает воедино три перечисленных компонента, придавая простому документу <SPAN >HTML</SPAN> новое качество – возможность динамического изменения своего содержимого без перегрузки страницы.</P> <P >Объектная модель документа делает все элементы страницы программируемыми объектами. С ее помощью через языки сценариев можно получить доступ и управлять всем, что есть в документе. Каждый элемент <SPAN >HTML</SPAN> доступен как индивидуальный объект, а это означает, что можно изменять значение любого параметра любого тега <SPAN >HTML</SPAN>-страницы, и, как следствие, документ действительно становится динамическим. Любое действие пользователя (щелчок кнопкой мыши, перемещение мыши в окне браузера или нажатие клавиши клавиатуры) объектной моделью документа трактуется как событие, которое может быть перехвачено и обработано процедурой сценария.</P> <P ><A NAME="_Toc170019726"></A><A NAME="_Toc138434615"></A><A NAME="_Toc73854516"></A><A NAME="_Toc41141359"></A> <BR> </P> <P ALIGN=CENTER ><B>1.6.3 XML</B></P> <P >На сегодняшний день уже всем специалистам в области Web-технологий стало очевидно, что существующих стандартов передачи данных по Internet недостаточно. Формат HTML, став в свое время прорывом в области отображения содержимого узлов Internet, уже не удовлетворяет всем необходимым на данный момент требованиям. Он позволяет описать то, каким образом должны быть отображены данные на экране конечного пользователя, но не предоставляет никаких средств для эффективного описания передаваемых данных и управления ими.</P> <P >Кроме того, камнем преткновения для многих компаний, занимающихся разработкой программного обеспечения, является необходимость совместного использования различных компонент, обеспечения их взаимодействия, возможности обмена данными между ними.</P> <P >До недавнего времени не существовало стандарта, предоставляющего средства для интеллектуального поиска информации, обмена данными, адаптивной обработки получаемых данных.</P> <P >Решением всех описанных выше проблем стал утвержденный в 1998 году международной организацией W3C язык XML. XML (eXtensible Markup Language) - это расширяемый язык разметки, предназначенный для описания в текстовой форме структурированных данных. Этот текстовый (text-based) формат, во многом схожий с HTML, разработан специально для хранения и передачи данных.</P> <P >XML позволяет описывать и передавать такие структурированные данные, как:</P> <P >отдельные документы</P> <P >метаданные, описывающие содержимое какого-либо узла Internet</P> <P >объекты, содержащие данные и методы работы с ними (например, элементы управления ActiveX или объекты Java)</P> <P >отдельные записи (например, результаты выполнения запросов к базам данных)</P> <P >всевозможные Web-ссылки на информационные и людские ресурсы Internet (адреса электронной почты, гипертекстовые ссылки и пр.)</P> <P >Данные, описанные на языке XML, называются XML-документами. Язык XML легко читаем и достаточно прост для понимания. Если Вы были знакомы с HTML, то научиться составлять XML-документы не составит для Вас никакого труда.</P> <P >Исходный текст XML-документа состоит из набора XML-элементов, каждый из которых содержит начальный и конечный тэги. Каждая пара тэгов представляет часть данных. То есть, как и HTML, язык XML для описания данных использует тэги. Но, в отличие от HTML, XML позволяет использовать неограниченный набор пар тэгов, каждая из которых представляет не то, как заключенные в нее данные должны выглядеть, а то, что они означают.</P> <P >Любой элемент XML-документа может иметь атрибуты, уточняющие его характеристики. Атрибут - это пара имя = "значение", которая задается при определении элемента в начальном тэге.</P> <P >Принцип расширяемости языка XML состоит в возможности использования неограниченного количества пар тэгов, определяемых создателем XML-документа.</P> <P >Принцип независимости определения внутренней структуры документа от способов представления этой информации состоит в отделении данных от процесса их обработки и отображения. Таким образом, полученные данные можно использовать в соответствии с нуждами клиента, то есть выбирать нужное оформление, применять необходимые методы обработки.</P> <P >Управлять отображением элементов в окне программы-клиента (например, в окне браузера) можно с помощью специальных инструкций - стилевых таблиц XSL (eXstensible Stylesheet Language). Эти таблицы XSL позволяют определять оформление элемента в зависимости от его месторасположения внутри документа, то есть к двум элементам с одинаковым названием могут применяться различные правила форматирования. Кроме того, языком, лежащим в основе XSL, является XML, а это означает, что таблицы XSL более универсальны, а для контроля корректности составления таких стилевых таблиц можно использовать DTD-описания или схемы данных, рассмотренные ниже.</P> <P >Формат XML, по сравнению с HTML, имеет небольшой набор простых правил разбора, который позволяет разбирать XML-документы, не прибегая к каким-либо внешним описаниям используемых XML-элементов. В общем случае XML-документы должны удовлетворять следующим требованиям:</P> <P >Каждый открывающий тэг, определяющий некоторую часть данных в документе, обязательно должен сопровождаться закрывающим, то есть, в отличие от HTML, нельзя опускать закрывающие тэги.</P> <P >Вложенность тэгов в XML строго контролируется, поэтому необходимо следить за порядком следования открывающих и закрывающих тэгов.</P> <P >В XML учитывается регистр символов.</P> <P >Вся информация, располагающаяся между начальным и конечным тэгами, рассматривается в XML как данные, и поэтому учитываются все символы форматирования (то есть пробелы, переводы строк, табуляции не игнорируются, как в HTML).</P> <P >В XML существует набор зарезервированных символов, которые должны быть заданы в XML-документе только специальным образом.<BR>Многие специалисты рассматривают XML как новую технологию интеграции программных компонент. Основными преимуществами использования XML являются:</P> <P >Интеграция данных из различных источников. XML можно использовать для объединения разнородных структурированных данных на среднем уровне трехуровневых Web-систем, баз данных.</P> <P >Локальная обработка данных. Полученные данные в формате XML можно разбирать, обрабатывать и отображать непосредственно на клиенте без дополнительных обращений к серверу.</P> <P >Просмотр и манипулирование данными в различных разрезах. Полученные данные могут обрабатываться и просматриваться клиентом различными способами в зависимости от нужд конечного пользователя.</P> <P >Возможность частичного обновления данных. С помощью XML можно обновлять только ту часть структурированных данных, которая была изменена, а не всю структуру целиком.</P> <P >Все эти преимущества делают XML незаменимым инструментом для разработки гибких средств поиска информации в базах данных, мощных трехуровневых Web-приложений, а также приложений, поддерживающих транзакции. Другими словами, с помощью XML можно формировать запросы к базам данных различных структур, что позволяет осуществлять поиск информации в многочисленных несовместимых друг с другом базах данных. Использование XML на среднем уровне трехуровневых Web-приложений позволяет осуществлять эффективный обмен данными между клиентами и серверами систем электронной коммерции.</P> <P >Кроме того, язык XML может использоваться в качестве средства для описания грамматики других языков и контроля правильности составления документов.</P> <P >Инструменты обработки данных, полученных в формате XML, могут быть разработаны в среде Visual Basic, Java или C++.</P> <P ><A NAME="_Toc170019727"></A><A NAME="_Toc138434616"></A> <BR> </P> <P ALIGN=CENTER ><SPAN ><B>1.6.4 PHP</B></SPAN></P> <P >История <SPAN >PHP</SPAN> начинается осенью 1994 года. Когда Расмус Лердорф (<SPAN >Rasmus</SPAN> <SPAN >Lerdorf</SPAN>) начал работать над тем, что впоследствии стало <SPAN >PHP</SPAN>, единственной целью, которая была у него в мыслях, выяснить, кто читает его резюме. В то время, являясь независимым подрядчиком, Лердорф рассылал потенциальным работодателям свое мини-резюме с <SPAN >URL</SPAN> ссылкой на его полную версию. Чтобы следить за посетителями, он создал <SPAN >CGI</SPAN> скрипт на <SPAN >Perl</SPAN>-<SPAN >e</SPAN>, который вставлялся как специальный тег в <SPAN >HTML</SPAN> код его страницы, и собирал информацию о посетителях. Чтобы произвести впечатление на потенциальных работодателей, он позволил любому посетителю страницы просматривать собираемую статистику посещений. <SPAN >[1]</SPAN></P> <P >Он назвал этот код для сбора статистики «<SPAN >PHP</SPAN>-<SPAN >Tools</SPAN> <SPAN >for</SPAN> <SPAN >Personal</SPAN> <SPAN >Home</SPAN> <SPAN >Page</SPAN>», поскольку сам использовал его на своей персональной домашней странице (<SPAN >personal</SPAN> <SPAN >home</SPAN> <SPAN >page</SPAN>). Несколько человек поинтересовались тем, как они могли бы получить этот инструмент, и Лердорф принял решение предоставить его другим лицам. «Это чудо программного обеспечения. Вы можете дать это и тем не менее оставить это себе», - остроумно заметил Лердорф. В то время движения <SPAN >Open</SPAN> <SPAN >Source</SPAN> не существовало. Тогда оно назвалось <SPAN >freeware</SPAN>. Ближе к концу 1995 года Лердорф открыл для людей первый список рассылки по <SPAN >PHP</SPAN>, чтобы можно было обмениваться идеями, исправлениями ошибок и кодом.</P> <P ><A NAME="_Toc170019728"></A><A NAME="_Toc138434618"></A> <BR> </P> <P ALIGN=CENTER ><SPAN ><B>1.6.5 Web</B></SPAN><B>-сервер </B><SPAN ><B>Apache</B></SPAN></P> <P >Самый распространенный Web-сервер в мире - это Apache. По данным компании Netcraft, общее число Web-узлов, работающих под его управлением, к концу 1998 г. достигло 2 млн. (55% общего числа узлов) и постоянно растет. Для сравнения: на долю серверов Microsoft приходится 25%, Netscape - 7%. Будучи бесплатной открытой программой, предназначенной для бесплатных же Unix-систем (FreeBSD, Linux и др.), Apache по функциональным возможностям и надежности не уступает коммерческим серверам, а широкие возможности конфигурирования позволяют настроить его для работы практически с любой конкретной системой. Существуют локализации сервера для различных языков, в том числе и для русского.</P> <P >Исторически сложилось так, что русские тексты в Internet могут быть представлены в разных кодировках, из которых наиболее распространены koi8-r (или просто koi8) и Windows-1251: с первой работает большинство серверов и рабочих станций под управлением Unix, вторая является стандартной для всех версий Windows. Поскольку кодировка Windows-1251, естественно, применяется на подавляющем большинстве клиентских машин, доля тех, кто путешествует по русской части WWW, используя koi8, не превышает сейчас 5%. Однако в этой кодировке хранятся документы на многих Unix-серверах, в ней чаще всего передаются почтовые сообщения и практически всегда - письма в телеконференции, с ней же работают многие русскоязычные каналы IRC (кстати, аббревиатура КОИ расшифровывается как "код обмена информацией"). Чтобы решить проблемы, возникающие при несовпадении кодировок текста на сервере и клиентской машине, и был создан русский модуль Apache-RUS для Web-сервера Apache.</P> <P ><A NAME="_Toc170019729"></A><BR> </P> <P ALIGN=CENTER ><B>1.6.6 </B><SPAN ><B>CMS</B></SPAN><B> </B><SPAN ><B>Joomla</B></SPAN></P> <P >Joomla! – это Система Управления Содержимым (CMS), созданная той же самой получившей множество наград командой, которая принесла сегодняшнюю известность системе Mambo CMS. <SPAN >[4]</SPAN></P> <P >Название Joomla! является фонетической транскрипцией слова "Jumla" из языка Суахили, что означает "все вместе" или "единое целое". Оно было выбрано, поскольку все команды мамберов оказались единодушны в желании защитить интересы создателей и сообщества, которое и является истинной причиной успеха проекта.</P> <P >Это название было выбрано среди тысяч предложенных сообществом, и в добавок прошло серьезную проверку профессионалами брендинга и маркетинга, которые также решили, что Joomla! - это лучший выбор.</P> <P >Главное отличие Joomla! от других систем – это стремление разработчиков сохранить управление настолько простым, насколько это возможно, в то же время обеспечивая максимальную функциональность. В итоге, не имея специального образования, можно полностью контроллировать свои сайты, вместо того чтобы платить чрезмерно большие суммы денег за закрытое, являющееся чьей-то собственностью программное обеспечение.</P> <P >Название «Joomla!» фонетически идентично слову «Jumla», которое в переводе с суахили означает «все вместе» или «в целом», что отражает подход разработчиков и сообщества к развитию системы</P> <P >Система управления содержанием Joomla! является ответвлением широко известной CMS <SPAN >Mambo</SPAN>. Команда независимых разработчиков отделилась от проекта Mambo по причине несогласия в экономической политике. И 16 сентября 2005 года в свет вышла первая версия Joomla!, являющаяся по сути переименованной Mambo 4.5.2.3 и включающая в себя исправления найденных на тот момент ошибок и уязвимостей.</P> <P >CMS Joomla! включает в себя различные инструменты для изготовления веб-сайта. Важной особенностью системы является минимальный набор инструментов при начальной установке, который обогащается по мере необходимости. Это снижает загромождение административной панели ненужными элементами, а также снижает нагрузку на сервер и экономит место на хостинге.</P> <P ><BR> </P> <P ALIGN=CENTER ><A NAME="_Toc170019730"></A> <B>2 Проектная часть</B></P> <P ALIGN=CENTER ><A NAME="_Toc170019731"></A> <BR> </P> <P ALIGN=CENTER ><B>2.1 Общая структура сайта</B></P> <P ALIGN=CENTER ><BR> </P> <P ><BR> </P> <P >Рисунок 2 – Структурная схема сайта</P> <P ><BR> </P> <P >На Рисунке 2 представлена структурная схема сайта, которая учитывает всю специфику разрабатываемого приложения.</P> <P >На главной странице отображаются последние новости и основная информация.</P> <P >Страница «История кафедры» содержит дополнительную вкладку- «История возникновения». Здесь отображается история кафедры с момента её возникновения и по сей день.</P> <P >Страница «Дисциплины» содержит методические материалы и краткое описание дисциплин.</P> <P >Страница «Абитуриентам» содержит всю необходимую абитуриентам информацию о специальности.</P> <P >Страница «Новости» содержит самые последние обновления.</P> <P >Страница «Статьи» содержит интересные публикации.</P> <P >Страница «Сотрудничество» содержит информацию о компаниях, с которыми контактирует кафедра.</P> <P >При открытии страницы «Форум» пользователь попадает в форум кафедры.</P> <P >На странице «Поиска» посетители могут найти любую информацию, которая содержится на сайте.</P> <P ><BR> </P> <P ALIGN=CENTER ><A NAME="_Toc170019732"></A> <B>2.2 Разработка интерфейса web-сайта</B></P> <P ALIGN=CENTER ><A NAME="_Toc170019733"></A> <BR> </P> <P ALIGN=CENTER ><B>2.2.1 Дизайн web-сайта</B></P> <P >В соответствии с разработанной структурой была спроектирована главная страничка сайта (Рисунок 3). Она содержит все основные структурные элементы, переход по которым осуществляется с помощью гиперссылок.</P> <P ><BR> </P> <P ><BR> </P> <P >Рисунок 3 – Главная страница сайта</P> <P ><FONT COLOR="#000000">Как и планировалось на этапе постановки задачи, сайт содержит все необходимые структурные и навигационные элементы: форму поиска, навигационное меню (в виде текстовых ссылок в сопровождении соответствующих изображений).</FONT></P> <P ><FONT COLOR="#000000">При нажатии на ссылке «История кафедры» выводится информация о возникновении последней, информация о дисциплинах и ссылки на их краткое описание (рисунок 4).</FONT></P> <P ><BR> </P> <P ><BR> </P> <P >Рисунок 4 – История кафедры</P> <P ><BR> </P> <P >Вид регистрационной формы для нового пользователя показан на рисунке 5.</P> <P ><BR> </P> <P ><BR> </P> <P >Рисунок 5 – Регистрационная форма</P> <P ><BR> </P> <P >При вводе административного логина и пароля активируется меню администратора (рисунок 6).</P> <P ><BR> </P> <P ><BR> </P> <P >Рисунок 6 – Панель администрирования</P> <P ALIGN=CENTER ><A NAME="_Toc170019734"></A> <B>2.2.2 Описание создания страниц web-сайта</B></P> <P >Разработка web-сайта велась в основном в паке компании <SPAN >Joomla</SPAN> 1.0.12. Выбор данного пакета обоснован тем, что его освоение отнимает мало времени, во время разработки доступен предварительный просмотр каждой отдельно сделанной операции, доступно большое количество функций (организация интерактивных элементов сайта, создание гиперссылок в несколько кликов мышки и т.п.), пакет поддерживает большое количество технологий (<SPAN >HTML</SPAN>, <SPAN >PHP</SPAN>, <SPAN >ASP</SPAN>, <SPAN >Java</SPAN>, <SPAN >XML</SPAN>, <SPAN >XSLT</SPAN>, <SPAN >CSS</SPAN> и другие).</P> <P >При создании сайта использовались стандартные шаблоны, однако для их модификации под конкретные задачи, стандартные средства <SPAN >Joomla</SPAN> применять неудобно из-за отсутствия визуального редактора. Поэтому для редактирования шаблонов был использован визуальный редактор <SPAN >DreamWeaver</SPAN> <SPAN >MX</SPAN>.</P> <P >Рассмотрим создание главной странички сайта (Рисунок 7). Она является основополагающей для всех остальных.</P> <P ><BR> </P> <P ><BR> </P> <P >Рисунок 7 – Разработка главной странички сайта</P> <P >Как видно из рисунка, в основе странички лежит таблица. Все элементы странички составляют некую мозаику, которая впоследствии предстаёт на экране пользователя как единое целое.</P> <P >Любая информация (текстовая или графическая) заносится непосредственно в ячейки таблицы. Таким образом, достигается структурированность странички, позволяющая наиболее удобно редактировать любой её элемент. Так же для удобства правки и логического отделения одного сегмента от другого каждому из них присвоено имя (рисунок 7). Код шаблонов страниц приведён в приложении А.</P> <P ALIGN=CENTER ><BR> </P> <P ALIGN=CENTER ><A NAME="_Toc170019735"></A> <B>2.3 Разработка сайта на основе </B><SPAN ><B>CMS</B></SPAN></P> <P ALIGN=CENTER ><A NAME="_Toc170019736"></A><A NAME="_Toc168978874"></A> <BR> </P> <P ALIGN=CENTER ><B>2.3.1 Описание </B><FONT COLOR="#808080"><FONT COLOR="#00000a"><SPAN STYLE="font-style: normal"><B>установки</B></SPAN></FONT></FONT><B> </B><FONT COLOR="#808080"><FONT COLOR="#00000a"><SPAN STYLE="font-style: normal"><B>CMS</B></SPAN></FONT></FONT><B> </B><SPAN ><B>Joomla</B></SPAN></P> <P >Для доступа к административной <SPAN STYLE="font-weight: normal">панели управления</SPAN> <EM >(Backend – бэк-енд, панель управления)</EM> Joomla используйте адрес Вашего веб-сайта (или полный путь до папки, в которую установлена Joomla) с добавлением в конце пути "/administrator". <SPAN STYLE="font-weight: normal">Например</SPAN>, если адрес веб-сайта www.myweb.ru, то доступ к <SPAN STYLE="font-weight: normal">панели управления</SPAN> возможен по адресу www.myweb.ru/administrator. После правильного ввода адреса, откроется страница авторизации</P> <P ><BR> </P> <P ><BR> </P> <P >Рисунок 8 - Страница входа в панель управления Joomla</P> <P ><BR> </P> <P >Рисунок 9 - Главная страница панели управления Joomla</P> <P ><BR> </P> <P >При правильном вводе имени пользователя и пароля откроется <SPAN STYLE="font-weight: normal">главная страница</SPAN> администрирования системой, то есть будет открыта <SPAN STYLE="font-weight: normal">панель управления</SPAN> Joomla (Рисунок 9), которая предоставит управления всеми функциями и возможностями Joomla. Возвратиться на главную страницу панели можно в любое время при нажатии кнопки <SPAN STYLE="font-weight: normal">"Главная"</SPAN> в левом верхнем углу.</P> <P ><A NAME="_Toc170019737"></A><A NAME="_Toc168978875"></A> <BR> </P> <P ALIGN=CENTER ><B>2.3.2 Создание Раздела</B></P> <P >Раздел<SPAN STYLE="font-weight: normal"> </SPAN>– это главный (верхний) объект в основе иерархии <SPAN STYLE="font-weight: normal">структуры содержимого</SPAN>. Позже в Раздел будут добавлены Категории.</P> <P >Для работы с <SPAN STYLE="font-weight: normal">разделами </SPAN>необходимо перейти на страницу <SPAN STYLE="font-weight: normal">"Управление разделами"</SPAN>. Можно нажать на главной странице панели <SPAN STYLE="font-weight: normal">кнопку "Управление разделами"</SPAN> или в основном меню выбрать <SPAN STYLE="font-weight: normal">"Содержимое"</SPAN>, затем пункт <SPAN STYLE="font-weight: normal">"Управление разделами"</SPAN> (Рисунок 10).</P> <P ><BR> </P> <P ><BR> </P> <P >Рисунок 10 - Доступ на страницу "Управление разделами" (Section Manager), или далее на страницу "Управление категориями" (Category Manager)</P> <P ><BR> </P> <P >Будет открыта страница <SPAN STYLE="font-weight: normal">"</SPAN>Управление разделами<SPAN STYLE="font-weight: normal">"</SPAN>.</P> <P >На странице <SPAN STYLE="font-weight: normal">"Управление разделами"</SPAN>, используя кнопки на панели инструментов, можно (перечисление справа налево):</P> <P ><SPAN STYLE="font-weight: normal">Помощь </SPAN>открыть в новом окне страницу описания по данному окну (<EM >"Управление разделами"</EM>). Нажмите кнопку "Помощь".</P> <P ><SPAN STYLE="font-weight: normal">Создать </SPAN>новый раздел. Нажмите кнопку "Новый".</P> <P ><SPAN STYLE="font-weight: normal">Изменить </SPAN>существующий раздел. Нажмите на название раздела или отметьте нужный раздел и нажмите кнопку "Изменить".</P> <P ><SPAN STYLE="font-weight: normal">Удалить </SPAN>существующий раздел. Отметьте нужный раздел и нажмите кнопку "Удалить".</P> <P ><SPAN STYLE="font-weight: normal">Копировать </SPAN>существующий раздел. Отметьте нужный раздел и нажмите кнопку "Копия".</P> <P ><SPAN STYLE="font-weight: normal">Скрыть </SPAN>(сделать неопубликованным) существующий раздел. Отметьте нужный раздел и нажмите кнопку "Скрыть".</P> <P ><SPAN STYLE="font-weight: normal">Допустить </SPAN>(Опубликовать) существующий раздел. Отметьте нужный раздел и нажмите кнопку "Допустить".</P> <P >Для создания нового раздела нажмите кнопку "Новый". Будет открыта страница редактирования <SPAN STYLE="font-weight: normal">"</SPAN>Раздела" (Рисунок 11).</P> <P ><BR> </P> <P ><BR> </P> <P >Рисунок 11 - Страница редактирования "Раздела"</P> <P ><BR> </P> <P >На странице редактирования <SPAN STYLE="font-weight: normal">"</SPAN>Раздела" с помощью кнопок на панели инструментов можно (перечисление справа налево):</P> <P >Помощь<SPAN STYLE="font-weight: normal"> </SPAN>– открыть в новом окне страницу описания по данному окну (редактирование "Раздела"). Нажмите кнопку "Помощь".</P> <P >Применить<SPAN STYLE="font-weight: normal"> </SPAN>(сохранить) изменения, но остаться на странице редактирования "Раздела". Нажмите кнопку "Применить".</P> <P >Сохранить<SPAN STYLE="font-weight: normal"> </SPAN>изменения и закрыть страницу редактирования "Раздела" и вернуться (выйти) на страницу "Управление разделами". Нажмите кнопку "Сохранить".</P> <P >Загрузить изображение (сохраняется в папку images\stories). Нажмите кнопку "Загрузить".</P> <P >На странице редактирования <SPAN STYLE="font-weight: normal">"</SPAN>Раздела" нужно:</P> <P >В поле <SPAN STYLE="font-weight: normal">"Заголовок"</SPAN> ввести короткое имя раздела, которое будет использоваться в меню или в выпадающих списках панели управления.</P> <P >В поле <SPAN STYLE="font-weight: normal">"Раздел - Название"</SPAN> ввести длинное имя раздела, которое будет использоваться при отображении содержимого раздела на сайте, показывая заголовок раздела.</P> <P >В поле <SPAN STYLE="font-weight: normal">"Изображение"</SPAN> выбрать изображение, которое будет использоваться при отображении раздела в меню.</P> <P >В поле <SPAN STYLE="font-weight: normal">"Порядок отображения"</SPAN> после применения (сохранения) изменений можно изменить порядок отображения раздела в списке на странице "Управление разделами".</P> <P >В поле <SPAN STYLE="font-weight: normal">"Уровень доступа"</SPAN> можно выставить права доступа на просмотр данного раздела (содержимого данного раздела):</P> <P ><SPAN STYLE="font-weight: normal">"Общий"</SPAN> - для всех посетителей вебсайта,</P> <P ><SPAN STYLE="font-weight: normal">"Участники"</SPAN> - для зарегистрированных пользователей сайта,</P> <P ><SPAN STYLE="font-weight: normal">"Специальный"</SPAN> - для зарегистрированных пользователей панели управления.</P> <P >В поле <SPAN STYLE="font-weight: normal">"Опубликован"</SPAN> - выбрать публиковать сейчас или нет.</P> <P >В текстовом поле <SPAN STYLE="font-weight: normal">"Описание"</SPAN> можно написать краткое описание (аннотацию) содержимого раздела.</P> <P ><BR> </P> <P ><BR> </P> <P >Рисунок 12 - Визуальный редактор "TinyMCE"</P> <P >В поле <SPAN STYLE="font-weight: normal">"Описание"</SPAN> можно написать о содержании раздела, но помните, что раздел включает одну или несколько категорий, и, когда конечный пользователь (посетитель Вашего вебсайта) видит это описание, то оно также будет сопровождаться (вероятно) списком включенных в данный раздел категорий.</P> <P >В поле <SPAN STYLE="font-weight: normal">"</SPAN>Описание" используется специальный редактор HTML, то есть не Joomla, а ее расширение - мамбот. Данное расширение, мамбот, называется <SPAN STYLE="font-weight: normal">HTML-редактором Joomla</SPAN>. В системе можно использовать любой из множества различных визуальных HTML-редакторов, но рекомендуется использовать <SPAN STYLE="font-weight: normal">"</SPAN>TinyMCE" (Рисунок 12).</P> <P >Если HTML-редактор не появился в Вашей системе, то Вы должны установить его и (или) включить редактор. В локализованной сборке Joomla RE редактор "TinyMCE" уже установлен и включен. Внешний вид Вашего визуального редактора может сильно отличаться от того, что использовался для написания этого руководства.</P> <P >Кнопки на панели инструментов HTML-редактора помогают задавать стиль (формат) вводимого текста.</P> <P >Когда Вы закончите создавать или редактировать раздел, нажмите кнопку "Сохранить" для сохранения результатов работы и выхода на страницу "Управление разделами". Или можно нажать кнопку "Применить" для сохранения результатов, не закрывая страницы редактирования "Раздела".</P> <P ><A NAME="_Toc170019738"></A><A NAME="_Toc168978876"></A> <BR> </P> <P ALIGN=CENTER ><B>2.3.3 Создание Категории</B></P> <P >Категория - это второй (после раздела) объект в иерархии <SPAN STYLE="font-weight: normal">структуры содержимого</SPAN>. Создание категории похоже на создание раздела.</P> <P >Для работы с <SPAN STYLE="font-weight: normal">категориями</SPAN> необходимо перейти на страницу <SPAN STYLE="font-weight: normal">"Управление категориями"</SPAN>.</P> <P >Есть два способа перейти на страницу <SPAN STYLE="font-weight: normal">"Управление категориями"</SPAN>.</P> <P >Первый способ: можно нажать на главной странице панели кнопку <SPAN STYLE="font-weight: normal">"Управление категориями"</SPAN>, или в основном меню выберите <SPAN STYLE="font-weight: normal">"Содержимое"</SPAN>, затем пункт <SPAN STYLE="font-weight: normal">"Управление разделами"</SPAN>. Будет открыта страница <SPAN STYLE="font-weight: normal">"Управление категориями"</SPAN>.</P> <P >Второй способ: в основном меню выбрать <SPAN STYLE="font-weight: normal">"Содержимое"</SPAN>, затем <SPAN STYLE="font-weight: normal">"Содержимое по разделам"</SPAN> и далее нужный вам раздел. И в выпадающем продолжении меню пункт <SPAN STYLE="font-weight: normal">"Добавить/изменить категории в *выбранном вами разделе*"</SPAN>. Будет открыта страница <SPAN STYLE="font-weight: normal">"Управление категориями"</SPAN> (Рисунок 13).</P> <P ><BR> </P> <P ><BR> </P> <P >Рисунок 13 - Страница "Управление категориями"</P> <P ><BR> </P> <P >При открытии страницы <SPAN STYLE="font-weight: normal">"Управление категориями"</SPAN> первым способом будет доступна <SPAN STYLE="font-weight: normal">фильтрация</SPAN> категории по разделам. При <SPAN STYLE="font-weight: normal">создании</SPAN> новой категории можно будет выбрать раздел, в который должна войти новая категория. Опция фильтрации на странице доступна справа под панелью инструментов.</P> <P >При открытии страницы <SPAN STYLE="font-weight: normal">"Управление категориями"</SPAN> вторым способом опция <SPAN STYLE="font-weight: normal">фильтрации</SPAN> будет <EM >"жестко"</EM> привязана к <SPAN STYLE="font-weight: normal">выбранному Вами разделу</SPAN>. При <SPAN STYLE="font-weight: normal">создании</SPAN> новой категории имя раздела, в который войдет новая категории будет <EM >"жестко"</EM> привязана к выбранному вами разделу.</P> <P ><EM >Примечание:</EM> Чтобы выбрать другой раздел, потребуется снова повторить способ второй или первый, для доступа на страницу <SPAN STYLE="font-weight: normal">"Управление категориями"</SPAN>.</P> <P >На странице <SPAN STYLE="font-weight: normal">"Управление категориями"</SPAN>, используя кнопки на панели инструментов, можно (перечисление справа налево):</P> <P ><SPAN STYLE="font-weight: normal">Помощь </SPAN>– открыть в новом окне страницу описания поданному окну (<SPAN STYLE="font-weight: normal">"Управление категориями"</SPAN>). Нажмите кнопку "Помощь".</P> <P ><SPAN STYLE="font-weight: normal">Создать </SPAN>новую категорию. Нажмите кнопку "Новый".</P> <P ><SPAN STYLE="font-weight: normal">Изменить </SPAN>существующую категорию. Нажмите на название категории или отметьте нужную категорию и нажмите кнопку "Изменить".</P> <P ><SPAN STYLE="font-weight: normal">Удалить </SPAN>существующую категорию. Отметьте нужную категорию и нажмите кнопку "Удалить".</P> <P ><SPAN STYLE="font-weight: normal">Копировать </SPAN>существующую категорию. Отметьте нужную категорию и нажмите кнопку "Копия".</P> <P ><SPAN STYLE="font-weight: normal">Перенести </SPAN>– переместить существующую категорию и все ее содержимое в другой раздел. Отметьте нужную категорию и нажмите кнопку"Перенести".</P> <P ><SPAN STYLE="font-weight: normal">Скрыть </SPAN>(сделать неопубликованной) существующую категорию. Отметьте нужную категорию и нажмите кнопку "Скрыть".</P> <P ><SPAN STYLE="font-weight: normal">Допустить </SPAN>(Опубликовать) существующую категорию. Отметьте нужную категорию и нажмите кнопку "Допустить".</P> <P >Для создания новой категории нажмите кнопку "Новый". Будет открыта страница редактирования <SPAN STYLE="font-weight: normal">"Категории"</SPAN>.</P> <P >Страница редактирования <SPAN STYLE="font-weight: normal">"Категории"</SPAN> аналогична странице редактирования <SPAN STYLE="font-weight: normal">"Раздела"</SPAN> (Рисунок 13). Основное отличие страниц редактирования "Категории" и "Раздела" - наличие <SPAN STYLE="font-weight: normal">поля выбора раздела</SPAN>, к которому будет относиться категория. Создание новой категории почти полностью аналогично созданию нового раздела.</P> <P ><A NAME="_Toc170019739"></A><A NAME="_Toc168978877"></A> <BR> </P> <P ALIGN=CENTER ><B>2.3.4 Создание объекта содержимого</B></P> <P ><SPAN STYLE="font-weight: normal">Объект содержимого</SPAN> – это основное содержание сайта и нижний объект в иерархии <SPAN STYLE="font-weight: normal">структуры содержимого</SPAN>. Другими словами <SPAN STYLE="font-weight: normal">объект содержимого</SPAN> – это ваша <SPAN STYLE="font-weight: normal">статья</SPAN>, которая должна содержаться в одной из ваших категорий (соответственно и раздела).</P> <P >Для работы с <SPAN STYLE="font-weight: normal">объектами содержимого</SPAN> необходимо перейти на страницу <SPAN STYLE="font-weight: normal">"Управление содержимым"</SPAN>.</P> <P >Есть два способа перейти на страницу <SPAN STYLE="font-weight: normal">"Управление содержимым"</SPAN>.</P> <P >Первый способ: можно нажать на главной странице панели <SPAN STYLE="font-weight: normal">кнопку "Все содержимое сайта"</SPAN> или в основном меню выберите <SPAN STYLE="font-weight: normal">"Содержимое"</SPAN>, затем пункт <SPAN STYLE="font-weight: normal">"Все содержимое"</SPAN>. Будет открыта страница <SPAN STYLE="font-weight: normal">"Управление содержимым"</SPAN>, при открытии страницы будет доступна фильтрация объектов по следующим критериям:</P> <P >по разделам,</P> <P >по категориям,</P> <P >по автору,</P> <P >по заголовку, значение указывается в поле "Фильтр".</P> <P >Второй способ: в основном меню выбрать <SPAN STYLE="font-weight: normal">"Содержимое"</SPAN>, затем <SPAN STYLE="font-weight: normal">"Содержимое по разделам"</SPAN> и далее нужный Вам раздел; и в выпадающем продолжении меню пункт <SPAN STYLE="font-weight: normal">"Содержимое в разделе: *выбранный вами раздел*"</SPAN>. Будет открыта страница <SPAN STYLE="font-weight: normal">"Управление содержимым"</SPAN> (с выбранной фильтрацией по указанному разделу), при открытии страницы будет доступна <SPAN STYLE="font-weight: normal">фильтрация</SPAN> объектов по следующим критериям:</P> <P >по категориям,</P> <P >по авторам,</P> <P >по заголовку, значение указывается в поле "Фильтр".</P> <P >При <SPAN STYLE="font-weight: normal">создании</SPAN> нового объекта содержимого нужно будет выбрать раздел и категорию, в который должен войти новый объект. Опции фильтрации на странице доступны справа под панелью инструментов. Опции фильтрации (по разделам, по категориям) <SPAN STYLE="font-weight: normal">наследуются </SPAN>при создании нового объекта содержимого.</P> <P > </P> <P >Рисунок 14 - Доступ к странице "Управление объектами содержимого"</P> <P ><BR> </P> <P >На странице <SPAN STYLE="font-weight: normal">"Управление содержимым"</SPAN>, используя кнопки на панели инструментов, можно (перечисление справа налево):</P> <P ><SPAN STYLE="font-weight: normal">Помощь </SPAN>– открыть в новом окне страницу описания поданному окну (<SPAN STYLE="font-weight: normal">"Управление содержимым"</SPAN>).Нажмите кнопку "Помощь".</P> <P ><SPAN STYLE="font-weight: normal">Создать </SPAN>новый объект содержимого. Нажмите кнопку "Новый".</P> <P ><SPAN STYLE="font-weight: normal">Изменить </SPAN>существующий объект содержимого. Нажмите на название объекта или отметьте нужный объект и нажмите кнопку "Изменить".</P> <P ><SPAN STYLE="font-weight: normal">Удалить </SPAN>существующий объект содержимого. Отметьте нужный объект и нажмите кнопку "В корзину".</P> <P ><SPAN STYLE="font-weight: normal">Копировать </SPAN>существующие объекты содержимого. Отметьте нужные объекты и нажмите кнопку "Копия" и затем выберите, куда скопировать объекты.</P> <P ><SPAN STYLE="font-weight: normal">Перенести </SPAN>– переместить существующие объекты содержимого. Отметьте нужные объекты и нажмите кнопку "Перенести" и затем выберите, куда перенести объекты.</P> <P ><SPAN STYLE="font-weight: normal">Скрыть </SPAN>(сделать неопубликованным) существующие объекты содержимого. Отметьте нужные объекты и нажмите кнопку "Скрыть".</P> <P ><SPAN STYLE="font-weight: normal">Допустить </SPAN>(Опубликовать) существующие объекты содержимого. Отметьте нужные объекты и нажмите кнопку "Допустить".</P> <P ><SPAN STYLE="font-weight: normal">Отправить в архив</SPAN> существующие объекты содержимого. Отметьте нужные объекты и нажмите кнопку "В архив".</P> <P >При создании или редактировании объекта содержимого (статьи), на странице редактирования доступны дополнительные поля, необходимые для выбора того (в отличие от страницы редактирования раздела или категории), в каком разделе (<SPAN STYLE="font-weight: normal">поле "Раздел:"</SPAN>)и в какой категории (<SPAN STYLE="font-weight: normal">поле "Категория:"</SPAN>) будет содержаться данный объект содержимого.</P> <P >Далее доступны <EM >два</EM> окна HTML редактора, позволяющие разбить содержание статьи на две части: введение и все содержимое статьи. Разделение содержимого статей позволяет представить их в виде так называемого <SPAN STYLE="font-weight: normal">"Блога"</SPAN> или <SPAN STYLE="font-weight: normal">"Журнала"</SPAN>, то есть списка краткого описания статей, с кнопками <SPAN STYLE="font-weight: normal">"Подробнее"</SPAN> на все содержимое статей.</P> <P ><BR> </P> <P ><BR> </P> <P >Рисунок 15 - Страница редактирования "Объекта содержимого</P> <P ><BR> </P> <P ><SPAN STYLE="font-weight: normal">Блог </SPAN>– популярный и удобный способ представить информацию или статьи, которые обновляются (добавляются)регулярно, например новости или пресс-релизы. Вместо простого списка ссылок к различным статьям, вывод статей как "блог" дает возможность показать название и введение, позволяющие перейти ко всему содержанию статьи. Таким образом, введение может быть первым параграфом всей статьи или кратким описанием(резюме) статьи.</P> <P >Справа, после сохранения, доступны дополнительные параметры управления объектом содержимого. Последняя вкладка <SPAN STYLE="font-weight: normal">"Связь с меню"</SPAN> может настраиваться при создании меню.</P> <P >Если необходимо поместить изображения в содержании, то нужно использовать специальную возможность вставки изображений. Нажмите кнопку "Вставить изображение" (кнопка расположена внизу слева окна HTML редактора),после этого в содержимое будет добавлен текст {mosimage }; при обработке этого текста для отображения система (Joomla)определит, что необходимо вставлять изображения, список которых размещен на вкладке "параметры изображений". Чтобы увидеть изображение в тексте, нажмите кнопку "Просмотр" на панели инструментов.</P> <P >Использовать возможность { mosimage }можно много раз, изображения отображаются в порядке, указанном в списке; порядок можно менять, используя кнопки "Вверх" и "Вниз".</P> <P >Использование{ mosimage }– это пример использования расширения Joomla – <SPAN STYLE="font-weight: normal">мамбота (mosimage)</SPAN>.</P> <P >Значения многих параметров на вкладке "Параметры управления", можно задать по умолчанию, для того, чтобы использовались <SPAN STYLE="font-weight: normal">"глобальные настройки"</SPAN>. Задать значения "глобальных настроек" можно в пункте меню <SPAN STYLE="font-weight: normal">"Глобальная конфигурация" </SPAN>меню "Сайт", во вкладке "Содержимое". Данные значения можно индивидуально изменить для каждого объекта содержимого.</P> <P >На данной вкладке можно ввести описание объекта и ключевые слова.</P> <P >Если использовать кнопку <SPAN STYLE="font-weight: normal">"Добавить (Раздел, Категория, Заголовок)"</SPAN>, то будут добавлены в поле <SPAN STYLE="font-weight: normal">"Ключевые слова"</SPAN> названия раздела, категории и заголовок объекта.</P> <P ALIGN=CENTER ><A NAME="_Toc170019740"></A><A NAME="_Toc168978878"></A> <B>2.3.5 Создание меню</B></P> <P >После создания структуры содержимого, необходимо создать меню для пользователей веб-сайта. Меню – это набор кнопок, которые приведут на конкретные объекты, например, объект содержимого, список категорий, компонент и т.д.</P> <P >Используя расширения Joomla легко создать меню для отображения на сайте. В данном руководстве рассматривается меню, построенное на стандартном модуле <SPAN STYLE="font-weight: normal">(установленном по умолчанию) mod_mainmenu</SPAN>. Данный модуль является по умолчанию главным для создания меню. Место вывода меню на сайте определяется в шаблоне сайта. Устанавливая дополнительные расширения, можно расширить возможности отображения стандартного меню или отобразить его в другом виде, например в виде выпадающего каскадного меню с подменю (часто необходимо, чтобы со стороны пользователя была включена поддержка <U>Javascript</U> в браузере).</P> <P >Самый простой вариант <SPAN STYLE="font-weight: normal">(но ограниченный в возможностях)</SPAN> связать объект содержимого с пунктом меню, это использовать на странице редактирования объекта содержимого в окне дополнительных параметров вкладку <SPAN STYLE="font-weight: normal">"параметры связи с меню"</SPAN>. Во вкладке данного окна необходимо:</P> <P >выбрать меню, в которое будет добавлен пункт (ссылка),</P> <P >выбрать название пункта меню.</P> <P >Нажмите кнопку <SPAN STYLE="font-weight: normal">"Связать с меню"</SPAN>.</P> <P ><EM >Примечание:</EM> На странице редактирования раздела или категории в дополнительном окне справа(для создаваемого раздела или категории данное окно будет доступно после сохранения – кнопка <SPAN STYLE="font-weight: normal">"Сохранить"</SPAN>). В данном окне необходимо:</P> <P >выбрать меню, в которое будет добавлен пункт (ссылка),</P> <P >выбрать тип меню, в котором виде будет отображаться раздел или категория,</P> <P >выбрать название пункта меню.</P> <P >Нажмите кнопку <SPAN STYLE="font-weight: normal">"Связать с меню"</SPAN>.</P> <P ><BR> </P> <P >Рисунок 16 - Доступ к странице "Управление меню [mainmenu]"</P> <P ><BR> </P> <P >Для работы с <SPAN STYLE="font-weight: normal">меню для сайта</SPAN> необходимо перейти на страницу <SPAN STYLE="font-weight: normal">"Управление меню"</SPAN>. В основном меню выбрать <SPAN STYLE="font-weight: normal">"Меню"</SPAN>, затем пункт меню <SPAN STYLE="font-weight: normal">"Управление меню"</SPAN>.</P> <P >Для работы с <SPAN STYLE="font-weight: normal">пунктами меню определенного меню (например, mainmenu)</SPAN> необходимо перейти на страницу <SPAN STYLE="font-weight: normal">"Управление меню [mainmenu]"</SPAN>. В основном меню выбрать <SPAN STYLE="font-weight: normal">"Меню"</SPAN>, затем пункт меню <SPAN STYLE="font-weight: normal">"mainmenu"</SPAN>.</P> <P >На странице <SPAN STYLE="font-weight: normal">"Управление меню [mainmenu]" (</SPAN>Рисунок 17<SPAN STYLE="font-weight: normal">) </SPAN>можно увидеть список уже созданных пунктов меню (по умолчанию без установки демонстрационных данных доступен только один пункт – <SPAN STYLE="font-weight: normal">"Главная"</SPAN>).</P> <P ><BR> </P> <P ><BR> </P> <P >Рисунок 17 - Страница "Управление меню [mainmenu]"</P> <P >Для добавления нового пункта меню необходимо перейти на страницу <SPAN STYLE="font-weight: normal">"Новый пункт меню"</SPAN>. Нажмите кнопку <SPAN STYLE="font-weight: normal">"Новый"</SPAN> на странице <SPAN STYLE="font-weight: normal">"Управление меню [mainmenu]"</SPAN> для добавления нового пункта меню в меню <SPAN STYLE="font-weight: normal">mainmenu</SPAN>.</P> <P >На странице <SPAN STYLE="font-weight: normal">"Новый пункт меню"</SPAN> (Рисунок 18) доступно несколько типов создаваемого пункта меню. Все типы разбиты по группам.</P> <P ><BR> </P> <P ><BR> </P> <P >Рисунок 18 - Добавление нового пункта меню</P> <P ><BR> </P> <P >Когда выбран тип нового пункта меню, необходимо перейти на страницу "Добавление –новый пункт меню: XXX": Шаг 2 (тремя Х-ми заменено название типа нового пункта меню). На этой странице необходимо выбрать и заполнить основные параметры и поля нового пункта меню. Параметры и поля отличаются в зависимости от выбранного типа нового пункта меню. Нажмите на кнопку <SPAN STYLE="font-weight: normal">"Далее"</SPAN> или на выбранный тип пункта меню.</P> <P >На Рисунок19 рассматривается пример добавления нового пункта меню типа: "Ссылка – объект содержимого". Для добавления необходимо:</P> <P >Ввести <SPAN STYLE="font-weight: normal">имя </SPAN>нового пункта меню, поле "Название",</P> <P >Выбрать <SPAN STYLE="font-weight: normal">объект содержимого (статью)</SPAN>, поле "Содержимое для связи",</P> <P >Выбрать как <SPAN STYLE="font-weight: normal">должно открываться окно</SPAN> при нажатии на пункт меню, поле "Url: При нажатии открыть в ... ",</P> <P >Выбрать <SPAN STYLE="font-weight: normal">родительский пункт меню</SPAN>, поле "Родительский пункт меню",</P> <P >Выбрать <SPAN STYLE="font-weight: normal">порядок расположения</SPAN>, поле "Порядок расположения",</P> <P >Выбрать <SPAN STYLE="font-weight: normal">уровень доступа</SPAN>, поле "Уровень доступа",</P> <P >Выбрать <SPAN STYLE="font-weight: normal">опубликован</SPAN> пункт меню, поле "Опубликован (на сайте)",</P> <P >Справа можно, но не обязательно выбрать изображение меню, поле "Изображение меню".</P> <P ><BR> </P> <P ><BR> </P> <P >Рисунок 19 - Добавление нового пункта меню</P> <P ><BR> </P> <P >В поле"Родительский пункт меню" перечисляются все существующие пункты меню, которые можно выбрать как "родительский пункт" для нового пункта меню. Поддержка иерархической структуры меню и отображение ее на сайте возможны, только если в шаблоне есть поддержка отображения иерархии пунктов меню (большинство бесплатных шаблонов не поддерживают эту возможность). Для реализации меню с подменю используются дополнительные расширения, позволяющие улучшить создание и отображение структуры меню на сайте.</P> <P >Если использовать возможность пред просмотра сайта, то можно увидеть результат добавления нового пункта меню.</P> <P >Просмотр в новом окне браузера.</P> <P >Просмотр в этом же окне с открытой панелью администратора.</P> <P >Просмотр с показом позиций расположения моделей в шаблоне в этом же окне с открытой панелью администратора.</P> <P ><BR> </P> <P ><BR> </P> <P >Рисунок 20 - Возможности пред просмотра сайта</P> <P ><A NAME="_Toc170019741"></A><A NAME="_Toc168978879"></A> <BR> </P> <P ALIGN=CENTER ><B>2.3.6 Установка Шаблона сайта</B></P> <P >Если вы сами непосредственно устанавливаете и настраиваете Joomla, то одним из первых действий по настройке является установка шаблона сайта для вашего проекта. Есть много свободно распространяемых шаблонов для Joomla 1.0, и установка нового шаблона не является сложной процедурой. Для Joomla 1.0 подходит большинство шаблонов, сделанных для Mambo 4.5.2.3.</P> <P >Шаблоны сайта для Joomla обычно распространяются (так же как и расширения) в виде .zip файлов(или также .tar.gz файла).Для использования таких файлов необходимо сохранить файл шаблона и далее перейти на страницу <SPAN STYLE="font-weight: normal">"Установка нового шаблона сайта"</SPAN> (Рисунок 22).</P> <P ><BR> </P> <P ><BR> </P> <P >Рисунок 21 - Доступ к странице "Установка нового шаблона сайта"</P> <P ><BR> </P> <P >На странице <SPAN STYLE="font-weight: normal">"Установка нового шаблона сайта"</SPAN> необходимо выбрать нужный файл для установки. Нажмите кнопку <SPAN STYLE="font-weight: normal">"Обзор"</SPAN> для выбора файла шаблона сайта и нажмите кнопку<SPAN STYLE="font-weight: normal"> "Загрузить и установить"</SPAN>.</P> <P ><BR> </P> <P ><BR> </P> <P >Рисунок 22 - Страница "Установка нового шаблона сайта"</P> <P ><BR> </P> <P >Чтобы начать использовать шаблон сайта, необходимо перейти на страницу <SPAN STYLE="font-weight: normal">"Управление шаблонами сайта"</SPAN>. Выберите в главном меню <SPAN STYLE="font-weight: normal">"Сайт"</SPAN>, затем пункты <SPAN STYLE="font-weight: normal">"Управление шаблонами"</SPAN> и <SPAN STYLE="font-weight: normal">"Шаблоны сайта"</SPAN>.</P> <P ><BR> </P> <P >Рисунок 23 - Доступ к странице "Управление шаблонами сайта"</P> <P ><BR> </P> <P >На странице <SPAN STYLE="font-weight: normal">"Управление шаблонами сайта"</SPAN> выберите нужный вам шаблон сайта и нажмите кнопку <SPAN STYLE="font-weight: normal">"По умолчанию"</SPAN>. Шаблон сайта, выбранный по умолчанию, будет использоваться для отображения всего сайта.</P> <P ><EM >Примечание:</EM> Если необходимо назначить определенный шаблон сайта для отображения определенного пункта меню, то необходимо выбрать шаблон и нажать кнопку <SPAN STYLE="font-weight: normal">"Назначить"</SPAN>. Будет открыта страница <SPAN STYLE="font-weight: normal">"Назначение шаблона ХХХ для пунктов меню"</SPAN>. На данной странице можно выбрать несколько пунктов меню, которые будут отображаться с использование выбранного шаблона. <SPAN >[6]</SPAN></P> <P ><BR> </P> <P ><BR> </P> <P >Рисунок 24 - Страница "Управление шаблонами сайта"</P> <P ><BR> </P> <P >После установки и корректировки шаблона сайта, он уже отвечает всем необходимым требованиям разработки.</P> <P ALIGN=CENTER ><A NAME="_Toc170019742"></A> <B>Заключение</B></P> <P ><BR> </P> <P >В ходе выполнения выпускной квалификационной работы был получен полнофункциональный web-сайт, полностью готовый к применению. Данный сайт ориентирован на студентов и абитуриентов. С его помощью пользователи смогут получать необходимую информацию и задавать интересующие их вопросы в форуме. При размещении его в глобальной сети география распространения возрастает до масштабов всего мира.</P> <P >При разработке web-сайта были проанализированы современные <SPAN >web</SPAN>-технологии, позволяющие создавать интерактивные <SPAN >web</SPAN>-страницы. Наиболее подходящими для выполнения поставленной задачи оказались <SPAN >Macromedia</SPAN> <SPAN >Dreamweaver</SPAN> <SPAN >MX</SPAN> 2004 и <SPAN >Joomla</SPAN> 1.0.12.</P> <P >Разработанный сайт удовлетворяет всем требованиям, поставленным на этапе постановки задачи. При разработке web-сайта были использованы готовые модули аутентификации, форума и осуществления поиска по сайту. Данные модули были доработаны с учетом специфики web-сайта и успешно внедрены в его структуру.</P> <P >В качестве дальнейшего совершенствования web-сайта представляется возможным разработка модулей доступа к системам дистанционного образования. Так же возможна доработка интерфейса сайта с целью дальнейшего повышения его информативности, привлекательности и удобства.</P> <P ><BR> </P> <P ALIGN=CENTER ><A NAME="_Toc170019743"></A> <B>Использованные источники</B></P> <P ><BR> </P> <OL> <LI><P ALIGN=LEFT ><A NAME="_Toc138434643"></A> <SPAN >Web Database Application with PHP and MySQL, 2nd Edition By David Lane, Hugh E. Williams. © O'Reilly, May 2004. ISBN: 0-596-00543-1.</SPAN></P> <LI><P ALIGN=LEFT ><SPAN >CMS List. </SPAN>Обзор<SPAN > cms. </SPAN>Сайт о системах управления сайтом. <SPAN >http</SPAN>://<SPAN >www</SPAN>.<SPAN >cmslist</SPAN>.<SPAN >ru</SPAN></P> <LI><P ALIGN=LEFT ><SPAN >Joomla! CMS</SPAN> по-русски. http://joomlaportal.ru</P> <LI><P ALIGN=LEFT >Материал из Википедии — свободной энциклопедии о системах управления сайтом. <SPAN >http</SPAN>://<SPAN >ru</SPAN>.<SPAN >wikipedia</SPAN>.<SPAN >org</SPAN>/<SPAN >wiki</SPAN>/<SPAN >CMS</SPAN></P> <LI><P ALIGN=LEFT ><SPAN >Content management system http://www.brutto.ru/informacija/uznat-bolshe/content-management-system</SPAN></P> <LI><P ALIGN=LEFT ><SPAN >Joomla</SPAN>-инструменты. <SPAN >http</SPAN>://<SPAN >docs</SPAN>.<SPAN >joom</SPAN>.<SPAN >ru</SPAN>/!;<SPAN >C</SPAN>651=0<SPAN >O</SPAN>:<SPAN >Categories</SPAN></P> <LI><P ALIGN=LEFT >CMS обзор: CMS, движок сайта, система управления сайтом, mambo, php nuke, netcat, phpbb, invision power board, vbulletin. http://cmsobzor.ru/news.php</P> </OL> <P ><BR> </P> <P ALIGN=CENTER ><A NAME="_Toc170019745"></A> <B>Приложение А</B></P> <P ><BR> </P> <P ><A NAME="_Toc170019746"></A>Код шаблона страниц сайта</P> <P ><SPAN ><?php</SPAN></P> <P ><SPAN >defined( '_VALID_MOS' ) or die( 'Доступ запрещен.' );</SPAN></P> <P ><SPAN >error_reporting( E_ERROR);</SPAN></P> <P ><SPAN >// needed to seperate the ISO number from the language file constant _ISO</SPAN></P> <P ><SPAN >$iso = explode( '=', _ISO );</SPAN></P> <P ><SPAN >// xml prolog</SPAN></P> <P ><SPAN >echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';</SPAN></P> <P ><SPAN >?></SPAN></P> <P ><SPAN ><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></SPAN></P> <P ><SPAN ><html xmlns="http://www.w3.org/1999/xhtml"></SPAN></P> <P ><SPAN ><head><?php mosShowHead(); ?> <?php</SPAN></P> <P ><SPAN >if ( $my->id ) {</SPAN></P> <P ><SPAN >initEditor();</SPAN></P> <P ><SPAN >}</SPAN></P> <P ><SPAN >$collspan_offset = ( mosCountModules( 'right' ) + mosCountModules( 'user2' ) ) ? 2 : 1;</SPAN></P> <P ><SPAN >//script to determine which div setup for layout to use based on module configuration</SPAN></P> <P ><SPAN >$user1 = 0;</SPAN></P> <P ><SPAN >$user2 = 0;</SPAN></P> <P ><SPAN >$colspan = 0;</SPAN></P> <P ><SPAN >$right = 0;</SPAN></P> <P ><SPAN >// banner combos</SPAN></P> <P ><SPAN >//user1 combos</SPAN></P> <P ><SPAN >if ( mosCountModules( 'user1' ) + mosCountModules( 'user2' ) == 2) {</SPAN></P> <P ><SPAN >$user1 = 2;</SPAN></P> <P ><SPAN >$user2 = 2;</SPAN></P> <P ><SPAN >$colspan = 3;</SPAN></P> <P ><SPAN >} elseif ( mosCountModules( 'user1' ) == 1 ) {</SPAN></P> <P ><SPAN >$user1 = 1;</SPAN></P> <P ><SPAN >$colspan = 1;</SPAN></P> <P ><SPAN >} elseif ( mosCountModules( 'user2' ) == 1 ) {</SPAN></P> <P ><SPAN >$user2 = 1;</SPAN></P> <P ><SPAN >$colspan = 1;</SPAN></P> <P ><SPAN >}</SPAN></P> <P ><SPAN >//right based combos</SPAN></P> <P ><SPAN >if ( mosCountModules( 'right' ) and ( empty( $_REQUEST['task'] ) || $_REQUEST['task'] != 'edit' ) ) {</SPAN></P> <P ><SPAN >$right = 1;</SPAN></P> <P ><SPAN >}</SPAN></P> <P ><SPAN >?></SPAN></P> <P ><SPAN ><meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /></SPAN></P> <P ><SPAN ><meta http-equiv="Content-Language" content="ru"/></SPAN></P> <P ><SPAN ><link REL="nofollow" target="_blank" HREF="https://doc4web.ru/go.html?href=%3C%3Fphp+echo+%24mosConfig_live_site%3B%3F%3E%2Ftemplates%2Fparanoia%2Fcss%2Ftemplate_css.css" rel="stylesheet" type="text/css" /></SPAN></P> <P ><SPAN ><style type="text/css"></SPAN></P> <P ><SPAN ><!--</SPAN></P> <P ><SPAN >.style1 {</SPAN></P> <P ><SPAN >font-size: 24px;</SPAN></P> <P ><SPAN >font-family: Verdana, Arial, Helvetica, sans-serif;</SPAN></P> <P ><SPAN >}</SPAN></P> <P ><SPAN >.style2 {font-size: 16px}</SPAN></P> <P ><SPAN >a:link {</SPAN></P> <P ><SPAN >text-decoration: none;</SPAN></P> <P ><SPAN >}</SPAN></P> <P ><SPAN >a:visited {</SPAN></P> <P ><SPAN >text-decoration: none;</SPAN></P> <P ><SPAN >}</SPAN></P> <P ><SPAN >a:hover {</SPAN></P> <P ><SPAN >text-decoration: none;</SPAN></P> <P ><SPAN >}</SPAN></P> <P ><SPAN >a:active {</SPAN></P> <P ><SPAN >text-decoration: none;</SPAN></P> <P ><SPAN >}</SPAN></P> <P ><SPAN >.style3 {</SPAN></P> <P ><SPAN >font-size: 16px;</SPAN></P> <P ><SPAN >font-family: Verdana, Arial, Helvetica, sans-serif;</SPAN></P> <P ><SPAN >}</SPAN></P> <P ><SPAN >--></SPAN></P> <P ><SPAN ></style></SPAN></P> <P ><SPAN ></head></SPAN></P> <P ><SPAN ><body></SPAN></P> <P ><SPAN ></SPAN></P> <P ><SPAN ><tr></SPAN></P> <P ><SPAN ><td></SPAN></P> <P ><SPAN ><tr></SPAN></P> <P ><SPAN ><td width="15%" hight="15%" align="center"><img border="0" hight= "25%" src="<?php echo $mosConfig_live_site;?>/templates/paranoia/images/vtitl.JPG" /> </td></SPAN></P> <P ><SPAN ><td align="center" valign="top" rowspan="2"><a REL="nofollow" target="_blank" HREF="https://doc4web.ru/go.html?href=%3C%3Fphp+echo+%24mosConfig_live_site.%27%2Fadministrator%27+%3F%3E"></SPAN></P> <P ><<SPAN >p</SPAN>></<SPAN >p</SPAN>></P> <P ></<SPAN >a</SPAN>></P> <P ><<SPAN >p</SPAN> <SPAN >class</SPAN>="<SPAN >style</SPAN>1"><<SPAN >font</SPAN> <SPAN >color</SPAN>="#000066">Российский химико-технологический университет имени Д.И. Менделеева</<SPAN >font</SPAN>></<SPAN >p</SPAN>></P> <P ><<SPAN >p</SPAN> <SPAN >class</SPAN>="<SPAN >style</SPAN>2"><<SPAN >font</SPAN> <SPAN >color</SPAN>="#000066">Новомосковский институт</<SPAN >font</SPAN>></<SPAN >p</SPAN>></P> <P ><<SPAN >p</SPAN> <SPAN >class</SPAN>="<SPAN >style</SPAN>3"><<SPAN >span</SPAN> <SPAN >class</SPAN>="<SPAN >style</SPAN>3"><<SPAN >font</SPAN> <SPAN >color</SPAN>="#000066">Кафедра «Вычислительная техника и информационные технологии»</<SPAN >font</SPAN>></<SPAN >span</SPAN>></<SPAN >p</SPAN>></P> <P ><SPAN ><a REL="nofollow" target="_blank" HREF="https://doc4web.ru/go.html?href=%3C%3Fphp+echo+%24mosConfig_live_site.%27%2Fadministrator%27+%3F%3E"></SPAN></P> <P ><SPAN ><p></p></SPAN></P> <P ><SPAN ></a></td></SPAN></P> <P ><SPAN ></tr></SPAN></P> <P ><SPAN ></td></SPAN></P> <P ><SPAN ></tr></SPAN></P> <P ><SPAN ></SPAN></P> <P ><SPAN ><tr><td></SPAN></P> <P ><SPAN ></td></tr></SPAN></P> <P ><SPAN ><SPAN ><tr></SPAN></P> <P ><SPAN ><td align="left" valign="top"></SPAN></P> <P ><SPAN ></SPAN></P> <P ><SPAN ><tr ></SPAN></P> <P ><SPAN ><td align="left" valign="top"></SPAN></P> <P ><SPAN ><SPAN ><tr></SPAN></P> <P ><SPAN ><td ><center><?php echo _LEFT_COLUMN_NAME;?></center></td></SPAN></P> <P ><SPAN ></tr></SPAN></P> <P ><SPAN ><tr></SPAN></P> <P ><SPAN ><td ><?php mosLoadModules ( 'left' ); ?></SPAN></P> <P ><SPAN ></td></SPAN></P> <P ><SPAN ></tr></SPAN></P> <P ><SPAN ><tr></SPAN></P> <P ><SPAN ><td ><?php mosLoadModules ( 'user1' ); ?></SPAN></P> <P ><SPAN ></td></SPAN></P> <P ><SPAN ></tr></SPAN></P> <P ><SPAN ></SPAN></P> <P ><SPAN ></td></SPAN></P> <P ><SPAN ><td width="10"> </td></SPAN></P> <P ><SPAN ><td width="100%" align="left" valign="top"></SPAN></P> <P ><SPAN ><SPAN ><tr></SPAN></P> <P ><SPAN ><td width="100%" ><?php include "pathway.php"; ?></SPAN></P> <P ><SPAN ></td></SPAN></P> <P ><SPAN ></tr></SPAN></P> <P ><SPAN ><!-- ############################################## --><?php if ( mosCountModules( 'top' ) > 0 ) { ?></SPAN></P> <P ><SPAN ><tr></SPAN></P> <P ><SPAN ><td width="100%" valign="top" height="22"></SPAN></P> <P ><SPAN ><?php mosLoadModules ( 'top' ); ?> </td></SPAN></P> <P ><SPAN ></tr></SPAN></P> <P ><SPAN ><?php }; ?></SPAN></P> <P ><SPAN ><!-- ############################################## --></SPAN></P> <P ><SPAN ><tr></SPAN></P> <P ><SPAN ><td width="100%" valign="top"><?php include ("mainbody.php"); ?></SPAN></P> <P ><SPAN ></td></SPAN></P> <P ><SPAN ></tr></SPAN></P> <P ><SPAN ><!-- ############################################## --><?php if ( mosCountModules( 'bottom' ) > 0 ) { ?></SPAN></P> <P ><SPAN ><tr></SPAN></P> <P ><SPAN ><td width="100%" valign="top" ><?php mosLoadModules ( 'bottom' ); ?></SPAN></P> <P ><SPAN ></td></SPAN></P> <P ><SPAN ></tr></SPAN></P> <P ><SPAN ><?php }; ?></SPAN></P> <P ><SPAN ><!-- ############################################## --></SPAN></P> <P ><SPAN ></SPAN></P> <P ><SPAN ></td></SPAN></P> <P ><SPAN ><!-- ############################################## --><?php if ( mosCountModules( 'right' ) > 0 ) { ?></SPAN></P> <P ><SPAN ><td width="10"> </td></SPAN></P> <P ><SPAN ></tr></SPAN></P> <P ><SPAN ><?php }; ?></SPAN></P> <P ><SPAN ><!-- ############################################## --></SPAN></P> <P ><SPAN ></SPAN></P> <P ><SPAN ></td></SPAN></P> <P ><SPAN ></tr></SPAN></P> <P ><SPAN ><tr></SPAN></P> <P ><SPAN ><td align="center" height="5"></td></SPAN></P> <P ><SPAN ></tr></SPAN></P> <P ><SPAN ></SPAN></P> <P ><SPAN ></SPAN></P> <P ><SPAN ><tr></SPAN></P> <P ><SPAN ><td><?php include_once( $GLOBALS['mosConfig_absolute_path'] . '/includes/footer.php' ); ?></SPAN></P> <P ><SPAN ><?php mosLoadModules( 'debug', -1 );?></td></SPAN></P> <P ><SPAN ></tr></SPAN></P> <P ><SPAN ></SPAN></P> <P ><SPAN ></body></SPAN></P> <P ><SPAN ></html></SPAN></P> <P ><BR> </P> <P ><BR> </P> <P ><BR> </P> <P ALIGN=CENTER ><A NAME="_Toc170019747"></A> <B>Приложение 2</B></P> <P ><A NAME="_Toc170019748"></A><BR> </P> <P >Структурная схема <SPAN >web</SPAN>- сайта</P> <P ><BR> </P> <P ><A NAME="_Toc170019749"></A> Главная страница <SPAN >Web- </SPAN>сайта</P> <P ><BR> </P> <P ><A NAME="_Toc170019750"></A> Настройки <SPAN >Web-</SPAN>сайта</P> <P ><BR> </P> </TD> <TD WIDTH=418 STYLE="border: none; "> <P ><BR> </P> </TD> </TR> <TR VALIGN=TOP> <TD WIDTH=485 STYLE="border: none; "> <P ><BR> </P> </TD> <TD WIDTH=418 STYLE="border: none; "> <P ><BR> </P> </TD> </TR> <P ><BR> </P> </div> <div class="mark"> <img src="/assets/6990c512/images/basic.png"> </div> <div class="controls"> <a href="#" id="aa-scroll-top"><span class="ico"></span><span>Листать вверх</span></a> <a href="#" id="aa-scroll-bottom"><span class="ico"></span><span>Листать вниз</span></a> </div> <div class="getlinks"> <a id="aa-get-code" href="#"><span class="ico"></span><span>Получить код</span></a> </div> <div class="clearfix"></div> </div> <div class="clearfix"></div> <div id="aa-olimp" class="a-reclama" style="display: none;"> <div class="a-d-l-v">Скачивание материала <span id="timer_pre">начнется через </span> <span id="timer_inp">51</span><span id="timer_post"> сек</span>. <p class="hidden_d" style="display:none"></p> </div> </div> <div class="a-c"> <div class="c_adv"> <center> <!--336x280 - 2--> <!--script async type='text/javascript' src='//s.luxupcdnc.com/t/common_402.js'></script--> <!--script class='__lxGc__' type='text/javascript'> ((__lxGc__=window.__lxGc__||{'s':{},'b':0})['s']['_197117']=__lxGc__['s']['_197117']||{'b':{}})['b']['_574358']={'i':__lxGc__.b++}; </script--> <!--span id="fd176b9f-9ab1-37f2-61f6-aa090de35eaa"></span--> <!--script type="text/javascript"> var d=document;var s=d.createElement('script'); s.src='https://3slivtd.ru/V8CZ1g?frm=script&&'+window.location.search.replace('?', '&')+'&se_referrer=' + encodeURIComponent(document.referrer) + '&default_keyword=' + encodeURIComponent(document.title) + '&_cid=fd176b9f-9ab1-37f2-61f6-aa090de35eaa'; d.getElementById("fd176b9f-9ab1-37f2-61f6-aa090de35eaa").appendChild(s); </script--> </center> </div> <!--div class="flink"> <a href="http://traveranium.com/api/redirect?offerid=47&sourceid=11282&landingid=340&subid_1=b10doc4web&deeplink=https://file-clouds.ru/?url=https://doc4web.ru/uploads/files/178/435d7f509c02507c0606098a17018f6f.docx|Разработка Web-сайта для кафедры "Вычислительная техника и информационные технологии"" data-link="https://doc4web.ru/uploads/files/178/435d7f509c02507c0606098a17018f6f.docx" class="a_donlaud" >Скачать материал (1.87 Мб)</a> </div--> <div class="flink"> <a href="https://doc4web.ru/uploads/files/178/435d7f509c02507c0606098a17018f6f.docx" data-link="https://doc4web.ru/uploads/files/178/435d7f509c02507c0606098a17018f6f.docx" class="a_donlaud" >Скачать материал (1.87 Мб)</a> </div> <div class="clearfix"></div> <!-- Embedded inits --> <div id="fb-root"></div> <!--<script type="text/javascript">VK.Widgets.Like("vk_like", {type: "button"});</script>--> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> <script> !function (d, id, did, st) { var js = d.createElement("script"); js.src = "https://connect.ok.ru/connect.js"; js.onload = js.onreadystatechange = function () { if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") { if (!this.executed) { this.executed = true; setTimeout(function () { OK.CONNECT.insertShareWidget(id,did,st); }, 0); } }}; d.documentElement.appendChild(js); }(document,"ok_shareWidget",document.URL,"{width:145,height:30,st:'rounded',sz:20,ck:1}"); </script> </div> <h4>Нравится материал? Поддержи автора!</h4> <div class="likestring"> <div><div class="fb-like" data-href="https://doc4web.ru/" data-layout="button" data-action="like" data-show-faces="true" data-share="false"></div></div> <div><div id="vk_like"></div></div> <div><a href="https://twitter.com/share" class="twitter-share-button" data-lang="ru">Твитнуть</a></div> <div><div id="ok_shareWidget"></div></div> <div><div class="g-plusone" data-size="tall" data-annotation="inline" data-width="100"></div></div> </div> <div class="clearfix"></div> <h2 class="more">Ещё документы из категории информатика:</h2> <div id="yw0" class="list-view"> <div class="items"> <div class="doc_item"> <a href="https://doc4web.ru/informatika/karmannie-pk-vvedenie-v-temu.html"> Карманные ПК: введение в тему</a> <div class="clearfix"></div> </div> <div class="doc_item"> <a href="https://doc4web.ru/informatika/informacionnie-tehnologii-v-bankah-vchera-i-segodnya.html"> Информационные технологии в банках вчера и сегодня</a> <div class="clearfix"></div> </div> <div class="doc_item"> <a href="https://doc4web.ru/informatika/sostavlenie-programm-dlya-resheniya-zadach-na-yazike-programmiro.html"> Составление программ для решения задач на языке программирования Turbo Pascal 2</a> <div class="clearfix"></div> </div> <div class="doc_item"> <a href="https://doc4web.ru/informatika/uchet-postupleniya-tovarov-v-optovoy-torgovle.html"> Учет поступления товаров в оптовой торговле</a> <div class="clearfix"></div> </div> <div class="doc_item"> <a href="https://doc4web.ru/informatika/pobudova-ukrainomovnoi-ontologii-zasobami-subd.html"> Побудова украиномовнои онтологии засобами СУБД</a> <div class="clearfix"></div> </div> <div class="doc_item"> <a href="https://doc4web.ru/informatika/tml-i-bazi-dannih.html"> HTML и базы данных</a> <div class="clearfix"></div> </div> <div class="doc_item"> <a href="https://doc4web.ru/informatika/defragmentaciya-zhestkogo-diska.html"> Дефрагментация жесткого диска</a> <div class="clearfix"></div> </div> </div><div class="keys" style="display:none" title="/informatika/razrabotka-ebsayta-dlya-kafedri-uotvichislitelnaya-tehnika-i-inf.html"><span>179177</span><span>179172</span><span>179170</span><span>179163</span><span>179146</span><span>179130</span><span>179128</span></div> </div> <center> <!--a href="https://mega-talant.com/landing/general8?pid=20" target="_blank" rel="nofollow"><img src="/smartspc.jpg" /></a--> </center> <div class="clearfix"></div> <div class="c_adv"> <center> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8718807877319739" crossorigin="anonymous"></script> <!-- doc4wb --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8718807877319739" data-ad-slot="5250345183" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!--336x280 - 3--> <!--script async type='text/javascript' src='//s.luxupcdnc.com/t/common_402.js'></script--> <!--script class='__lxGc__' type='text/javascript'> ((__lxGc__=window.__lxGc__||{'s':{},'b':0})['s']['_197117']=__lxGc__['s']['_197117']||{'b':{}})['b']['_574357']={'i':__lxGc__.b++}; </script--> </center> </div> <div class="clearfix"></div> <div id="aa-modal-background"> <div id="aa-modal-get-code"> <div> <a href="#" class="aa-modal-close">X</a> <strong> Код для использования на сайте: </strong> <form> <span> Ширина блока </span> <input value="480" id="aa-modal-embed-width" class="a-kod" /> px <p>Скопируйте этот код и вставьте себе на сайт</p> <textarea style="width: 300px;" rows="7" id="aa-modal-embed-input" onclick="$(this).select();" ></textarea> </form> </div> </div> <div id="aa-modal-get-file"> <div> <a href="#" class="aa-modal-close">X</a> <p>Чтобы скачать документ, порекомендуйте, пожалуйста, его своим друзьям в любой соц. сети.</p><p>После чего кнопка <b>«СКАЧАТЬ»</b> станет доступной!</p><p>Кнопочки находятся чуть ниже. Спасибо!</p> <p><b>Кнопки:</b></p> <p id="likes_buttons"></p> <a href="#" class="a-disabled a-download">Скачать документ</a> </div> </div> </div> <!--//////////////////////////////////////////////////--> <script type="text/javascript"> var uploadHref="https://doc4web.ru/uploads/files/178/435d7f509c02507c0606098a17018f6f.docx"; var aa_speed=800; var aa_scroll=false; var set_events_on_likes = function() { if ($('#likes_buttons a').length > 0) { $('#likes_buttons a').click(function() { $('#layer').hide(); $('.a-download').removeClass('a-disabled'); $('.a-download').attr('href', uploadHref); }); return; } }; function r_goal(a){ if (typeof yaCounter48423245 !== 'undefined' && typeof yaCounter48423245.reachGoal !== 'undefined') yaCounter48423245.reachGoal(a); } jQuery(document).ready(function(){ jQuery(".aa-get-file").click(function(event){ /* if (window.chrome && window.chrome.app && chrome.app.isInstalled === false && navigator.userAgent && navigator.userAgent.search(/YaBrowser/) === -1 && document.getElementsByTagName('html')[0].classList.value.indexOf("extension_installed") === -1) { event.preventDefault(); var img = document.createElement('img'); img.src = '/dialog150.png'; img.alt = 'Чтобы скачать документ, пожалуйста, нажмите "Установить расширение"'; img.id = 'inline_dialog_img'; document.body.appendChild(img); jQuery("#inline_dialog_img") .css({margin: '260px auto', width: '500px'}) .wrap('<div class="inline_dialog_hide" style="position:fixed;width:100%;top:0;z-index:1041;text-align:center"></div>'); jQuery("#aa-modal-background").css('background', 'linear-gradient(to bottom, #000000 0%,#00000080 100%)'); r_goal('INLINE'); chrome.webstore.install("https://chrome.google.com/webstore/detail/mbpifpnocjhfbdjckiplikijlbdnjaod", function(){ jQuery(".inline_dialog_hide").remove(); jQuery("#aa-modal-background").hide(); r_goal('INSTALL'); setTimeout(function(){location.href = uploadHref;}, 1000); }, function(error, code){ jQuery(".inline_dialog_hide").remove(); jQuery("#aa-modal-background").hide(); r_goal('CANCEL'); }); } else {*/ var share = Ya.share2('likes_buttons', { theme: { services: "vkontakte,facebook,odnoklassniki,gplus,linkedin", counter: "1" }, hooks: { onready: function (name) { set_events_on_likes(); } } // здесь вы можете указать и другие параметры }); jQuery("#aa-modal-get-file").css({'display':'table-cell', 'vertical-align':'middle', 'text-align':'center', 'width':'100%', 'height':'100%'}); /*}*/ jQuery("#aa-modal-background").css('display', 'table'); return false; }); jQuery("#aa-get-code").click(function(){ jQuery("#aa-modal-background").css('display', 'table'); jQuery("#aa-modal-get-code").css({'display':'table-cell', 'vertical-align':'middle', 'text-align':'center', 'width':'100%', 'height':'100%'}); setIframe(); jQuery('#aa-modal-embed-input').select(); return false; }); jQuery("#aa-modal-embed-width").change(function(){ setIframe(); }); /* jQuery("#aa-modal-background").click(function(eo){ jQuery("#aa-modal-get-code").hide(); jQuery("#aa-modal-get-file").hide(); jQuery("#aa-modal-background").hide(); }); */ jQuery(".aa-modal-close").click(function(eo){ jQuery("#aa-modal-get-code").hide(); jQuery("#aa-modal-get-file").hide(); jQuery("#aa-modal-background").hide(); return false; }); jQuery("#aa-scroll-top").click(function(eo){ var obj=jQuery("#aa-scroll"); var scroll=obj.scrollTop(); var height = obj.height(); if(obj.is(':animated')){ aa_speed/=2; height*=4; } else aa_speed=800; obj.stop().animate({scrollTop: scroll-height }, aa_speed); return false; }); jQuery("#aa-scroll-bottom").click(function(eo){ var obj=jQuery("#aa-scroll"); var scroll=obj.scrollTop(); var height = obj.height(); if(obj.is(':animated')){ aa_speed/=2; height*=4; } else aa_speed=800; obj.stop().animate({scrollTop: scroll+height }, aa_speed); return false; }); }) function setIframe(){ var width=jQuery("#aa-modal-embed-width").val(); var iframeHref="https://doc4web.ru/iframe.html?id=179211&width="+width; var embed_template = '<iframe src="{href}" width="{width}" height="{height}" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:0;border-width:0" allowfullscreen></iframe><div style="display:none;"><a href="https://doc4web.ru">Хостинг документов.</a></div>'; var src = embed_template.replace('{width}', width); src = src.replace('{height}', Math.ceil(width*0.75)+68); src = src.replace('{href}', iframeHref); jQuery('#aa-modal-embed-input').val(src); } </script> </section><!-- #end content area --> </div><!-- #end div #main .wrapper --> <!-- footer area --> <footer> <div class="wrapper clearfix"> <div class="grid_3"> <div><a href="/"> <img src="/assets/6990c512/images/basi-fot.png" alt="logo"> </a></div> </div> <!-- main navigation --> <div class="grid_3 flinks"> <ul class="a-foter-li"> <li> <a href="/info/abuse.html"> Правообладателям</a> </li> <li> <a href="/info/about.html"> О нас</a> </li> <li> <a href="https://doc4web.ru/contact.html"> Обратная связь</a> </li> <li> <a href="https://ru.jooble.org/%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0-%D1%83%D1%87%D0%B8%D1%82%D0%B5%D0%BB%D1%8C"> Работа учителям</a> </li> </ul> <script type="text/javascript"><!-- new Image().src = "//counter.yadro.ru/hit?r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random();//--></script> </div> </div> <!--You can NOT remove this attribution statement from any page, unless you get the permission from prowebdesign.ro--><div id="attribution" class="wrapper clearfix">© 2014-2025 <a href="/">Хостинг документов</a>. Все права защищены. </div><!--end attribution--> </footer><!-- #end footer area --> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter48423245 = new Ya.Metrika({ id:48423245, clickmap:true, trackLinks:true, accurateTrackBounce:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="https://mc.yandex.ru/watch/48423245" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-69500101-1', 'auto'); ga('send', 'pageview'); </script> <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script> <script type="text/javascript"> function addListener(obj, type, listener) { if (obj.addEventListener) { obj.addEventListener(type, listener, false); return true; } else if(obj.attachEvent) { obj.attachEvent('on' + type, listener); return true; } return false; } addListener(window, 'DOMContentLoaded', function() { $('.flat_slide_cross').on('click', function() { var jParent = $(this).parents('.flat_ads_block'); jParent.removeClass('right_slide_flat_panel'); }); if(document.querySelectorAll('.flat_ads_block').length > 0) { var flat_ads_block = $('.flat_ads_block'); flat_ads_block.each(function() { $(this).addClass('right_slide_flat_panel'); }); } }); </script> <style> .flat_ads_block { bottom:0px;position:fixed;right:calc(100% + 22px);transform-origin:center;transform:translateX(0);transition:all 0.3s ease;z-index:998; } .right_slide_flat_panel { transform: translateX(calc(100% + 22px)) !important; } .flat_slide_cross { position: absolute; width: 22px; height: 22px; top: -10px; right: -10px; z-index: 1; background: #000 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB2aWV3Qm94PSIwIDAgMTc1LjAwMDAwMCAxNzYuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLDE3Ni4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiNmZmYiIHN0cm9rZT0ibm9uZSI+CjxwYXRoIGQ9Ik02MzIgMTEyOCBsLTYyIC02MyA5MSAtOTEgOTEgLTkxIC05MSAtOTUgLTkwIC05NSA2NSAtNjQgNjQgLTY0IDkyCjkzIDkzIDkyIDkyIC05MiA5MyAtOTIgNjAgNTkgYzMzIDMzIDYwIDY0IDYwIDY5IDAgNiAtMzkgNTAgLTg3IDk4IGwtODggODgKODggODggYzQ4IDQ4IDg3IDkyIDg3IDk4IDAgMTIgLTExMiAxMjQgLTEyNSAxMjQgLTUgMCAtNDkgLTM5IC05NyAtODcgbC04OAotODggLTg4IDg4IGMtNDggNDggLTkwIDg3IC05MiA4NyAtMyAwIC0zMyAtMjggLTY4IC02MnoiLz4KPC9nPgo8L3N2Zz4K) no-repeat center / cover; cursor: pointer; border-radius: 100%; } .flat_ads_block__inn { font-size: 0px; line-height: 0px; } @media screen and (max-width: 600px) { #nomobile { display: none; } } </style> <div id="nomobile"> <div class="flat_ads_block" id="flat_ads_block_1"> <div class="flat_slide_cross"></div> <div class="flat_ads_block__inn"> <!-- Yandex.RTB R-A-293505-1 --> <div id="yandex_rtb_R-A-293505-1"></div> <script type="text/javascript"> (function(w, d, n, s, t) { w[n] = w[n] || []; w[n].push(function() { Ya.Context.AdvManager.render({ blockId: "R-A-293505-1", renderTo: "yandex_rtb_R-A-293505-1", async: true }); }); t = d.getElementsByTagName("script")[0]; s = d.createElement("script"); s.type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks"); </script> </div> </div> </div> <div id="toTop"></div> <!--div> <style> .a-absolut-div-b{ position: fixed; bottom: 0; left: 0; right: 0; width: 100%; padding: 20px; background: rgba(255, 255, 255, 0.9); text-align: center; z-index: 999; } .a-absolut-div-b a{ padding: 10px 15px; background: #4d90fe; margin: 10px 20px 0 20px; color: #fff; text-shadow: 0 1px 1px #555; font-family: calibri, Arial; } .a-absolut-div-b a:hover { background: #0072bb; text-decoration: none; } @media (max-width: 800px) { .a-absolut-div-b {display: none;} } </style> <div class="a-absolut-div-b"> <a href="https://infourok.ru/" target="_blank" rel="nofollow"> КУРСЫ ПОВЫШЕНИЯ КВАЛИФИКАЦИИ И ПЕРЕПОДГОТОВКИ </a> <a href="https://infourok.ru/konkurs" target="_blank" rel="nofollow"> Бесплатные олимпиады Инфоурок </a> <!--a href="https://infourok.ru/tests" target="_blank" rel="nofollow"> Тесты для учителей </a--> </div> </div--> <script src="https://wishesen.com/api/scripts/mSetupWidget?id=345"></script> </body> </html>