Создание web-сайта Таразского инновационно-гуманитарного университета

Министерство образования и науки Республики Казахстан Таразский инновационно-гуманитарный университет Создание web-сайта Таразского инновационно-гуманитарного университета ДИПЛОМНАЯ РАБОТА специальность 5В70 400 — «Вычислительная техника и программное обеспечение»

Дружилин Бртур Васильевич Тараз 2015

АНДАТПА

«Тараз инновациялы?-гуманитарлы? университетіні? web-сайтты? жасау» та? ырыбына жазыл? ан дипломды? ж? мыс кіріспе, негізгі б? лім, ?олданыл?ан ?дебиет, ?орытынды ж? не ?осымшадан т? рады.

Дипломды? жобаны? ма? саты Тараз инновациялы?-гуманитарлы? университетіні? а? паратты?-білімдік web-сайтты? ?зірлеу ж? не университетті? ?р т? рлі а? парат?а ?олжетімділікті о? айлату. Сайтты? бас? ару барысында оны? ж? мысын же?ілдету ?шін ба? дарламалармен ?амтамасыз ету турасында с? ра?тар шешіліп ?ойыл?ан.

Дипломда ж? зеге асыру?? ралдары к? рсетілген, ж? не де дайын жобаны? жетістіктері экономикалы? тиімділігі жа? ынан есебі келтірілген, а? партты? ?ауіпсіздік с? ра?тары ж? не ж? йедегі а? паратты ?ор?ау шаралары? арастырыл?ан.

Диплом ж? мысында 77 бет жазба, 40 сурет бар.

ABSTRACT

Degree work to subjects «Web-site development for the Taraz Innovative Humanities University» consists of the introduction, main part, literature list, conclusions, schedules and exhibits.

The Purpose of this degree work is the developing of the web-site for the Taraz Innovative Humanities University and greater transparency as requested with respect to University information. The problem of the software to make the site managing easier has been solved.

The implementation medium of the developed project as well as the result of the finished project is described in this degree work. The project cost-effectiveness analysis, also the questions concerning to the information safety and protection in the computer system are considered.

The degree work contains 77 pages, 40 pictures.

1. ХАРАКТЕРИСТИКА СРЕДСТВ СОЗДАНИЯ WEB — САЙТОВ

1.1 Обзор сайтов и краткая характеристика используемой ОС

1.2 Основные технологии для разработки Web приложений

1.3 Современные способы построения сайта

2. РЕАЛИЗАЦИЯ ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ

2.1 Локальный сервер

2.2 Обоснование проектных решений по видам обеспечения

2.3 Пользовательская часть сайта

2.4 Панель управления (администратора) в Joomla

3. ОЦЕНКА ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ

3.1 Защита информации

3.2 Раздел технико-экономического обоснования эффективности принятых решений

ЗАКЛЮЧЕНИЕ

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ И ЛИТЕРАТУРЫ

ПРИЛОЖЕНИЯ

Приложение А. Файл index. php из шаблона TIGU

Приложение В. Файл blog. php из переопределения для шаблона TIGU

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

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

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

Все эти, и не только, факты делаю вопрос о создании интересно оформленного, технически грамотно спланированного WEB — сайта, крайне актуальным.

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

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

В качестве — владельца WEB — ресурса взят университет города (Таразский инновационно — гуманитарный университет). Связано это также с тем, что при создании хорошо спланированного, интерактивного информационного сайта, приходится применять не только технологические, но и аналитические знания.

Актуальность темы

обусловлена необходимостью создания информационно-образовательного web-сайта ТИГУ на CMS Joomla, поскольку это позволяет легче управлять содержимым сайта, заявить о себе в полном объеме, предоставить полную информацию о своих возможностях, услугах.

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

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

2. Изучить методику проектирования web-сайта;

3. Выявить эффективность функционирования web-сайта и информационных технологий университета;

4. Разработать информационно-образовательный web-сайт для ТИГУ;

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

1. ХАРАКТЕРИСТИКА СРЕДСТВ СОЗДАНИЯ WEB — САЙТОВ

1.1 Обзор web — сайтов

При написании данной работы были изучены веб-сайты нескольких университетов (института): Московского государственного университета экономики, статистики и информатики (МЭСИ); Павлодарского государственного педагогического института (ППИ); Восточно-Казахстанского государственного технического университета им. Д. Серикбаева (ВКГТУ); Назарбаевского университета (НУ); Южно-Казахстанского государственного университета (ЮКГУ).

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

Основные разделы (1-ого уровня) карты сайта МЭСИ — это: «Об университете», «Образование», «Учебный процесс», «Наука», «УМО (Учебно-методическое объединение)», «Трудоустройство», «Международное сотрудничество», «МЭСИ в регионах», «Наша жизнь».

При переходе по ссылке «Об университете» попадаем на подпункт этого раздела «О нас». Этой страница, сверху, начинается с шапки сайта (как обычно), ниже развёрнутые подменю данного раздела. Далее описаны сведения об университете, «Требования 273-ФЗ и постановления Правительства РФ № 582, приказа № 785», разделённые по списку по категориям и подкатегориям (на данный момент их 20 основных категорий). Следом расположена карусель с логотипами, новостями, событиями и т. п. И в конце, в самом низу, находится подвал (футер) с копирайтом и некоторыми ссылками.

Основные разделы карты сайта ППИ: «Об институте», «Студенту», «Учителю», «Родителям», «Абитуриенту».

У ВКГТУ: «Об университете», «Образование», «Факультеты», «Наука», «Подразделения», «Научная библиотека», «Летний семестр», «ЕАЭC».

В разделе «Об университете», сайта МЭСИ, находятся подразделы (2-ого уровня), содержащие сведения, историю, планы, достижения и награды, документы, некоторые данные о работниках, такие как: «О нас», «Сведения об университете», «Миссия и видение», «История МЭСИ», «Руководство», «Преподаватели», «Подразделения», «МЭСИ в цифрах», «Фонд целевого капитала», «Документы», «Награды», «Издания», «Партнеры», «Прессе», «Вопросы», «Контакты».

В разделе «Образование», главного меню, содержится информация о предоставляемых видах обучения, такие разделы: «Довузовское образование», «Среднее профессиональное образование», «Высшее образование», «Подготовка кадров высшей квалификации», «Дополнительное образование», «MBA (Мастер делового администрирования — Master of Business Administration)», «Онлайн обучение», «Летняя школа русского языка».

В разделе «Учебный процесс», главного меню, находятся подразделы с объявлениями, расписанием, документами, приказами, вопросами.

В «Науке» — научные публикации, научные журналы, научные исследования, научно-исследовательская деятельность МЭСИ и научно-исследовательские работы студентов, в общем, всё связанное с наукой, а также диссертации, дипломы, олимпиады и т. п.

Раздел «УМО» говорит о том, что МЭСИ является крупным учебно-методическим центром России. На его базе с 1988 г. действует Учебно-методическое объединение (УМО) высших учебных заведений Российской Федерации по образованию в области прикладной информатики, математических методов в экономике, статистики и антикризисного управления. В подразделах можно просмотреть все события и отфильтровать их (конференции, новости, мероприятия). Также нам присутствует информация о сотрудниках УМО, разные связанные документы, научные труды.

В разделе «Трудоустройство», понятно что там находится. Всё о том, как и где получить работу. Например, ярмарка вакансий — это замечательная возможность для студентов и выпускников получить шанс быть трудоустроенными в крупнейшие российские и международные компании, а также шанс познакомиться с рынком трудоустройства в Москве. Также можно узнать, как составлять резюме, в соответствующем подразделе. И работодатели могут здесь разместить свои вакансии, для студентов и выпускников.

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

В следующем разделе «МЭСИ в регионах» написано, что МЭСИ — первый в России электронный распределенный университет, единый образовательный комплекс, включающий головной вуз и 19 филиалов, в том числе 4 зарубежных: в Республике Беларусь, Армении, Латвии и Казахстане. О том, что что их цель — предоставление качественного образования всем желающим независимо от места проживания и времени обучения для их полноценного и эффективного участия в общественной и профессиональной областях в условиях информационного общества. Также о том, что у них масштабная региональная сеть. В подразделе «Филиалы» можно, на карте, найти филиал, выделить его и увидеть краткую информацию о нём.

И последний раздел «Наша жизнь», в котором расположились публикации, фотографии, аудио, видео, трансляции, события из жизни университета. Здесь присутствует подраздел «Форум», где можно увидеть «разговоры» на разные темы. В этом же разделе можно задать вопрос ректору.

Сайт МЭСИ сделан в светлом тоне. Фон светлый, почти белый. Цвет текста синий, в малом количестве серые и зелёные цвета. У ППИ два цвета: синий и белый. ВКГТУ состоит из белого фона, текст синего, красного, чёрного, белого текста на оранжевом фоне.

Краткая характеристика используемой операционной системы Windows. Windows XP, Windows Vista, Windows 7, Windows 8 — это последнее воплощение графических операционных систем для использования на компьютерах типа IBM PC и совместимых с ним. По мере проникновения на рынок, за последнее десятилетие, Windows XP, Windows Vista, Windows 7, Windows 8 почти полностью вытеснили всех имевшихся конкурентов и стали, фактическими, эталонами операционной системы для персональных компьютеров. Теперь, если вы пишете программу для совместимых с IBM PC компьютеров, то вы пишете для Windows XP, Windows Vista, Windows 7, Windows 8.

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

Windows — это графический интерфейс, и программы для Windows могут полностью использовать графику и форматированный текст как на дисплее, так и на принтере.

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

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

1.2 Основные технологии для разработки Web приложений

История РНР начинается с 1995 года, когда независимый программист-контрактник по имени Расмус Лердорф (Rasmus Lerdorf) написал сценарий Perl/CGI для подсчета количества посетителей сайта, прочитавших его онлайновое резюме. Его сценарий решал две задачи: регистрацию данных посетителя и вывод количества посетителей на web-странице. Развитие WWW еще только начиналось, никаких специальных средств для решения этих задач не было, и к автору хлынул поток сообщений с вопросами. Лердорф начал бесплатно раздавать свой инструментарий, названный Personal Home Page (РНР) или Hypertext Processor (гипертекстовый процессор).

Шумный успех инструментария РНР заставил Лердорфа приступить к разработке расширений РНР. Одно из расширений преобразовывало данные, введенные на форме HTML, в символические переменные, что позволяло экспортировать их в другие системы. Чтобы добиться поставленной цели, Лердорф решил в дальнейших разработках перейти с Perl на С. Расширение существующего инструментария РНР привело к появлению РНР 2.0, или PHP-FI (Personal Home Page — Form Interpretator). В усовершенствовании версии 2.0 принимали участие программисты со всего мира.

Новая версия РНР пользовалась исключительной популярностью, и вскоре образовалась основная команда разработчиков. Они сохранили исходную концепцию внедрения программного кода прямо в HTML и переписали заново механизм лексического анализа, что привело к появлению РНР 3.0. К моменту выхода версии 3.0 в 1997 году свыше 50 000 пользователей применяли РНР для улучшения своих web-страниц.

В 1997 году было решено, что сокращение РНР должно означать не «Personal Homepage», а «РНР Hypertext Processor»

В течение следующих двух лет стремительное развитие РНР продолжалось. В язык добавлялись сотни новых функций, а количество пользователей стремительно росло. В начале 1999 года служба Netcraft (http://www.netcraft.com) сообщила о том, что, по минимальным оценкам, число пользователей РНР превысило 1 000 000, в результате чего РНР стал одним из самых популярных сценарных языков в мире.

В начале 1999 года было объявлено о предстоящем выходе РНР 4.0. Хотя одной из сильнейших сторон РНР была эффективность выполнения сценариев, при первоначальных разработках не предполагалось, что на базе РНР будут строиться крупномасштабные приложения. По этой причине была начата работа над более устойчивым механизмом лексического анализа, больше известным под названием Zend (http://www.zend.com). Работа шла быстро и завершилась 22 мая 2000 года выпуском РНР версии 4.0.

РНР лучше всего охарактеризовать как работающий на стороне сервера встроенный язык сценариев Web, позволяющий разработчикам быстро и эффективно строить динамические web-приложения. С позиций грамматики и синтаксиса РНР напоминает язык программирования С, хотя разработчики не постеснялись включить в него средства из других языков, в том числе из Perl, Java и C++. Среди ценных заимствованных возможностей — поддержка регулярных выражений, мощные средства работы с массивами, объектно-ориентированная методология и обширная поддержка работы с базами данных.

При написании приложений, выходящих за рамки традиционной, статической методологии разработки web-страниц (то есть HTML), РНР также может послужить ценным инструментом для создания и управления динамическим содержанием, который используется наряду с JavaScript, стилями, WML (Wireless Markup Language) и другими полезными языками. Благодаря наличию сотен стандартных функций РНР в состоянии решить практически любую задачу, которая может придти в голову разработчику. В нем имеется обширная поддержка создания графики и операций с ней, математических вычислений, средств электронной коммерции и таких популярных технологий, как XML (Extensible Markup Language), ODBC (Open Database Connectivity) и Macromedia Shockwave. Широкий выбор возможностей избавляет от необходимости рутинной и непростой работы по подключению сторонних модулей, поэтому многие разработчики со всего мира останавливают свой выбор на РНР.

Одним из главных достоинств РНР является тот факт, что он внедряется прямо в HTML-код, поэтому программисту не приходится писать программу с множеством команд для простого вывода HTML.

Конечно, для выполнения сценариев РНР необходимо предварительно установить и настроить программное обеспечение РНР на сервере. Этот процесс описан в разделе «Загрузка и установка РНР/Apache» настоящей главы. Разделу предшествуют фрагменты из отзывов нескольких пользователей, выступающих в пользу РНР, с кратким обзором языка и его истории…

Характеристики РНР. РНР должен предоставить программисту средства для быстрого и эффективного решения поставленных задач. Практический характер РНР обусловлен пятью важными характеристиками:

— простотой;

— эффективностью;

— безопасностью;

Простота. Сценарий РНР может состоять из 10 000 строк или из одной строки — все зависит от специфики вашей задачи. Вам не придется подгружать библиотеки, указывать специальные параметры компиляции или что-нибудь в этом роде. Механизм РНР просто начинает выполнять код после первой экранирующей последовательности ( ). Если код имеет правильный синтаксис, он исполняется в точности так, как указал программист.

Эффективность. Эффективность является исключительно важным фактором при программировании для многопользовательских сред, к числу которых относится и WWW. В РНР 4.0 был реализован механизм выделения ресурсов и обеспечена улучшенная поддержка объектно-ориентированного программирования, а также средства управления сеансом. В последней версии появился и механизм подсчета ссылок (reference counting), предотвращающий выделение лишней памяти.

Безопасность. РНР предоставляет в распоряжение разработчиков и администраторов гибкие и эффективные средства безопасности, которые условно делятся на две категории: средства системного уровня и средства уровня приложения.

Средства безопасности системного уровня. В РНР реализованы механизмы безопасности, находящиеся под управлением администраторов; при правильной настройке РНР это обеспечивает максимальную свободу действий и безопасность. РНР может работать в так называемом безопасном режиме (safemode), который ограничивает возможности применения РНР пользователями по ряду важных показателей. Например, можно ограничить максимальное время выполнения и использование памяти (неконтролируемый расход памяти отрицательно влияет на быстродействие сервера). По аналогии с cgi-bin администратор также может устанавливать ограничения на каталоги, в которых пользователь может просматривать и исполнять сценарии РНР, а также использовать сценарии РНР для просмотра конфиденциальной информации на сервере (например, файла passwd).

Средства безопасности уровня приложения. В стандартный набор функций РНР входит ряд надежных механизмов шифрования. РНР также совместим с многими приложениями независимых фирм, что позволяет легко интегрировать его с защищенными технологиями электронной коммерции (e-commerce).

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

Поскольку РНР является встраиваемым языком, он отличается исключительной гибкостью по отношению к потребностям разработчика. Хотя РНР обычно рекомендуется использовать в сочетании с HTML, он с таким же успехом интегрируется и в JavaScript, WML, XML и другие языки. Кроме того, хорошо структурированные приложения РНР легко расширяются по мере необходимости (впрочем, это относится ко всем основным языкам программирования).

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

Поскольку РНР не содержит кода, ориентированного на конкретный web-сервер, пользователи не ограничиваются определенными серверами (возможно, незнакомыми для них). Apache, Microsoft IIS, Netscape Enterprise Server, Stronghold и Zeus — РНР работает на всех перечисленных серверах. Поскольку эти серверы работают на разных платформах, РНР в целом является платформенно-независимым языком и существует на таких платформах, как UNIX, Solaris, FreeBSD и Windows 95/98/NT.

В наши дни РНР обладает исключительно богатыми возможностями. Мы используем его практически во всех создаваемых web-сайтах, включая 32bit.com и DevShed.com. Мы даже воспользовались им в Info West для реализации службы поддержки, управления учетными записями и отслеживания портов.

Краткая характеристика языка HTML. Термин HTML (HyperText Markup Language) означает «язык маркировки гипертекстов». Первую версию HTML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли.

Со времени создания первой версии HTML претерпел некоторые изменения. Как и многое другое в компьютерном мире, версии, или спецификации, HTML оказались пронумерованными. Известны спецификации 2.0, 3.0 и 3.2. Текущую спецификацию HTML всегда можно найти на сервере W3C.

HyperText Markup Language (HTML) является стандартным языком, предназначенным для создания гипертекстовых документов в среде WEB. HTML-документы могут просматриваться различными типами WEB-браузеров. Когда документ создан с использованием HTML, WEB-браузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей.

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

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

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

HTML-документы могут быть созданы при помощи любого текстового редактора или специализированных HTML-редакторов и конвертеров. Выбор редактора, который будет использоваться для создания HTML-документов, зависит исключительно от понятия удобства и личных пристрастий каждого автора. Например, HTML редакторы, такие, как «Netscape Navigator Gold» компании Netscape позволяют создавать документы графически с использованием технологии WYSIWYG (What You See Is What You Get). С другой стороны, большинство традиционных средств для создания документов имеют конвертеры, позволяющие преобразовывать документы к формату HTML.

Все тэги HTML начинаются с «<» (левой угловой скобки) и заканчиваются символом «>» (правой угловой скобки). Как правило, существует стартовый тэг и завершающий тэг. Для примера приведем тэги заголовка, определяющие текст, находящийся внутри стартового и завершающего тэга и описывающий заголовок документа:

HTML не реагирует на регистр символов, описывающих тэг, и приведенный ранее пример может выглядеть следующим образом:

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

Некоторые тэги, такие, как

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

Когда WEB-браузер получает документ, он определяет, как документ должен быть интерпретирован. Самый первый тэг, который встречается в документе, должен быть тэгом. Данный тэг сообщает WEB-браузеру, что ваш документ написан с использованием HTML. Минимальный HTML-документ будет выглядеть так:

…тело документа…

Заголовочная часть документа

Тэг заголовочной части документа должен быть использован сразу после тэга и более нигде в теле документа. Данный тэг представляет из себя общее описание документа. Избегайте размещать какой-либо текст внутри тэга

. Стартовый тэг помещается непосредственно перед тэгомразмещается сразу после окончания описания документа. Например:Заголовок документа

Большинство WEB-браузеров отображают содержимое тэга и, размещается внутри

-тэгов, как показано выше на примере. Заголовок документа не появляется при отображении самого документа в окне.

Комментарии

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

Комментарии могут встречаться в документе где угодно и в любом количестве.

Тэги тела документа идентифицируют отображаемые в окне компоненты HTML-документа. Тело документа может содержать ссылки на другие документы, текст и другую форматированную информацию.

Тело документа

Тело документа должно находиться между тэгами

и. Это та часть документа, которая отображается как текстовая и графическая (смысловая) информация вашего документа.

Тэг абзаца

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

. Если вы не разделите абзацы тэгом

ваш документ будет выглядеть как один большой абзац.

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

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

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

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

Это наиболее используемая техника при проектировании документов, называемая иногда «inlineimage» .

Некоторые WWW browser позволяют пользователю, заполнив специальную форму, возвращающую полученное значение, выполнять некоторые действия на вашем WWW-сервере. Когда форма интерпретируется WEB-браузером, создается специальные экранные элементы GUI, такие, как поля ввода, checkboxes, radiobuttons, выпадающие меню, скроллируемые списки, кнопки и т. д. Когда пользователь заполняет форму и нажимает кнопку «Подтверждение» (SUBMIT — специальный тип кнопки, который задается при описании документа), информация, введенная пользователем в форму, посылается HTTP-серверу для обработки и передаче другим программам, работающим под сервером, в соответствии с CGI (CommonGatewayInterface) интерфейсом.

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

Коротко о JavaScript. JavaScript изначально создавался для того, чтобы сделать web-странички «живыми». Программы на этом языке называются скриптами. В браузере они подключаются напрямую к HTML и, как только загружается страничка — тут же выполняются.

Программы на JavaScript — обычный текст. Они не требуют какой-то специальной подготовки.

В этом плане JavaScript сильно отличается от другого языка, который называется Java.

Почему JavaScript? Когда создавался язык JavaScript, у него изначально было другое название: «LiveScript». Но тогда был очень популярен язык Java, и маркетологи решили, что схожее название сделает новый язык более популярным.

Планировалось, что JavaScript будет эдаким «младшим братом» Java. Однако, история распорядилась по-своему, JavaScript сильно вырос, и сейчас это совершенно независимый язык, со своей спецификацией, которая называется ECMAScript, и к Java не имеет никакого отношения.

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

Компиляция и интерпретация, для программистов. Для выполнения программ, не важно на каком языке, существуют два способа: «компиляция» и «интерпретация».

· Компиляция — это когда исходный код программы, при помощи специального инструмента, другой программы, которая называется «компилятор», преобразуется в другой язык, как правило — в машинный код. Этот машинный код затем распространяется и запускается. При этом исходный код программы остаётся у разработчика.

· Интерпретация — это когда исходный код программы получает другой инструмент, который называют «интерпретатор», и выполняет его «как есть». При этом распространяется именно сам исходный код (скрипт). Этот подход применяется в браузерах для JavaScript.

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

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

О браузерах. Современный JavaScript — это «безопасный» язык программирования общего назначения. Он не предоставляет низкоуровневых средств работы с памятью, процессором, так как изначально был ориентирован на браузеры, в которых это не требуется.

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

· Создавать новые HTML-теги, удалять существующие, менять стили элементов, прятать, показывать элементы и т. п.

· Реагировать на действия посетителя, обрабатывать клики мыши, перемещение курсора, нажатие на клавиатуру и т. п.

· Посылать запросы на сервер и загружать данные без перезагрузки страницы (эта технология называется «AJAX»).

· Получать и устанавливать cookie, запрашивать данные, выводить сообщения…

· …и многое, многое другое!

Что НЕ умеет JavaScript. JavaScript — быстрый и мощный язык, но браузер накладывает на его исполнение некоторые ограничения…

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

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

Большинство возможностей JavaScript в браузере ограничено текущим окном и страницей.

· JavaScript не может читать/записывать произвольные файлы на жесткий диск, копировать их или вызывать программы. Он не имеет прямого доступа к операционной системе.

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

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

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

· Из JavaScript можно легко посылать запросы на сервер, с которого пришла страница. Запрос на другой домен тоже возможен, но менее удобен, т.к. и здесь есть ограничения безопасности.

Уникальность JavaScript. Есть как минимум три замечательных особенности JavaScript:

· Полная интеграция с HTML/CSS.

· Простые вещи делаются просто.

· Поддерживается всеми распространенными браузерами и включен по умолчанию.

Этих трёх вещей одновременно нет больше ни в одной браузерной технологии. Поэтому JavaScript и является самым распространенным средством создания браузерных интерфейсов.

CMS (Content Management System — Система Управления Содержимым) Joomla. «Joomla» — это система управления контентом, написанная на языке PHP и использующая в качестве хранилища содержания базу данных MySQL. «Joomla» является свободным программным обеспечением, защищённым лицензией GPL. Одной из главных особенностей «Joomla» является относительная простота управления при практически безграничных возможностях и гибкости при изготовлении сайтов. Название «Joomla» фонетически идентично слову «Jumla», которое в переводе означает «все вместе» или «единое целое», что отражает подход разработчиков и сообщества к развитию системы. Это название было выбрано сообществом среди многих, прошло проверку профессионалами маркетинга, и было решено, что «Joomla» — это самый удачный выбор.

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

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

Достоинства «Joomla»:

«Joomla» бесплатна.

«Joomla» развивается профессионалами уже больше 10 лет. Т. е. можно быть уверенным что система будет развиваться и дальше, а сайты, написанные на ней, будут и дальше актуальны.

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

Более 4000 бесплатных и платных расширений.

Система реализована по блочному принципу. У каждого созданного сайта на «Joomla» существует своя шапка, левый и правый блоки, меню и т. д. Такое построение упрощает понимание системы.

«Joomla» позволяет создавать сайты любой сложности.

«Joomla» имеет много платных и бесплатных шаблонов которые легко модифицируются. Недостатки «Joomla»:

«Joomla» не очень быстра на локальном сервере.

В 2008 году система перешла на новую ступень развития (версия 1.5.х), поэтому часть дополнений, сделанных под версию 1.0.х стали недоступными.

1.3 Современные способы построения сайта

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

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

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

*PHP-скрипт, являющийся одним из самых популярных среди технологий создания веб-сайтов;

*JavaScript, который постоянно совершенствуется в процессе создания сайтов;

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

*СУБД и MySQL, предназначенные для работы со структурированными базами данных.

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

Методы ручного создания сайтов довольно сложны, ведь они требуют значительных познаний в области веб-программирования или дизайна сайтов. Однако они обладают неоспоримым преимуществом: создавая сайт вручную, всегда можно получить именно то, что хочешь. «Ручные» методы создания сайтов многие «акулы» веб-программирования предпочитают именно поэтому.

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

Широкие возможности по созданию сайтов любой сложности предоставляют CMS. Именно этот метод создания сайтов по праву считается одним из наиболее удобных и практичных. Гибкая система настроек, возможность редактирования самой CMS или же отдельных ее элементов, легкость добавления и изменения контента — все это сделало создание сайтов на базе CMS по-настоящему эффективным.

Специалисты веб-студии WеbStudio2U давно оценили все преимущества систем управления контентом и в своей работе используют именно этот метод создания сайтов. Своим клиентам WеbStudio2U предлагает создание сайтов на Joomla! — одной из мощнейших систем управления контентом с открытым кодом (Open Source CMS) на планете.

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

Принципы построения клиент / серверных систем. Для разработки клиент / серверных систем имеется два подхода:

— построение систем на основе двухзвенной архитектуры;

— построение систем на основе трехзвенной архитектуры.

Двухзвенная архитектура состоит из клиентской и серверной части. Как правило, серверная часть представляет собой сервер БД, на котором расположены общие данные. А клиентская часть представляет приложение, которое связывается с сервером БД, осуществляет к нему запросы и получает ответы. Такие системы используются в локальных сетях, т. к. нет затруднений с установкой клиентской части. Также системы с такой архитектурой более безопасны, т. к. могут использовать собственные протоколы передачи данных, не известные злоумышленникам. Поэтому многие крупные компании, которые располагаются не в едином месте и для соединения подразделений используют глобальную сеть Интернет, выбирают именно такую архитектуру построения клиент / серверных систем.

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

Трезвенная архитектура также состоит из двух частей: клиента и сервера. Но серверная часть в этой архитектуре представляет собой сервер приложений и сервер БД. А в качестве клиента выступает web_браузер. Такая система очень проста для пользователя. Ему необходимо знать только адрес сервера приложения и наличие web_браузера на рабочем компьютере. Все данные представляются в виде html_разметки с использование графики (jpeg, gif, flash), каскадных слоев CSS и JavaScript. Передача запросов от клиента к серверу приложений происходит по средствам CGI_интерфейса. Сервер приложений общается с сервером БД, используя другой интерфейс, зависящий от того, на основе каких средств строится конкретная информационная система. Недостатками такой архитектуры является использование общеизвестных протоколов передачи данных. Злоумышленник может осуществить взлом системы, если она будет недостаточно хорошо проверять поступившие запросы от клиента. Трехзвенная архитектура показана на рис. 1.

Рис. 1. Трехзвенная архитектура При разработке клиент / серверных приложений необходимо учитывать:

— на каких пользователей будет рассчитана данная информационная система;

— какие требования предъявляются к безопасности.

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

2. РЕАЛИЗАЦИЯ ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ

2.1 Локальный сервер

Установка локального сервера Denwer. Для начала работы нам конечно же понадобиться сам Денвер, скачать его можно с официального сайта http://www.denwer.ru/ предварительно зарегистрировавшись. Сама установка дистрибутива занимает не больше минуты. Важнее знать принципы работы локальной машины, её структуру. И так, после того как Вы скачали денвер, запускайте его. После запуска перед вами откроется окно с рекламой, закрываете его и нажимаете Enter (рис. 2).

Рис. 2. Установка локального сервера Denwer

1) Место установки На первом этапе вас спросят в какое место устанавливать локальный сервер. Вам сразу по умолчанию предложат установить denwer на диск C в папку WebServers. путь — C: WebServers. Разработчики рекомендуют устанавливать комплекс вкаталог первого уровня, то есть, C: WebServers, а не, например, C: DenwerWebServers. тогда не возникнет проблем с установками пактов расширений. Я всегда ставил в корень диска, поэтому проблем не было. Нажимаете Enter (рис. 3).

Рис. 3. Место установки

2) Виртуальный диск Далее вам предложат ввести имя виртуального диска, который будет связан с только что указанной директорией. Рекомендуем вам согласиться со значением по умолчанию (Z:). Важно, что диска с этим именем еще не должно содержаться в системе (рис. 4).

Рис. 4. Виртуальный диск

3) Запуск и установка комплекса Затем вас спросят в каком режиме запускать Denwer по умолчанию стоит 1 режим, в котором установка виртуального диска происходит сразу с загрузкой Windows, загрузка серверов происходит по нажатию ярлыка как и во 2 режиме, но в котором виртуальный диск включается во время запуска сервером и отключение после остановки denwer. Некоторые ОС Windows не умеют правильно отключать диски требуют при этом перезагрузку. Всегда использовал 1 вариант, поскольку удобнее в качестве быстрого доступа к папкам и проблем с запуском виртуального диска не бывает. Нажимаете Enter.

Вот и все, локальная машина установлена.

Теперь рассмотрим структуру локального сервера:

Корневая папка:

в которой еще четыре папки:

И на рабочем столе будут ярлыки (рис. 5):

Рис. 5. Ярлыки на рабочем столе В папке denwer находятся файлы эти файлы запуска, перезагрузки, остановки и другие. В папке home будут ваши сайты, а также файлы администрирования в localhost. В папке tmp находятся временные файлы. В папке usr находятся файлы баз данных mysql, она сама php, bin, файлы apache и другие.

Установка Joomla на Локальный сервер Денвер. Подготовка к установке.

После того как вы скачали Joomla вам потребуется:

Создать папку с именем Вашего сайта, например, mysite. local, в которой создать еще папку с обязательным названием www

Распаковать скачанный архив с Joomla в папку www

Запустить Денвер — ярлык Run, либоWebServers/denwer/Run. exe

Путь до папки www в моем случае: C: /WebServer/home/mysite. local/www (C: /WebServer он же диск Z, — то диск который мы устанавливали на денвере).

Установка Joomla на денвер Шаг 1:

Выберите язык устанавливаемой Joomla и нажмите Далее (рис. 6)

Рис. 6. Выбор языка меню в Joomla

Шаг 2:

На этом этапе проверяются настройки Вашей системы если все помечены как Да, то нажимайте Далее (рис. 7)

Рис. 7. Настройка Шаг 3:

Здесь Вы можете ознакомиться с Лицензией Joomla, нажимайте Далее (рис. 8)

Рис. 8. Знакомства с лицензией Joomla

Шаг 4:

Вот теперь Вам придется внести данные:

Тип Баз Данных: выбирайте последнюю Mysqli.

Имя сервера баз данных: localhost.

Имя пользователя: на локальном сервере используйте root.

Пароль: как хотите, на локальном сервере я не использую.

Имя баз данных: Если Вы ознакомились с установкой mysql и создали базу то вводите сюда её имя.

Префикс таблиц: оставьте как есть либо введите свой, разницы почти нету. Нажимайте Далее (рис. 9).

Рис. 9. Установка mysql

Шаг 5:

Пропускайте на локалке не требуется. Нажимайте Далее (рис. 10)

Рис. 10. Конфигурация FTP

Шаг 6:

Необходимо заполнить поля:

Название сайта: вводите любое.

Ваш e-mail: Свой e-mail.

Логин администратора: используйте admin, (необходим для входа в панель управления).

Пароль администратора: придумайте и запишите пароль (необходим для входа в панель управления).

Начинающим пользователям настоятельно рекомендуется установить демо-данные нажав на Установка демо-данных. Нажимайте Далее (рис. 11)

Рис. 11. Конфигурация сайта Шаг 7:

Намайте по кнопке Удалить директорию 'installation' (рис. 12)

Рис. 12. Завершение установки Все теперь Вы можете заходить на свой сайт как через админа используя логин и пароль, так и просто на сайт как обычный пользователь, введя в адресную строку имя папки с сайтом у меня это mysite. local. А для входа в админ. панель нужно дописать после имени слово administrator.

Путь админки: mysite. local/administrator

С установкой закончили теперь можно приступать к изучению административной панели и всеми возможностями Joomla.

2.2 Обоснование проектных решений по видам обеспечения

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

Все предугадать невозможно, но на начальном этапе можно придерживаться следующих правил:

— если разрабатывается сайт научного или академического содержания, особое внимание следует обратить на то, как сайт работает в Lynx (или в другом неграфическом браузере);

— если сайт предназначен для потребителей — например, сайт, который предлагает обучающие игрушки для детей, — внимание обращается на скорость загрузки и внешний вид сайта для AOL-браузеров;

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

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

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

Влияние дисплеев на webдизайн. Каким образом множество типов дисплеев и условий просмотра влияет на принятие решений при разработке страницы? Большая часть вашей аудитории различает дисплеи лишь по размерам дисплея (или, если быть более точным, по разрешению) и по цветовым возможностям. Тем не менее важно помнить, что различия на этом не заканчиваются. Некоторые пользователи могут смотреть сайт на экране телевизора. В то же время другие будут просматривать Web на своей ладони, с экрана PDA (Personal Digital Assistant, персональный цифровой секретарь) или сотового телефона. Пользователи с ограничениями по зрению, вероятно, будут слушать, а не смотреть вашу страницу.

Рабочее («живое») пространство в окне браузера. Узнать размер дисплея — это только часть дела, поскольку операционная система и сам браузер занимают на экране довольно много места. Размер пространства, которое действительно доступно в окне браузера (оно называется «рабочим» или «живым» пространством окна браузера), зависит от операционной системы компьютера, используемого браузера и индивидуальных установок параметров пользователя.

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

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

Особенности цветов дисплея. Мониторы, если они цветные, различаются по числу воспроизводимых цветов. Это еще один фактор, который влияет на решения разработчика. Мониторы обычно воспроизводят 24-разрядные (16,77 млн цветов), 16-разрядные (65 536 цветов) или 8-разрядные (256 цветов).

Цвета, полученные в «истинном», 24-разрядном пространстве цветов будут искажаться (выводиться с пятнами и крапинками) при обработке браузерами на 8-разрядных дисплеях.

Существует, однако, набор из 216 цветов, составленный из цветов системных палитр Мас OS и Windows, который не будет искажаться на 8-разрядных дисплеях. Одно из названий этого множества цветов — Web-палитра (Web Palette). Многие дизайнеры предпочитают пользоваться этой палитрой при создании Web-графики и элементов HTML, так чтобы страница выглядела одинаково для всех пользователей.

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

Стандартные размеры и разрешения дисплеев. Первым шагом при определении вероятного размера вашей Web-страницы должно стать определение максимального пространства, обеспечиваемое дисплеем. Компьютерные дисплеи имеют различные стандартные размеры и обычно измеряются в дюймах. Можно привести некоторые типичные размеры дисплеев — 14″, 15″, 17″, 19″ и 21″ .

Более значимой характеристикой является разрешение дисплея — общее число пикселов (picture's element — элемент картинки) на экране. Чем выше разрешение, тем более детальным может быть изображение. Зная возможное число пикселов, вы можете создавать в соответствии с ним изображения (также измеряемые в пикселах) и элементы страницы.

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

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

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

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

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

Браузеры Netscape Navigator и Microsoft Internet Explorer. На рынке доминируют два основных браузера: Netscape Navigator и Microsoft Internet Explorer. Вместе они, включая все их версии, представляет примерно 90% (или более) используемых сегодня браузеров.

Эти два браузера конкурируют между собой за господство на рынке. Результатом их борьбы стала коллекция фирменных HTML-тегов, а также несовместимые реализации различных технологий (печально известный Dynamic HTML, а также JavaScript и Cascading Style Sheets — каскадные таблицы стилей). С другой стороны, конкуренция между Netscape и Microsoft в целом способствовала более быстрому развитию среды Web.

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

В версии Internet Explorer 4.0 для компьютеров Macintosh отсутствует значительная часть функциональных возможностей версии, созданной для Windows, поэтому использование ряда особых возможностей версии 4.0 может исключить из игры некоторых пользователей.

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

Несмотря на заявления Microsoft, что DHTML поддерживается всеми платформами, он особенно ненадежен на компьютерах платформы Масintosh.

Браузеры America Online. Пользователи America Online (AOL) используют один из семи возможных браузеров (в зависимости от платформы и версии программного обеспечения AOL), некоторые из них обеспечивают только самую минимальную поддержку HTML.

Последняя версия America Online для PC — это версия 3.0, использует адаптированную версию браузера Microsoft Interne Explorer 3.0. Тем не менее, не всегда можно полностью положиться на эту версию так же, как на стандартный вариант MS Internet Explorer 3.0. (Функциональность особенно ограничена для пользователей компьютеров Macintosh). Многие разработчики Web не раз ужасались, увидев дизайн своего сайта (который великолепно работал в большинстве основных браузеров), после того как он был запущен в системе AOL и отображен одним из их браузеров.

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

Кроме того, некоторые технологии, такие как Java и Cascading Style Sheets (каскадные таблицы стилей), не доступны для пользователей Windows 3.0 (примерно 40% пользователей AOL). Владельцы компьютеров Macintosh не смогут использовать JavaScript и ряд других возможностей (примерно 8% пользователей).

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

Opera. Opera — это маленький и простенький браузер, созданный норвежской компанией Opera Software в Осло. Этот браузер обладает исключительно малым временем загрузки и минимальными требованиями к объему диска. Достоинством Opera является полное соответствие стандартам HTML. Неточности в написании тегов (например, пропущенные закрывающие теги, неправильное вложение и т. д.), которые пропускают более солидные браузеры, не будут правильно отображаться этим браузером. Opera 5.0 поддерживает Java, каскадные таблицы стилей и DHTML.

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

Lynx. Lynx — это распространяемый бесплатно браузер, обеспечивающий просмотр только текста, предлагает вам быстрый и надежный доступ в Web. Он заслужил известность как наименьший общий знаменатель стандарта, пригодный для тестирования Web-страницы по базовым функциональным характеристикам. Несмотря на простоту, этот браузер не устаревает. Lynx постоянно совершенствуется и модернизируется. Сейчас он обеспечивает поддержку таблиц, форм и даже JavaScript!

Люди действительно используют Lynx, поэтому не стоит удивляться, если клиент закажет разработку сайта для Lynx. Этот браузер также важен для инвалидов по зрению: они используют Lynx вместе с речевыми устройствами.

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

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

В Интернете можно найти несколько сайтов, предоставляющих статистические данные о браузерах. Статистика на этих сайтах основана на анализе посещаемости самих этих сайтов, что сужает статистическую выборку до узкого круга пользователей, интересующихся такого рода сайтами, — возможно, пользователи, интересующиеся приобретением новых автомобилей или программами телепередач, используют другие браузеры. Статистические данные, помещенные на сайте Browser Watch, дают подробнейшие сведения о версиях, подверсиях и под-подверсиях каждого отдельного браузера.

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

Большинство дизайнеров рекомендуют разрабатывать страницы в формате 640×480, чтобы при просмотре пользователям не пришлось применять горизонтальную прокрутку. Горизонтальная прокрутка всегда затрудняет восприятие, поэтому дизайнеры традиционно ее отвергают.

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

Достойный уважения Web-дизайн включает разработку страниц, доступных для пользователей с ограниченными возможностями, в частности по зрению и слуху. Консорциум World Wide Web объявил об инициативе Web Accessibility Initiative (WAI), которая ставит целью сделать Web более доступным для всех пользователей. Однако успех данной инициативы зависит от участия в ней рядовых разработчиков, которые могут (или не могут) создать Web-сайты в соответствии с поставленными задачами.

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

Представление графики на web-страницах. На данный момент почти все изображения в Web, представлены в двух форматах: GIF и JPEG. Третий соперник, заслуживающий упоминания, формат PNG, борется за поддержку и внимание браузеров. Далее — краткий обзор «большой тройки» онлайновых графических форматов. Более подробная информация представлена в главах, посвященных каждому из форматов.

GIF. GIF — Grafic Interchange Format можно назвать традиционным форматом файлов Web. Он был первым форматом файлов, который поддерживался Web-браузерами, и по сей день продолжает оставаться основным графическим форматом Web.

Его свойства состоят в следующем:

— поддерживает не более 256 цветов (меньше можно и часто нужно);

— использует палитру цветов;

— использует сжатие без потери информации по методу LZW (который подобен применяемому в архиваторе PKZIP, и, следовательно, GIF-файлы в дальнейшем практически не сжимаются);

— поддерживает чересстрочную развертку;

— является поточным форматом, т. е. показ картинки начинается во время перекачки;

— позволяет назначить одному из цветов в палитре атрибут прозрачный, что применяется при создании так называемых прозрачных GIF-ов;

— имеет возможность сохранения в одном файле нескольких изображений, что находит свое применение при изготовлении анимированных GIF-ов;

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

А теперь немножко разъяснений — к чему эти свойства могут привести. Как мы написали, GIF поддерживает не больше 256 цветов, а это значит, что все изображения, которые мы сохраняем в GIF-формате, явно или неявно уменьшают количество цветов, чтобы уложиться в этот лимит (разные программы с разным успехом). А отсюда вывод — если у взять красивую фотографию с плавными переходами и едва уловимыми оттенками цвета, то после преобразования все будет гораздо хуже — оттенки перестанут быть неуловимыми, и вся фотография приобретет неестественный, нереалистичный вид. Поэтому, если надо все-таки сохранить фотографию в формате GIF и передать все оттенки, то приходится идти на хитрости. Например, к фотографии можно применить какой-нибудь художественный фильтр и превратить ее в рисунок или применить тонирование. Зато нет никаких проблем с сохранением рисунков и чертежей в этом формате, они, как правило, хорошо сжимаются и не содержат много цветов.

JPEG. Вторым наиболее популярным графическим форматом в Web является JPEG — Joint Photographic Experts Group. Он содержит 24-разрядную информацию о цвете. Это 16,77 млн цветов в отличие от 256 цветов формата GIF. В JPEG используется так называемое сжатие с потерями. Это означает, что некоторая информация об изображениях в процессе сжатия отбрасывается, но в большинстве случаев ухудшение качества изображения не наносит вреда и часто даже не заметно.

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

PNG. Есть еще третий графический формат, конкурирующий за постоянное использование в Web. Это формат PNG — Portable Network Graphic, который, несмотря на некоторые достоинства, с 1994 г. находится более или менее в тени. Только недавно браузеры начали поддерживать PNG как встроенную графику, но PNG имеет все шансы стать очень популярным форматом в Web. Именно поэтому он включен здесь в «большую тройку». PNG может поддерживать 8-разрядные индексированные цвета, 16-разрядные полутона или 24-разрядные полноцветные изображения, используя схему сжатия без потерь. Это обеспечивает более высокое качество изображений, а иногда и меньший объем файлов по сравнению с форматом GIF. Кроме того, файлы PNG имеют некоторые замечательные функции, например, встроенное управление коэффициентом гамма, и изменяемые уровни прозрачности (это позволяет показывать рисунок фона сквозь отбрасываемые мягкие тени).

2.3 Пользовательская часть сайта

Сайт ТИГУ — двуязычный. Главная страница пользовательской части сайта на казахском языке (рис. 16). Она будет, как и всё содержимое сайта, на двух языках: казахском (пока не полностью переведено, постепенно будет) и русском, а в дальнейшем можно будет добавить, например, и английский. На главной странице располагаются: новостной слайдер, описание университета, и чуть ниже — последние новости, из вкладки меню «новости». Пункты меню легко добавить из панели администратора Joomla, так же, как и содержимое слайдера, текст описания на главной.

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

Рис. 17. Страница новостей В меню «Государственные символы» находится информация о символах Республики Казахстан.

В меню «Карта сайта» располагается именно она (рис. 18). Она развёрнуто содержит все меню, все ссылки на новости, все материалы. И, согласно настройкам, в панели управления будет обновляться раз в неделю.

Рис. 18. Карта сайта ТИГУ

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

Рис. 19. Меню «Галерея» и фотографии категории «Университет»

Меню «Поиск» ведёт на форму поиска по сайту. Есть возможность поиска всех введённых слов, одного из слов или точного совпадения.

Меню «Университет» содержит подменю: «Блог ректора», «Начальство», «Отделы», «Лицензии», «Наука», «Профсоюз».

Далее — меню «Факультеты». Оно делится на подкатегории: «Естественно-гуманитарный», «Экономика и филология», «Педагогика и право» и «Магистратура». Каждое это подменю делится на свои кафедры, меню которых ведёт на информационный материал о каждой из них.

Следующее меню — «Нормативно-правовые документы». Оно их и содержит. Меню «Tempus» — это материал о программе Tempus, цель которой поднять уровень знаний разных территорий до Европейского стандарта.

Меню «Библиотека» и «Platonus» являются ссылками на другие сайты.

«Дополнительно» для разных дополнительных материалов. В этом пункте находится форма для отправления вопроса или предложения к автору сайта от посетителя.

2.4 Панель управления (администратора) в Joomla

Введя логин и пароль администратора, жмем «Войти» (рис. 20) и мы попадаем в панель администратора (рис. 21).

Рис. 20. Вход в панель администратора Рис. 21. Панель управления администратора

Создание материала. И уже в панели управления мы можем менять содержимое сайта во вкладке «Материалы» (рис. 22) или на боковой панели в блоке «Материалы», то есть, например, материалы, их категории, создавать новые материалы, создавать новые категории с помощью менеджеров. Материалами могут быть новости, отдельные страницы (информация о кафедрах, преподавателях, статьи и т. д.).

Рис. 22. Вкладка «Материалы»

Перейдя в Менеджер материалов (рис. 23), с помощью самой первой кнопки, можно создать новый материал или, можно сказать, новую страницу. Также можно изменить существующий материал, выделив нужный материал галочкой и нажав на кнопку «Изменить». Можно опубликовать и снять с публикации материал, то есть, сняв с публикации, никто данный материал не увидит на сайте (для сайта он как бы не существует). Там же есть возможность добавить материалы в избранные и удалить из избранных, если они там находятся. Удаляются они тоже легко. Их можно поместить в архив. Все материалы можно отсортировать по: состоянию, категории, уровню, уровню доступа, автору, языку, метке (тегу). Это можно сделать, нажав на кнопку «Инструменты поиска», и выбрав нужные параметры. Рядом находится кнопка сброса параметров сортировки, чтобы отображать все материалы.

Рис. 23. Менеджер материалов Рассмотрим создание материала (рис. 24). Вначале нужно указать заголовок. Ввести содержимое материала (с помощью редактора можно форматировать текст, вставлять картинки, ссылки, таблицы и сразу же увидеть результат). Отделить вводную часть можно, используя кнопку «Подробнее…» под редактором. Нужно просто поставить курсор в редакторе там, где будет заканчиваться вводный текст материала и нажать «Подробнее…». Выбрать состояние, обычно опубликовано, категорию материала, доступ к материалу (какая категория пользователей сможет увидеть данный материал), далее язык, у нас два языка: русский или казахский. Если есть метки, вводим их в соответствующее поле.

В следующей вкладке создания материала «Публикация», важно ввести мета-теги Description (краткое описание материала) и Keywords (ключевые слова), Robots — это нужно для поисковых систем, остальные о датах создания материала и его авторе. Во вкладке «Изображения и ссылки» нужно выбрать две картинки (фотографии) для отображения в виде блога (так отображаются материалы новостей на сайте, в пользовательской части), также добавить ссылки.

Связи — следующая вкладка, важная вкладка для многоязычного сайта. Здесь определяется связный материал на другом языке (т.е. другой материал того же содержания, только на другом языке). Должно быть два одинаковых материала на разных языках. Мы выбирали язык во вкладке «Материал» создания нового материала, если там выбрали казахский, то в связях нужно выбрать такой же материал на русском. Это нужно для того, чтобы, при просмотре страницы на казахском, можно было на сайте переключиться на ту же страницу, но на русском (рис. 25).

Рис. 24. Создание материала Рис. 25. Смена языка в пользовательской части сайта Далее во вкладке «Отображение» мы выбираем: показывать ли заголовок, показывать ли его, как ссылку, показывать ли метки, вводный текст, категорию, заголовок родительской категории (если есть), автора, даты создания, изменения, публикации, количество просмотров и так далее, здесь же можно выбрать альтернативный макет, если нужна выходная страница отличного вида от стандартного.

Последняя вкладка «Права доступа» существует для управления настройками прав доступа для групп пользователей, т. е. какие пользователи смогут увидеть этот материал, какие отредактировать, изменить его состояние.

Создание категории. Так выглядит менеджер категорий и он не сильно отличается от менеджера материалов (рис. 26). Для создания новой категории материалов нужно также нажать кнопку «Создать».

Рис. 26. Менеджер категорий

При создании новой категории (рис. 27), нужно обязательно ввести её заголовок. Далее в первой вкладке «Категория» можно задать описание для неё. К чему относится данная категория или какая — нибудь информация о категории.

Рис. 27. Создание новой категории материалов И здесь же, с правой стороны есть параметры для выбора (рис. 28). Если данная категория будет являться подкатегорией, то нужно выбрать родительскую категорию из списка «Родитель». Дальше выбрать состояние: опубликовано или нет, в корзине или в архиве. Если хотите, чтобы категория пока не использовалась, то пока не публикуйте её. Следующее — это выбор доступа к данной категории, т. е. какие группы пользователей смогут увидеть её, просмотреть. Далее выбираем к какому языку относится категория. Если на сайте есть метки (тэги), то можно их указать. По желанию можно оставить примечание к категории и если категория претерпевает изменения, можно добавить комментарий к версии.

Рис. 28. Параметры во вкладке «Категория»

В следующей вкладке создания категории «Публикация» и сразу же рассмотрим «Связи» (рис. 29), мы описываем мета-тэги описания и ключевых слов, соответственно Description и Keywords. Также можно указать автора и указать мета-тэг Robots для индексации в поисковых системах. А в «Связях» всего лишь нужно выбрать связную категорию на другом языке. Если мы создаём категорию на казахском, то в связях нужно указать ту же категорию на русском.

Рис. 29. Создание категории, вкладка «Публикация» и «Связи»

Переходим во вкладку «Права доступа» (рис. 30). Здесь мы можем конкретно настроить каждой группе пользователей право на создание, удаление, изменение, изменение состояния или можно изменять только собственные категории. Групп не мало, так что можно очень гибко настроить доступ. Также можно создавать свои группы пользователей в соответствующем меню.

Рис. 30. Вкладка создания категории «Права доступа»

Последняя вкладка создания категории — «Параметры» (рис. 31). В ней настроек не очень много: можно выбрать альтернативный макет, если нужно вывести категорию отлично от других категорий или от стандартного вида. Можно выбрать изображение категории, которое будет отображаться рядом с текстовым названием категории. И хорошо бы ещё задать альтернативный текст для тех посетителей сайта, чьи браузеры не поддерживают отображение изображений (вместо изображения будет этот текст). В моём сайте я использовал такие изображения для многоуровневых меню, если у категории есть дочерние категории, то выводятся стрелки, показывающие развёртывание меню при наведении на меню.

Рис. 31. Последняя вкладка создания категории — «Параметры»

Создав категорию, мы можем её редактировать, в менеджере категорий при помощи кнопки «Изменить». При нажатии на неё мы попадём на такую же страницу, как и при создании, только с заполненными параметрами. В менеджере выбрав категорию или категории можно соответствующими кнопками опубликовать или снять с публикации. Можем использовать пакетную обработку, чтобы не делать одни и те же действия с каждой категорией по отдельности. Есть возможность поместить категорию в архив или в корзину (удалить). Для перехода к глобальным настройкам нажимаем на кнопку «Настройки».

Работа с меню сайта. Для управления меню и пунктами меню в панели управления заходим в «Менеджер меню» либо, если нужно изменить уже существующее меню, можно отсюда зайти в нужное (рис. 32). На моём сайте уже существуют меню для меню над логотипом и под ним, и каждого меню по два экземпляра, так как одно — для казахского, другое — русского языка. А меню не использовать создано для того, чтобы содержать главную страницу для всех языков. Его удалить нельзя, так как, минимум, должна быть одна главная страница на всех языках. А изображения флагов рядом с меню означает, что в этом меню находится главная страница для одного языка. Пункты казахского меню должны быть связаны с идентичными пунктами на русском.

Рис. 32. Выбор пункта для управления меню При переходе в «Менеджер меню» мы попадаем на страницу просмотра всех меню (рис. 33). Здесь, как обычно, можно создать новое меню, изменить существующее, удалить, настроить. С помощью поля поиска легко находятся нужные меню, если их много. При создании меню нужно указать только заголовок, тип меню и необязательно его описание. Всё, больше никаких настроек нет. Из менеджера меню можно также указать в каком модуле выводе созданное меню в пользовательской части сайта. При нажатии на ссылку «Добавить модуль для данного типа меню», мы переходим в «Менеджер модулей» и с, непосредственно, выбранным типом — меню. Здесь получается побыстрее вывести меню, чем через менеджер модулей.

Рис. 33. Менеджер меню Перейдя в пункты меню какого-либо меню, можно управлять этими пунктами (рис. 34). Как всегда, можно создать новый пункт, изменить выбранный пункт, опубликовать и обратно, использовать пакетную обработку, отправить в корзину. И вот только здесь появляется новая кнопка «Главная», используя которую можно сделать выбранный пункт меню главным. Например, в меню «Главное верхнее меню KZ» главным пунктом является «Негізгі». Этот пункт в столбце «Главная» помечен особой пиктограммой (значком Казахстанского флага).

Рис. 34. Менеджер меню: Пункты меню Самый первый выплывающий список, нужен для быстрого перехода в другое меню. Если пунктов меню много, их легко можно отсортировать, а также найти нужный пункт. Можно найти конкретный пункт написав его имя в поле поиска. А с помощью кнопки «Инструменты поиска» можно оставить пункты с нужным состоянием, уровнем доступа, языком, уровнем пункта. Или отсортировать по порядку, состоянию, доступу, заголовку, связям, языку, ID (и всё это по убыванию / возрастанию). Последний, числовой список относится к постраничной навигации, при множестве пунктом, например, 40 пунктов меню, если в этом параметре стоит число 20, то страница разобьётся на 2 страницы (этот параметр значит — максимальное количество пунктов, выводимое на страницу) (рис. 35).

Рис. 35. Инструменты поиска и перехода в «Пунктах меню»

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

Во-первых, вкладка «Пункт меню» (рис. 36). Здесь нужно выбрать тип меню. Во всплывающем списке выбираем куда ведёт данный пункт, например, на какой-либо компонент, на конкретный материал, на материалы определённой категории, ссылки на сторонние сайты и т. д. В зависимости от того, кокой тип будет выбран, могут появиться новые вкладки параметров, новые настройки, например, в этой вкладке появится «Выбор категории», если выбрать блог категории, также появятся новые вкладки «Параметры категории», «Параметры макета Блога», «Отображение» со своими настройками. Далее выбираем целевое окно, то есть как откроется меню, в том же окно (родительском) или в новом. И если нужно выбираем стиль шаблона.

В «Параметрах ссылки» можно задать CSS-класс ссылки, добавить изображение ссылки и выбрать создать ли заголовок (если выбрано изображение, выводить ли рядом текстовый заголовок или оставить только изображение).

В «Параметрах страницы» можно задать текст, который добавляется к Заголовку страницы в браузере. Можно показать этот заголовок или скрыть, или задать альтернативный заголовок, также CSS-класс страницы.

Рис. 36. Создание пункта меню Ещё один полезный менеджер — это «Менеджер модулей». Он находится в основном меню «Расширения» > «Менеджер модулей». Страница этого менеджера частично изображена на рисунке 37. Именно он выводит модули, например, меню, формы поиска, смену языка, слайдеры и т. д. у каждого такого модуля есть заданная позиция, в которую нужно вывести модуль. Любой модуль можно выводить или не выводить на определённых страницах. Например, модель смены языка и поиска выводятся на всех страницах. А основной слайдер только на главной странице. Или навигация, так называемые хлебные крошки выводятся на всех страницах, кроме главной. Функции в этом менеджере почти всё те же, только появилась кнопка «Дублировать» для создания точной копии выбранного модуля.

Рис. 37. Страница «Менеджера модулей»

Слева расположена удобная колонка фильтрации. Можно отфильтровать и показывать только модули пользовательской части сайта или только панели управления. Либо отобразить все модули с заданным состоянием, например, все не опубликованные модули, модули, находящиеся только в определённой позиции. Также отфильтровать по уровню доступа, по типу модуля или языку.

Рис. 38. Левая колонка «Фильтр» Менеджера модулей При нажатии кнопки «Создать» мы попадаем на страницу выбора типа модуля (рис. 39). Список типов весьма велик и может пополнятся при установке новых расширений. Для создания сайта, например, я использовал такие типы: HTML-код (на главной странице — описание ТИГУ в центре сайта), JS FlexSlider (слайдер на главной странице), Материалы — Последние новости (также на главной странице — список последних новостей), Меню, Навигатор сайта (выводится на всех страницах кроме главной — это «хлебные крошки» или строка типа — Вы здесь: Главная / Новости), Переключение языков, Поиск…

Рис. 39. Выбор типа модуля при создании Выберем, к примеру, HTML-код. Вот теперь мы попадаем непосредственно на страницу создания модуля, вкладка «Модуль». Сначала нужно заполнить содержание кода с помощью редактора. А самое главное и отличное от создания в других менеджерах здесь — это обязательный выбор позиции. Из выплывающего списка нужно выбрать позицию из шаблона Tigu (рис. 40). Для HTML-кода подойдёт позиция Центр-контент [position-5]. Далее в этой вкладке уже известные настройки.

Рис. 40. Выбор позиции для вывода модуля

Во вкладке «Привязка к пунктам меню» — одна настройка «Привязка модуля», где указывается на каких страницах отображать модуль: на всех; ни на одной; только на указанных; на всех, кроме указанных (при указании появляется список всех страниц).

После известной вкладки «Права доступа» идут «Основные параметры». Здесь два параметра: разрешить / запретить обрабатывать содержимое модуля плагинами, возможность добавить фоновое изображение. И последняя вкладка «Дополнительные параметры» позволяет выбрать альтернативный макет, если нужно уникальное отображение модуля, добавить к модулю CSS-суффикс для использования Каскадных таблиц стилей, выбор HTML-тэга модуля, размера Bootstrap (для отображения контента в виде колонок, размер — это количество колонок), CSS-класса заголовка, выбор стиля модуля из списка. Выбрав нужные параметры, нажимаем «сохранить и закрыть» и, если всё сделано правильно, в пользовательской части сайта видим результат.

3. ОЦЕНКА ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ

3.1 Защита информации

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

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

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

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

Конфиденциальность — сохранение в секрете критичной информации, доступ к которой ограничен узким кругом пользователей (отдельных лиц или организаций).

Целостность — свойство, при наличии которого информация сохраняет заранее определенные вид и качество.

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

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

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

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

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

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

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

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

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

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

Защита информации должна быть:

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

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

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

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

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

-нестандартной (по сравнению с другими организациями), разнообразной по используемым средствам;

-открытой для изменения и дополнения мер обеспечения безопасности информации;

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

Наряду с основными требованиями существует ряд устоявшихся рекомендаций, которые будут полезны создателям систем информационной безопасности:

— средства защиты должны быть просты для технического обслуживания и «прозрачны» для пользователей;

— каждый пользователь должен иметь минимальный набор привилегий, необходимых для работы;

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

— независимость системы защиты от субъектов защиты;

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

— в организации не должно быть излишней информации о существовании механизмов защиты.

Все перечисленные позиции следует положить в основу формирования системы защиты информации.

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

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

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

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

— определить границы управления информационной безопасностью объекта;

— провести анализ уязвимости;

— выбрать контрмеры, обеспечивающие информационную безопасность;

— определить политику информационной безопасности;

— проверить систему защиты;

— составить план защиты;

— реализовать план защиты (управление системой защиты).

Определение границ управления информационной безопасностью объекта. Целью этого этапа является определение всех возможных «болевых точек» объекта, которые могут доставить неприятности с точки зрения безопасности информационных ресурсов, представляющих для организации определенную ценность.

3.2 Раздел технико-экономического обоснования эффективности принятых решений

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

Эффективность программного обеспечения выражается натуральными и стоимостными показателями:

А) капитальные затраты на программное обеспечение;

Б) экономия годовых эксплуатационных расходов;

В) срок окупаемости капитальных затрат на программное обеспечение.

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

web сайт информационный С = Сктс + Салг + Сотл + Свн, где Сктс — затраты на приобретение комплекса технических средств;

Салг — затраты на разработку алгоритма;

Сотл — затраты на написание и отладку;

Свн — затраты на внедрение.

1) Расчет затрат на комплекс технических средств Сктс = Скомп. + Сприн. + Сббп, где Скомп. = 41 850 тенге — стоимость компьютера (IntelPentium III 700/RAM 128 Mb/HDD 16 Gb/ CD-ROM 52X/ Monitor 15″);

Сприн. = 24 300 тенге — стоимость принтера (SAMSUNGML-1210, A4, 8ppm, 600*600dpi, 2MB, 15 pagesв мин);

Сббп = 5000 — блок бесперебойного питания STIK 600 UPS;

Сктс = 41 850 + 24 300 + 5000 = 71 150 тенге

2) Произведем расчет затрат на разработку алгоритма:

Салг = Зп.разр.*Кол.*В + От, здесь Зп.разр. = 25 000 тенге — оклад разработчика;

Кол. = 1 — общее число разработчиков алгоритма;

В = 1 мес. 17 дней — время, затраченное на разработку алгоритма;

От = 21% - отчисления на соц. страхование от оклада программиста, занятого разработкой алгоритма. Таким образом, получим:

Салг = 25 000*1*1,6 + (21*25 000*1*1,6)/100 = 48 400 тенге.

3) Расчет затрат на написание и отладку программы:

Сотл. = Котл. + Кз.п.,

где Котл. — стоимость машинного времени, затраченного на отладку программы;

Кз.п. — фонд заработной платы программиста, занятого отладкой и написанием программы.

А) Котл = К * Км * q,

где К = 6,25 часов — время работы на ЭВМ в день;

Км = 45 дня — количество дней работы на ЭВМ;

q = 130 тенге — стоимость машинного времени.

Квн = 6,25 * 45 * 130 = 36 562 тенге Б) Кз.п. = Км * Оразраб.*Кол. + отч.,

где Км = 45 дня — количество дней, потраченных на разработку;

Оразраб. = 1100 тенге — оклад программиста за день;

Кол. = 1 чел. — общее число программистов, занятых отладкой программы;

отч. = 21% от оклада программиста, занятого отладкой программы.

Кз.п. = 45*1100*1 + 21*(45*1100*1) / 100 = 59 895 тенге.

Таким образом:

Сотл. = 36 562 + 59 895 = 96 157 тенге.

4) Расчет затрат, связанных с внедрением программы:

Свн = Квн + Зп.вн.,

где Квн. — стоимость машинного времени на время внедрения;

Зп.вн. — зарплата программиста на время внедрения.

А) Расчет Квн производится следующим образом:

Квн = К * d * q,

где К = 6 часов 15 минвремя работы на ЭВМ в день;

d = 20 дня — количество дней работы на ЭВМ;

q = 130 тенге — стоимость машинного времени.

Квн = 6,25 * 20 * 130 = 16 250 тенге Б) Зарплата программиста на время внедрения определяется по формуле:

Зп.вн. = Qвн. * d / Д + отч.,

где Qвн. = 25 000 тенге — оклад программиста, занятого внедрением;

d = 20 дней — количество дней работы на ЭВМ;

Д = 23 дня — количество рабочих дней в месяц;

отч. = 21% - отчисления на соц. страхование от оклада программиста, занятого внедрением программы.

Зп.вн. = 25 000 * 20 / 23 + 21 * (25 000*20/23) / 100 = 26 304 тенге Тогда общие затраты, связанные с внедрением программы будут выражены следующей суммой:

Свн = 16 250 + 26 304 = 42 554 тенге.

Теперь по полученным значениям произведем расчет затрат на разработку и внедрение системы:

С = 71 150 + 48 400 + 96 157 + 42 554 = 258 261 тенге.

Расчет экономической эффективности.

1. Расчет эксплуатационных расходов, связанных с использованием программы Еэкспл. = Тмв * Sм, где Тмв = 4*23 = 92 часов — время использования электронно-вычислительной машины под задачей;

Sм = 130 тенге — стоимость машинного часа.

Еэкспл. = 92 * 130 = 11 960 тенге.

2. Экономия годовых эксплуатационных расходов:

d Еэкспл. = 12 * ((1+Wo) * (1+Wq) * Вз. пр — Еэкспл.),

где Еэкспл. = 11 960 тенге — эксплуатационные расходы, связанные с использованием программы;

Wo = 0,35 — ежемесячные начисления на зарплату;

Wq = 0,15 — коэффициент, учитывающий дополнительную зарплату;

Зарплата работников при использовании ручного труда:

Вз.пр = 8000 + 7500 + 7500 = 23 000 тенге.

d Еэкспл. = 12 * ((1+0,35) * (1+0,15) * 23 000 — 11 960) = 12*23 747,5 = 284 970 тенге.

3. Срок окупаемости:

Т = С / d Еэкспл.

Т = 258 261 / 284 970 = 1,2 года.

4. Стоимость программы:

S = Sр.п. / N,

где Sр.п. = С = 258 261тенге;

N = 1 — число отделов железной дороги, в которых востребована программа.

S = 258 261 / 1 = 258 261 тенге.

Технико-экономические показатели эффективности проекта

Расчётный показатель	Количество	Единицы змерения
1 Затраты на разработку и внедрение системы		Тенге
1.1 Затраты на разработку алгоритма		Тенге
1.2 Затраты на комплекс технических средств		Тенге
1.2.1 Стоимость ПК		Тенге
1.2.2 Стоимость принтера		Тенге
1.2.3 Стоимость источника бесперебойного питания		Тенге
1.3 Затраты на внедрение программы		Тенге
1.4 Затраты на написание и отладку программы		Тенге
2 Эксплуатационные расходы		Тенге
3 Экономия годовых эксплуатационных расходов		Тенге
4 Срок окупаемости	1,2	Год
5 Стоимость программы		Тенге

ЗАКЛЮЧЕНИЕ

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

При разработке web-сайта были проанализированы современные web-технологии, позволяющие создавать интерактивные web-страницы. Наиболее подходящими для выполнения поставленной задачи оказались Adobe Dreamweaver и CMS Joomla.

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

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

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

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

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

И ЛИТЕРАТУРЫ

1. Ташков П. А. Веб-мастеринг на 100%: HTML, CSS, JavaScript, PHP, CMS, AJAX, раскрутка. 2010.

2. Гончаров А. Н. Самоучитель HTML [Текст] / А. Н. Гончаров.- СПб.: Питер, 2002.

3. Чиртик А. В. Популярный самоучитель HTML [Текст] / А. В. Чиртик.- СПб.: Питер, 2006.

4. Learn.JavaScript.ru/

5. Материал из Википедии — свободной энциклопедии о системах управления сайтом. http://ru.wikipedia.org/wiki/CMS

6. CMS List. Обзор CMS. Сайт о системах управления сайтом. http://www.cmslist.ru

7. Колисниченко Д. Н. Joomla! [Текст]: Руководство пользователя / Д. Н. Колисниченко.- М.: Диалектика, 2009.

8. Web Database Application with PHP and MySQL, 2nd Edition By David Lane, Hugh E. Williams. © O'Reilly, May 2004. ISBN: 0−596−543−1.

9. Горнаков С. Г. Осваиваем популярные системы управления сайтом [Текст] / С. Г. Горнаков.- М.: Наука, 2009.

10. http://www.denwer.ru/

11. Joomla! CMS по-русски. http://joomlaportal.ru

12. http://service-joomla.ru/

13. Хаген Г. Создание веб-сайтов с помощью Joomla! 1.5 [Текст] / Г. Хаген.- М.: Вильямс, 2008.

14. Уроки создания сайта в Joomla. http://joomla-create.ru/

15. Норт Б. Joomla! [Текст]: Практическое руководство / Б. Норт.- М.: Символ-плюс, 2008.

16. Рамел Д. Самоучитель Joomla! [Текст] / Д. Рамел.- СПб.: Питер, 2008.

17. Компьютерные информационные технологи: Учебное пособие/А.В. Бурдуковская [и др.] - Издательство БГУЭП, 2002.

18. Вильямсон Х. Универсальный Dynamic HTML / Библиотека программиста — СПб.: ПИТЕР, 2001.

19. Алексеев А. П.

Введение

в Web-дизайн: учебное пособие. — М.: СОЛОН-ПРЕСС, 2008.

ПРИЛОЖЕНИЕ А

Файл index. php из шаблона TIGU

$doc = JFactory: getDocument ();

$tplparams=JFactory:getApplication ()→getTemplate (true)→params;

$site_logo=$tplparams→get ('site_logo');

$menu=JFactory:getApplication ()→getMenu ();

$activePageId=JFactory:getApplication ()→getMenu ()→getActive ()→id;

$homePageId=JFactory:getApplication ()→getMenu ()→getDefault ()→id;

$doc→addStyleSheet (JUri:base ().'templates/'.$doc→template.'/css/style.css');

$doc→addScript (JUri:base ().'templates/'.$doc→template.'/js/jquery.tigu.js');

$doc→addScript (JUri:base ().'templates/'.$doc→template.'/js/menu.js');

$doc→addScript (JUri:base ().'templates/'.$doc→template.'/js/vse.js');

$doc→addScript (JUri:base ().'templates/'.$doc→template.'/js/scriptsForIndex2.js');

$doc→addScript (JUri:base ().'templates/'.$doc→template.'/js/slimbox2.js');

//$doc→addScript (JUri:base ().'templates/'.$doc→template.'/js/poll.js');

$doc→addScript (JUri:base ().'templates/'.$doc→template.'/js/jquery.easing.1.1.1.js');

$doc→addScript (JUri:base ().'templates/'.$doc→template.'/js/jquery.mousewheel.min.js');

$doc→addScript (JUri:base ().'templates/'.$doc→template.'/js/jquery.cycle.all.min.js');

$doc→addScript (JUri:base ().'templates/'.$doc→template.'/js/jquery.cycle.all.js');

$doc→addScript (JUri:base ().'templates/'.$doc→template.'/js/jquery.bxslider2.0.1.min.js');

$doc→addScript (JUri:base ().'templates/'.$doc→template.'/js/slaid.js');

$doc→addScript (JUri:base ().'templates/'.$doc→template.'/js/cloud-carousel.1.0.4.min.js');

//$doc→addScript (JUri:base ().'templates/'.$doc→template.'/js/tags/swfobject.js');

?>