УЧЕБНО-МЕТОДИЧЕСКОЕ ОБЪЕДИНЕНИЕ ПО ОБРАЗОВАНИЮ

Федеральное государственное бюджетное образовательное учреждение
высшего профессионального образования
«Ставропольский государственный аграрный университет»
Кафедра Информационных систем
Web-мастеринг в управлении бизнесом
Методические указания
по выполнению самостоятельных работ
для студентов всех форм обучения
Направление 38.04.05 (080500.68) – Бизнес-информатика
Ставрополь
2015
1. ОСНОВНЫЕ ТРЕБОВАНИЯ
ПО ВЫПОЛНЕНИЮ САМОСТОЯТЕЛЬНОЙ РАБОТЫ
Цель самостоятельной работы – выполнить прикладное исследование по
определенной теме в рамках изучения дисциплины «WEB мастеринг в управлении бизнесом» на основе подбора, систематизации и обработки информации,
овладеть навыками разработки сайтов с использованием языка разметки гипертекста HTML, создание итогового сайта, работа с отдельными Web-страницами
созданного сайта.
Для достижения поставленной цели решаются следующие задачи:
- закрепить теоретические знания студента в области информационных
ресурсов;
- научить студента пользоваться современными методами создания Webстраниц и интегрирования на их основе Web- сайта;
- показать умение студента разрабатывать рациональную структуру сайта;
- определить способности студента излагать свои мысли четко, грамотно, в строгой логической последовательности.
1.1. Выбор темы реферативно-теоретической части
самостоятельной работы
Выполнение теоретической части самостоятельной работы по дисциплине «WEB мастеринг в управлении бизнесом» производится по выбранной
теме. Выбор темы осуществляется с использованием специальной таблицы,
где по последней и предпоследней цифре студенческого билета определяют
свою тему.
Выполнение реферативно-теоретической части работы производится в с
использованием текстового редактора Microsoft Word. Редактор должен
иметь параметры поля: левое – 30 мм, правое – 15 мм, верхнее – 20 мм, нижнее – 20 мм, ориентация – книжная, шрифт «Times New Roman», размер
шрифта – 14 пунктов, межстрочный интервал – полуторный, выравнивание
текста – по ширине, автоматическая расстановка переносов. При необходимости в тексте реферата могут быть помещены таблицы, рисунки.
Объем работы должен составлять 20 – 25 страниц. В список литературных источников следует включить 5 – 10 наименований. В качестве источников используются учебники, справочники, сайты и компьютерные журналы.
Содержание теоретической части самостоятельной работы должно соответствовать утвержденной теме. По утвержденной теме студент самостоятельно разрабатывает содержание теоретической части самостоятельной работы. Правильно составленный план работы помогает студентам систематизировать поток информации и обеспечить последовательный стиль изложения, а также является организующим началом в предстоящей работе.
2
Таблица 1 – Задания по реферативно-теоретической части работы
Предпоследняя цифра
Последняя цифра
0
1
2
3
4
5
6
7
8
9
0
8,45,51
12,35,41
20,36,54
16,40,57
38,45,65
55,12,37
49,11,33
56,27,62
15,27,43
63,7,41
1
51, 16,33
1,17,64
42,19,25
45,57,4
2,16,52
34,8,49
53,8,31
59,23,15
9,19,59
20,35,50
2
25,48,61
26,40,62
32,11,52
17,29,49
56,21,28
13,44,53
47,19,25
22,30,59
39,7,33
49,9,29
3
62,15,32
2,13,60
44,20,56
45,4,18
30,5,26
3,21,37
53,14,22
3,24,46
29,12,41
15,38,41
4
12,32,47
43,10,60
29,33,57
19,37,40
46,22,33
47,55,61
23,34,58
47,8,28
32,16,59
40,1,30
5
27,39,48
58,6,64
21,34,56
37,19,40
33,39,50
30,23,59
18,41,56
12,15,42
10,20,31
52,7,44
6
34,22,55
36,11,52
25,3,51
57,4,43
50,10,32
4,19,49
51,15,23
52,25,18
31,14,45
22,17,39
7
55,21,35
11,36,47
65,48,42
5,26,63
64,41,23
54,6,61
9,24,53
14,38,50
61,5,30
33,21,49
8
7,10,57
42,19,63
3,23,38
24,53,60
37,50,17
10,18,29
31,43,52
48,4,11
19,22,43
16,21,30
9
28,31,64
21,12,45
9,39,50
46,24,35
60,56,33
41,20,9
17,32,54
38,49,51
61,22,40
57,38,10
Перечень тем реферативно-теоретической части самостоятельной работы
1.
2.
3.
4.
5.
6.
7.
8.
9.
Назначение и функциональные возможности Web-дизайна.
Фреймовые структуры.
Виды сайтов и страничек.
HTML-редакторы.
Описание документа с помощью языка HTML.
Интерпретация тегов HTML. Символьные объекты.
Элементы HTML и их вложения. Основные структурные элементы
HTML.
Создание документов Word в формате HTML.
Работа с Web-страницами в редакторе Word.
3
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
Создание Web-узла с помощью системы FrontPage.
Публикация Web-документов с помощью Издателя Web.
Публикация Web-документов с помощью Web-папок.
Публикация Web-документов средствами FTP.
Виды Web-сайтов.
Web-сайты и электронная коммерция.
Структура сайта.
Классификация сайтов.
История HTML.
Теги размещения Web – документа.
Атрибуты, используемые при создании таблиц в HTML.
Перечислить теги формата таблиц.
Формы HTML – документов.
Физические и логические стили в HTML – документах.
Загрузка файлов из сети Интернет
Система адресации в Internet.
Основные службы Internet: служба World Wide Web. Web - пространство.
Основные службы Internet: средства электронной почты (E-mail) и чтение новостей.
Основные службы Internet: бесплатная электронная почта.
Основные службы Internet: служба телеконференций UseNet.
Основные службы Internet: служба передачи файлов FTP; средства общения в режиме реального времени.
Характеристика основных чатов Internet, ICQ.
Безопасность информации в сети. Законодательная поддержка вопросов
защиты информации.
Характеристика браузеров Internet. (Internet Explorer, Netscape Navigator,
Opera).
Структура обозревателя Internet Explorer и настройка общих свойств.
Поиск информации в WWW.
Характеристика поисковых систем Интернета (Yahoo!,Google и т.д.).
Отечественные поисковые службы (Aport, Rambler, Yandeх).
Простой поиск информации в WWW: поиск по заголовкам, поиск Webузлов, поиск URL-адресов, поиск ссылок.
Технологии поисковых систем.
Технология создание Web – страниц.
Работа с Web-страницами в редакторе Word.
Web-графика: GIF-анимация.
Средства создания Web-страниц.
Введение в язык программирования HTML.
Создание документов Word в формате HTML.
Автоматизированные средства создания Web-узлов.
Публикация Web–документов.
4
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
Основные методы создания таблиц в HTML – документах.
Интернет-коммерция.
Реклама в Интернете.
Баннеры.
Электронная коммерция. Контент-провайдинг.
Электронная коммерция. Интернет-консалтинг.
Организация торговли в Интернет (аукционы, электронные магазины,
организация платежей)
Web-сайты и электронная коммерция.
Виды сайтов и страничек.
Способы создания Web-страниц.
Полезные программы в сети (сетевая записная книжка; программные
средства загрузки файлов и т. д.).
Интернет-телефония.
Электронная почта. Организация и принцип работы
Электронная почта. Outlook Express.
Создание Web-страницы с помощью шаблона или мастера.
Создание Web-страницы из существующего документа Microsoft Word.
Создание гиперссылок в Microsoft Word.
1.2. Требования к выполнению практической части самостоятельной работы
При выполнении практической части контрольной работы необходимо создать Web-страницу, которая должна состоять из трех фреймов:
в первом фрейме должен содержаться заголовок Web-страницы;
во втором фрейме - 4 гиперссылки на соответствующие Webдокументы;
в третий фрейм должны загружаться документы при активации определенной гиперссылки.
Каждый загружаемый Web-документ должен содержать название, один
графический объект (рисунок или картинку), три абзаца текста и таблицу с
параметрами аппаратного или программного средства реализации информационных процессов в определенной информационной системе. Графические
объекты должны размещаться в отдельных файлах.
Все элементы созданной Web-страницы должны быть цветными. Цветовую гамму всех элементов созданной Web-страницы разработчик определяет самостоятельно.
В результате каждый фрейм получает свое имя (Frame 1, Frame2,
Frame3) и в него загружается определенный файл с расширением *.html.
Файл 1.html должен содержать заголовок Web-страницы.
Файл 2.html должен содержать сформированные средствами языка
HTML четыре гиперссылки с указанием их названия и имени сопряженного с
5
каждой гиперссылкой файла с Web-документом (например, 4.html, 5.html,
6.html, 7.html).
Файл 3.html должен содержать фон основной части Web-страницы
(FrameЗ), в которую будут загружаться Web-документы после активации одной из четырех гиперссылок.
Так как каждый загружаемый Web-документ должен содержать графический объект (в виде рисунка или картинки), то структурно созданная Webстраница должна состоять из 12 взаимосвязанных отдельных файлов: 8 файлов с расширением *.html и 4 файла с расширением *.gif или *.jpg.
Студент представляет электронный вариант созданной Web-страницы
для оценки ее работоспособности, а также текстовую часть с описанием каждого элемента созданной Web-страницы на языке HTML.
Схема шаблона Web-страницы с использованием фреймовых структур
представлена на рисунках 1 и 2.
http://www.mysite.ru
Главная страница
Раздел: о компании
Документ: о компании
Раздел: наши товары
Документ: наши товары
Раздел: услуги
Документ: услуги
Раздел: контакты
Документ: контакты
Рисунок 1 – Логическая структура
6
С помощью фреймов создается главная страница (glav.html), которая
имеет три части и в них производится загрузка вспомогательных файлов
(рис. 3).
www
index.html
1.html
вспомогательные графические или структурные html-файлы
2.html
вспомогательные графические или структурные html-файлы
3.html
вспомогательные графические или структурные html-файлы
4.html
вспомогательные графические или структурные html-файлы
Рисунок 2 – Физическая структура
Пример 1. (glav.html)
<HTML>
<HEAD>
<TITLE>Пример</title>
<META name="Author" content="Denis">
</head>
<FRAMESET BORDER=1 FRAMESPASING=0 ROWS="100,*">
<FRAME NAME="Frame1" SRC=1.html SCROLLING="no">
<FRAMESET BORDER=1 FRAMESPASING=0 COLS="25%,*">
<FRAME NAME="Frame2" SRC=21.html SCROLLING="Auto">
<FRAME NAME="Frame3" SRC=3.html SCROLLING="Auto">
</frameset>
</frameset>
</html>
7
Рисунок 3 – Пример структуры Web-страницы
Файл «шапки» Web-страницы (1.html) отвечает за верхнюю заглавную
область страницы и, как правило, содержит графический файл, на котором
изображается торговый знак или логотип фирмы и ее название.
Пример 2. (1.html)
<HEAD>
<TITLE>Шапка страницы и Бегущая строка</title>
</head>
<BODY bgcolor=#E0FFFF>
<BASEFONT size=3>
<center><h1><b><i>Заголовок(Название фирмы) </i></b>
</h1></center>
<MARQUEE bgcolor=#9BDEEF height=30 direction="right"
behavior="scroll"> Информация бегущей строки
</marquee>
</body>
</html>
Файл «навигационного меню» Web-страницы (2.html) отвечает за левую область страницы и, как правило, содержит ссылки на файлы, в которых
содержится справочная информация о фирме (компании), о продукции (товарах), услугах и контактах.
8
Пример 3. (2.html)
<HTML>
<HEAD>
<TITLE>Пример</title>
<META name="Author" content="Denis"></head>
<BODY bgcolor=#E0FFFF>
<div id="menu">
<ul>
<li> <a href="1/f1/html"TARGET = "Frame3"><font
size="2"><b> О компании </b></font></a></li>
<li> <a href="2/ f1/html"TARGET = "Frame3"><font
size="2"><b> Наши товары </b></font></a></li>
<li> <a href="3/ f1/html "Frame3"><font size="2"><b>
Услуги </b></font></a></li>
<li> <a href="4/ f1/html” TARGET = "Frame3"><font
size="2"><b> Контакты </b></font></a></li>
</ul>
</div>
</body>
</head>
Файл «блока содержание» Web – страницы (3.html) отвечает за правую
область страницы, где отражается основная информация.
Пример 4. (3.html)
<HTML>
<HEAD>
<TITLE>Основной блок</title>
</head>
<BODY bgcolor=#E0FFFF>
<BASEFONT size=3>
<center><h1><b><i>Содержание
страницы</i></b></h1></center>
</body>
</head>
</html>
Выполненная и оформленная работа представляется на кафедру для рецензии.
9
Список рекомендуемой литературы
а) основная литература:
1. ЭБС Университетская библиотека ONLINE Овчинникова Р. Ю. Дизайн в рекламе. Основы графического проектирования. Учебное пособие
- М.: Юнити-Дана , 2012. - 240 с.
2. ЭБС Университетская библиотека ONLINE Павлова А. А. Перспектива: Учебное пособие по графике и дизайну для студентов факультетов
технологии и предпринимательства педагогических вузов - М.: "Прометей" , 2011. - 78 с.
3. ЭБС Университетская библиотека ONLINE Головко С. Б. Дизайн
деловых периодических изданий. Учебное пособие - М.: Юнити-Дана,
2012. - 424 с.
б) дополнительная литература:
1). Основы WEB-мастеринга : учеб. пособие / Е. Л. Торопцев, М. А.
Харченко, Т. И. Гунько, С. П. Богомолов, А. С. Мараховский, О. С. Берулава, Т. А. Толоконникова; СтГАУ. - Ставрополь: АГРУС, 2006. - 180 с.
2). Попова, М. В. Основы работы на языке HTML [электронный полный текст]: лаб. практикум. - Ставрополь: АГРУС, 2009. - 36 с. (332 Кб.)
3). Ермакова, А. Н. Информационные технологии разработки текстовых документов [электронный полный текст] : учеб.- метод. пособие. Ставрополь : АГРУС, 2009. - 46 с. (2,08 Мб).
4). Рева, О. Н. Создание WEB-страниц. Просто как дважды два. - М.:
Эксмо, 2005. - 208 с. : ил.
10