Чтобы запустить сайт необходимо выполнить следующие действия:

· открыть папку с файлами сайта;

· запустить стартовый файл (смотри рисунок 1).

Рисунок 1 – Запуск информационного сайта

Рисунок 2 – Содержимое папки «buttons»

Рисунок 3– Содержимое папки «img»

Рисунок 4 – Содержимое папки «teor»

После запуска информационного сайта будет запущена программа браузер (Internet Explorer, Opera, Netscape), которая будет отображать содержание веб-страниц. После открытия программой браузером страницы Index.htm в окне браузера вы увидите страницу «Теория» смотрите рис. 7.

2.2 Логическая структура сайта

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

Разработанный сайт содержит в себе такие разделы:

· Общие сведения

· Маркетинг высшего образования – основные понятия

· Место и роль маркетингового исследования в образовании

· Особенности маркетинговой деятельности ВУЗов

· Изучение тенденций развития рынка труда

· Изучение конкуренции на рынке образовательных услуг

· Маркетинговые исследования поведения потребителей не рынке образовательных услуг

Слева область главного меню, которое состоит из пунктов:

· Об авторе

· Справка

· Теория

· Анкетирование

· Литература

· Поиск

2.2.1 Схема навигации

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

Рисунок 5 – Страница «Об авторе»

При нажатии на кнопку «Справка» появляется раздел справки.

Рисунок 6 – Раздел «Справка»

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

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

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

Рисунок 7 – Раздел «Теория»

Рисунок 8 – Один из разделов теории

На рис. 8, в правом нижнем углу расположены стрелки влево

и стрелка вправо

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

При нажатии на кнопку «Анкетирование» перед пользователем будет открыта страница с анкетой.

Рисунок 9 – Раздел «Анкетирование»

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

Рисунок 7 – Страница «Поиск»

2.3 Описание программных способов реализации Web-сайта

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

Стандарт HTML и другие стандарты для Web разработаны под руководством World Wide Web Consortium (консорциум World Wide Web) – W3C. Стандарты, спецификации и проекты новых предложений можно найти на сайте http://www.3 w.org/.

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

В качестве инструментария курсовой работы использовались такие приложения как Блокнот, Word, а так же html-редакторы, типа Microsoft FrontPage, Macromedia Dreamweaver и другие.

При создании сайта автор курсовой работы ориентировался на следующие этапы:

Планирование сайта

Цель и задачи сайта

Аудитория сайта

Конкурентный анализ

Проектирование составляющих сайта

Разработка сайта

Запуск сайта

При разработке сайта необходимо было учесть такие составляющие сайта, как

1. Дизайн – визуальное оформление информации: разметка страниц; наброски, прототип.

2. Контент – информационное наполнениесайта:

- тип и формат представляемой информации;

- структурирование информации;

- общий объем информации;

- источники пополнения информации;

- навигация и инструменты навигации;

Структура документа HTML

Документ HTML содержит текст (содержимое страницы) и встроенные теги с инструкциями о структуре, внешнем виде и функции содержимого.

Документ HTML разделяется на две основные части: заголовок – head и тело – body. Заголовок содержит такие сведения о документе, как его название и мета-информация, описывающая содержимое. В теле находится само содержимое документа (то, что выводится в окне броузера).

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

<HTML>

<HEAD>

<TITLE> Названиедокумента </TITLE>

</HEAD>

<BODY>

Содержимое документа

</BODY>

</HTML>

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

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

Реализация сайта была произведена без помощи каких-либо мощных средств программирования. Все страницы созданы при помощи обычного блокнота, текстового редактора MSWord, MicrosoftOffice, графического редактора Photoshop. Этот фактор позволяет отметить, что сайт выполнен в лучшем сочетании: минимальный размер / полнота излагаемого материала. Так как сайт предназначен в первую очередь для обучения, то можно сказать, что скорость загрузки имеет не маловажную роль. Далее представлена страничка, посвященная проекту (рис. 11) и код в формате HTML.

Рисунок 11 – Страница главного меню сайта

Код в формате HTML:

<HTML>

<HEAD>

<!–

function FP_swapImg() { //v1.0

var doc=document, args=arguments, elm, n; doc.$imgSwaps=new Array(); for (n=2; n<args.length;

n+=2) {elm=FP_getObjectByID (args[n]); if(elm) {doc.$imgSwaps [doc.$imgSwaps.length]=elm;

elm.$src=elm.src; elm.src=args [n+1];}}

}

function FP_preloadImgs() { //v1.0

var d=document, a=arguments; if (! d.FP_imgs) d.FP_imgs=new Array();

for (var i=0; i<a.length; i++) {d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i];}

}

function FP_getObjectByID (id, o) { //v1.0

var c, el, els, f, m, n; if(! o) o=document; if (o.getElementById) el=o.getElementById(id);

else if (o.layers) c=o.layers; else if (o.all) el=o.all[id]; if(el) return el;

if (o.id==id || o.name==id) return o; if (o.childNodes) c=o.childNodes; if(c)

for (n=0; n<c.length; n++) {el=FP_getObjectByID (id, c[n]); if(el) return el;}

f=o.forms; if(f) for (n=0; n<f.length; n++) {els=f[n].elements;

for (m=0; m<els.length; m++) {el=FP_getObjectByID (id, els[n]); if(el) return el;}}

return null;

}

// –>

</script>

</HEAD>

Необходимость проведения маркетинговых исследований в сфере образования (стр. 4 из 5)

2.3 Описание программных способов реализации Web-сайта

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