Навигация
Дизайн – визуальное оформление информации: разметка страниц; наброски, прототип
43006
знаков
0
таблиц
13
изображений
1. Дизайн – визуальное оформление информации: разметка страниц; наброски, прототип.
2. Контент – информационное наполнение сайта:
- тип и формат представляемой информации;
- структурирование информации;
- общий объем информации;
- источники пополнения информации;
- навигация и инструменты навигации;
Структура документа HTML
Документ HTML содержит текст (содержимое страницы) и встроенные теги с инструкциями о структуре, внешнем виде и функции содержимого.
Документ HTML разделяется на две основные части: заголовок – head и тело – body. Заголовок содержит такие сведения о документе, как его название и мета-информация, описывающая содержимое. В теле находится само содержимое документа (то, что выводится в окне броузера).
Пример демонстрирует теги, образующие основной структурный скелет документа HTML:
<HTML>
<HEAD>
<TITLE> Название документа </TITLE>
</HEAD>
<BODY>
Содержимое документа
</BODY>
</HTML>
Каждый тег состоит из имени, за которым может следовать список необязательных атрибутов, все они находятся внутри угловых скобок < >. Содержимое скобок никогда не выводится в окне браузера. Имя тега, как правило, представляет собой аббревиатуру его функции, что облегчает его запоминание. Атрибуты являются свойствами, которые расширяют или уточняют функцию тега.
2.4 Описание реализации наиболее интересной страничкиРеализация сайта была произведена без помощи каких-либо мощных средств программирования. Все страницы созданы при помощи обычного блокнота, текстового редактора MS Word, Microsoft Office, графического редактора Photoshop. Этот фактор позволяет отметить, что сайт выполнен в лучшем сочетании: минимальный размер / полнота излагаемого материала. Так как сайт предназначен в первую очередь для обучения, то можно сказать, что скорость загрузки имеет не маловажную роль. Далее представлена страничка, посвященная проекту (рис. 11) и код в формате HTML.
Рисунок 11 – Страница главного меню сайта
Код в формате HTML:
<HTML>
<HEAD>
<BASE TARGET= «Content»>
<LINK REL=STYLESHEET TYPE= «text/css» HREF= «Style.css»>
<script language= «JavaScript»>
<!–
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>
<BODY style= «background-image: url ('Фон.gif');» onload= «FP_preloadImgs (/*url*/'buttons/button1D.jpg', /*url*/'buttons/button1E.jpg', /*url*/'buttons/button23.jpg', /*url*/'buttons/button24.jpg', /*url*/'buttons/button26.jpg', /*url*/'buttons/button27.jpg', /*url*/'buttons/button2C.jpg', /*url*/'buttons/button2D.jpg', /*url*/'buttons/button3B.jpg', /*url*/'buttons/button3C.jpg', /*url*/'buttons/button47.jpg', /*url*/'buttons/button48.jpg')»>
<table cellspacing=10 width= «119»>
<tr><td><H1 class= «clsZagolovok» align= «center»><I>Меню</I></H1></td></tr>
<tr><td>
<p align= «center» style= «text-align: center»><a href= «about.html»>
<img border= «0» id= «img7» src= «buttons/button46.jpg» height= «30» width= «150» alt= «Об авторе» fp-style= «fp-btn: Glass Rectangle 1» fp-title= «Об авторе» onmouseover= «FP_swapImg (1,0,/*id*/'img7',/*url*/'buttons/button47.jpg')» onmouseout= «FP_swapImg (0,0,/*id*/'img7',/*url*/'buttons/button46.jpg')» onmousedown= «FP_swapImg (1,0,/*id*/'img7',/*url*/'buttons/button48.jpg')» onmouseup= «FP_swapImg (0,0,/*id*/'img7',/*url*/'buttons/button47.jpg')»></a></td></tr>
<tr><td>
<p align= «center» style= «text-align: center»><a href= «help.htm»>
<img border= «0» id= «img2» src= «buttons/button1C.jpg» height= «30» width= «150» alt= «Справка» fp-style= «fp-btn: Glass Rectangle 1» fp-title= «Справка» onmouseover= «FP_swapImg (1,0,/*id*/'img2',/*url*/'buttons/button1D.jpg')» onmouseout= «FP_swapImg (0,0,/*id*/'img2',/*url*/'buttons/button1C.jpg')» onmousedown= «FP_swapImg (1,0,/*id*/'img2',/*url*/'buttons/button1E.jpg')» onmouseup= «FP_swapImg (0,0,/*id*/'img2',/*url*/'buttons/button1D.jpg')»></a></td></tr>
<tr><td>
<p align= «center» style= «text-align: center»><a href= «lessonMenu.htm»>
<img border= «0» id= «img3» src= «buttons/button22.jpg» height= «30» width= «150» alt= «Теория» fp-style= «fp-btn: Glass Rectangle 1» fp-title= «Теория» onmouseover= «FP_swapImg (1,0,/*id*/'img3',/*url*/'buttons/button23.jpg')» onmouseout= «FP_swapImg (0,0,/*id*/'img3',/*url*/'buttons/button22.jpg')» onmousedown= «FP_swapImg (1,0,/*id*/'img3',/*url*/'buttons/button24.jpg')» onmouseup= «FP_swapImg (0,0,/*id*/'img3',/*url*/'buttons/button23.jpg')»></a></td></tr>
<tr><td>
<p align= «center» style= «text-align: center»><a href= «test.htm»>
<img border= «0» id= «img4» src= «buttons/button25.jpg» height= «30» width= «150» alt= «Анкетирование» fp-style= «fp-btn: Glass Rectangle 1» fp-title= «Анкетирование» onmouseover= «FP_swapImg (1,0,/*id*/'img4',/*url*/'buttons/button26.jpg')» onmouseout= «FP_swapImg (0,0,/*id*/'img4',/*url*/'buttons/button25.jpg')» onmousedown= «FP_swapImg (1,0,/*id*/'img4',/*url*/'buttons/button27.jpg')» onmouseup= «FP_swapImg (0,0,/*id*/'img4',/*url*/'buttons/button26.jpg')»></a></td></tr>
<tr><td>
<p align= «center» style= «text-align: center»><a href= «marketing.htm»>
<img border= «0» id= «img5» src= «buttons/button3A.jpg» height= «30» width= «150» alt= «Литература» fp-style= «fp-btn: Glass Rectangle 1» fp-title= «Литература» onmouseover= «FP_swapImg (1,0,/*id*/'img5',/*url*/'buttons/button3B.jpg')» onmouseout= «FP_swapImg (0,0,/*id*/'img5',/*url*/'buttons/button3A.jpg')» onmousedown= «FP_swapImg (1,0,/*id*/'img5',/*url*/'buttons/button3C.jpg')» onmouseup= «FP_swapImg (0,0,/*id*/'img5',/*url*/'buttons/button3B.jpg')»></a></td></tr>
<tr><td>
<p align= «right» style= «text-align: center»><a href= «find.htm»>
<img border= «0» id= «img6» src= «buttons/button2B.jpg» height= «30» width= «150» alt= «Поиск» fp-style= «fp-btn: Glass Rectangle 1» fp-title= «Поиск» onmouseover= «FP_swapImg (1,0,/*id*/'img6',/*url*/'buttons/button2C.jpg')» onmouseout= «FP_swapImg (0,0,/*id*/'img6',/*url*/'buttons/button2B.jpg')» onmousedown= «FP_swapImg (1,0,/*id*/'img6',/*url*/'buttons/button2D.jpg')» onmouseup= «FP_swapImg (0,0,/*id*/'img6',/*url*/'buttons/button2C.jpg')»></a></td></tr>
</table>
</BODY>
</HTML>
Заключение
В заключении необходимо отметить, что для сферы образования применение маркетинга представляется актуальным, научно обоснованным способом обеспечения успешной деятельности образовательного учреждения, так как внедрение маркетинга в область образования способно оказать благотворное воздействие, как на специалистов образования, так и на потребителей их продукции – абитуриентов, студентов, слушателей.
В курсовой работе предусмотрено два основных направления:
1. Поиск информации по заданной теме
2. Разработка информационного сайта для телекоммуникации.
При поиске информации в сети Internet было найдено множество сайтов, предоставляющих различную информацию по заданной теме. Так же автор использовал учебные издания. Были отобраны наиболее содержательные сайты, их адреса приведены в списке используемых источников.
Разработка информационного сайта для телекоммуникации предусматривала несколько аспектов:
ü разработка дизайна
ü разметка страниц
ü разработка структуры меню
ü способы навигации
ü информационное наполнение сайта
ü выбор типов и формы предоставления информации
ü корректное структурирование информации
Поставленные цели и задачи были полностью достигнуты: поиск и обработка теоретического материала; составление анкеты для исследования; разработка информационного сайта.
Общий размер сайта со всеми графическими материалами составил 1,3 МБ, размер любой отдельно взятой страницы (графического файла) не превышает 45 КБ, что дает неоспоримое преимущество перед любыми другими источниками. А в условиях стремительного развития мобильных технологий вообще становится просто необходимым качеством любого информационного ресурса.
Список используемых источников
1. С.Б. Елаканов «Основы профессионального самовоспитания будущего учителя»
2. Молчанов Н.Н. «Инновационный процесс: организация и маркетинг». – СпбГУ, 1995
3. Бешелев С.Д., Гурвич Ф.Г. «Математико-статистические методы экспертных оценок». – М.: Статистика, 1980.
4. «Perfoming Market Research». Moscow Delo Publishers, 1996.
5. Голубков Е.П. «Маркетинговые исследования». – М.: 1998.
6. Поисковая система http://www.nigma.ru
7. Поисковая система рефератов http://umnee.ru
8. Хранилище разной педагогической литературы http://pedlib.ru
9. Сайт для студетнов http://www.studentu.ru
Похожие работы
... товаров (одежды, обуви, мебели). Методы маркетинга теснейшим образом связаны и с такими отраслями знаний, как история, философия, физиология, экология, эстетика и дизайн. 1.3. Методы проведения маркетингового исследования. По характеру использования информации, способам ее получения, технике проведения исследования и его конечным результатам методы проведения маркетинговых исследований во ...
... маркетинговой ситуации; казуальным, т.е. быть направлены на обоснование гипотез, определяющих содержание выявленных причинно-следственных связей. Что касается конкретных методов проведения маркетингового исследования, то на данном этапе он описывается в самом обобщенном виде и характеризует инструментарий сбора информации, необходимой для достижения исследовательских целей. Менеджер должен ...
... исследований нашли закрытые вопросы [8]. Таким образом получается, что анкета является ключевым инструментом при проведении маркетинговых исследований предприятием. При составлении анкет маркетолог должен тщательно продумать насколько велик будет вклад ответа на сформулированный вопрос для последующих действий производителя. Анкеты составляются с целью получить ответы на самые различные вопросы, ...
... сил и факторов, влияющих на его деятельность. Контролирование микросреды и адаптация к макросреде требуют постоянного изучения характера и интенсивности этого влияния. Маркетинговые исследования социально-культурной сферы обеспечивают продвижение культурного продукта на рынок и исследуют культуру как фактор макросреды для деловых организаций и фактор микросреды для культурных учреждений. ...
0 комментариев