Разработка web-ресурса: "Тамбовский кадетский корпус имени летчика-космонавта Л.С. Демина"

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

Разработка web-ресурса:

«Тамбовский кадетский корпус имени летчика - космонавта Л. С. Демина»

Курсовая работа

Студент 3 курса

(35 группа) дневного

отделения

Научный руководитель:

к.п.н. Самохвалов А.В.

Тамбов - 2009

СОДЕРЖАНИЕ

Введение

1. Планирование разработки web-ресурса

1.1 Типы web-сайтов

1.2 Технологии создания web-сайтов

1.3 Основные принципы web-дизайна

1.4 Обзор web-ресурсов

1.5 Критерии оценок

Выводы

2. Разработка web -ресурса

2.1 Структура web-ресурса

2.2 Структура страниц web-ресурса

2.3 Система навигации

2.4 Особенности технической реализации

Выводы

Заключение

Список использованных источников

Введение

сайт кадетский информация абитуриент

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

На этом сайте будет размещена информация, о жизни, проходящей в кадетском корпусе.

Цель работы - создание сайта Тамбовского кадетского корпуса имени лётчика-космонавта Л. С. Дёмина.

В ходе работы предстоит выполнение следующих задач:

1. Рассмотреть основные типы сайтов.

2. Рассмотреть технологии создания web-сайтов.

3. Проанализировать web-ресурсы кадетских корпусов России и выявить преимущества и недостатки.

4. Подбор необходимой информации для наполнения сайта.

5. Структурирование информации и её размещение.

1.Планирование и разработка web-ресурса

1.1 Типы сайтов

Пользователи Internet имеют тенденцию к тому, чтобы обсуждать веб-сайты, а, следовательно - и дизайн веб-сайтов, по назначению сайта или по его внешнему виду. Возможные категории сайтов могут показаться бесконечными, можно сгруппировать сайты несколькими общими способами. Начнем с отвлеченных классификаций, а затем перейдем к зрительным, именно такую классификацию предлагает студия веб-дизайна Art VentureСтудия веб-дизайна Art Venture.[Электронный ресурс]. - Режим доступа: http://www.av-webstudio.ru .

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

Информационные веб-сайты. На таких веб-сайтах представлена информация по конкретной теме или об определенной организации. Это самые распространенные в сети Internet веб-сайты; с течением времени они зачастую перенимают некоторые черты других категорий веб-сайтов.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1.2 Технологии создания Веб-сайтов

Основной и самой распространенной технологией создания сайтов и электронных учебников является технология HTML.

HTML(Hyper Text Markup Language - "язык разметки гипертекста") является фундаментальной, базовой технологией Интернета. HTML позволяет формировать на странице сайта текстовые блоки, включать в них изображения, организовывать таблицы, управлять отображением цвета документа и текста, добавлять в дизайн сайта звуковое сопровождение, организовывать гиперссылки. Файлы, содержащие гипертекстовый код, имеют расширение .htm или .html. [3] HTML - это язык форматирования, в котором для задания параметров форматирования используется система тегов.[6] Такие документы являются основным информационным наполнением web-узлов. [3] 

Существуют так же и другие технологии создания и улучшения дизайна сайта, например, PHP, XHTML, CSS, SSI, Java, VBScript, CGI, ASP,MySQL,CMS. Давайте рассмотрим их более подробно.

XHTML (EXtensible HyperText Markup Language, Расширенный язык разметки гипертекста) предназначен для замены HTML и считается его более строгой версией. XHTML, сохраняя все особенности HTML, вносит более строгие правила создания страниц, чтобы приблизиться к «идеальному» коду. Это позволяет делать сайты независимыми от устройства отображения и браузера. [9] Иными словами, сайт будет корректно показываться во всех современных браузерах и платформах вроде компьютеров, смартфонов, наладонниках.

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

С помощью технологии Java можно придать своей странице элементы интерактивности, формировать, компоновать и полностью контролировать формат всплывающих окон и встроенных фреймов, организовывать такие активные элементы, как "часы", "бегущие строки" и иную анимацию, создать чат.[2]

Среди достоинств этой технологии следует отметить отсутствие необходимости устанавливать и настраивать на сервере какие-либо дополнительные модули. Главный недостаток Java заключается в том, что пользователи браузеров старых версий, не поддерживающих компиляцию данного языка, воспринимать объекты, созданные при помощи Java и JavaScript, не смогут.[9]

CGI (Common Gateway Interface) подразумевает использование в составе ресурса Интернет интерактивных элементов на базе приложений, обеспечивающих передачу потока данных от объекта к объекту. В общем случае принцип работы CGI выглядит следующим образом: пользователь заполняет на web-страничке ту или иную форму и нажимает на кнопку, после чего встроенная в код HTML строка вызова CGI-скрипта запускает соответствующую программу CGI и передает ей управление процессом обработки информации.[6]

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

SSI (Server Side Includes) - технология, тесно переплетенная с упомянутой выше CGI. На основе макроязыка, очень напоминающего С, SSI позволяет реализовать такие возможности, как вывод в документе того или иного текста в зависимости от определенных условий или согласно заданному алгоритму, формировать файл HTML из динамически изменяющихся фрагментов или встраивать результат работы CGI в какой-либо его участок. Достоинства и недостатки SSI аналогичны описанным в предыдущем абзаце.[9]

CSS - Cascading Style Sheets (каскадные таблицы стилей) выполняет роль некоего шаблона, применяемого для форматирования текста, таблиц и иных элементов в документе HTML. Есть возможность подключать один и тот же физический файл CSS к различным web-страницам сайта.[6]

Среди достоинств CSS следует выделить использование практически на любом сервере без каких-либо ограничений. Крупные недостатки у данной технологии также практически отсутствуют.[3]

РНР (Personal Home Page tools) - это еще один интерпретируемый язык, предназначенный для придания web-страницам элементов интерактивности. Код, написанный на языке РНР, встраивается в документ HTML, где необходимо разместить интерактивный элемент.[3] Технология РНР позволяет организовать на web-странице счетчик посещений, подсчитывать статистику обращений к тем или иным разделам сайта, защитить доступ к какому-либо html-документу паролем и многое другое. Среди недостатков РНР следует отметить то, что данная технология поддерживается далеко не всеми серверами Интернета.[6]

ASP (Active Server Pages, активные страницы сервера) - еще одна технология, аналогичная JavaScript и РНР. Для того чтобы сделать web-страницу интерактивной с применением технологии ASP, необходимо встроить в ее код соответствующий скрипт, написанный на макроязыке.

Скрипт интерпретируется и исполняется непосредственно на сервере, после чего пользовательскому браузеру отправляется уже готовый html-документ с результатами работы сценария ASP.[6] Отсюда следует вполне справедливое заключение о том, что для страниц, содержащих ASP, не имеет значения, какое программное обеспечение установлено на пользовательском компьютере. Зато принципиальное значение имеет тип сервера, на котором вы планируете использовать ASP, поскольку отнюдь не все они поддерживают данную технологию.[3]

VBScript, или Visual BASIC Script (Visual Beginners All-purpose SymbolicInstruction Code Script, визуальный символический универсальный командный код для начинающих) - очередная версия интерпретируемого языка, встраиваемого в html-документ с целью включения в состав web-страницы интерактивных элементов.

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

Однако VBScript в настоящее время менее распространен в Интернете, нежели его «конкурент», поскольку он поддерживается только браузерами производства Microsoft, а именно Internet Explorer версий 3.0 и выше. Netscape Navigator не имеет интерпретатора этого языка, поэтому приверженцы этого браузера лишены возможности использовать интерактивные элементы, созданные с применением VBScript, в то время как JavaScript поддерживается и Internet Explorer и Netscape Navigator.

MySQL - это популярная система управления базами данных (СУБД), очень часто применяемая в сочетании с PHP. База данных представляет собой структурированную совокупность данных. MySQL - это система управления реляционными базами данных. В ней все данные хранятся в отдельных таблицах, благодаря чему достигается выигрыш в скорости и гибкости. Таблицы связываются между собой при помощи отношений, благодаря чему обеспечивается возможность объединять при выполнении запроса данные из нескольких таблиц. SQL как часть системы MySQL можно охарактеризовать как язык структурированных запросов плюс наиболее распространенный стандартный язык, используемый для доступа к базам данным. [22]

MySQL является очень быстрым, надежным и легким в использовании. Применять его и модифицировать может любой желающий. Такое программное обеспечение можно получать по Internet и использовать бесплатно. При этом каждый пользователь может изучить исходный код и изменить его в соответствии со своими потребностями[22]. К недостаткам MySQL нужно отнести медленный индексный скан, любое создание/удаление индекса приводит к полному пересозданию таблицы и всех существующих для неё индексов, нет поддержки триггеров и хранимых процедур[24].

CMS (content management system - cистема управления сайтом (контентом)) - это совокупность программных средств (ядро системы, база данных, файловая система и сопутствующие программные модули), которые используются для ввода, хранения и последующего отображения большого количества динамической информации. Другими словами, CMS - это система управления информацией на сайте. Разработка сайта на основе CMS - системы управления контентом - осуществляется таким образом, чтобы в будущем можно было легко контролировать и поддерживать сайт, а также изменять размещенную на нем информацию, эти качества можно отнести к достоинствам CMS. К минусам можно отнести достаточно сложную посиковую оптимизацию и продвижение сайта.

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

1.3 Основные принципы Web - дизайна

1. Привлекательность

* Содержимое сайта должно быть информативным.

* Информация должна быть логически структурирована.

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

* Количество графики и текста должно быть сбалансировано.

* Дизайн внутренних страниц должен быть узнаваем, сопоставим с входной страницей.

2. Удобство

* Страницы сайта должны быстро загружаться.

* Основной информационный носитель - текст - должен читаться легко, графическое оформление не должно мешать восприятию текста.

* Основные навигационные элементы сайта - меню и кнопки - должны быть одинаковыми на всех страницах и располагаться в одних и тех же местах.

* Пользователь должен иметь возможность за 1-3 шага попасть в любой раздел Веб-сайта.

3. Первое впечатление

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

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

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

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

4. Удобство сайта

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

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

5. Запоминаемость сайта

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

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

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

1.4 Обзор Web -ресурсов кадетских корпусов.

В процессе написания курсовой работы мною было рассмотрено 5 Web-ресурсов кадетских корпусов.

1) http://petrocadet.ru - Петровский кадетский корпус.

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

2) http://kadet.achinsk.net - Ачинский кадетский корпус.

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

3) http://omkk.by.ru Омский кадетский корпус.

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

4) http://skk.nios.ru Сибирский кадетский корпус.

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

разработана грамотно, что позволяет пользователю легко перемещаться по сайту.

5) http://nkk.ru Нижегородский кадетский корпус.

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

Итак, подводя итоги, можно выделить следующие критерии оценки сайтов

Название сайта Критерии оценки сайта	Петровский кадетский корпус.	Ачинский кадетский корпус.	Омский кадетский корпус.	Сибирский кадетский корпус.	Нижегородский кадетский корпус.
Дизайн	Яркие тона	Спокойные тона	Яркие тона	Яркие тона	Спокойные тона
Использование иллюстрации	да	да	да	да	да
Система меню	вертикальная	вертикальная	вертикальная	вертикальная	Горизон-тальная
Поиск по сайту	нет	да	нет	да	нет
Используемые технологии	CSS,JS	CSS,JS	-	CSS,JS	CSS
Объем информации	Распределен равномерно	Распределен равномерно	Распределен равномерно	Распределен равномерно	небольшой
Дата посещения	да	да	нет	да	нет

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

· страничка должна быть выдержана в определенной цветовой гамме;

· должна быть хорошо разработана система меню и система навигации;

· не использовать большого разнообразия в шрифтах, от этого у пользователя может рябить в глазах.

· страничка должна содержать не только текстовую, но и графическую информации.

1.5 Критерии оценок

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

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

Обновляемость - оперативность и регулярность обновления, соответствие частоты обновления тематической направленности ресурса новостей.

Эксклюзивность информации - уникальность Интернет - ресурсов.

Рейтинг - показатель посещаемости сайта, рейтинг сайта в поисковых системах.

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

Информативность - наличие интересной и полезной информации для учащихся, родителей, педагогов.

Иновационность - наличие учебных и методических материалов в электронном виде.

Многоязычная поддержка - наличие информации на других языках.

ВЫВОДЫ

В ходе курсовой работы рассмотрели следующие типы Web-сайтов:

· Информационные Web-сайты.

· Операционные Web-сайты.

· Web-сайты сообществ.

· Коммерческие Web-сайты.

· Правительственные Web-сайты.

· Образовательные Web-сайты.

· Филантропические Web-сайты.

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

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

Электронный Web-ресурс «Тамбовский кадетский корпус имени Л. С. Демина» будет реализован с помощью технологии HTML.

2. ПРОЕКТИРОВАНИЕ И РАЗРАБОТКА САЙТА

2.1 Структура Web - сайта «Тамбовского кадетского корпуса имени летчика - космонавта Л.С. Демина»

2.2 Структура страницы

Структура страницы представлена следующим образом:

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

С левой стороны находится блок «Новости»(3), который оповещает пользователя о, прошедших за последнее время в Тамбовском кадетском корпусе им. Л. С. Демина, событиях.

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

В самом низу страницы находится контактная информация(5), через которую можно связаться с администрацией Тамбовского кадетского корпуса им. Л. С. Демина

Структура страницы Web-сайта «Тамбовский кадетский корпус имени летчика - космонавта Л.С. Демина».

2.3 Система навигации

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

Существует несколько видов структурирования информационного материала на Web-сайте. Рассмотрим два наиболее популярных.

· Линейная структура. Даёт возможность перемещаться по иерархии страниц только вверх и вниз, без возможности перехода между страницами одного уровня. При такой системе навигации для перехода к странице расположенной на другой ветви иерархии, нужно сначала вернуться назад, лишь затем, перейдя на новую ветвь, перемещаться по дереву вниз. Заблудится с такой структурой довольно сложно, но и для перехода между страницами потребуется много времени.

Линейная структура

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

Иерархическая структура

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

Панель навигации

2.4 Особенности технической реализации.

Web-ресурс «Тамбовский кадетский корпус Л. С. Демина», создавался с помощью Web-редактора WYSIWYG Web Builder 5.

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

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

ВЫВОДЫ

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

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

Рассмотрели два вида структуры панели навигации (линейная и иерархическая). Определили, к какому виду относится панель навигации Web-сайта «Тамбовский кадетский корпус имени Л. С. Демина».

Для реализации Web-сайта «Тамбовский кадетский корпус имени Л. С. Демина» была выбрана программа - WYSIWYG Web Builder 5.

Все графические изображения Web-ресурса были разработаны в Adobe Photoshop CS3.

ЗАКЛЮЧЕНИЕ

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

Данный Web - ресурс позволяет ознакомиться с одним из кадетских корпусов - Тамбовским кадетским корпусом имени Л. С. Демина.

Web-ресурс выполняет информационную роль.

В нём представлена:

· Информация о жизни, проходящая в кадетском корпусе.

· Информация о педагогическом составе.

· Информация о поступлении.

· Информация для выпускников.

· Информация о достижениях кадетского корпуса.

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

Таким образом не вызывает сомнения то, что использование Web-ресурса «Тамбовский кадетский корпус имени Л.С. Демина» позволит поступающим определится с выбором кадетского корпуса.

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

1. Экслер А. Б. Создание и раскрутка сайтов в Интернете / Алекс Экслер. - М.: НТ Пресс, 2007. - 288с.: ил.

2. Web-дизайн, основы web-технологий. Режим доступа: http://www.webnow.ru/pravila.html (13.04.2009).

3. Студия веб-дизайна Art Venture. Режим доступа: http://www.av-webstudio.ru(22.03.2009).

4. Web-мастеру. Советы по дизайну. Режим доступа: http://mweb.ru (13.04.2009).

5. Угринович Н.Д. Информатика и информационные технологии / Н.Д. Угринович. - М.: Бином. Лаборатория Знаний, 2002. - 512с.: ил.

6. Советы по Web-дизайну. Режим доступа: http://biblioteka.net.ru (25.03.2009).

7. Оптимизация сайтов, продвижение сайтов, раскрутка сайтов [Электронный ресурс]. Режим доступа: http://www.siteprojects.ru /5.html(25.03.2009).

8. Бесплатная электронная интернет библиотека. Режим доступа: http://www.zipsites.ru(22.04.2009).

9. Петровский кадетский корпус. Режим доступа: http://petrocadet.ru (22.04.2009).

10. Ачинский кадетский корпус. Режим доступа: http://kadet.achinsk.net (22.04.2009).

11. Омский кадетский корпус. Режим доступа: http://omkk.by.ru. (22.04.2009).

12. Сибирский кадетский корпус. Режим доступа: http://skk.nios.ru (22.04.2009).

13. Нижегородский кадетский корпус. Режим доступа: http://nkk.ru (22.04.2009).

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