Технология разработки информационного сайта

2. Технология разработки информационного сайта

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

 

2.1 Физическая структура сайта

 

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

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

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

·  запустить стартовый файл (смотри рисунок 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 и другие.

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

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

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

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

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

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

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

Запуск сайта

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