Практикум 2012-2013 v11 По Электронной Коммерции

`

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ

П.П.Переверзев

Практикум по курсу

"Основы электронной коммерции"

Учебное пособие

Челябинск 2012

2

УДК 339.004ББК 32.973

Переверзев П.П. Практикум по курсу "Интернет-технологии в электронной торговле". Учебное пособие. -, 2012г., 198 с.

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

Рецензенты: Бухтиярова Т. И., доктор экономических наук, профессор; кафедра «Бухгалтерский учет и анализ хозяйственной деятельности» Всероссийского Заочного Финансово-Экономического Института.

Черненко А. Ф., доктор экономических наук, профессор, кафедра «Маркетинг и менеджмент» Южно-Уральского государственного университета.

3

ОГЛАВЛЕНИЕМИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ.................................................................1

ВВЕДЕНИЕ............................................................................................................................................................... 5

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №1 "ИСПОЛЬЗОВАНИЕ ЯЗЫКОВ ЗАПРОСОВ ПОИСКОВЫХ СИСТЕМ ДЛЯ ПОИСКА ИНФОРМАЦИИ"...................................................................................................................................................... 7

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №2 "ОРГАНИЗАЦИЯ ЭФФЕКТИВНОГО ПОИСКА ДЕЛОВОЙ ИНФОРМАЦИИ В ИНТЕРНЕТ"............................................................................................................................................................ 18

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №3 "ВЫБОР И РЕГИСТРАЦИЯ ДОМЕННОГО ИМЕНИ И ХОСТИНГА"............................29

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №4 "ИЗУЧЕНИЕ ОРГАНИЗАЦИИ РАБОТЫ ЭЛЕКТРОННЫХ МАГАЗИНОВ"....................32

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №5 "ИЗУЧЕНИЕ ОРГАНИЗАЦИЯ РАБОТЫ ПЛАТЕЖНЫХ СИСТЕМ ИНТЕРНЕТ"..............35

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №6 "ИЗУЧЕНИЕ ОРГАНИЗАЦИЮ РАБОТЫ СИСТЕМ ДОСТАВКИ ЭЛЕКТРОННОЙ КОММЕРЦИИ"...................................................................................................................................................... 37

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №7 "ИЗУЧЕНИЕ ЭЛЕКТРОННЫХ ТОРГОВЫХ ПЛОЩАДОК (ЭТП) И ТЕНДЕРОВ"............39

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №8 "РАБОТА С ЭЛЕКТРОННОЙ ПОЧТОЙ"....................................................................42

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №9 "ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ ДЛЯ АВТОМАТИЗАЦИИ БИЗНЕС-ПРОЦЕССОВ ЭЛЕКТРОННЫХ ПРЕДПРИЯТИЙ"........................................................................................................................... 44

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №10 "ИЗУЧЕНИЕ ПРАВОВОЙ БАЗЫ ЭЛЕКТРОННОЙ КОММЕРЦИИ"............................46

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №11 "ИЗУЧЕНИЕ ОРГАНИЗАЦИИ РАБОТЫ ИНТЕРНЕТ-ТРЕЙДИНГА"...........................49

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №12 "ОЦЕНКА ЭФФЕКТИВНОСТИ ПРОВЕДЕНИЯ РЕКЛАМНОЙ КОМПАНИИ".............54

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №13 "КЛАССИФИКАЦИЯ ЭЛЕКТРОННЫХ ПРЕДПРИЯТИЙ ПО ТИПУ ЭЛЕКТРОННЫХ ОТНОШЕНИЙ"....................................................................................................................................................... 66

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №14 "ИЗУЧЕНИЕ ОРГАНИЗАЦИИ РАБОТЫ ЭЛЕКТРОННЫХ ТУРИСТИЧЕСКИХ САЙТОВ".............................................................................................................................................................................. 71

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №15 "ИЗУЧЕНИЕ ТЕХНОЛОГИЙ ОЦЕНКИ РЕЙТИНГА ЭЛЕКТРОННОГО ПРЕДПРИЯТИЯ".............................................................................................................................................................................. 76

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №16 "ИЗУЧЕНИЕ ВОЗМОЖНОСТЕЙ ПРОГРАММНО-АППАРАТНЫХ СРЕДСТВА ЗАЩИТЫ ОТ НЕСАНКЦИОНИРОВАННОГО ДОСТУПА К ИНФОРМАЦИИ"..............................................................................78

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №17 "ИЗУЧЕНИЕ ВОЗМОЖНОСТЕЙ МЕЖСЕТЕВЫХ ЭКРАНОВ"....................................80

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №18 "ИЗУЧЕНИЕ ВОЗМОЖНОСТЕЙ АНТИВИРУСНЫХ ПРОГРАММ"............................82

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №19 "ИЗУЧЕНИЕ ФУНКЦИЙ САЙТОВ ЭЛЕКТРОННОГО ПРАВИТЕЛЬСТВА"...................84

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №20 "СОЗДАНИЕ HTML-СТРАНИЦ".............................................................................86

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №21"ОСНОВЫ ФОРМАТИРОВАНИЯ HTML-СТРАНИЦ"................................................96

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №22 "СОЗДАНИЕ ГИПЕРССЫЛОК МЕЖДУ HTML-СТРАНИЦАМИ".............................108

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №23 "СОЗДАНИЕ ГРАФИЧЕСКИХ ИЗОБРАЖЕНИЙ В HTML-ДОКУМЕНТАХ"...............113

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №24 "СОЗДАНИЕ ТАБЛИЦ В HTML-ДОКУМЕНТАХ"...................................................121

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №25 "СОЗДАНИЕ ЛИЧНОГО САЙТА С ПОМОЩЬЮ ЯЗЫКА РАЗМЕТКИ ДОКУМЕНТОВ HTML".................................................................................................................................................................. 131

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №26 "СОЗДАНИЕ ЛИЧНОГО САЙТА С ПОМОЩЬЮ MICROSOFT WORD"....................134

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ № 27 "СОЗДАНИЕ ВИРТУАЛЬНОГО КАБИНЕТА"................................136

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №28 "СОЗДАНИЕ ЭЛЕКТРОННОГО УЧЕБНИКА"................................138

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ № 29 "СОЗДАНИЕ СОБСТВЕННОГО МИКРОБЛОГА В СЕРВИСЕ «TWITTER»"..............140

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ № 30 "ВЫБОР КОММЕРЧЕСКОЙ ТЕМАТИКИ САЙТА, ЗАРАБАТЫВАЮЩЕГО НА КОНТЕКСТНОЙ РЕКЛАМЕ"................................................................................................................................... 149

4

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ № 31 "ПОДГОТОВКА СТАТЕЙ ДЛЯ САЙТА"................................................................157

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №32 "СОЗДАНИЕ САЙТА НА БЕСПЛАТНОМ СЕРВИСЕ «GOOGLE – САЙТЫ»".............163

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ № 33 "СОЗДАНИЕ САЙТА НА БЕСПЛАТНОМ СЕРВИСЕ «ЯНДЕКС.НАРОД»"...............170

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ № 34 "СОЗДАНИЕ САЙТА НА БЕСПЛАТНОМ СЕРВИСЕ «UCOZ»"................................179

ЗАКЛЮЧЕНИЕ...................................................................................................................................................... 192

БИБЛИОГРАФИЧЕСКИЙ СПИСОК......................................................................................................................... 193

Приложения.................................................................................................................................................................195

5

ВведениеКурс "Основы электронной коммерции" является частью подготовки

специалиста по специализации в области коммерции предприятий различного

профиля. Электронная коммерция (e-commerce)- это молодая,

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

людей земного шара. Уже сегодня e-commerce - это реальность сегодняшнего

дня, влияние которой в недалеком будущем будет всеобъемлющим, как для

деловых компаний, так и для всего мирового сообщества.

Динамика современного традиционного бизнеса характеризуется

активным расширением глобальной конкуренции, повышением уровня

требований заказчиков и ростом предложений товаров и услуг поставщиков. В

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

коренным образом обновляют свои бизнес-процессы, изменяют способы

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

взаимодействие между компанией и ее деловыми партнерами - заказчиками,

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

происходят благодаря совершенно новым и уникальным возможностям

электронной коммерции, в рамках которой осуществляется поддержка всех

глобальных перестроек современного бизнеса.

Ведение бизнеса на основе использования механизмов, инструментов и

потенциальных возможностей электронной коммерции, позволяет компаниям

быстрее и с гораздо меньшими издержками осуществлять внутренние и

внешние коммерческие операции, получить новый и ничем неограниченный,

даже географически, круг заказчиков и поставщиков, выйти на новый,

быстроразвивающийся мировой рынок. Электронный бизнес обладает

настолько большими потенциальными возможностями, что уже сейчас стало

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

деятельности, а традиционную коммерцию использовать, как дополнение к

электронной коммерции. Фирмы, грамотно и своевременно использующие все

6

ресурсы электронной коммерции, получат наибольшие преимущества в

конкурентной борьбе на мировом рынке.

Динамика развития электронной коммерции подчиняется тем же законам,

что и традиционная коммерция. Успешное ведение электронной коммерции

возможно при:

наличии глубоких знаний особенностей бизнеса в Интернете;

проведении серьезной подготовки к ведению бизнеса в Интернете;

умении проведения грамотных расчетов по затратам,

распределению бюджета, организации работы, составлению подробного

бизнес-плана;

правильной организации серьезных маркетинговых исследований;

хорошего освоения Интернет, умении производить поиск

информации, общаться с пользователями Интернета;

освоении электронной почты.

В то же время, для успешного ведения электронной коммерции

необходимо в совершенстве владеть всеми инструментами ее ведения:

электронные платежные системы; ведение электронной рекламы, сетевой

маркетинг, безопасность транзакций, продвижение и поддержка сайта,

коммуникационные технологии, бизнес-процессы, логистика, электронные

каталоги и многое другое. Электронная коммерция вобрала в себя все лучшее,

что есть в традиционном бизнесе. Причем, не просто вобрала, но и многократно

приумножила возможности традиционного бизнеса в глобальном, в мировом

масштабе.

7

Практическое занятие №1 "Использование языков запросов поисковых систем для поиска информации"

Тема "Инструменты поиска информации в Интернет"

1 Цель работы

Ознакомиться на практике с поисковыми системами.

2 Задачи работы

изучить языки запросов поисковых систем;

научиться выполнять поиск информации в сети Internet;

приобрести навыки работы с поисковыми системами.

3 Порядок выполнения работы

3.1. На диске D:\ Мои документы создайте папку, в наименовании которой

введите номер группы и фамилию. В папке создайте документ Microsoft Word

“Отчет 1.doc” для формирования отчета по данной практической работе.

3.2. Прочтите теоретический раздел 5 данной работы.

3.3. Загрузите обозреватель Internet Explorer .

3.4. Введите в адресную строку обозревателя адрес «www.yandex.ru» и

запустите поисковую систему Яндекс нажатием клавиши Enter (рис. 3.1).

Нажмите гиперссылку «Помощь» (рис. 3.1).

Рис. 3.1. Экран обозревателя с поисковой системой Яндекс

8

Гиперссылка «Помощь»

Адресная строка

обозревателя

Гиперссылка «расширенная помощь»

3.5. В открывшемся окне помощи (рис. 3.2) нажмите гиперссылку «Как искать».

Рис. 3.2. Экран помощи поисковой системы Яндекс, открытый по гиперссылке «Помощь»

3.6. В новом открывшемся окне (рис. 3.3) ознакомьтесь с информацией

справочной системы Яндекса в пунктах:

- «Базовые возможности»;

- «Результаты поиска»;

- «Расширенный поиск»;

- «FAQ»;

- «Язык запросов».

Особенно тщательно изучите информацию по ссылке «Базовые возможности» и

потренируйтесь в поиске.

Выучите предназначение операторов ~, ~~, &, &&, |, ().

Изучите и скопируйте в отчет найденную информацию по всем ссылкам для

подготовки к зачету.

9

Гиперссылка «Как искать»

Рис. 3.3. Экран помощи поисковой системы Яндекс, открытый по гиперссылке «Как искать»

3.7. Создайте запросы, используя поисковые формулы по аналогии с

нижеприведенным примером.

Пример создания запроса, оформление в отчетеВводим запрос в поисковую строку программы:коммерция&&(бизнес|новости| платежные системы) ~~(магазин|Интернет |технологии)Нажимаем клавишу «Enter» или кнопку «Найти». Результаты поиска (рис. 3.4) копируем клавишей «Print Screen» в свой отчет.Обратите внимание на результаты поиска, приведенные слева под поисковой строкой.

10

Рис. 3.4. Пример результата поиска с использованием формулы запроса

3.8. Используя расширенный поиск, создайте запросы с условиями

поиска:

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

где угодно,

слова в тексте точно соответствуют запросу;

найденные страницы должны обладать следующими свойствами: русский язык,

за последнюю неделю,

формат HTML,

по Челябинску,

показывать по 10 ссылок на странице.

Скопируйте полученные результаты в отчет.

3.9. Выполните следующее зачетное задание:

Сформируйте запрос с использованием поисковых формул и

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

не миллионы страниц, а не более 100 страниц.

3.10. Изучите языки запросов и сформируйте аналогичные запросы в

любой другой поисковой машине: (Google, MSN, Yahoo, Rambler).

3.11. Проанализируйте результаты поиска в разных поисковых

машинах. Отразите результаты анализа в таблице.

11

Поисковая строка

Кнопка «Найти»

Результат поиска

поиска

Таблица сравнения эффективности поисковых систем

№ Запрос Yndex Rambler1 !коммерция Результат поиска

Страниц 615519Сайтов 33249

Результат поискаСтраниц 9531373Сайтов 163588

2 +Коммерция+электронная+бизнес

4 Требование к отчету

Отчет о проделанной работе должен содержать:

название и цель работы;

описание последовательности выполнения работы и результаты

выполнения заданий в виде наименований этапов работы и копий экранов.

5 Теоретические положения

5.1. Основные понятия

1. Интернет – всемирная сеть, обеспечивающая связь между

компьютерами. Содержит множество служб, которые позволяют использовать

Интернет в разнообразных целях. Наиболее важной частью Интернета является

Worldwide Web.

2. Домен – «субъект» сети Интернет, подключенный к Сети

компьютер – сервер, который обладает собственным сетевым адресом и

доменным именем. Определяет местонахождение компьютера и категорию

пользователя. Например: WWW.Microsoft. сом)

3. Сервер – компьютер или программа, предназначенная для

обработки запросов от программ – клиентов.

4. Worldwide Web (WWW) – абстрактное информационное

пространство. Является средой для обмена информацией. Система «страниц»,

содержащих текст, графику, звуковые файлы, видеоизображение. Основой

Worldwide Web является протокол передачи гипертекстовых данных (HTTP).

12

5. HTTP (Hypertext Transfer Protoсol) – протокол Интернета,

система правил, используемых в сети Интернет при передаче гипертекстовых

документов (Web – страниц)

6. Гиперссылка, гипертекстовая ссылка - элемент Web - страницы,

используется для быстрого перехода к другому документу Worldwide Web.

7. Web – страница – отдельный документ в Worldwide Web. Как

правило, он бывает написан на языке HTML. Web – страница может содержать

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

объекты, а также гипертекстовые ссылки. Адрес Web – страницы определяется

адресом URL.

8. URL адрес – унифицированная форма записи адресов документов в

сети Интернет. Правила записи адреса в форме позволяют определить

местонахождение документа в сети Интернет. Например: «WWW.yandex.ru».

9. Host – узел сети Интернет.

10. Web – узел – группа тематически связанных Web – страниц и

сопроводительных файлов, располагающаяся на одном компьютере. Страницы

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

11. Запрос – специальный объект, предназначенный для выполнения

выборки информации.

5.2. Виды поиска информации в системе Яндекс Основным инструментом поиска информации в Интернете являются поисковые

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

которая обеспечивает следующие виды поиска (рис. 5.1):

простой поиск;

сложный поиск;

расширенный поиск;

уточненный простой поиск.

Соответственно, необходимо уметь делать запросы для каждого из этих

видов поиска. Синтаксис языка запросов для каждого вида поиска описан ниже

в таблицах, рисунках и тексте.

13

Классификациявидов поиска

Простой – без применения специальных команд поиска

Сложный - поиск с использованием языка запросов

Уточненный простой – поиск информации в полученном результате простого поиска

Расширенный – сложный поиск без использования языка запросов с использованием формы расширенного поиска

Рис. 5.1. Классификация видов поиска в поисковой машине Яндекс

Таблица 5.1Синтаксис языка запросов для простого и уточненного видов поиска

Применяемые символы Результат поиска"слова фразы (цитаты)" Поиск фразы (цитаты)!Слово поиска Поиск слова с обязательной заглавной (строчной) буквой

+ слово + или + словоПодбор страниц, где заданное слово присутствует обязательно

Основное слово фразы ~~ слово фразы ~~ слово фразы

Исключить страницы, в которых встречается сочетание основной фразы с определенным словом

Таблица 5.2

Синтаксис языка запросов для сложного вида поиска, при запросе, состоящего из нескольких слов

Построение запроса Результат поиска"1 слово запроса 2слово запроса" Слова запроса в найденных страницах находятся рядом1 слово запроса & 2слово запроса Слова запроса в найденных страницах находятся в

пределах предложения1 слово запроса && 2слово запроса

Слова запроса в пределах одного документа

1 слово запроса /2 2слово запроса Количество промежуточных слов между словами запроса

14

1 слово запроса && /3 2слово запроса

Расстояние между словами запроса в предложениях

1 слово запроса /+2 2слово запроса

Слова запроса в определенном порядке на определенном расстоянии

1 слово запроса /(-1 +2) 2слово запроса

В найденных страницах слова запроса расположены в диапазоне минимального и максимального расстояния друг от друга

1 слово запроса | 2 слово запроса | …

В найденных страницах присутствует любое слово, указанное в запросе

1 слово запроса ~ ~2 слово запроса

В найденных документах присутствуют страницы с обязательными словами (1 слово запроса) и отсутствуют страницы со словами, исключенными из поиска (2 слово запроса)

1 слово запроса ~ 2 слово запроса

В найденных документах присутствуют страницы со всеми словами запроса, но в разных предложениях

Запросы на основе выражений (выражения, заключенные в скобки)

При формировании сложных запросов используемые для поиска выражения заключают в скобки, проставляя между скобками знаки, как в запросах, состоящих из нескольких слов.1 слово запроса && (2 слово запроса | 3 слово запроса)~~(4 слово запроса | 5 слово запроса)

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

15

Таблица 5.3Синтаксис языка запросов для сложного вида поиска, при поиске в отдельных

элементах страницы или связанной с ней информации

Синтаксис оператора Что означает оператор

левый_операнд << правый_операнд

Неранжирующее "И". Правый операнд влияет на возможность документов попасть в результаты поиска, но не влияет на ранжирование.

$title (запрос) Поиск текста в заголовке страниц (title)

url="запрос*" Поиск ограничивается группой страниц, с заданным URL. Если в конце адреса стоит «*», то учитываются страницы, адрес которых начинается с заданного URL.

host="www.host.ru" Оператор аналогичен url с именем хоста.

rhost="ru.url.*" или rhost="ru.url.www"

Оператор аналогичен host, но имя хоста записывается в обратном порядке — вначале домен верхнего уровня, затем второго и т.д. Если в конце указано « .*», то поиск идет по всем поддоменам заданного домена.

mime="тип_файла" Позволяет ограничить поиск определенным типом файла: HTML, PDF (Adobe Portable Document Format), DOC (Microsoft Word), PPT (Microsoft PowerPoint), XLS (Microsoft Excel), RTF (Rich Text Format), SWF (Macromedia Flash).

lang="язык" Отбирает для поиска страницы, написанные на определенном языке:

русском (ru), украинском (uk), белорусском (be), английском (en), французском (fr), немецком (de).

like="url.ru/file.html" Отбирает для поиска страницы, похожие на заданный URL.

domain="домен" Производит поиск по страницам, которые расположены в заданном домене.

date="ГГГГ{*|ММ{*|ДД}}"

Поиск производится только по страницам, дата которых удовлетворяет заданному условию.

cat=(ID региона) или cat=(ID темы)

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

(запрос из нескольких слов)//N, где N — число от 1 до 100.

При расчете релевантности документа могут быть сочтены релевантными пассажи, где есть только часть слов запроса, тем меньшая, чем больше N (по умолчанию N=6).

слово:число или (поисковое выражение):число

Релевантность документа зависит от ряда факторов, в том числе от частотных характеристик искомых слов, веса слова или выражения, близости искомых слов в тексте документа друг к другу и т.д. Оператор «:» применяется для изменения веса слова или выражения, что может

16

повлиять на порядок сортировки документов по релевантности.

При расширенном поиске (рис. 5.2) пользователь может: задавать дополнительные параметры поиска; редактировать параметры поиска и поля, заданные по умолчанию; выбирать наиболее удобную форму показа результатов поиска.

Рис. 5.2. Синтаксис языка запросов для расширенного вида поиска

Форма расширенного поиска (рис. 5.2) включает в себя следующие поля:1. Поиск по тексту ...

всего документа - поиск осуществляется по всему документу, включая его название и заголовки; включено по умолчанию;

названия - учитываются только названия документов (тег <title>); заголовков - учитываются только заголовки документов (теги <h1>, <h2>,

<h3>, <h4>) 2. Искать слова запроса ...

все ("и") - документ находится только в том случае, если в нем присутствуют все слова запроса; включено по умолчанию;

17

хотя бы одно ("или") - документ находится, если в нем встретилось хотя бы одно слово из запроса;

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

3. Расстояние между словами запроса ... ограничивать - расстояние между словами из запроса в тексте документа

не должно быть слишком большим; включено по умолчанию, поскольку повышает точность поиска;

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

4. Исключить документы, содержащие следующие слова ... Из списка найденного исключаются те документы, в которых есть слова, перечисленные в этом поле.5. Язык документа ...

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

6. Дата документа ... Отбор документов, дата создания которых укладывается в заданный диапазон. Возможность ограничить выдачу только "новыми" (начиная с указанной даты) или "старыми" документами (до указанной даты). Все даты задаются в формате день/месяц/год, например, 29/02/2008. По умолчанию находятся любые документы, вне зависимости от даты. 7. Искать документы только на следующих сайтах ... Отбор документов, которые найдены на указанных сайтах. 8. Вывод результатов поиска8.1. Сортировать ...

сайты по релевантности; страницы по релевантности; страницы по дате (сначала новые); страницы по дате (сначала старые).

8.2. Выдавать ... по 15 - на страницах результатов поиска выводится по 15 найденных документов

(сайтов); по 30 - количество позиций на страницах результатов поиска увеличивается до 30; по 50 - количество позиций на страницах результатов поиска увеличивается до 50.

8.3 Форма вывода ... 1. стандартная - включено по умолчанию; 2. краткая - в результатах поиска показываются только заголовки найденных документов; 3. детальная - выводится максимум информации о найденных документах: заголовок,

аннотация, идентификатор документа, даты модификации и индексирования, размер, кодировка, адрес, и т.п.

8.4 Связанные запросы ... показывать - в левой части экрана выводится список запросов, "связанных" с данным

- то есть часто задаваемых теми пользователями, которые вводили данный запрос; не показывать - включено по умолчанию; колонка со списком "связанных" запросов

не выводится (начало списка показывается внизу страницы под заголовком "У нас также ищут").

18

Практическое занятие №2 "Организация эффективного поиска деловой информации в Интернет"

Тема " Инструменты поиска информации в Интернет"

1. Цель работы

Ознакомиться на практике с инструментами и дополнительными возможностями поиска информации в Интернет.

2. Задачи работы

научиться использовать метапоисковые машины;

научиться использовать зарубежные поисковые машины;

научиться использовать Web-каталоги;

научиться использовать тематические каталоги, содержащие коллекции

гипертекстовых ссылок на информационные ресурсы по требуемой теме, и,

которые используются в качестве отправных точек для поиска информации по

требуемой теме;

научиться использовать «Желтые страницы» (Yellow Pages) для поиска

фирм, занимающихся определенным видом коммерческой деятельности;

научиться использовать «Белые страницы» (White Pages) при поиске

информации о людях;

приобрести навыки работы с инструментами поиска информации в

Интернет;

изучить возможности поиска в Интернет: библиотек; почтовых рассылок;

предприятий; номеров телефонов; справочников, словарей, энциклопедий.

3. Порядок выполнения работы

3.1. На диске d:\Мои документы создать/открыть свою папку с номером

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

Например: d:\Мои документы\Т-345_ИвановаТА.

3.2. Прочтите раздел 5. Теоретические положения.

3.3. Научитесь использовать метапоисковые машины. Для этого

выполните следующие действия:

19

Откройте сайт метапоисковой машины по адресу www.metabot.ru.

Изучите возможности метапоисковой машины, используя

встроенную систему помощи. Кратко отразите в отчете главные моменты.

Сравнить результаты поиска по одинаковой ключевой фразе в

машинах Яндекс и metabot.ru. Результаты отразите в отчете.

Найдите в Интернет адреса других метапоисковых машин. Отразите

в отчете их адреса.

Познакомьтесь с одной из найденных метапоисковой машиной..

Проведите сравнительные испытания по одной ключевой фразе с metabot.ru.

Отразите в отчете краткую характеристику метапоисковой машины

и результаты сравнительных испытаний.

3.4. Научитесь использовать зарубежные поисковые машины. Для этого

выполните следующие действия:

Запустите русифицированную зарубежную поисковую машину

google.ru (можно использовать другие).

Изучите возможности машин, использую систему помощи.

Сравните результаты поиска по одинаковой ключевой фразе в

машинах Яндекс и google.ru.

Сравнить поисковые возможности машин Яндекс, yahoo.ru и

google.ru.

Отразите в отчете краткую характеристику изученных зарубежных

поисковых машин и результаты сравнительных испытаний.

3.5. Научитесь использовать Web-каталоги и различные поисковые

машины. Для этого научитесь находить в Интернете список действующих

каталогов и поисковых машин с помощью какого-либо рейтинга. Например,

зайдите на сайт по адресу list.ru и щелкните по гиперссылке Интернет (рис.

3.1.), и пройдите далее по гиперссылке \Навигация (рис. 3.2).

20

Рис. 3.1. Экран по гиперссылке «Интернет» в каталоге по адресу «List.ru»

Рис. 3.2. Экран по гиперссылке «Интернет\Навигация» в каталоге по адресу «List.ru»

3.6. В новом окне (рис. 3.2) пройдите по гиперссылкам «Каталоги

ресурсов», «Коллекция ссылок» и «Поисковые системы». Познакомьтесь с

составом и структурой каталогов и поисковых систем.

21

3.7. Найдите далее по этим гиперссылкам адреса трех разных поисковых

ресурсов (каталогов и поисковых машин).

3.8. Найдите в этих трех поисковых ресурсах информацию по какой-либо

учебной дисциплине.

3.9. Сравните результаты поиска по одинаковой ключевой фразе в

выбранных трех поисковых ресурсах.

3.10. Отразите в отчете краткую характеристику изученных трех

поисковых ресурсах и результаты сравнительных испытаний.

3.11. Научитесь использовать «Желтые страницы» (Yellow Pages) для

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

Для этого выполните следующие действия:

Запустите сайт rin.ru и изучите его с точки зрения возможностей

поиска предприятия.

Найдите на сайте rin.ru гиперссылку «Желтые страницы» и

запустите ее.

Найдите информацию о любом предприятии в г. Челябинске или

области. Результаты отразите в отчете.

Найдите в Интернет адрес другого сайта «Желтые страницы».

Найдите информацию о любом предприятии в г. Челябинске или


Сравните удобство и эффективность поиска предприятий на сайтах.

Отразите в отчете краткую характеристику изученных сайтов

«Желтые страницы» и результаты сравнительных испытаний.

3.12. Научитесь использовать «Белые страницы» (White Pages) при поиске

информации о людях. Для этого выполните следующие действия:

Запустите сайт rin.ru и изучите его с точки зрения возможностей

поиска предприятия.

Найдите на сайте rin.ru гиперссылку «Белые страницы» и запустите

ее.

22

Найдите информацию о любом человеке (известном деятеле) в г.

Челябинске или области. Результаты отразите в отчете.

Найдите в Интернет адрес другого сайта «Белые страницы».

Найдите информацию о любом человеке в г. Челябинске или


Сравните удобство и эффективность поиска людей на сайтах.

Отразите в отчете краткую характеристику изученных сайтов

«Белые страницы» и результаты сравнительных испытаний.

3.13. Изучите имеющиеся в сети Интернет библиотеки со свободным

доступом:

Изучите библиотеку по адресу: lib.ru.

Изучите одну библиотеку из следующего списка: klassika.ru,

www.mirkin.ru, www.infanata.org, www . all - ebooks . com , www . koob . ru ,

bukinist.agava.ru, www.toksin.ru, www.bestlibrary.ru, bizbooks.imhonet.ru,

webz.nnm.ru, eup.ru/Catalog/44-0.asp.

Самостоятельно найдите в Интернет библиотеку со свободным

доступом и изучите ее.

Проведите сравнительный анализ изученных библиотек.

3.14. Изучите имеющиеся в сети Интернет Почтовые рассылки:

Изучите почтовую рассылку subscribe.ru.

Самостоятельно найдите в Интернет почтовую рассылку и изучите

ее.

Проведите сравнительный анализ изученных почтовых рассылок.

3.15. Изучите имеющиеся в сети Интернет ресурсы по поиску

предприятий:

Изучите один из следующих ресурсов и научитесь искать

предприятия: yellowpages.rin.ru, vip.rin.ru.

Самостоятельно найдите в Интернет ресурс по поиску предприятий

и изучите его.

Проведите сравнительный анализ изученных ресурсов.

23

http://eup.ru/Catalog/44-0.asp

http://bizbooks.imhonet.ru/

http://www.bestlibrary.ru/

http://www.koob.ru/

http://www.infanata.org/

http://www.mirkin.ru/


телефонных номеров:

Изучите один из следующих ресурсов и научитесь искать номера

телефонов: phone.rin.ru, spravki.net/go/phones.

Самостоятельно найдите в Интернет ресурс по поиску телефонных

номеров и изучите его.


3.17. Изучите ресурсы Яндекса по поиску предприятий, людей, энциклопедий и

прочей информации. Для этого запустите с главной страницы Яндекса

гиперссылку «Каталог\Справка» (рис.3.3 и 3.4). В открывшемся экране (рис.3.5)

изучите все поисковые гиперссылки.

Рис. 3.3. Гиперссылка «Каталог» на экране Яндекса

24

Рис. 3.4. Гиперссылка «Каталог\Справки» на экране Яндекса

Рис. 3.5. Экран поисковых ресурсов Яндекса


справочников, словарей и энциклопедий:

Изучите один из следующих ресурсов и научитесь искать

справочники, словари и энциклопедии dic.academic.ru, glossary.ru,

www.moscowinterpreter.com/promo/encyclopedia.html.

25

http://www.moscowinterpreter.com/promo/encyclopedia.html

Самостоятельно найдите в Интернет ресурс по поиску

справочников, словарей и энциклопедий и изучите его.


4. Требование к отчету





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

5. Теоретические положения

Поисковые системы и каталоги представляют собой практически

единственный способ ориентации в огромных массивах информации Интернет.

Статистические данные показывают, что пользователи чаще всего приходят на

какой-либо сайт именно в результате поиска в каталоге или поисковой системе.

Следовательно, регистрация в этих системах является важнейшим рекламным

средством компании.

Поиск информации в Интернет производится с помощью:

1. Указателей и предметных каталогов (директорий, рубрикаторов).

2. Поисковых машин.

3. Метапоисковых машин.

4. Домашних метапоисковых машин.

5. Специализированных поисковых машин.

6. Региональных поисковых машин.

7. Комбинированных систем (гибридов).

8. Путеводных страниц.

Предметный каталог - это список избранных ресурсов Web, который

расположен по алфавиту и разбит на каталоги (Экономика, Управление,

Образование и т.д.), которые обычно имеют тематическую разбивку на

подкаталоги. Те в свою очередь могут подразделяться на более мелкие

поддиректории и т.д. Регистрация в каталогах полностью зависит от людей -

26

модераторов данной системы. Так как регистрация производится человеком, а

не программой, то поиск по каталогам дает более релевантные результаты,

нежели по поисковым системам.

При поиске информации по каталогу, пользователь ищет информацию в

каталогах двумя способами:

путем перехода по иерархической системе подкаталогов;

используя внутреннюю поисковую систему, которая производит

поиск информации исключительно по краткому описанию и ключевым (для

вашего сайта) словам, отосланных модератору при регистрации веб-сайта.

Поэтому, перед регистрацией веб-сайта, необходимо тщательно составить

описание веб-сайта и подобрать ключевые слова. Для этого рекомендуется

поставить себя на место пользователя и продумать его возможные варианты

построения запроса для поиска, а так же список ключевых слов и выражений,

которые он будет использовать.

Для регистрации в каталоге Вам необходимо послать заявку с указанием,

в какой раздел вы хотите поместить свою страницу, послать краткое описание

сайта и список ключевых слов для поиска Вашей страницы в каталоге. Кроме

того, надо постараться зарегистрировать не только заглавную страницу веб-

сайта, но и другие основные страницы (в этом случае гораздо большее

количество пользователей сможет найти одну из Ваших страниц, а значит и

Ваш веб-сайт), в которых ключевые слова и описание варьируются для каждой

зарегистрированной страницы.

Через некоторое (иногда достаточно долгое) время после посылки заявки

Ваша заявка будет рассмотрена с одним из следующих результатов:

Вам могут вообще отказать в регистрации, если сайт

малозначительный или не внушает доверия;

-Вашу страницу могут поместить в другой раздел, который, по

мнению модераторов каталога, более подходит для Вашего сайта;

- модератор может изменить Ваше описание и/или ключевые слова;

- регистрация будет произведена в соответствии с Вашими планами.

27

Поисковые машиныВ настоящее время в Интернет насчитывается около 200 наиболее

популярных поисковых машин или поисковых систем (search engines) из

общего количества, приближающегося к 1000.

Index (индекс): Индекс поисковой системы представляет собой

гигантский информационный массив, где хранятся преобразованные особым

образом текстовые составляющие всех посещенных и проиндексированных

роботом html-страниц и текстовых файлов. Робот не только пополняет

массив новыми поступлениями, но и регулярно обновляет уже имеющиеся в

индексах документы.

Поисковые системы состоят из трех основных частей:

1. Spider (он же Crawler, он же Bot, он же Robot) - программа, которая

посещает веб-страницы, считывает (индексирует) полностью или частично их

содержимое и далее следует по ссылкам, найденным на данной странице. Spider

возвращается через определенные периоды времени (например, каждый месяц)

и индекисрует страницу снова.

2. . Все, что находит и считывает спайдер, попадает в индексы

поисковой системы, которые представляют собой гигантское хранилище

информации, где хранятся копии текстовой составляющей всех посещенных и

проиндексированных спайдером страниц.

Третья часть - это программа, которая в соответствии с запросом

пользователя перебирает индексы поисковой системы в поисках информации,

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

убывания релевантности.

Relevancy (релевантность документа): Мера того, насколько полно

тот или иной документ отвечает критериям, указанным в запросе

пользователя. Разумеется, далеко не всегда документ, признанный поисковой

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

Метапоисковые машины

28

Метапоисковая машина использует для поиска информации несколько

поисковых машин общего назначения одновременно и устраняет дублирование

результатов поиска.

К наиболее популярным метапоисковым машинам относятся:

All-In-One Search Page (www.allonesearch.com);

All 4 One (www.all4one.com);

DogPile (www.dogpile.com);

Highway 61 (www.highway61).com;

Mamma (www.mamma.com);

Search.com (search.cnet.com).

Домашние метапоисковые машины (специальные программы)Поисковые машины, которые можно бесплатно получить и разместить на

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

поисковым машинам и суммируют результаты:

www.copernic.com;

www.msw.com.au/iwolf/index.html;

www.top-10.com;

tucows.rinet.ru.

и многие другие.

29

http://www.msw.com.au/iwolf/index.html;

Практическое занятие №3 "Выбор и регистрация доменного имени и хостинга"

Тема " Принципы выбора доменных имен и хостинга"


Ознакомиться на практике с принципами организации системы доменных

имен и доменов.


изучить сервисы в Интернете по регистрации доменных имен;

научиться выбору свободного доменного имени;

познакомиться с порядком и условиями регистрации доменного

имени;

изучить сервисы в Интернете по предоставлению хостинга;

познакомиться с порядком подключения сайта к хостингу.




3.2. Загрузить обозреватель Internet Explorer, дважды щелкнув по ярлыку

Ярлык для Internet Explorer.lnk

3.3. Откройте сайты по адресам:

www.nic.ru

www.ripn.net:8080/nic/whois/index.html

www.100mb.ru

www.ripn.net .

30

http://www.ripn.net/

http://www.nic.ru/

3.4. Изучите предназначение сайтов, а также вопросы, связанные с

выбором и регистрацией доменных имен. Отразите собранную информацию в

отчете.

3.5. Перейдите на любом из сервисов на страницу подбора доменного

имени.

3.6. Подберите незарегистрированное доменное имя. Скопируйте в отчет

копию страницы (используйте клавишу Print Screen) с подтверждением

успешного поиска.

3.7. Запустите и прослушайте файл domen.exe с видеоуроком по

правилам регистрации доменного имени.

3.8. Произведите имитацию начальной регистрации доменного имени на

сайте и затем откажитесь.

3.9. На одном из изученных сайтов найдите и скопируйте в отчет

информацию по следующим вопросам:

как выбрать доменное имя;

как зарегистрировать домен;

тарифы за регистрацию домена и способы оплаты;

как передать права на домены;

характеристика захватчиков доменов;

взаимосвязь между доменным именем и товарным знаком;

характер споров по доменным именам;

защита доменного имени от перехвата;

список регистраторов доменных имен;

характеристика сервиса Whois.

3.10. Изучите услуги хостинга на сайте, расположенного по адресу:

www . imhoster . net .

3.11. Запустите и прослушайте файл hosting.exe с видеоуроком по

регистрации хостинга и привязки к нему доменного имени сайта.

3.12. Найдите самостоятельно в Интернете сайт, предоставляющий

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

31

http://www.imhoster.net/

порядок регистрации хостинга;

тарифы услуг хостинга;

порядок оплаты регистрации хостинга;

порядок регистрации доменного имени сайта на хостинге.






Скопируйте все материалы практической работы для подготовки к

экзамену

32

Практическое занятие №4 "Изучение организации работы электронных магазинов"

Тема "Электронные магазины"


Знакомство работой с электронных магазинов.


Научиться выполнять покупку товаров в электронных магазинах.






3.3. Войти в электронный магазин по адресу, в соответствии с номером

варианта по журналу или по указанию преподавателя:

1. www.bolero.ru 2. www.b onprix .ru 3. www.wildberries.r u4. www.ozon.ru 5. www. o 1.ru 6. www. quelle .ru 7. www.ozon.ru 8. www.aromat.ru 9. www.kenga.ru 10. www.ramis.ru 11. www . foto . ru 12. books.ru

13. www . flamingo . ru 14. www . wer . ru 15. www . mr . ru 16. www.porta.ru 17. www.bluestar.ru 18. www.megashop.ru 19. www. top - kniga .ru 20. www.maldina.ru 21. www.barbieworld.r u22. www.intershop.ru 23. www.wstore.ru 24. www.dostavka.ru

25. www.24x7.ru 26. www . mvideo . ru 27. www.1000.ru28. www . gamepost . ru 29. www . deshevle . ru 30. www . biblion . ru 31. www . eromoda . ru 32. www . pchome . ru 33. www . buybook . ru 34. www . webmarket . ru 35. www . top - kniga . ru 36. www . chocolatelily . r u

3.4. Подробно ознакомиться с магазином, используя гиперссылки и

систему помощи.

3.5. Ответить на следующие вопросы:

33

http://www.chocolatelily.ru/ub5.htm

http://www.chocolatelily.ru/ub5.htm

http://www.top-kniga.ru/

http://www.webmarket.ru/

http://www.buybook.ru/

http://www.pchome.ru/

http://www.eromoda.ru/

http://www.biblion.ru/

http://www.deshevle.ru/

http://www.gamepost.ru/

http://www.mvideo.ru/

http://www.24x7.ru/

http://www.dostavka.ru/

http://www.wstore.ru/

http://www.intershop.ru/

http://www.barbieworld.ru/

http://www.barbieworld.ru/

http://www.maldina.ru/

http://www.top-kniga.ru/

http://www.megashop.ru/

http://www.bluestar.ru/

http://www.porta.ru/

http://www.mr.ru/

http://www.wer.ru/

http://www.flamingo.ru/

http://www.foto.ru/

http://www.ramis.ru/

http://www.kenga.ru/

http://www.aromat.ru/

http://www.ozon.ru/

http://www.bolero.ru/

http://www.o1.ru/

http://www.ozon.ru/

http://www.wildberries.ru/

http://www.wildberries.ru/

http://www.bonprix.ru/


а) Общие сведения. Адрес в Интернете, наименование, тип магазина, в

каком городе расположен.

б) Знакомство с витриной магазина. Как устроена витрина магазина,

т.е. перечислить все поля/зоны, которые расположены на главной странице

(например, меню помощи, поле ввода имени и пароля, регистрация и личные

данные, окно поиска товаров, каталог, новинки, покупательская корзина,

оформление заказа, партнерские программы, контакты и т.д.)

в) Регистрация. Какие сведения о покупателе обязательны при

регистрации в процессе покупки товара?

г) Методы поиска товара в магазине. Обычный поиск, расширенный

поиск (отличия для книг, фильмов, музыки. софта, персон, материалов),

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

шагов занимает по поиск цены на товар на одном примере.

д) Отбор товаров в пользовательскую корзину. Как добавить, удалить,

отложить на потом товар в корзине?

е) Оформление заказа. Описать шаги оформления заказа.

ж) Оплата заказа. Способы оплаты. Краткая характеристика платежных

систем.

з) Получение заказа. Способы доставки. Стоимость доставки на одном

примере (желательно до Челябинска).

и) Ключевые слова главной страницы. Посмотреть начальную

страницу электронного магазина в коде HTML, выбрав в меню Вид\Просмотр

HTML-кода.

Скопировать ключевые слова в отчет.

Пример ключевых слов для магазина www.bolero.ru

<META name="Keywords" content="книга, литература, журнал, музыка,

CD, компакт-диски, аудио, кассета, мини-диск, видео, VideoCD, фильм, кино,

софт, программы, игры, ПО, игрушки, подарки, books, video, music, software,

toys">

к) Партнерские программы. Виды партнерских программ.

34

3.7. Провести имитацию совершения покупки в электронном магазине. На

последнем этапе заказа откажитесь от покупки.

3.8. Ознакомиться с рейтинговыми системами поиска лучших

электронных магазинов:

http://pokupki.rambler.ru,

http:// www . info - shop .ru ,

http://www.rushops.com,

http://www.1price.ru.

Выбрать по одному магазину в каждой системе и обследовать их, в

соответствии с пунктом 3.5.

3.9. Сравнить достоинства и недостатки изученных электронных

магазинов. Дать комплексную оценку магазинам по 10-балльной шкале.

3.10. В текстовом процессоре Word оформить отчет по практической

работе.



· название и цель работы;

· номер варианта;

· описание электронного магазина в виде наименований этапов

работы и копий экранов;

· сравнительные характеристики изученных электронных магазинов.


экзамену

35

http://www.rushops.com/

http://www.info-shop.ru/

http://pokupki.rambler.ru/

Практическое занятие №5 "Изучение организация работы платежных систем Интернет"

Тема "Платежные системы Интернет"


Знакомство с работой платежных систем Интернет.


знать платежные системы;

знать основные тарифы;

знать типовое построение web-страниц сайтов платежных систем.

3 Порядок выполнения работы3.1. На диске d:\Мои документы создать/открыть свою папку с номером




3.3. Войти в платежную систему по адресу, в соответствии с номером

варианта по журналу (если номер варианта превышает 10, то вычтите 10):

1. http://www . webmoney . ru ,

2. http://www.paycash.ru,

3. http://www.cyberplat.ru,

4. www.kreditpilot.com ,

5. http://www.assist.ru ,

6. http :// money . yandex . ru ,

7. http://www.e-port.ru,

8. http :// www . vtb 24. ru / ekaterinburg ,

9. http://www.e-payment.net.ru,

10.http://www.rapida.ru ,

11.http://www.empay.ru.

36

http://www.rapida.ru/

http://www.e-payment.net.ru/

http://www.vtb24.ru/ekaterinburg

http://www.e-port.ru/

http://money.yandex.ru/

http://www.assist.ru/

http://www.kreditpilot.com/

http://www.cyberplat.com/

http://www.paycash.ru/

http://www.webmoney.ru/

3.4. Подробно ознакомиться с платежной системой, использую

гиперссылки и систему помощи.


А) Общие сведения платежной системе (адрес в Интернет, название

банка, учредители банка, в каком городе находится банк, количество клиентов,

объемы транкзакций в год, другие сведения, название платежной системы,

общие функции и назначение системы).

Б) Партнеры

В) Перспективы

Г) Подробно описать виды платежных инструментов (пластиковые карты,

электронные кошельки, электронные деньги)

Д) Описать способы оплаты покупки в магазине.

Е) Перечень банковских услуг

Ж) Как стать пользователем платежной системы.

И) Основные Тарифы

3.6. Изучить еще две любые платежные системы. Воспользуйтесь

поисковыми машинами и каталогами для поиска других платежных систем в

Интернет.

3.7. Сравнить достоинства и недостатки трех платежных систем,

рассмотренных в пунктах 3.5. и 3.6..


работе.




номер варианта;

описание платежной системы;

сравнительные характеристики изученных платежных систем.

37

Практическое занятие №6 "Изучение организацию работы систем доставки электронной коммерции"

Тема " Системы доставки в электронной коммерции"


Знакомство с системами доставки.


знать ведущие системы доставки;

знать тарифы доставки;

знать типовое построение web-страниц сайтов систем доставки.






3.3. Войти в систему доставки по адресу, в соответствии с номером

варианта по журналу

1. www.dhl.ru/ 2. http://www.tnt.com/country/ru_ru.html 3. www.garantpost.ru 4. www.ponyexpress.ru 5. www.sateco.ru/6. www.zest.ru 7. www.cityexpress.ru 8. www.tooktook.ru 9. www.attenta.ru/ 10. waycargo.ru11. www.mezhtransavto.ru 12. www.autotrading.ru/n6.asp 13. www.antanta-l.ru 14. www.vdnk.ru/perevozka-sbornyh-gruzov.html

15. www.courier.4u.ru 16. www.bizpak.ru/ 17. www.ups.com 18. www.starpost.ru/ 19. www.gruzovozoff.ru/rus/ 20. art-express.einf.ru/ 21. www.flippost.com 22. www.aerodar.ru 23. www.sateco.ru/ 24. www.skorohod.ru 25. www.axioma-logistic.ru26. www.ete.ru 27. www.free-lines.ru 28. www.rzdu.ru

3.4. Подробно ознакомиться с системой доставки, использую


38

http://www.free-lines.ru/

http://www.ete.ru/

http://www.skorohod.ru/

http://www.sateco.ru/

http://www.aerodar.ru/

http://www.flippost.com/

http://art-express.einf.ru/

http://www.gruzovozoff.ru/rus/

http://www.starpost.ru/

http://www.ups.com/

http://www.bizpak.ru/

http://www.courier.4u.ru/

http://www.antanta-l.ru/

http://www.autotrading.ru/n6.asp

http://www.mezhtransavto.ru/

http://www.attenta.ru/

http://www.tooktook.ru/

http://www.cityexpress.ru/

http://www.zest.ru/

http://www.ponyexpress.ru/

http://www.garantpost.ru/

http://www.tnt.com/country/ru_ru.html

http://www.dhl.ru/


а) Общие сведения (адрес в Интернет, название, общие функции и

назначение, в каком городе расположен)

б) Тарифы доставки на трех примерах (при разных весах груза и городах)

в) Перечень услуг

г) География доставки

3.6. Изучить еще две любые системы доставки, которые необходимо

найти самостоятельно, используя поисковые машины и каталоги Интернет.

3.7. Сравнить достоинства и недостатки трех систем доставки,

рассмотренных в пунктах 3.5. и 3.6.


работе.





описание системы доставки;

сравнительные характеристики трех систем доставки.

39

Практическое занятие №7 "Изучение электронных торговых площадок (ЭТП) и тендеров"

Тема "Электронные торговые площадки (системы В2В) и электронные тендеры (системы В2G)"


Знакомство с системами В2В и B2G в виде электронных торговых

площадок и электронных тендеров.


Научиться участвовать в процессах электронных торговых площадок,

тендеров и аукционов.


3.1. На диске d:\Мои документы создать свою папку с номером группы и

фамилией, в которой будет создаваться отчет по практической работе.



3.3. Войти в систему В2В по адресу:

http :// www . mp . kz . — электронная торговая площадка В2В;

3.4. Подробно ознакомиться с системой В2В, используя гиперссылки,

систему помощи и навигацию по сайту.

3.5. Ответить на вопросы по изученной системе B2B:

адрес в Интернет;

основные функции ЭТП;

основные виды товаров и количество позиций на ЭТП;

количество зарегистрированных предприятий на ЭТП;

услуги и тарифы ЭТП;

количество посетителей ЭТП в сутки и количество

просматриваемых ими страниц (определить по рейтингу);

порядок регистрации на ЭТП

40

http://www.mp.kz/

3.6. Изучить еще две ЭТП системы В2В, которые необходимо найти

самостоятельно, используя поисковые машины и каталоги Интернет, или

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

http://www.qwerty.perm.ru;

http://www.alco.ru;

http://www . setonline . ru ;

http://www . alco - online . ru ;

http://www.tradecable.ru;

http://www.lke.ru;

http://www.polypipe.ru;

http://marketplace.rusbiz.ru.

3.7. Сравнить достоинства и недостатки трех изученных ЭТП системы

В2В.

3.8. Войти в систему В2G по адресу:

http://www.b2g-goszakupki.ru — электронный тендер B2G.

3.9. Подробно ознакомиться с системой В2G, используя гиперссылки,

систему помощи и навигацию по сайту.

3.10. Ответить на вопросы по изученной системе B2G:

адрес в Интернет;

основные функции тендера;

количество участников тендера;

количество открытых аукционов (конкурсов, тендеров) и их краткая

характеристика;

реестр государственных контрактов;

правила, услуги и тарифы тендера;

количество посетителей тендера в сутки и количество

просматриваемых ими страниц (определить по рейтингу);

порядок регистрации на тендере.

41

http://www.b2g-goszakupki.ru/

http://www.alco-online.ru/

http://www.setonline.ru/

3.11. Изучить еще два электронных тендера системы В2G, которые

необходимо найти самостоятельно, используя поисковые машины и

каталоги Интернет, или выбрать по указанию преподавателя из

следующей подборки:

http://zakupki.gov.ru//index.html;

http://http://http://www.e-management.ru.

3.12. Сравнить достоинства и недостатки трех изученных электронных

тендеров систем В2G.


работе.





описание систем В2В;

сравнительные характеристики трех систем В2В.

описание систем В2G;

сравнительные характеристики трех систем В2G.

42

http://www.e-management.ru/

Практическое занятие №8 "Работа с электронной почтой"

Тема " Электронная почта (E-mail)"


Научиться пользоваться электронной почтой


Приобрести навыки работы с почтовым сервером, научиться отправлять и

принимать сообщения по электронной почте.


3.1. На диске d:\Мои документы создать свою папку с номером группы и

фамилией, в которой будет создаваться отчет по практической работе.



3.3. С помощью обозревателя Internet Explorer зайти на сайт yandex.ru,

или rambler.ru или mail.ru.

3.4. Найти на сайте гиперссылку на регистрацию электронного почтового

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

почтовой службы сервера.

3.5. Внести в Адресную книгу свои персональные данные и электронные

адреса 1-2 ваших товарищей по переписке.

3.6. Создать и отправить по электронной почте сообщение какому-либо

абоненту.

3.7. Получить присланную почту. Используя команду «Ответить» создать

краткое ответное сообщение.

3.8. Послать сообщение с присоединением к нему следующих видов

файлов:

текстовый файл (*.doc *.txt);

43

графический файл, содержащий рисунок (*.gif, *.jpg, *.bmp);

архивный файл, в котором заархивированы в программе Winrar

текстовый b графический файлы.

Имена файлов должны содержать фамилию посылающего. Например:

Иванов.doc;

Иванов.gif;

Иванов.rar.

3.9. Продемонстрировать свою работу преподавателю.


работе.







экзамену

44

Практическое занятие №9 "Программное обеспечение для автоматизации бизнес-процессов электронных предприятий"

Тема "Программы для автоматизации бизнес-процессов электронных предприятий"


Изучить программное обеспечение для электронного бизнеса.


Познакомиться с продуктами фирм-производителей программного

обеспечения для электронного бизнеса.






3.3. С помощью обозревателя Internet Explorer обследовать один из

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

обеспечением для электронного бизнеса:

1. www.pro-invest.ru;

2. www.1C.ru;

3. www.altrc.ru;

4. www.dic.ru;

5. www.galaktika.ru;

6. www.inec.ru;

7. allsoft.ru;

8. www.intalev.ru;

9. www.audit-it.ru;

10.www.intellect-service.ru;

11.www.interface.ru;

12.www.kasatka.ru;

13.www.bestnet.ru;

14.www.parus.ru;

15.www.infosoft.ru;

16.www.cognitive.ru;

17.www.termika.ru.

45

http://www.cognitive.ru/

http://www.parus.ru/

http://www.bestnet.ru/

http://www.kasatka.ru/

http://www.interface.ru/

http://www.intellect-service.ru/

http://www.intalev.ru/

http://allsoft.ru/

http://www.inec.ru/

http://www.galaktika.ru/

http://www.dic.ru/

http://www.alt.rcom.ru/

http://www.1C.ru/

3.4. На каждом сайте выберите и опишите основные программы

(наименование фирмы производителя, наименование программы, назначение

программы), пригодные для использования в электронном бизнесе.


работе.

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




описание программного обеспечения для электронного бизнеса

(фирма-разработчик, наименование программного продукта и его назначение).

46

Практическое занятие №10 "Изучение правовой базы электронной коммерции"

Тема "Правовая база электронной коммерции"


Изучить основные законодательные документы, регламентирующие

деятельность электронной коммерции.


Найти тексты законодательных документов в области электронной

коммерции в Интернет и изучить их.






3.3. Найдите следующие материалы по ФЦП «Электронная Россия» на

сайте http://www.e-rus.ru:

1) Суть программы

2) Текст ФЦП «Электронная Россия»

3) Списки госзаказчиков и организаций, ответственных за реализацию

ФЦП "Электронная Россия"

4) Задачи и ход выполнения ФЦП «Электронная Россия»

3.4. Найдите в Интернете или в справочно-информационных системах

«Гарант» или «Консультант Плюс» законодательные материалы по электронно-

цифровой подписи (ЭЦП):

1) Федеральный закон "Об электронной торговле". 2) Постановление от 27 сентября 2007 г. N 612 «Об утверждении

Правил продажи товаров дистанционным способом».

47

http://www.e-rus.ru/

3) Законодательные основы применения ЭЦП: Часть I, Гражданского

кодекса РФ, Статья 160. Письменная форма сделки.

4) 149-ФЗ "ОБ ИНФОРМАЦИИ, ИНФОРМАЦИОННЫХ

ТЕХНОЛОГИЯХ И О ЗАЩИТЕ ИНФОРМАЦИИ" от 27.07.2006

Статья 11. Документирование информации.

5) 1-ФЗ "ОБ ЭЛЕКТРОННО-ЦИФРОВОЙ ПОДПИСИ" от 10.01.2002.

6) АРБИТРАЖНО-ПРОЦЕССУАЛЬНЫЙ КОДЕКС РФ Статья 75.

Письменные доказательства.

3.5. Найдите и посетите сайты, предоставляющие услуги по

использованию ЭЦП (например, по адресам http://www.uralreg.ru,

http://www.edvision.ru, http://www.ekey.ru), и найдите ответы на следующие

вопросы:

1) Преимущества ЭЦП.

2) Технология работы с ЭЦП.

3) Область применения ЭЦП.

4) Равнозначна ли электронная цифровая подпись подписи на бумаге?

5) Можно ли подделать ЭЦП?

6) Можно ли незаметно подделать текст электронного документа,

подписанного ЭЦП?

7) Как можно убедиться, что человек, подписавший документ от

имени предприятия, имеет на то полномочия?

8) Может ли человек, подписавший документ, отказаться от своей

подписи?

3.4. Найти (в Интернет или в папке по указанию преподавателя) и изучить

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

электронной коммерции:

1. ЗАКОН РФ "О ЗАЩИТЕ ПРАВ ПОТРЕБИТЕЛЕЙ" от 07.02.1992 N 2300-1.2. Федеральный закон от 27 июля 2006 года N 152-ФЗ "О персональных

данных"

48

http://www.edvision.ru/

http://www.uralreg.ru/

3. Федеральный закон от 28 марта 2002 года N 32-ФЗ "О внесении

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

4. Федеральный закон от 10 января 2002 года N 1-ФЗ "Об электронной

цифровой подписи"

5. Федеральный закон от 28 декабря 2001 г. N 180-ФЗ "О внесении

изменения в статью 80 части первой Налогового кодекса Российской

Федерации" дополняет Налоговый кодекс положениями, касающимися

пересылки налоговой декларации в налоговую инспекцию в электронном

виде по каналам связи ("безбумажная" технология)

Федеральный закон от 8 августа 2001 года N 128-ФЗ "О лицензировании

отдельных видов деятельности"

6. Федеральный закон от 23 сентября 1992 года N 3523-1 "О правовой

охране программ для электронных вычислительных машин и баз данных"

Федеральный закон от 27 июля 2006 года №149-ФЗ "Об информации,

информационных технологиях и защите информации"

7. Указ Президента РФ от 20 января 1994г. N 170 "Об основах

государственной политики в сфере информатизации";

8. Указ Президента РФ от 31 декабря 1993г. N 2334 "О дополнительных

гарантиях прав граждан на информацию"

9. Указ Президента РФ от 7 октября 1993г. N 1607 "О государственной

политике в области охраны авторского права и смежных прав"




характеристика законодательных документов;

создайте сводную таблицу по возможностям использования

изученных документов в электронной коммерции.

49

Практическое занятие №11 "Изучение организации работы Интернет-трейдинга"

Тема "Интернет-трейдинг"


Изучить электронные валютные и фондовые рынки.


Познакомиться с системой электронного валютного рынка

Познакомиться с системой электронного фондового рынка

Познакомиться с системой электронного интернет-трейдинга




3.2. Прочтите раздел 5. Теоретические положения

3.3. Найти адреса фондовых бирж и обследовать две биржи с помощью

поисковой системы, или раздела 5 данной работы, или на сайтах www.kf-

forex.ru/yd.php?from=vbirzha и www . rbc . ru , .

3.4. Найти адреса валютных бирж и обследовать две биржи с помощью

поисковой системы, или раздела 5 данной работы, или на сайтах www.kf-

forex.ru/yd.php?from=vbirzha и www . rbc . ru .

3.5. Найти адреса двух центров, обучающих интернет-трейдингу с

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

с условиями обучения (www.kf-forex.ru, www . alor . ru , www.stockportal.ru,

www.onlinebroker.ru).

3.6. Обследовать сайт www . rbc . ru или www.kf-forex.ru (изучить виды

услуг и деловой информации).


работе.

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

50

http://www.kf-forex.ru/

http://www.rbc.ru/

http://www.stockportal.ru/

http://www.alor.ru/

http://www.kf-forex.ru/

http://www.rbc.ru/

http://www.kf-forex.ru/yd.php?from=vbirzha


http://www.rbc.ru/





Характеристика обследованных фондовых и валютных бирж

(наименование, адрес, учредители, услуги, адреса брокеров, платные и

бесплатные виды деловой информации, программные продукты, аналитические

материалы, книги, партнерство);

Характеристика сайта www . rbc . ru .

Описание условий обучения интернет-трейдингу в обследованных

центрах.

5. Сведения о биржах

Московская межбанковская валютная биржа (ММВБ)

http://www.micex.ru/

Крупнейшая биржа России, организующая торги как валютой, валютными

фьючерсами, так и ценными бумагами.

Единственная биржа в России, на которой обращаются государственные

облигации РФ (ГКО-ОФЗ);

Является крупнейшей биржей по объему торговли акциями, в том числе

посредством интернет-трейдинга (торги акциями начались в марте 1997г., в

1999г. - первые торги через интернет);

Первая из бирж начала размещать корпоративные облигации (в середине

1999 года). В 2002 году на бирже начали обращаться российские

еврооблигации.

К торгам на ММВБ предоставляют доступ региональные биржи:

Санкт-Петербургская валютная биржа (СПВБ)

Ростовская Валютно-фондовая биржа (РВФБ)

Уральская Региональная валютная биржа (УРВБ)

Самарская валютная межбанковская биржа (СВМБ)

Нижегородская валютно-фондовая биржа (НВФБ)

Сибирская межбанковская валютная биржа (СМВБ)

51

http://www.micex.ru/

http://www.rbc.ru/

Азиатско-Тихоокеансая межбанковская валютная биржа (АТМВБ)

Фондовая биржа РТС (Российская Торговая Система)

http://www.rts.ru/

До 1999г. РТС была основной биржей, организующей торги акциями

российских эмитентов. Торги акциями происходят на Классическом рынке РТС

(небиржевом), в том числе за валюту, и на Биржевом рынке РТС (бывш. СГК -

Система гарантированных котировок).

Кроме торговли акциями, РТС предоставляет участникам фондового

рынка работу в следующих секциях:

РТС Bonds - торговля корпоративными, субфедеральными,

муниципальными облигациями и еврооблигациями РФ (c июня 2002г.);

РТС Forts - организация торгов фондовыми и индексными фьючерсами и

опционами (крупнейший срочный рынок России на акции)(торги с сентября

2002г);

РТС Board - индикативное котирование ценных бумаг, не допущенных к

обращению в Торговой системе РТС;

РТС Quadro - это единственная в России система торговли ценными

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

торговые операции с российскими акциями через системы Интернет-трейдинга

и рассчитываться по заключенным сделкам в долларах США.

Предоставляет доступ к торгам акциями "Газпрома".

Московская фондовая биржа (МФБ)

http://www.mse.ru/

Отличительной особенностью МФБ является то, что на ней, в отличие от

ММВБ и РТС, обращаются акции ОАО "Газпром". Организует также торги

некоторыми наиболее ликвидными российскими акциями.

Санкт-Петербургская валютная биржа (СПВБ)

52

http://www.mse.ru/

http://www.rts.ru/

http://www.spcex.ru/

На СПВБ происходят основные торги субфедеральными облигацими г.

Санкт-Петербурга, которые являются наиболее ликвидными из облигаций,

выпущенных субъектами Российской Федерации. Организует торги

несколькими относительно ликвидными российскими акциями и облигациями.

Фондовая биржа Санкт-Петребург (ФБ СПб)

http://www.spbex.ru/

Отличительной особенностью ФБ СПб, как и МФБ, является то, что на

ней обращаются акции ОАО "Газпром". Как и СПВБ, организует торги

облигациями г.Санкт-Петербурга. Организует также торги некоторыми

относительно ликвидными российскими акциями.

Екатеринбургская фондовая биржа (ЕФБ)

http://www.ese.ru/

На бирже обращаются акции Газпрома, РАО ЕЭС, ЛУКойла,

Сургутнефтегаза и несколько ценных бумаг региональных эмитентов.

Сибирская межбанковская валютная биржа (СМВБ)

http://www.sice.ru/

Только предоставляет доступ к торгам в секциях государственных ценных

бумаг и корпоративных ценных бумаг ММВБ. Является разработчиком

популярной системы интернет-трейдинга QUIK.

Нижегородская валютно-фондовая биржа (НВФБ)

http://www.nnx.ru/

Предоставляет доступ к торгам государственными и корпоративными

цеными бумагами на ММВБ. Является разработчиком популярной системы

53

http://www.nnx.ru/

http://www.sice.ru/

http://www.ese.ru/

http://www.spbex.ru/

http://www.spcex.ru/

интернет-трейдинга ИТС-Брокер.

АТМВБ Азиатско-тихоокеанская межбанковская валютная биржа

КСФТ Казанский совет фондовой торговли

Красноярская универсальная товарно-фондовая биржа ТРОЙКА

МЦФБ Московская центральная фондовая биржа

СВМБ Самарская валютная межбанковская биржа

РВФБ Ростовская валютно-фондовая биржа

УРВБ Уральская региональная валютная биржа

54

http://www.urvb.ru/

http://www.rndex.ru/

http://www.sciex.ru/

http://www.mcse.ru/

http://troyka.4line.ru/

http://www.kbst.ru/

http://www.apicex.pacific.ru/

Практическое занятие №12 "Оценка эффективности проведения рекламной компании"

Тема "Проведение рекламной компании электронного предприятия"


Освоить методику оценки эффективности проведенной рекламной

компании


1. Освоить термины электронной коммерции, применяемых при

проведении рекламной компании.

2. Познакомиться с показателями эффективности рекламной компании.

3. Получить практические навыки оценки эффективности рекламной

компании




Создайте файл отчета.

3.2. Прочтите условия проведения рекламной компании и задание по

оценке ее эффективности.

Цель проведения рекламной компании:

Увеличить количество продаж услуг сотовой связи предприятиям города

Челябинска

Принятые решения по проведению рекламной компании:

1. Разместить баннер на популярном региональном сервере, который имеет возможность осуществлять таргетинг (фокусировку баннерных показов) только жителям города Челябинска на основе определения IP-адресов пользователей.

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

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

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

55

пятибалльной шкале.4. На рекламируемом сайте разместить адрес электронной почты для отсылки

предложений по улучшению сервиса.5. На рекламируемом сайте разместить новые предложения для дилеров.6. Срок рекламной компании 5 рабочих дней.

3.3. Ознакомьтесь с терминами и условными обозначениями, приведенными в разделе 5.

3.4. Ознакомьтесь с примером оценки эффективности рекламной компании , приведенным в разделе 5.

3.5. Ознакомьтесь с исходными данными работы. Скопируйте таблицу 3.1. с исходными данными в файл отчета по работе. Подготовьте исходные данные для своего номера варианта К.

Таблица 3.1Исходные данные (К – номер варианта)

Затраты на размещение рекламы, у.е. EAD 5000 + 100*К

Общее количество показов баннера ADI 100000 + 1000*К

Количество показов баннера уникальным пользователям ADR 40000+ 1000*К

Доля пользователей, увидевших баннер, % ADEI 60 + ККоличество пользователей щелкнувших по баннеру CB 3000 +

100*ККоличество уникальных посетителей щелкнувших по баннеру

CBU 2900+ 100*К

Количество посетителей, оформивших заказ на покупку BO 350 + 10*ККоличество посетителей, сделавших покупку BF 300 + 10*КСредняя стоимость (объем выручки) заказа одного покупателя, у.е.

CP 50

Средняя себестоимость заказа одного покупателя, у.е. C 20Процентная доля целевой аудитории (привлеченных посетителей из организаций г.Челябинска в рабочее время), %

TA 65 + К

Количество заполненных анкет FA 100 + ККоличество конструктивных предложений CP 15 + ККоличество посетителей ознакомившихся с содержанием раздела "как стать нашим дилером"

VD 12 + К

Количество посетителей заполнивших заявку "для новых дилеров"

VDO 10 + К

Количество новых дилеров, с которыми подписан контракт D 2 + КСредняя глубина просмотра сайта, страниц S 1,1 + 0,2*КСреднее время, проведенное на сервере, мин T 1,5 + 0,2*К

3.6. Прочтите задание по оценке эффективности рекламной компании:

56

По истечении времени показа баннера провести оценку эффективности

рекламной компании по следующим критериям:

1. Сравнить размер прибыли, полученной предприятием за счет новых

покупателей, со стоимостью рекламной компании.

2. Зафиксировать и оценить факты:

привлечения новых дилеров;

получения конструктивных предложений от посетителей сайта;

глубину просмотра сайта;

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

создание целевой аудитории.

3.7. Проведите оценку эффективности рекламной компании по аналогии с

примером, приведенном в разделе 5.


работе.





исходные данные;

результаты оценки эффективности рекламной компании.

57

5 Теоретические положения

5.1. Словарь терминов

AD (от англ, advertising) — рекламный носитель, реклама.

ADE - AD Exposure— первичный показатель эффективности интернет-

рекламы, определяющий фактическое число контактов аудитории с рекламой за

определенное время.

ADEI - AD Exposure/Impression — первичный показатель

эффективности интернет-рекламы, определяющий долю посетителей в %,

увидевших рекламу..

ADF - AD Frequency — показатель эффективности интернет-рекламы,

определяющий среднюю частоту показа баннера рекламодателя одному

пользователю. Вычисляется как отношение общего числа показов к числу

уникальных пользователей: AD Frequency —AD Impression/AD Reach. Для

разного типа задач, стоящих перед рекламодателем, существует

рекомендованное число показов. Так, для имиджевой рекламы оно в несколько

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

Показатель AD Frequency используется для определения момента завершения

показа рекламы.

ADFU - AD Frequency Unique (Average number of exposures per user)

(среднее число демонстраций уникальному пользователю) — показатель

эффективности интернет-рекламы, определяющий среднее число фактически

состоявшихся показов баннера одному уникальному пользователю.

Вычисляется как отношение фактического числа контактов аудитории с

рекламой к числу уникальных пользователей: Average Number of Exposures per

User = AD Exposure/AD Reach.

ADI - AD Impression — первичный показатель эффективности

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

или определенным издателем баннерных показов (загрузок компьютерами

пользователей рекламного носителя, отмеченных в лог-файлах сервера) за

определенное время.

58

ADR - AD Reach — первичный показатель эффективности интернет-

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

показан баннер (исключаются его повторные показы) за определенное время.

BF - Buyers Fact– количество покупателей совершивших покупку.

BO - Buyers Order – количество покупателей, оформивших заказ на

покупку.

C – Cost – средняя стоимость покупки, сделанная покупателем.

CB - Click Banner – количество щелчков по баннеру.

CBU - Click Banner Unique – количество уникальных пользователей,

щелкнувших по баннеру по баннеру.

CP – Cost Purchasing – средняя стоимость покупки, сделанная

покупателем.

CPA (от англ, cost per action — стоимость за действие) — показатель

удельной стоимости интернет-рекламы, измеряемый как отношение затрат на

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

совершенных привлеченными рекламой посетителями. Метод расчета СРА

может использоваться в качестве метода ценообразования в партнерских

программах в том случае, если рекламодатель ведет расчет с разместившим

рекламу издателем за конкретные действия привлеченных посетителей. Так,

например, расчет может производиться за число заполненных анкет, подписку

на услуги, заполнение заявок и т. д.

CPAW (от англ, cost per aware user — букв, стоимость осведомленного

пользователя) — показатель удельной стоимости интернет-рекламы,

измеряемый как отношение затрат на рекламу к числу пользователей,

запомнивших рекламное обращение.

CPB (от англ, cost per buyer — стоимость за покупателя) — показатель


рекламу к числу привлеченных рекламой покупателей (посетителей,

выбравших товар и оформивших заявку или заказ). Метод расчета СРВ может

использоваться в качестве метода ценообразования в партнерских программах

59

в том случае, если рекламодатель ведет расчет с разместившим рекламу

издателем, основываясь на числе оформленных привлеченными посетителями

заказов. Наличие покупателя не означает автоматической сделки: по тем или

иным причинам покупка может не состояться.

CPC (от англ, cost per click — стоимость за клик) — показатель удельной

стоимости интернет-рекламы, измеряемый как отношение затрат на рекламу к

тысяче кликов (щелчков мышью на рекламном обращении). Метод расчета СРС

может использоваться в качестве метода ценообразования в рекламе в случае

оплаты рекламодателем за щелчки на своей рекламе.

CPE (от англ, cost per exposure — стоимость за факт демонстрации

рекламы) — показатель удельной стоимости интернет-рекламы, измеряемый

как отношение затрат на рекламу к числу фактически дошедших до

потребителя рекламных обращений.

CPM (от англ, cost per millennium — стоимость за тысячу) — условное

обозначение метода ценообразования в рекламе, при котором цена рекламы

вычисляется относительно тысячи показов рекламного носителя. Это основной

метод ценообразования в интернет-рекламе. СРМ может использоваться в

качестве показателя эффективности рекламы, например, если расчет с

издателем за размещение рекламы осуществляется по схеме FFA.

CPS (от англ, cost per sale — стоимость за факт продажи) — показатель


рекламу к числу осуществленных привлеченными клиентами покупок. Метод

расчета CPS может использоваться в качестве метода ценообразования в

партнерских программах в случае, если рекламодатель рассчитывается с

разместившим рекламу издателем, основываясь на продажах посетителям,

привлеченным издателем. Отличием от СРА и СРВ является необходимость

осуществления привлеченными клиентами покупок и учет сумм покупок.

Оплатой партнерских услуг может являться не только фиксированная цена

действия, но и процент от суммы продаж.

60

CPUU (от англ, cost per unique user — стоимость по отношению к

уникальному пользователю) — показатель удельной стоимости интернет-

рекламы, измеряемый как отношение затрат на рекламу к числу увидевших

рекламу уникальных пользователей (исключая повторные рекламные

обращения). CPUU отражает стоимость рекламного контакта с уникальным

пользователем.

CPV (от англ, cost per visitor — стоимость за посетителя) — показатель


рекламу к числу привлеченных посетителей. Определяет удельную стоимость

одного посетителя сайта фирмы-рекламодателя. Метод расчета CPV может

использоваться в качестве метода ценообразования в рекламе в случае, если

рекламодатель ведет расчет с разместившим рекламу издателем, основываясь

на числе привлеченных издателем посетителей. Аналогичен СРС, но имеет

более сложный механизм подсчета посетителей, поскольку учет можно вести

только непосредственно на стороне рекламодателя.

CRС (от англ. conversation ratio) — показатель, отражающий

покупательскую активность (конверсию посетителей), равный отношению

числа покупателей (пользователей услуг) к числу посетителей торговой

площадки или другого веб-ресурса за определенное время.

CTB (от англ, click to buy — клики к покупкам) — показатель

эффективности интернет-рекламы, измеряемый как отношение числа

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

оформивших покупку, к общему числу привлеченных рекламой посетителей.

CTI (от англ, click to interest — клики к заинтересованности) —

показатель эффективности интернет-рекламы, измеряемый как отношение

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

заинтересовавшихся сервером (посетивших несколько его страниц), к общему

числу привлеченных рекламой посетителей.

CTR (от англ, click through ratio), коэффициент проходимости —

показатель эффективности интернет-рекламы, измеряемый как отношение

61

числа нажатий на рекламное объявление (кликов), к числу его показов. CTR

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

из самых популярных способов измерения эффективности рекламы.

EAD - Expenditure AD– затраты на рекламу.

EF - Effective Frequency — параметр, определяющий эффективность

частоты показа рекламы, оцениваемая в процентном отношении, как доля

уникальных посетителей запомнивших рекламу (т.е. ставших осведомленными)

в зависимости от количества показов рекламы. Оптимальной считается такая

частота, при которой рекламное обращение достигает значительной доли

целевой аудитории веб-ресурса. При этом число воздействий в среднем на

каждого пользователя считается достаточным для принятия решения о том,

воспользоваться или нет предлагаемой услугой или товаром (обычно 3—5

показов).

IV - Inform Visitors – количество информированных (осведомленных)

посетителей.

P – Profit –прибыль, полученная с учетом затрат на рекламу.

PE – Profit per Expenditure AD – прибыль на единицу затрат на рекламу.

POAD – Profit Out AD - прибыль, полученная без учета затрат на

рекламу.

TC – Turnover Cash – выручка от реализации товара.

62

5.2. ПРИМЕР РАСЧЕТА ЭФФЕКТИВНОСТИ РЕКЛАМНОЙ КОМПАНИИ

Цель:

Увеличить количество продаж услуг сотовой связи предприятиям города

Челябинска

Принятые решения:

1. Разместить баннер на популярном региональном сервере, который

имеет возможность осуществлять таргетинг (фокусировку баннерных показов)

только жителям города Челябинска на основе определения IP-адресов

пользователей.

2. Баннер демонстрировать только в дневное время суток, т.к.:

подавляющее число пользователей имеют доступ в Интернет с

рабочего места;

организации, имеющие доступ в Интернет обладают стабильным

доходом.

63

3. Посетителям сервера рекламодателя предложить заполнить

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

по пятибалльной шкале.

4. На рекламируемом сайте разместить адрес электронной почты для

отсылки предложений по улучшению сервиса.

5. На рекламируемом сайте разместить новые предложения для дилеров.

6. Срок рекламной компании 5 рабочих дней.

Исходные данные приведены в таблице 5.1. Расчеты приведены в табл.

5.2-5.4.

Таблица 5.1

Исходные данныеЗатраты на размещение рекламы, у.е. EAD 5000Общее количество показов баннера ADI 100000Количество показов баннера уникальным пользователям ADR 40000Доля пользователей, увидевших баннер, % ADEI 70Количество пользователей щелкнувших по баннеру CB 2000Количество уникальных посетителей щелкнувших по баннеру CBU 1900Количество посетителей, оформивших заказ на покупку BO 210Количество посетителей, сделавших покупку BF 200Средняя стоимость (объем выручки) заказа одного покупателя, у.е.

CP 50

Средняя себестоимость заказа одного покупателя, у.е. C 20Процентная доля целевой аудитории (привлеченных посетителей из организаций г.Челябинска), %

TA 83

Количество заполненных анкет FA 100Количество конструктивных предложений CP 15Количество посетителей ознакомившихся с содержанием раздела "как стать нашим дилером"

VD 12

Количество посетителей заполнивших заявку "для новых дилеров"

VDO 8

Количество новых дилеров, с которыми подписан контракт D 5Средняя глубина просмотра сайта, страниц S 3,8Среднее время, проведенное на сервере, мин T 4,5

64

Таблица 5.2Расчет эффективности баннера

Стоимость 1000 показов баннера, $ CPM=1000*EAD/ADI 50Количество пользователей, фактически увидевших рекламу

ADE = ADEI*ADI/100% 70000

Средняя расчетная частота показа баннера одному уникальному пользователю

ADF = ADI/ADR 2,5

Средняя частота фактического показа баннера одному уникальному пользователю

ADFU = ADE/ADR 1,75

Отклик баннера (коэффициент проходимости), %

CTR = CB*100%/ADI 2

Фактическая стоимость одного рекламного контакта (показа) , $

CPE = EAD/ADE 0,071

Стоимость контакта с уникальным пользователем, у.е.

CPUU = EAD/ADR 0,125

Стоимость щелчка по баннеру, у.е. CPC = EAD/CB 2,5

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

При ADFU ≤ 5EF = 100%ADFU/5 = 20 ADFU

35

При ADFU > 5EF = 100%

100

Количество осведомленных пользователей IV = ADR*EF/100% 14000Стоимость одного осведомленного пользователя, у.е.

CPAW = EAD/IV 0,36

Стоимость одного уникального посетителя, у.е.

CPV = EAD/CBU 2,63

Процентная доля потенциальных покупателей (оформивших заказ), от количества щелчков по баннеру, %

CTB = BO*100%/CB 10,5

Процентная доля покупателей (совершивших покупку), от количества уникальных посетителей сайта, %

CRC = BF*100%*CBU 10,53

Стоимость одного потенциального покупателя (оформившего заказ на покупку), у.е.

CPB = EAD/BO 23,81

Стоимость одного покупателя (совершившего покупку), у.е.

CPS = EAD/BF 25

Выручка от реализации товаров покупателям, у.е.

TC = BF*CP 10000

Прибыль от реализации товаров без учета расходов на рекламу, у.е.

POAD = TC – C*BF = BF*(CP - C)

6000

Прибыль от баннера, у.е. P = POAD – EAD 1000Эффективность баннера (прибыль на единицу затрат на баннер)

PE = P/EAD 0,2

65

Таблица 5.3Оценка стоимости действий посетителей

Стоимость одной анкеты, у.е. CPA = EAD/FA 50Стоимость одного конструктивного предложения, у.е.

CPA = EAD/CP 333,33

Стоимость одного интересующегося дилера, у.е.

CPA = EAD/VD 416,67

Стоимость одного потенциального дилера, у.е.

CPA = EAD/VDO 625

Стоимость одного дилера, у.е. CPA = EAD/D 1000

Таблица 5.4Оценка эффективности рекламной компании по другим направлениям

1. Сформирована целевая аудитория из организаций г. Челябинска, пришедших в рабочее время, т.к.TA>60% 2. Привлечено 1900 новых посетителей

3. Приобретено 5 новых дилеров

4. Получено 15 конструктивных предложений5. Появился отложенный спрос. Часть клиентов могут вернуться на сайт позднее (например, после получения зарплаты, обсуждения с руководством, поступления денег на счет и т.д.) и приобрести услуги связи в онлайновом режиме6. Часть посетителей сайта не разместили заказ on-line, но через сеть узнали и подробно ознакомились с предложением оператора и разместили заказ по традиционным каналам7. Глубина просмотра сайта, равная 3,8 страниц, свидетельствует о том, что посетители сайта не ограничились поверхностным знакомством с начальной страницей сайта. Посетители заинтересовались предложенными услугами и подробно ознакомились с ними на других страницах сайта.8. Анализ эффективности этого направления проводился через неделю после окончания рекламы, отложенный спрос, сформированный этой рекламной акцией, еще не проявил себя.

66

Практическое занятие №13 "Классификация электронных предприятий по типу электронных отношений"

Тема "Структура рынка Электронной коммерции"


Провести классификацию Интернет-ресурсов по типу электронных

взаимоотношений.


Познакомиться с Интернет-ресурсами различных секторов

электронной коммерции.

Приобрести навыки по классификации Интернет-ресурсов.





3.3. Используя представленную таблицу с адресами Интернет-ресурсов,

указать принадлежность каждого сайта к той или иной разновидности по типу

взаимодействия субъектов электронной коммерции путем размещения любого

знака в соответствующей ячейке.

3.4. Скопируйте заполненную таблицу в отчет по практической работе.





выполнения заданий;


экзамену.

67

Таблица 3.1.

Классификация систем электронной коммерции

www-адресКлассификация систем электронной коммерции

B2B B2C C2C G2G G2B G2Cwww.bolero.ruwww.lib.ruwww.auto.ruwww.faktura.ruwww.lekarstva.ruwww.formoza.ruwww.mts.ruwww.economy.gov.ruwww.gubernator74.ruwww . buh . ru www . bonprix . ru www . nalog . ru www .1 c . ru www . interface . ru www . consultant.ru www.mail.ru


Модели взаимодействия в электронной коммерции

Электронная коммерция может вестись на различных уровнях, начиная с

простого представительства компании в Сети до электронной поддержки

совместной деятельности, осуществляемой несколькими компаниями

(например, аутсорсинг или виртуальное предприятие). Электронная коммерция,

по сути, имеет глобальный характер. На интернациональном уровне по

сравнению с внутринациональным электронная коммерция усложняется такими

факторами, как различия в налогообложении, таможенных сборах и правилах

банковской деятельности.

В зависимости от участников электронных взаимоотношений

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

(сектора) коммерческого взаимодействия между:

68

http://www.mail.ru/

http://www.consultant.ru/

http://www.interface.ru/

http://www.1c.ru/

http://www.nalog.ru/

http://www.bonprix.ru/

http://www.buh.ru/

http://www.mts.ru/

http://www.formoza.ru/

http://www.faktura.ru/

http://www.auto.ru/

http://www.lib.ru/


— В2В — юридическими лицами, организациями;

— В2С — юридическими и физическими лицами;

— B2G — юридическими лицами и государственными организациями;

— С2С—физическими лицами;

— G2C — государственными организациями и физическими лицами.

Примечание. Субъект, определенный первой буквой аббревиатуры,

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

Другие сектора: С2В, G2G, C2G, G2B, включая тех же участников,

отличаются только характером их взаимодействия.

В таблице 5.1. представлены разновидности отношений участников

электронной коммерции.

69

Таблица 5.1

Модели отношений между участниками процесса электронной коммерция

Виды бизнеса

Business (бизнес)Customer

(потребитель)

Goverment (правительство,

власть)Business (бизнес)

Бизнес — бизнесу (В2В): торгово-закупочные площадки: — системы управления закупками (e-procurement); — системы полного цикла сопровождения поставщиков (SCM); — системы управления распределением (e-distribution); — системы полного цикла сопровождения клиентов (CRM); — отраслевые электронные торговые площадки; — электронные рынки, аутсорсинг; электронные платежные системы; виртуальные предприятия; электронные биржи; электронные аукционы; интернет-трейдинг; интернет-инкубаторы; интернет -реклама; системы мобильной коммерции; системы страхования и перестрахования; доски объявлений; информационные бизнес-системы

Бизнес — потребителям (В2С): торговые ряды; электронные витрины и каталоги; электронные магазины; электронные аукционы; интернет-трейдинг; электронные платежные системы; интернет-страхование; системы телеработы; системы вирусного маркетинга; интернет-реклама; спонсорские программы; туристические и прочие услуги

Бизнес — власти (B2G): участие в электронных торгах по закупке продукции для государственных нужд; выполнение государственных заказов; предоставление налоговой, статистической, таможенной и другой отчетности

Продолжение табл. 5.1

Customer (потребитель)

Потребители — бизнесу (С2В): частные услуги; участие в опросах и других рекламных акциях; участие в партнерских программах и спонсорских программах

Потребители — потребителям (С2С): доски объявлений; интернет-аукционы; системы Р2Р; системы вирусного маркетинга; системы многоуровневого маркетинга

Потребители — власти (C2G): выборы; участие в опросах общественного мнения; уплата налогов, сборов, штрафов; представление заявок, жалоб, обращений граждан

Goverment (правительство, власть)

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

Власть — потребителям (G2C) (электронное правительство): системы социального обслуживания (пенсии, пособия, льготы и т. п.); системы коммунального обслуживания; юридические и информационно-справочные службы; геоинформационные системы

Власть — власти (G2G) (электронное правительство): выборы; автоматизированные системы сотрудничества в таможенной, налоговой, правоохранительной сферах и т. д.; геоинформационные системы

Практическое занятие №14 "Изучение организации работы электронных туристических сайтов"

Тема "Электронные туристические сайты"


Знакомство с работой и устройством туристических сайтов.


Научиться пользоваться услугами туристических сайтов.






3.3. Открыть туристический сайт, по адресу, в соответствии с номером

варианта по журналу:

1. http:// www . tours . ru 2. http:// www . tzm . ru 3. http:// www . turizm . ru 4. http:// www . travel . ru 5. http:// www . tournews . ru 6. http://www.svali.ru/ 7. http://www . megatis . ru / 8. http:// www . km . ru 9. http://www.unitours.ru 10.http:// www.intrust-tour.ru 11.http:// www.krugozor.ru/main.html 12.http:// www . lazurit - tour . ru 13.http:// www.tourpoisk.orc.ru 14.http:// www.mayakinfo.ru 15.http://www.teztour.ru/ 16.http://www.votpusk.ru/ 17.http://www.turgid.ru/ 18.http://www.astravel.ru/ 19.http://www.kurortmag.ru/ 20.http://ski.ru/ 21.http://www.1001tur.ru/ 22.http://www.ukrest.ru/ 23.http://www.tgt.ru/ 24.http://www.bsigroup.ru/ 25.http://www.tesclub.ru/ 26.http://russianow.ru/ 27.http://www.rgbtour.ru/ 28.http://www.tes.ru/ 29.http://www.santour.ru/ 30.http://www.santour.ru/ 31.http:// www . vesplaneta . msk . ru 32.http :// www . orfey . net 33. http :// www . nevatravel . ru 34.http :// www . tury . ru /

http://www.nevatravel.ru/

http://www.orfey.net/

http://www.vesplaneta.msk.ru/

http://www.santour.ru/

http://russianow.ru/

http://www.bsigroup.ru/

http://www.teztour.ru/

http://www.mayakinfo.ru/

http://www.tourpoisk.orc.ru/

http://www.krugozor.ru/main.html

http://www.intrust-tour.ru/

http://www.km.ru/

http://www.svali.ru/

http://www.tournews.ru/

http://www.travel.ru/

http://www.turizm.ru/

http://www.tzm.ru/

http://www.tours.ru/

3.4. Подробно ознакомиться с туристическим сайтом, использую



а) Адрес в Интернете (например, www . travel . ru )

б) Тип предприятия (например, туристический портал)

в) Краткая характеристика предприятия (год создания, количество

туров, количество турагенств-партнеров):

д) Заголовок, ключевые слова и описание главной страницы

(например:

<title>Travel.Ru – сервер о туризме и путешествиях – новости * фоторепортажи * горящие туры * спец.предложения * авиабилеты * гостиницы * молодежный туризм * агентства * железные дороги * страховка * визы * паспорта * форум * письма читателей * архив путешественника * ТУРГУРУ * погода в мире * путеводители * журналы и газеты * рейтинг тур.сайтов * ссылки </title>

<meta name="keywords" content="TRAVEL.RU, туры, туризм, путешествия, горящие, авиабилеты, самолет, билеты, расписание, ж/д, тарифы, цены, заказ, гостиницы, температура воды на курортах мира, страна, география, туризм, путешествия, правила въезда, шопинг, таможня, размещения, гостиница, 74остиницы, льготы, валюта, обмен денег, курс обмена, погода, климат, транспорт, передвижение, законы, страна пребывания, правила оформления виз, получение виз, язык, политическое состояние, основные достопримечательности, памятники культуры, парки, национальный заповедник, музей, турист, туризм, путешественник, справочная информация, самолет, аэропорт, национальная валюта, документы, курорты, города, история, архитектура, религия, население, разговорник, архив статей, истории поездок, экскурсии, туры, адреса, координаты, посольство, консульство, визовый, иностранец, обслуживание, маршрут, отдых, страноведение", Египет, Турция, Испания, Кипр, Россия>

<meta name="description" content="Travel.Ru – самый полезный сервер о туризме и путешествиях! Все, что нужно для поездки за рубеж: расписания авиарейсов и железнодорожного транспорта, бронирование гостиниц, выбор

http://www.travel.ru/

турпакетов, отзывы бывалых туристов, форум для общения, ежедневные новости и еженедельные фоторепортажи, температура воды на курортах мира!">)

е) Знакомство с витриной туристического сайта. Опишите зоны

главной страницы сайта и их уровни, например:

Информация

Путешествия

Транспорт

Обратная связь

Для агентств

О сервере.

Информация

- новости [ежедневные туристические новости со всего земного

шара]

- погода в мире [прогноз погоды на 3 дня и температура воды на

курортах]

- фоторепортажи [еженедельные красочные специальные

фоторепортажи]

- архив путешествий [уникальная библиотека материалов о туризме

и путешествиях]

- книги [информация о картах, путеводителях, словарях и др.]

- журналы и газеты [анонсы популярных тематических журналов и

газет]

- ссылки [каталог полезных ссылок]

- новости турсайтов [форум о последних изменениях на

туристических сайтах]

- rock tour [информация о рок-фестивалях всего мира]

Путешествия

http://www.travel.ru/rocktour/

http://forum.travel.ru/inews/index.cgi

http://www.travel.ru/links/

http://www.travel.ru/media/

http://books.travel.ru/

http://archive.travel.ru/

http://reports.travel.ru/reports/

http://www.travel.ru/weather/

http://www.travel.ru/news/

http://www.travel.ru/map/#about

http://www.travel.ru/map/#clients

http://www.travel.ru/map/#feedback

http://www.travel.ru/map/#transport

http://www.travel.ru/map/#travel

http://www.travel.ru/map/#info

- туры [поиск тура с возможностью заказа]

- горящие [горящие туры по самым популярным направлениям

сезона]

- спец.предложения [специальные предложения агентств]

- гостиницы [поиск гостиниц по всему миру с возможностью заказа]

- визы [адреса и телефоны посольств и консульств иностранных

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

оформлении виз]

- паспорта [предложения компаний, оказывающих помощь в

оформлении паспортов]

- страховка [адреса и телефоны страховых компаний] [полезные

статьи о страховании в туризме]

- агентства [каталог российских и зарубежных туристических

агентств]

- шоппинг там [время работы и примерные цены магазинов разных

стран]

- поиск попутчика [форум по поиску попутчиков в путешествие]

- тургуру [уникальная система советов по выбору путешествия]

ж) Перечислите виды предлагаемых туров: автобусный,

автомобильный, горнолыжный, курорт, лечение, круиз, детский, клубный,

молодежный,

и) Убедитесь в наличии путевок по всем предлагаемым видам туров.

Найти по одному предложению по всем видам туров. Указать страну, город,

маршрут, сроки, стоимость, количество человек, категория отеля.

к) Партнерская программа. Опишите виды партнерских программ.

н) Рейтинги сайта. Перечислить виды рейтингов, используемых

электронным предприятием. Сравнить данные рейтингов по количеству

посетителей сайта и места, занимаемые в рейтингах. Дать краткую

характеристику рейтингам.

http://guru.travel.ru/

http://forum.travel.ru/co/index.cgi

http://www.travel.ru/shopping/

http://db.travel.ru/agencies/

http://www.travel.ru/insurance/

http://www.travel.ru/passport/

http://www.travel.ru/visa/

http://hotels.travel.ru/

http://www.travel.ru/special/

http://db.travel.ru/hot/

http://db.travel.ru/tours/

3.6. Найдите самостоятельно туристический сайт в Интернете и

проведите его обследование в соответствии с пунктом 3.5.

3.7. Проведите сравнение обследованных сайтов.


работе.





описание туристических сайтов в виде ответов на вопросы и копий

экранов;

сравнительные характеристики двух туристических сайтов.


экзамену

Практическое занятие №15 "Изучение технологий оценки рейтинга электронного предприятия"

Тема "Сбор статистики о пользователях сайта"


Ознакомиться с инструментами сбора и анализа статистики

пользователей


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

пользователей





Ярлык для Internet Explorer.lnk.

3.4. С помощью поисковых машин и каталогов самостоятельно найдите

информацию в Интернете по следующим сервисам:

Rambler's Topl00;

SpyLog;

НОТ Log.

3.5. Изучите назначение, принципы работы и функции сервисов.

3.6. Проведите сравнительный анализ по наличию и удобству

пользования сервисами этих систем.

3.7. В текстовом процессоре Word сделайте отчет по практической

работе.

3.8. Скопируйте все материалы практической работы для подготовки к

экзамену.






Практическое занятие №16 "Изучение возможностей программно-аппаратных средства защиты от несанкционированного доступа к информации"

Тема " Безопасность электронной коммерции"


Ознакомиться с возможностями программно-аппаратных средства

защиты от несанкционированного доступа к информации


Провести анализ и сравнение технических возможностей программно-

аппаратных средства защиты от несанкционированного доступа к информации






3.4. В сети Интернет с помощью средств поиска самостоятельно найти и

проанализировать информацию о программно-аппаратных средствах,

обеспечивающих их защиту от несанкционированного доступа к информации:

Программно-аппаратный комплекс «Аккорд».

Аппаратно-программная система защиты «Secret-Net».

Программно-аппаратная система «Криптон-Вето».

3.5. Заполнить таблицу 3.1. данными о параметрах и возможностях

исследуемых средств.

3.6. Провести сравнительный анализ исследуемых систем.


работе.


экзамену.

Таблица 3.1

Сравнительные данные о параметрах программно-аппаратных средствах,

обеспечивающих их защиту от несанкционированного доступа к информации

Технические характеристики системы

"Аккорд""Криптон

Вето""Secret

Net"Поддерживаемые ОС:

Windows 9X; Windows NT; Net Ware; Unix; OS2.

Момент загрузки системы: перед загрузкой BIOS; перед загрузкой ОС.

Блокировка физических каналов

Разграничение доступа к файлам

Разграничение доступа к логическим дискам (чтение/запись/исполнение)

Специальные требования к системному диску

Системе требуется отдельный логический диск

Прозрачное шифрование логических дисков

Шифрование отдельных файлов

Ведение журнала

Контроль целостности программ

Режим восстановления






Практическое занятие №17 "Изучение возможностей межсетевых экранов"



Ознакомиться с возможностями межсетевых экранов


Провести анализ и сравнение функциональных возможностей

межсетевых экранов.







проанализировать информацию о межсетевых экранах:

Межсетевой экран «Fire Wall-1». Межсетевой экран «Cyber Guard Firewall». Межсетевой экран «Cisco FIX Firewall».3.5. Заполнить таблицу 3.1. данными о параметрах и возможностях

исследуемых экранов.

3.6. Провести сравнительный анализ исследуемых межсетевых экранов.


работе.


экзамену.

Таблица 3.1

Сравнительные данные о параметрах и возможностях исследуемых экранов

Технические характеристики системы:

Fire Wall-1Cyber Guard

FirewallCisco FIX

Поддерживаемые ОС: Windows NT; UNIX

Тип системы: программный; аппаратно - программный

Поддерживаемые протоколы:TCP/IP stack;РРР stack + r firmware

Статистическая фильтрация

Динамическая фильтрация Проксирование






Практическое занятие №18 "Изучение возможностей антивирусных программ"



Ознакомиться с возможностями антивирусных программ


Провести анализ и сравнение функциональных возможностей

антивирусных программ.







проанализировать информацию об антивирусных программах:

Антивирусные программы Касперского (AVP).

Антивирусные программы Doctor Web (DrWeb).

Антивирусные программы McAfee Associates (McAfee).

3.4. Заполнить таблицу 3.1. данными о параметрах и возможностях

антивирусных программ.

3.5. Провести сравнительный анализ исследуемых антивирусных

программ.


работе.


экзамену.

Таблица 3.1

Сравнительные данные о параметрах и возможностях антивирусных программ.

Технические характеристики системы

AVP Dr. Web McAfee

Поддерживаемые ОС:Windows 9X;Windows NT;UNIX (commerce)

Ревизор Эвристический анализатор Проверка архивов Проверка электронной почты






Практическое занятие №19 "Изучение функций сайтов электронного правительства"

Тема "Электронизация деятельности правительства"


Ознакомиться на практике с технологиями электронизации деятельности

органов власти Российской Федерации.


Познакомиться с сайтами органов власти Российской Федерации.

Изучить функции сайтов органов власти Российской Федерации.

Изучить состав и структуру Федеральных органов исполнительной

власти.

Изучить состав и структуру Федеральных органов законодательной

власти.






3.3. Посетите сайты правительственных органов по указанным ниже

адресам и изучите их в соответствии с задачами работы:

1) http://www.kremlin.ru

2) http://www.president.kremlin.ru

3) http://www.government.ru/

government


government/executivepowerservices


government/rfgovernment

6) http://www.e-rus.ru

7) http://www.minsvyaz.ru

8) http://www.ed.gov.ru

9) http://www.economy.gov.ru

10) http://www.minsvyaz.ru

11) http://www.fasi.gov.ru

12) http://www.programs-gov.ru

13) http://www.duma.gov.ru

14) http://www.zakupki.gov.ru

15) http://www.rosprom.gov.ru

16) http://www.federalspace.ru/

17) http://www.rsne.ru

3.4. Найдите на изученных сайтах ответы на вопросы:

функции сайта президента РФ;

состав и структура Правительства РФ;

основные федеральные программы;

функции, состав и структура одного из сайтов органа власти;

основные федеральные программы.


работе.


экзамену.






http://www.rosprom.gov.ru/

http://www.zakupki.gov.ru/

http://www.minsvyaz.ru/

Практическое занятие №20 "Создание HTML-страниц"

Тема "Создание сайта"


Ознакомиться со структурой HTML-документа и научиться

разрабатывать документы, предназначенные для публикации в Internet


Научиться создавать простой HTML-документ.





3.3. Загрузите обозреватель (браузер) Internet Explorer, дважды щелкнув

по ярлыку

Ярлык для Internet Explorer.lnk .

3.4. Создайте простой HTML-документ. Для создания простого HTML-

документа выполните следующие действия:

А) Загрузите текстовый редактор БЛОКНОТ (NOTEPAD) c помощью

которого будем создавать исходный текст документа. Загрузка NOTEPAD

производится в следующей последовательности:

Кнопка Пуск→Программы→Стандартные→Блокнот.

Б) В окне редактора Блокнот (рис. 3.1) наберите текст, содержащий

наименование практической работы, номер группы, ФИО, четверостишие и

теги (см. раздел 5), в соответствии со следующим образцом:

<HTML> <HEAD>

<META content="charset=windows-1251"> <TITLE>Практическое занятие "Создание HTML страниц"</TITLE> </HEAD> <BODY>

<H1>Фамилия Имя Отчество</H1> <H3>Номер группы</H3> <HR> <P>Жди меня и я вернусь.<BR>Только очень жди. .<BR>Жди, когда наводят грусть. .<BR>Желтые дожди.<BR>

</P> </BODY></HTML>

Рис. 3.1. Текст HTML документа в окне Блокнота

В) Сохраните текст документа в файле Docum1.htm, который должен

быть размещен в вашем рабочем каталоге). Запуск процедуры сохранения

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

следующей последовательности (рис. 3.2):

Файл|Сохранить как..

В открывшемся окне "Сохранить как" выберите папку "Мои документы"

на диске d:\. В папке "Мои документы" найдите свою папку и откройте ее.

Введите имя файла Docum1.htm. Тип файла выберите Все файлы (*.*). Для

сохранения файла нажмите кнопку "Сохранить". На рис. 3.3 показан пример

раскрытия папки Т-305_Иванов_ПС, в которой будет сохранен документ

Docum1.htm.

Рис. 3.2. Меню сохранения файла в NOTEPAD

Рис. 3.3. Сохранение HTML-документа в файле Docum1.htm, размещенного в

папке Т-305_Иванов_ПС

Внимание!

1. Правильно укажите расширение файла htm после точки.

2. Чтобы файл правильно сохранился с расширением *.htm, в окне (рис. 3.3)

"Тип файла" выберите пункт "Все файлы (*.*)".

3. В имени файла должна быть только одна точка, стоящая перед

расширением файла

3.5. Откройте файл Docum1.htm в браузере, чтобы увидеть, как будет

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

Internet Explorer, выбрав меню: Файл\Открыть. В появившемся окне (рис.

3.4) нажмите кнопку "Обзор", найдите свой файл Docum1.htm и откройте его.

В окне браузера документ будет выглядеть, как показано на рис. 3.5.

Рис. 3.4. Окно открытия файла в браузере Internet Explorer

3.6. Сделайте изменения в документе. Для этого необходимо

переключаться между Блокнотом и браузером Internet Explorer. Их

пиктограммы находятся в нижней части экрана (если они свернуты). В

Блокноте и в браузере Internet Explorer должен быть открыт один и тот же

файл Docum1.htm.

А) Для раскрытия окна Блокнота, щелкните в нижней части экрана по

пиктограмме Блокнот.

Б) В Блокноте, в текст программы (рис. 3.6), между строками парных

тегов <H1> и <Н3>, внесите следующую строку с парным тегом <Н2>:

<H2>Российский Государственный Торгово-Экономический

Университет</H2>.

Рис. 3.5. Результат действия программы, введенной в файле Docum1.htm,

в окне браузера Internet Explorer

Рис. 3.6. Вид измененной программы в файле Docum1.htm

Б) Сохраните документ в Блокноте, выбрав меню Файл\сохранить (рис.

3.7).

Рис. 3.7. Меню сохранения файла в Блокноте

Таким образом, в Блокноте сделано изменение в программе и

произведено сохранение.

В) Откройте окно браузера и нажмите кнопку "Обновить" .

В результате в окне браузера документ будет выглядеть в соответствии с

измененной программой (рис. 3.8).

3.7. Сделайте экранную копию полученной страницы в браузере для

отчета.

3.8. В текстовом процессоре Word оформите отчет по практической

работе.

Рис. 3.8. Результат действия изменной программы, введенной в файле Docum1.htm, в окне браузера Internet Explorer. Добавилась строка "Российский Государственный Торгово-Экономический Университет"




номер варианта для выполнения поиска и тему своего варианта;

экранную копию файла Docum1.htm в экране браузера;

описание тэгов, использованных в работе.


5.1. Создание Web-документов

Размещение собственных материалов в Интернете включает два этапа:

подготовку материалов и их публикацию. Подготовка материалов состоит в

создании документов, имеющих формат, принятый в Интернете, то есть Web-

страниц, написанных на языке HTML. Публикация материалов, то есть

открытие к ним доступа, осуществляется после решения организационных

вопросов, связанных с получением дискового пространства на Web-сервере для

их размещения.

Для создания Web-документов используется язык HTML (HyperText

Markup Language - язык разтеги гипертекста). Гипертекст, то есть

расширенный текст, включает дополнительные элементы: иллюстрации,

ссылки, вставные объекты.

5.2 Основные теги

Понятие тегов, их виды, правила записи

Документ, который написан на языке HTML представляет собой простой

текст, в который вставлены теги (флаги разметки). Теги указывают как должен

быть расположен текст на экране, в каком месте должны находиться рисунки,

хранящиеся в других файлах и т.д. С помощью тегов формируются связи с

другими ресурсами Интернет.

Теги – это определенные последовательности символов, заключенные

между знаками < (меньше) и > (больше). Прописные и строчные буквы в

написании тегов значения не имеют.

Теги бывают парные (например, <TITLE> и </TITLE>) и непарные

(например, <BR>), открывающие и закрывающие. Отличительным признаком

закрывающего тега является символ /.

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

Документ HTML всегда должен начинаться с тега <HTML> и

заканчиваться соответствующим закрывающимся тегом </HTML>. Внутри

документа выделяются два основных раздела:

раздел заголовков;

тело документа.

Раздел заголовков содержит информацию, описывающую документ в

целом, и ограничивается тегами <HEAD> и </HEAD>. В частности, раздел

заголовков должен содержать название web-страницы, которое при просмотре

в браузере появится в заголовке окна документа. Название web-страницы

располагается между тегами <TITLE> и </TITLE>.

Например,

<TITLE> Моя страничка </TITLE> Основное содержание размещается в теле документа, которое

ограничивается парным тегом <BODY>.

Пример. Простейший документ HTML, содержащий все теги,

определяющие структуру, может выглядеть следующим образом:

<HTML>

<HEAD><TITLE>Заголовок документа</TITLE></HEAD>

<BODY>

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

</BODY>

</HTML>

В приведенном выше HTML-документе использованы следующие теги:

1) <html> ... </html>

Тег <html> должна открывать HTML-документ. Аналогично, тег </html>

должна завершать HTML-документ.

2) <head> ... </head>

Эта пара тегов указывает на начало и конец заголовка документа. Помимо

наименования документа (тег <title>), в этот раздел может включаться

различнаяслужебная информация.

3) <title> ... </title>

Все, что находится между тегами <title> и </title>, воспринимается

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

страницы.

4) <body> ... </body>

Эта пара тегов указывает на начало и конец тела HTML-документа, за

пределами которого теги не действуют.

5) <H1> ... </H1> — <H6> ... </H6>

Теги вида <Hi> (где i — цифра от 1 до 6) описывают заголовки шести

различных уровней по размеру. Заголовок первого уровня — самый крупный,

шестого уровня, естественно — самый мелкий.

Заключив текст между этими тегами, вы получите заголовок

определенного размера, например:

<H1>Заголовок</H1><H2>Заголовок</H2><H3>Заголовок</H3><H4>Заголовок</H4><H5>Заголовок</H5><H6>Заголовок</H6>

6) <P> ... </P>

Такая пара тегов описывает абзац. Все, что заключено между <P> и </P>,

воспринимается как один абзац.

7) <BR>

Эта тег используется, если необходимо перейти на новую строку, не

прерывая абзаца. Очень удобно при публикации стихов

8) <HR>

Тег <HR> строит горизонтальную прямую линию.

9) <META content="charset=windows-1251">

Этот тег задает браузеру информацию о кодировке, в которой написан

текст HTML-документа. В данном случае задана стандартная кодировка

Windows.

6 Контрольные вопросы

6.1 Для каких целей создаются документы HTML?

6.2 Что такое теги?

6.3 Какую структуру должен иметь документ HTML?

6.4 Как перейти на новую строку в пределах абзаца?

6.5. Перечислите использованные в работе тэги и их назначение.

Практическое занятие №21"Основы форматирования HTML-страниц"



Ознакомиться с методами форматирования HTML-документа и научиться

разрабатывать документы, предназначенные для публикации в Internet


Научиться форматировать абзацы HTML-документа.




3.2. Загрузить обозреватель (браузер) Internet Explorer, дважды щелкнув

по ярлыку


3.3. Откройте в блокноте файл Docum1.htm

3.4. Отформатируйте строки четверостишия разным шрифтом по стилю

(логический и физический), размеру и цвету.

3.5. Создайте цветной фон документа.

3.6. Создайте нумерованный список (5-10 строк, например, список

фамилий или предметов).

3.7. Создайте ненумерованный список (5-10 строк, например, список

фамилий или предметов).

3.8. Отформатируйте списки разными шрифтами и разным цветом.

Примените разные способы выравнивания (влево, по центру и вправо).

3.9. Создайте коллекцию из 10 горизонтальных линий, разных по длине,

цвету и толщине.


работе.



· название и цель работы;

· номер варианта для выполнения поиска и тему своего варианта;

· экранную копию файла Docym1.htm в экране браузера с

результатами работы;

· описание тэгов шрифтов и цветов, использованных в работе.


5.1 Форматирование шрифта

HTML допускает два подхода к шрифтовому выделению фрагментов

текста:

физический стиль текста - шрифт на некотором участке текста

должен быть жирным или наклонным:

логический стиль - некоторый фрагмент текста имеет некоторые

отличия от нормального, интерпретируемые браузером.

Основные теги приведены в приложении А.

Физические стили

Под физическом стилем принято понимать прямое указание браузеру на

модификацию текущего шрифта. Например, все, что находится между тегами

<B> и </B>,

будет написано жирным шрифтом.

Текст между тегами

<I> и </I>

будет написан наклонным шрифтом.

Текст, размещенный между тегами

<TT> и </TT>,

будет написан шрифтом, имитирующим пишущую машинку, то есть

имеющим фиксированную ширину символа.

Для придания тексту определенного начертания - жирный, курсив,

подчеркнутый и т.д., поместите его между соответствующими тегами:

<B> Жирный текст </B>

<I> Курсив </I>

<U> Подчеркнутый </U>

<STRIKE> Перечеркнутый </STRIKE>

<SUP> Верхний индекс </SUP>

<SUB> Нижний индекс </SUB>

Логические стили При использовании логических стилей автор документа не может знать

заранее, что увидит на экране читатель. Разные браузеры толкуют одни и те же

теги логических стилей по-разному. Некоторые браузеры игнорируют

некоторые теги вообще и показывают нормальный текст вместо выделенного

логическим стилем. Вот самые распространенные логические стили:

1) <EM> ... </EM> - от английского emphasis — акцент.

2) <STRONG> ... </STRONG> - от английского strong emphasis —

сильный акцент.

3) <CODE> ... </CODE> - рекомендуется использовать для фрагментов

исходных текстов.

4) <SAMP> ... </SAMP> - от английского sample — образец.

Рекомендуется использовать для демонстрации образцов сообщений,

выводимых на экран программами.

5) <KBD> ... </KBD> - от английского keyboard — клавиатура.

Рекомендуется использовать для указания того, что нужно ввести с клавиатуры.

6) <VAR> ... </VAR> - от английского variable — переменная.

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

7) <CITE> ... </ CITE > - рекомендуется использовать для выделения

цитаты.

8) <BLOCKQUOTE> ...</BLOCKQUOTE>- смещает весь абзац

(заключенный в нее текст) на энный отступ слева

5.2. Атрибуты (параметры) тегов

Некоторые теги могут или должны применяться с определенными

атрибутами, которые указываются в открывающемся элементе тега. Можно

сразу указывать несколько параметров в одном теге.

Пример1. Тег <font> определяет выводимый шрифт, его цвет и размер.

Открывающийся тег <FONT> (закрывающийся тег </FONT> обязателен)

может иметь несколько атрибутов. Например:

SIZE;

COLOR.

Возможно одновременное применение обоих атрибутов:

<FONT color=red size=7>Жди меня и я вернусь.</FONT>

Пример 2. Тег <BODY> может иметь атрибут BGCOLOR.

Применение атрибута SIZE

SIZE - задает размер текста. Размер текста находится в пределах от 1 до

7, где 1 - самый мелкий шрифт. По умолчанию размер текста равен 3.

Поместив текст между тегами <FONT SIZE=n></FONT>, где n -

цифровое значение, можно придать ему нужный размер, как показано на рис.

5.1.

Рис. 5.1. Пример использования атрибута SIZE

Применение атрибута COLOR

Атрибут COLOR - задает цвет текста. Тегами цвета можно задать не

только цвет шрифта, но и цвет большинства элементов HTML. Таблица цветов

приведена в приложении Б.

Цвет можно задать двумя способами:

А) цифрами – обеспечивает задание цвета более точно по оттенкам;

Б) английским словом.

Способ А. Используется способ получения цвета в телевизоре - RGB (Red

Green Blue). Изображение в обычном мониторе формируется по принципу

высвечивания трех точек заданных цветов: чем ярче точка, тем больше этого

цвета в "пикселе" (пиксель - "точка"). Цифры задаются по 16-ричной системе,

т.е. не от 0 до 10, а от 0 до FF, по следующему ряду:

0,1,2,3,4,5,6,7,8,9,0А,0B,0C,0D,0E,0F. Именно в пределах этого и можно

задавать каждому сегменту свой цвет. То есть минимально это может быть 00

00 00, что соответствует черному, максимально - это будет FF FF FF, что

соответствует белому. все промежуточные комбинации - это уже оттенки.

Например, красный цвет - это FF 00 00, зеленый - это 00 FF 00, синий - 00 00

FF. Таблица базовых цветов в 16-ричной системе приведена в приложении Б.

При задании цвета, после символа # пишется шесть цифр RRGGBB ,

которые означают:

первые две цифры - это насыщенность красным

вторые две цифры - это насыщенность зеленым

третьи две цифры - это насыщенность синим цветом.

Например:

COLOR=FFFFFF – окрашивает в белый цвет (white);

COLOR=000000 – окрашивает в черный цвет (black);

COLOR=FFFF00 – окрашивает в желтый цвет (yellow);

COLOR=FF0000 – окрашивает в красный цвет (red).

Способ Б.

Для упрощения набора основных цветов в стандарте HTML разрешено

замещать цифровой ряд обычным словом, обозначающим тот или иной цвет в

английском языке. Например:

color=black окрасит выделенное тегом в черный цвет,

color=green - в зеленый,

color=white - в белый

и т.п.

Чтобы задать цвет текста, надо поместить атрибут COLOR внутрь тега

<FONT>. Например, чтобы текст окрасить в красный цвет, можно использовать

способы А и Б (слово "Красный" на экране монитора будет иметь красный

цвет):

Способ А <font color =#FF0000>Текст красного цвета</font>;

Способ Б <font color =red>Текст красного цвета</font>.

Применение атрибута BGCOLOR

От цвета фона страницы зависит визуальное восприятие всего сайта. В

тоже время, не надо стремиться все затемнить, т.к. текст удобно читать, только

если его хорошо видно.

Для вставки цвета фона в строку с тегом <BODY> HTML документа

нужно добавить атрибут BGCOLOR и указать его значение - название цвета

или его шестнадцатиричный вид. Например, для задания красного цвета фона

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

А) Использован шестнадцатиричный вид цвета

<BODY BGCOLOR="#FF0000">;

Б) Использовано название цвета

<BODY BGCOLOR="RED">.

Чтобы задать цвет текста на всей странице , можно воспользоваться

атрибутом TEXT.

Например, чтобы задать фон – цветом морской волны (aqua); текст –

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

<BODY bgcolor=aqua text=red>.

5.3. Списки

Для формирования списков используются следующие два основных тега:

1) Тег <OL>(Ordered List) служит для создания нумерованного списка.

Допускается вложение нумерованного списка в списки другого вида

2) Тег <UL>(Unordered List) служит для создания ненумерованного

списка. Допускается вложение ненумерованного списка в списки другого вида.

Совместно с этими тегами используется тег <LI>(List Item), который

служит для обозначения элемента (строки) списка. Используется в

нумерованных (OL) и ненумерованных (UL) списках

Нумерованные списки:

mk:@MSITStore:C:%5C%D0%9C%D0%BE%D0%B8%20%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D1%8B%5C%D0%A3%D1%87%D0%B5%D0%B1%D0%BD%D1%8B%D0%B5%20%D0%B4%D0%B8%D1%81%D1%86%D0%B8%D0%BF%D0%BB%D0%B8%D0%BD%D1%8B%5C%D0%AD%D0%BB%D0%B5%D0%BA%D1%82%D1%80%D0%BE%D0%BD%D0%BD%D0%B0%D1%8F%20%D0%BA%D0%BE%D0%BC%D0%BC%D0%B5%D1%80%D1%86%D0%B8%D1%8F%5C2003%5CTAGS.CHM::/u/ul.html

mk:@MSITStore:C:%5C%D0%9C%D0%BE%D0%B8%20%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D1%8B%5C%D0%A3%D1%87%D0%B5%D0%B1%D0%BD%D1%8B%D0%B5%20%D0%B4%D0%B8%D1%81%D1%86%D0%B8%D0%BF%D0%BB%D0%B8%D0%BD%D1%8B%5C%D0%AD%D0%BB%D0%B5%D0%BA%D1%82%D1%80%D0%BE%D0%BD%D0%BD%D0%B0%D1%8F%20%D0%BA%D0%BE%D0%BC%D0%BC%D0%B5%D1%80%D1%86%D0%B8%D1%8F%5C2003%5CTAGS.CHM::/o/ol.html

В нумерованных списках браузер автоматически проставляет числа перед

каждым элементом списка. Начинается нумерованный список с тэга <OL> и

завершается тэгом </OL>. Каждый элемент списка начинается с тэга <LI>.

Пример написания тега <OL> и результатов его действия приведен в табл. 5.1.

Таблица 5.1.

Использование тега <OL>

Написание тега Результат действия тега

<OL><LI> Один<LI> Два<LI> Три<LI> Четыре<LI> Пять</OL>

1. Один 2. Два 3. Три 4. Четыре 5. Пять

Тэг <OL> может иметь следующие атрибуты (параметры):

1) TYPE - вид счетчика, который может принимать следующие значения:

A - большие латинские буквы

a - маленькие латинские буквы

I - большие римские цифры

i - маленькие римские цифры

1 - обычные цифры

Пример написания тега <OL> с атрибутом TYPE и результатов его

действия приведен :в таблице 5.2.

Таблица 5.2.

Использование тега <OL> с атрибутом TYPE

Написание тега Результат действия тега<OL type=A><LI>Иванов<LI>Петров<LI>Сидоров<LI>Соколов</OL>

A. ИвановB. ПетровC. СидоровD. Соколов

2) START - устанавливает число, с которого будет начинается отсчет.

В табл. 5.3 приведен пример, который отображает список, нумерованный

большими латинскими буквами и начинающийся с восьмой цифры.

Таблица 5.3.

Использование тега <OL> с атрибутом START

Написание тега Результат действия тега<OL TYPE=I START=8><LI> Восемь<LI> Девять<LI> Десять<LI> Одиннадцать<LI> Двенадцать</OL>

VIII. Восемь IX. Девять X. Десять XI. Одиннадцать XII. Двенадцать

Ненумерованные списки

Ненумерованный список начинается открывающимся тэгом <UL> и

завершается тэгом </UL>. Каждый элемент списка начинается с тэга <LI>. Для

ненумерованных списков браузер обычно использует маркеры для выделения

элемента списка.

Тэг <UL> часто применяется с атрибутом TYPE для настройки маркера,

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

не использовать атрибут TYPE, то по умолчанию подразумевается

TYPE=disc.

Пример с атрибутом TYPE=square приведен в табл. 5.5.

Таблица 5.4.

Использование тега <UL> с атрибутом TYPE

Написание тегаГрафическое

изображение и наименование маркера

<UL TYPE=disc><LI> disc </UL> ● disc <UL TYPE=circle><LI> circle </UL>

○ circle

<UL TYPE=square><LI> square </UL>

■ square

Таблица 5.5.

Использование тега <UL> с атрибутом TYPE=square

Написание тега Результат действия тега<UL type=square ><LI>Иванов<LI>Петров<LI>Сидоров<LI>Соколов</UL>

■ Иванов■ Петров■ Сидоров■ Соколов

5.4. Линии

Тег HR (Horisontal Rule) вставляет в текст горизонтальную

разделительную линию. Тег может дополнительно включать атрибуты SIZE

(определяет толщину линии в пикселах) и/или WIDTH (определяет размах

линии в процентах от ширины экрана или в количестве пикселей). Виды

атрибутов, которые можно применять в теге <HR>, приведены в табл. 5.6.

Таблица 5.6.

Атрибуты тега <HR>

Наименование атрибута

Назначение атрибута

WIDTH Определяет длину линии в пикселях или процентах от ширины окна браузера.

SIZE Определяет толщину линии в пикселях.ALIGN Определяет выравнивание горизонтальной линии. Параметр

может принимать следующие значения:left - выравнивание по левому краю документа.right - выравнивание по правому краю документа.center - выравнивание по центру документа (используется по умолчанию).

NOSHADE Определяет способ закраски линии как сплошной. Параметр является флагом и не требует указания значения. Без данного параметра линия отображается объемной.

COLOR Определяет цвет линии. Работает только в Internet Explorer.

Примеры линий:

<HR>

<HR WIDTH=50% ALIGN=left SIZE=0>

<HR WIDTH=80% SIZE=3>

<HR NOSHADE WIDTH=80% SIZE=20>

<HR NOSHADE WIDTH=80% COLOR=blue SIZE=8>

Вместо линии можно реализовать и квадрат, например, красного цвета:

<HR NOSHADE ALIGN=left WIDTH=18 COLOR=Red SIZE=18>

Комплексные примеры описания линий<HR SIZE=2 WIDTH=100%><BR> <HR SIZE=4 WIDTH=50%><BR> <HR SIZE=8 WIDTH=25%><BR> <HR SIZE=16 WIDTH=12%><BR><HR SIZE=16 WIDTH=100><BR><HR SIZE=16 WIDTH=200><BR><HR SIZE=16 WIDTH=300><BR><HR size = 1><HR size = 5><HR size = 10><HR size = 1 noshade><HR size = 5 noshade><HR size = 10 noshade><HR SIZE=2 WIDTH=100%><BR> <HR SIZE=4 WIDTH=50%><BR> <HR align=left SIZE=4 WIDTH=50%><BR> <HR align=right SIZE=4 WIDTH=50%><BR> <HR SIZE=8 WIDTH=25%><BR><HR SIZE=16 WIDTH=12%><BR><HR SIZE=16 WIDTH=300 color=red><BR>

Комплексные примеры форматирования текста

<BODY bgcolor=aqua text=red>

<H1 align = center> Первый HTML-документ</H1><CITE><FONT color=red>Жди меня и я вернусь.</FONT></CITE><BR><CITE><FONT color=red size=7>Жди меня и я вернусь.</FONT></CITE><BR><B>Жди, когда снега метут</B><I>Жди, когда жара,</I><TT>Жди, когда других не ждут,</TT><EM><FONT color=yellow size=1>Желтые дожди</FONT></EM><BR><UL type = square> <LI>первый элемент списка</LI> <LI>второй элемент списка</LI> <LI>последний элемент списка</LI></UL><OL type=I> <LI>первый элемент списка</LI> <LI>второй элемент списка</LI> <LI>последний элемент списка</LI></OL>


6.1 Какие виды стилей применяются в HTML документах?

6.2 Как задать физический стиль?

6.3 Как задать логический стиль?

6.4 Как задать цвет текста?

6.5. Как задать размер текста?

6.6. Как задать нумерованный список?

6.7. Как задать ненумерованный список?

6.8. Как задать длину, толщину и цвет линии?

6.9. Как задать выравнивание текста и линии?

Практическое занятие №22 "Создание гиперссылок между HTML-страницами"



Ознакомиться с методами связывания HTML-документов и перемещения

между ними путем использования гиперссылок


Научиться создавать гиперссылки для перемещения между HTML-

документами.




3.2. Прочтите раздел 5 "Теоретические положения".

3.3. Создайте в блокноте файлы Zagadka.htm и Otgadka.htm. Внутри

файла Zagadka.htm будут размещены загадки. Внутри файла Otgadka.htm

будут размещены ответы на загадки.

3.4. Внутри этих файлов создайте структуры HTML-документов, т.е.:

<HTML>

<HEAD><TITLE>Заголовок документа</TITLE></HEAD>

<BODY>

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

</BODY>

</HTML>

В качестве заголовка документа в теге <TITLE> для файла Zagadka.htm

примените

<TITLE>Загадка</TITLE>,

а для файла Otgadka.htm, соответственно,

<TITLE>Отгадка</TITLE>.

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

увидеть ответ на загадку, внутри файла Zagadka.htm создайте гиперссылку на

файл Otgadka.htm. Гиперссылку сделайте в виде текста "Смотри отгадку", по

которой достаточно щелкнуть мышкой, в результате чего будет произведен

переход в файл Otgadka.htm (рис. 3.1).

Рис. 3.1. Схема перехода по гиперссылке из файла Zagadka.htm в файл Otgadka.htm

3.6. Откройте в блокноте файл Zagadka.htm. После тега BODY, в зоне

содержимого документа, введите следующий текст (рис. 3.1):

Загадка №1.<BR>

Когда нужно – его бросают<BR>

Когда не нужно – поднимают<BR>

Смотри отгадку

3.7. Создайте гиперссылку из фразы «Смотри отгадку» на документ

Otgadka.htm. В результате цвет текста изменится и станет подчеркнутым в

следующем виде Смотри отгадку.

3.8. Откройте в блокноте файл Otgadka.htm. После тега BODY, в зоне

содержимого документа, введите следующий текст:

Ответ на загадку №1.<BR>

Якорь.<BR>

3.9. Сохраните результаты в обоих файлах.

Загадка №1.Когда нужно – его бросают.Когда не нужно – поднимают.Смотри отгадку

Ответ на загадку №1.Якорь.

Zagadka.htmOtgadka.htm

3.10. Откройте в браузере файл Zagadka.htm. Если все сделано

правильно, то в окне браузера появится текст загадки и гиперссылка.

3.11. Щелкните в окне браузера по гиперссылке и в браузере откроется

новое окно с содержимым файла Otgadka.htm.

3.12. В файле Otgadka.htm аналогично создайте гиперссылку Вернуться

к загадкам на файл Zagadka.htm (рис. 3.2). Сохраните результат.

Рис. 3.2. Схема перехода по гиперссылке из файла Otgadka.htm в файл Zagadka.htm

3.11. Откройте в браузере окно с содержимым файла Otgadka.htm,

обновите окно. В результате появится гиперссылка Вернуться к загадкам.

Щелкните по гиперссылке и если все сделано правильно, то произойдет

перемещение в окно файла Zagadka.htm.

3.12. Самостоятельно введите две загадки и отгадки в соответствующие

файлы и создайте необходимые гиперссылки.

3.13. Отформатируйте тексты файлов, чтобы HTML страницы были

красивыми и цветными.


работе.





экранную копию файлов Zagadka.htm и Otgadka.htm в экране

браузера;

Загадка №1.Когда нужно – его бросают.Когда не нужно – поднимают.Смотри отгадку

Ответ на загадку №1.Якорь.Вернуться к загадкам


продемонстрировать работу ссылок;

описание тэгов гиперссылки, использованных в работе.


Общая конструкция тега гиперссылки

Гиперссылки HTML позволяют связать текст или картинку с другими

гипертекстовыми документами. Текст гиперссылки (гипертекст), как правило,

выделяется цветом или оформляется подчеркиванием.

Для создания гиперссылки применяется тег <A> и обязательный парный

ему </A>.

Тег <A> служит для создания гипертекста (ссылок). Гипертекст позволяет

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

гипертекст поддается форматированию

Атрибуты

1) name

Задает имя элемента. Имя используется, например, для создания ссылок

между фреймами

2) href

Задает URL ресурса, на который должен перейти пользователь, щелкнув

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

элемент внутри данного документа.

Общая конструкция гиперссылки:

<A HREF="URL" TARGET="Окно" TITLE="Подсказка">Название ссылки</A>

Описание гиперссылки на другой файл

В отличие от обыкновенного текста, который можно читать только от

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

одного фрагмента текста к другому. Системы помощи многих популярных

программных продуктов устроены именно по гипертекстовому принципу. При

нажатии левой кнопкой мыши на некоторый выделенный фрагмент текущего

документа происходит переход к некоторому заранее назначенному документу

или фрагменту документа.

В HTML переход от одного фрагмента текста к другому задается с

помощью метки вида:

<A HREF="[адрес перехода]">выделенный фрагмент

текста</A>

В качестве параметра [адрес перехода] может использоваться несколько

типов аргументов. Самое простое — это задать имя другого HTML-документа,

к которому нужно перейти.

Например, в файле Zagadka.htm надо вставить следующую гиперссылку

на файл Otgadka.htm с гипертекстом "Смотри отгадку". Командная строка в

HTML-документе будет выглядеть следующим образом (рис. 5.1):

<A HREF=Otgadka.htm>Смотри отгадку</A>.

Рис. 5.1. Схема перехода по гиперссылке из файла Zagadka.htm в файл Otgadka.htm

Такой фрагмент HTML-текста приведет к появлению в документе

выделенного фрагмента Смотри отгадку , при щелкании левой мышке на

который в текущее окно будет загружен документ Zagadka.htm.


6.1 Что такое гипертекст?

6.2 Как создать гиперссылку на другой файл?

6.3. Атрибуты гиперссылки

Загадка №1.<BR>Когда нужно – его бросают.<BR>Когда не нужно – поднимают.<BR><A href=Otgadka.htm>Смотри отгадку</A>

Ответ на загадку №1.<BR>Якорь.<BR>


http://62.76.21.53/html/add/chuv/pr.htm

Практическое занятие №23 "Создание графических изображений в HTML-документах"



Ознакомиться с методами создания графических изображений на HTML-

страницах и научиться разрабатывать документы, предназначенные для

публикации в Internet


Научиться вставлять графические изображения в HTML-документы.




3.2. Прочтите раздел 5 "Теоретические положения".

3.3. Скопируйте в свою папку файлы с графическими изображениями

форматов *.gif и *.jpg из папки по указанию преподавателя.

3.4. Откройте в блокноте файл Zagadka.htm.

3.5. После каждой загадки вставьте файлы с графическими

изображениями форматов *.gif и *.jpg.

3.6. Создайте гиперссылки из вставленных двух графических файлов

разных форматов на файл Otgadka.htm.

3.7. Сохраните изменения в файле Zagadka.htm.

3.8. Откройте в браузере файл Zagadka.htm и проверьте появление

изображений, наличие анимационных эффектов и правильность работы

графических гиперссылок. При наведении курсора мышки на графическую

гиперссылку, вокруг нее появится темная рамка. Если щелкнуть по

графической гиперссылки, то произойдет переход из файла Zagadka.htm в

файл Otgadka.htm


работе.




номер варианта для выполнения поиска и тему своего

варианта;

экранную копию файлов Zagadka.htm в экране браузера;


описание тэгов вставки графических изображений и

графических гиперссылок, использованных в работе.


5.1. Форматы графических изображений

Браузеры "понимают" два графических формата GIF и JPG.

Формат GIF

Картинки в этом формате поддерживают 256 цветов. В большинстве

случаев этого вполне достаточно для получения качественных иллюстраций, но

до фотографического качества, конечно, далеко.

GIF-формат имеет три дополнительные возможности:

Мультипликация;

Прозрачная графика;

Чересстрочная развертка.

Мультипликация. Используя анимационный GIF-редактор, легко

собрать простой мультик: нарисовать отдельные кадры, настроить время

задержки в последовательности показа, "зациклить кино" или показывать кадры

только один раз. Когда анимация готова, она записывается на диск как

обычный GIF-файл. Хотя в этом файле не одна, а целая серия GIF-картинок и

разная настроечная информация. В HTML нет различия между заданием

вывода на экран простого GIF или анимированного.

Прозрачная графика. GIF-формат позволяет один или несколько цветов

в картинке объявить прозрачными (табл. 5.1). Прозрачный цвет задается в

редакторе при записи GIF-файла на диск. Для этого нужно загрузить его в GIF-

редактор или PhotoShop и снова записать на диск, указав прозрачные цвета. Это

позволяет избавиться от строго прямоугольных иллюстраций и вписывать

рисунок в документ более привлекательным образом.

Таблица 5.1

Вид графического изображения в формате GIF в обычном виде и в прозрачном виде

(фон зеленого цвета объявлен прозрачным)

Обычный GIF Прозрачный GIF

Чересстрочная развертка . Применяется для больших GIF. Иллюстрация

разделяется на четыре части, размером с оригинальную картинку. Первая часть

содержит 1, 5, 9,... строки исходного изображения. Вторая - 2, 6, 10,... Третья -

3, 7, 11,.... Четвертая - 4, 8, 12,... Браузер строит на экране сначала первую часть

картинки, потом вторую, затем третью и четвертую. Получается эффект

постепенного проявления изображения. На медленных линиях Интернета этот

метод позволяет пользователю еще до загрузки всех частей получить

представление об изображении - ведь части строятся браузером по мере их

поступления на компьютер. Если картинка загружается не по сети, то различия

вывода обычного GIF и чересстрочного на быстрых компьютерах практически

незаметны.

Формат JPG

Этот формат был разработан специально для передачи фотографий. Он

поддерживает миллионы цветов и позволяет получать изображения очень

высокого качества, хотя размер файла существенно увеличивается. Чем выше

качество (т.е. чем больше количество поддерживаемых цветов на фотографии),

тем больше размер файла. При записи на диск в JPG-редакторе можно указать

требуемую степень качества путем уменьшения количества цветов на

фотографии. Если из миллиона цветов фотографии оставить только 5000 -

10000, заменив остальные цвета на близкие, то на глаз такую подмену будет

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

Таким образом, путем разумного снижения качества фотографии (незаметного

для глаза) можно уменьшить размер файла, и, тем самым, достичь нужного

компромисса.

JPG-формат поддерживает режим, похожий на чересстрочную развертку

GIF. Но в отличие от GIF, деление на части происходит не по строкам, а по

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

следующая часть по качеству выше предыдущей. JPG в таком режиме

называется прогрессивным.

5.2. Вставка изображений

Картинку можно помещать в документ почти так же, как текстовый

символ. Для вставки этого необычного знака нужно воспользоваться тегом

<IMG>. Команда не имеет парного закрывающего тега, но имеет много

атрибутов (табл. 5.2).

Таблица 5.2

Атрибуты тега <IMG>

Наименование атрибута

Функции атрибута

SRC Имя графического файла с расширением (поддерживаются

*.jpg, *.gif, *.png). Если файл находится в другом каталоге, укажите к нему путь.

ALIGN Выравнивание изображения в документе:left - по левому краю.right - по правому краю.top или texttop - выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки.middle - выравнивает базовую линию текущей текстовой строки с центром изображения.absmiddle - выравнивает центр текущей текстовой строки с центром изображения.bottom или baseline - выравнивают нижнюю кромку изображения с базовой линией текущей текстовой строки.absbottom - выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки.

Продолжение табл. 5.2BORDER Рамка вокруг рисунка. Значение по умолчанию - 0 (без

рамки).WIDTH Ширина изображения в пикселях.HEIGHT Высота изображения в пикселях.HSPACE Горизонтальный отступ графического изображения в

пикселях. Не обязательный параметр.VSPACE Вертикальный отступ в пикселях. Не обязательный параметр.ALT Это сообщение, которое:

1) выводится вместо картинки, если она не показывается (не найдена или пользователь настроил свой браузер так, что тот не показывает картинки).2) этот текст в виде подсказки, когда курсор мыши находится на рисунке.

NAME Определяет имя изображения. Для обычного изображения, не связанного ни с чем, этот параметр не обязательный.

LOWSRC Имя графического файла с расширением с альтернативным изображением более низкого качества (и, соответственно, меньшего объема), чем изображение, указанное в параметре SRC. Обозреватели, поддерживающие данный параметр, сначала загрузят картинку из LOWSRC, а затем заменят ее картинкой из SRC. Не обязательный параметр.

Атрибут SRC

Самым главным атрибутом для тега <IMG> является атрибут src, при

помощи которого можно задать имя файла с картинкой.

Формат представления атрибута:

src = имя файла.

Например, тег

<IMG src = img1.gif>

заставит браузер отобразить на экране графический файл img1.gif из текущего

каталога.

Обычно графические файлы не смешивают с HTML-текстами, а

помещают в отдельный каталог PIC, который является подкаталогом для

каталога с программами (html-файлами). Тогда в команде вывода графики

используется относительная ссылка, которая имеет вид:

<IMG src = ./pic/img1.gif>

Атрибут ALT

Атрибут alt рекомендуется использовать всегда.

Если картинка найдена браузером, то стоит пользователю остановить

курсор на картинке, как надпись, заданная атрибутом alt, появится в маленьком

окошке и сообщит дополнительную информацию.

Если браузер не находит картинки в указанном месте на диске, он вместо

нее рисует на экране маленький прямоугольник и вписывает в него надпись,

которая задана атрибутом alt.


alt = "текст надписи".

Пример использования атрибута alt

<IMG src=monstr.jpg alt="Страшный зверь">

При наведении курсора на картинку появится сообщение "Страшный

зверь".

Атрибуты WIDTH и HEIGHT Эти атрибуты задают ширину и высоту (в пикселах) прямоугольника, в

который выводится картинка. Когда размеры прямоугольника не совпадают с

http://62.76.21.53/html/spravka/pixel.htm

размерами картинки, браузер производит масштабирование картинки, подгоняя

ее под указанные величины.

Если атрибуты не заданы, картинка рисуется в естественных размерах.

Всегда задавайте размеры картинки в параметрах height и width, резервируя

тем самым место в окне браузера еще до загрузки изображения.

Формат представления атрибутов:

width=n;

height=m,

где n, m – соответственно, количество пикселей для ширины и высоты

рисунка.

Рекомендуется задавать только один из этих атрибутов, чтобы не

исказить графическое изображение при задании ошибочных пропорций n и m.

При задании только одного атрибута height или width, второй атрибут

изменяется пропорционально и графическое изображение не искажается.

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

картинки в файле название.gif шириной 82 пиксела, высотой 90 пикселов,

нужно ввести следующий тег:

<img src=название.gif width=82 height=90>.

Атрибут border Атрибут позволяет задать рамку иллюстрации толщиной в n пикселов.

При отсутствии атрибута, или при значении n = 0 рамка не рисуется.


Атрибут border = n.Комплесная конструкция тега <IMG>Для вставки изображений в HTML документ используется следующая

конструкция (представлена полная конструкция):

<IMG SRC="Рисунок" BORDER="0" ALIGN="Выравнивание" WIDTH="Ширина" HEIGHT="Высота" HSPACE="Отступ_1" VSPACE="Отступ_2" ALT="Подсказка" NAME="Имя" LOWSRC="Рисунок_2">

Примеры обычной вставки изображения в электронный документ:

1) <IMG SRC=название.gif BORDER=3 ALT=Подсказка WIDTH=17 HEIGHT=16>

2) <img src=heart.gif alt="Ты слышишь?">

5.3. Описание гиперссылки из графического изображения

Гиперссылки могут быть прикреплены не только к тексту, но и к

графическим изображениям, т.е. срабатывать при наведении/нажатии на них

курсора.

Примеры.

1) Графическая гиперссылка в файле Zagadka.htm на файл Otgadka.htm

при нажатии курсора на рисунок cat.gif. Рисунок размещен в файле

Zagadka.htm:

<A HREF=Otgadka.htm><img src=cat.gif></A>

2) Графическая гиперссылка на файл Otgadka.htm, состоящая из

картинки в файле cat.gif, шириной 82 пиксела, высотой 90 пикселов и

имеющую бордюр в 5 пикселов:

<A HREF=Otgadka.htm><img src=cat.gif width=82 height=90 border=5

alt="картинка"></A>

6. Контрольные вопросы

6.1 Какие форматы изображений используются в HTML-документах?

6.2 В каких случаях используется формат *.gif?

6.3 В каких случаях используется формат *.jpg?

6.4 Как задать графическую гиперссылку?

6.5. Как изменить размеры графического изображения:

6.6. Как вставить графическое изображение в HTML-документ?

6.7. Как задать рамку графического изображения?

Практическое занятие №24 "Создание таблиц в HTML-документах"



Ознакомиться с методами создания таблиц на HTML-страницах и

научиться разрабатывать документы, предназначенные для публикации в

Internet


Научиться создавать таблицы в HTML-документах.





3.3. Скачайте в свою папку файлы с графическими изображениями

форматов *.gif и *.jpg.

3.4. Создайте в блокноте файл Tabl.htm. Внутри этого файла создайте

структуру HTML-документа.

3.5. Создайте таблицу с заголовком, в соответствии с образцом табл. 3.1.

Таблица 3.1.Тип 1

(1,1) (1,2)(2,1) (2,2)(3,1) (3,2)


Таблица 3.2.Тип 2

(1,1)(1,2)(2,2)

(3,1) (3,2)


Таблица 3.3.Тип 3(1,1))

(2,1) (2,2)(3,1) (3,2)

3.8 Создайте таблицу с заголовком, в соответствии с образцом табл. 3.4.

Таблица 3.4.Статистические данные

Виды объектов Среднее значениеРост Вес

Мужчины 174 78Женщины 165 56

3.9. Сделайте таблицу «Статистические данные» с разноцветными

ячейками, с разными шрифтами, цветным бордюром и разной шириной рамок.

3.10. Сделайте ширину таблицы «Статистические данные» в половину

экрана.

3.11. Вставьте в таблицу «Статистические данные» несколько

изображений разных форматов.

3.12. Создайте в таблице «Статистические данные» текстовую и

графическую гиперссылку на любой файл, например Zagadka.htm.


работе.





экранную копию файла Tabl.htm в экране браузера;


описание тэгов таблиц, использованных в работе.


Использование таблиц На практике таблицы часто используются, чтобы расположить текст в

несколько колонок на Web-странице. Кроме того, таблица, состоящая из одной

ячейки, может очень эффектно выделить фрагмент текста, на который нужно

обратить внимание читателя.

Программирование таблицТаблица задается тегом <TABLE> и заканчивается тегом... </TABLE>.

Внутри этих тэгов задаются строки тегами <TR> ... </TR>.

Внутри строк задаются клетки (ячейки) тегами

<TD> >описание содержимого ячейки</TD>

или

<TH>описание содержимого ячейки</TH>.

Тег <TD> применяется в тех случаях, когда в ячейке расположен

обычный текст. Тег <TH> применяется в тех случаях, когда в ячейке

расположен заголовок, т.е. текст должен быть выделен утолщенным шрифтом.

Любая ячейка таблицы может содержать в себе другую таблицу.

Таким образом, по строкам, описывается вся структура таблицы.

Пример программы типовой таблицы приведен ниже. Атрибут BORDER

определяет толщину линий таблицы.

<TABLE BORDER=1>  <CAPTION>  У таблицы может быть заголовок </CAPTION> <TR> 

<TD>  Первая строка, первая колонка </TD>  <TD>  Первая строка, вторая колонка </TD> 

</TR>  <TR> 

<TD>  Вторая строка, первая колонка </TD>  <TD>  Вторая строка, вторая колонка </TD> 

http://62.76.21.53/html/add/tags/html32.htm#TABLE

</TR>  </TABLE> 

Язык программирования HTML позволяет строить очень сложные по

структуре таблицы. Чтобы научиться строить таблицы любой сложности, надо

научиться строить базовые таблицы, которые условно названы Тип1, Тип 2,

Тип 3.

Таблицы типа 1 самые простые таблицы, т.к. содержат в каждой строке

одинаковое количество ячеек.

Таблицы типа 2 имеют ячейки, объединенные по вертикали (по столбцу).

Таблицы типа 3 имеют ячейки, объединенные по горизонтали (по строке).

Программирование таблицы типа 1.

Схема программирования таблицы типа 1 приведена на рис. 5.1. Таблица

программируется построчно, по две ячейке в каждой строке.

Рис. 5.1. Схема программирования таблицы типа 1

Программа таблицы типа 1 приведена ниже.

<TABLE border=1> <TR>  <TD width=100>(1,1)</TD>  <TD>(1,2)</TD>  </TR>

<TR>  <TD>(2,1)</TD>  <TD>(2,2)</TD>  </TR> <TR>  <TD>(3,1)</TD>  <TD>(3,2)</TD>  </TR></TABLE>


Схема программирования таблицы типа 2 приведена на рис. 5.2.

Поскольку в таблице типа 2 в первом столбце объединены две ячейки в

одну, то применен атрибут rowspan = n, который определяет, сколько

табличных строк (n) займет ячейка в пределах столбца.



<TABLE border=1> <TR>  <TD rowspan=2>(1,1)</TD>  <TD>(1,2)</TD> 

</TR> <TR>  <TD>(2,2)</TD>  </TR> <TR>  <TD>(3,1)</TD>  <TD>(3,2)</TD>  </TR></TABLE>


Схема программирования таблицы типа 3 приведена на рис. 5.3.

Поскольку в таблице типа 3 в первой строке объединены две ячейки в

одну, то применен атрибут colspan = n, который определяет, сколько

табличных столбцов (n) займет ячейка в пределах строки.



<TABLE border=1> <TR>  <TD colspan=2>(1,1)</TD>  </TR> <TR>  <TD>(2,1)</TD> 

<TD>(2,2)</TD>  </TR> <TR>  <TD>(3,1)</TD>  <TD>(3,2)</TD>  </TR></TABLE>

Атрибуты таблицВ табличных тегах применяется множество атрибутов, которые

разделяются по следующим уровням:

1) Атрибуты тега TABLE.

2) Атрибуты тега TR.

3) Атрибуты тега TD (TH).

Атрибуты тега TABLE

Атрибуты тега TABLE приведены в табл. 5.1.

Таблица 5.1.Атрибуты тега TABLE

Атрибут Назначениеalign= (left, right) Выравнивание по горизонталиwidth= (число или процент)

Ширина таблицы

cellpadding= (число) Расстояние между содержимым ячейки и рамкой cellspacing= (число) Расстояние между ячейками таблицыbgcolor= (цвет) Цвет фона таблицыbackground= (файл) Фоновая картинкаborder= (число) Ширина линий рамкиbordercolor= (цвет) Цвет линий рамкиbordercolordark= (цвет) Цвет рамки (снизу и справа)bordercolorlight= (цвет) Светлый цвет рамки (сверху и слева)

ALIGN

Устанавливает расположение таблицы по отношению к полям документа.

Допустимые значения: ALIGN=LEFT (выравнивание влево), ALIGN=CENTER

(выравнивание по центру), ALIGN=RIGHT (выравнивание вправо).

WIDTH

Ширина таблицы. Ее можно задать в пикселах (например, WIDTH=400) или

в процентах от ширины страницы (например, WIDTH=80%).

BORDER

Устанавливает ширину внешней рамки таблицы и ячеек в пикселах

(например, BORDER=4). Если атрибут не установлен, таблица показывается без

рамки.

CELLSPACING

Устанавливает расстояние между рамками ячеек таблицы в пикселах

(например, CELLSPACING=2).

CELLPADDING

Устанавливает расстояние между рамкой ячейки и текстом в пикселах

(например, CELLPADDING=10).

Таблица может иметь заголовок (<CAPTION> ... </CAPTION>), хотя

заголовок не является обязательным. Тег <CAPTION> может включать атрибут

ALIGN. Допустимые значения: <CAPTION ALIGN=TOP> (заголовок помещается

над таблицей) и <CAPTION ALIGN=BOTTOM> (заголовок помещается под

таблицей).

Атрибуты тега TR

Атрибуты тега TR приведены в табл. 5.2.

Таблица 5.2.Атрибуты тега TR

Атрибут Назначениеalign= (left, center, right) Выравнивание по горизонталиvalign=(top, center,bottom, baseline) Выравнивание по вертикали bgcolor= (цвет) Цвет фонаbordercolor= (цвет) Цвет линий рамкиbordercolordark= (цвет) Цвет рамки (снизу и справа)bordercolorlight= (цвет) Светлый цвет рамки (сверху и слева)

Каждая строка таблицы начинается с метки <TR> и заканчивается меткой

</TR>. Метка <TR> может включать следующие атрибуты:

ALIGN

Устанавливает выравнивание текста в ячейках строки. Допустимые

значения: ALIGN=LEFT (выравнивание влево), ALIGN=CENTER (выравнивание по

центру), ALIGN=RIGHT (выравнивание вправо).

VALIGN

Устанавливает вертикальное выравнивание текста в ячейках строки.

Допустимые значения: VALIGN=TOP (выравнивание по верхнему краю),

VALIGN=MIDDLE (выравнивание по центру), VALIGN=BOTTOM (выравнивание по

нижнему краю).

Атрибуты тега TD (TH)

Атрибуты тега TD (TH)приведены в табл. 5.3.

Таблица 5.3.Атрибуты тега TD (TH)

Атрибут Назначениеalign= (left, center, right) Выравнивание по горизонталиValign=(top, center,bottom, baseline)

Выравнивание по вертикали

Width= (число или процент) Ширина ячейки bgcolor= (цвет) Цвет фонаbackground= (файл) Фоновая картинкаbordercolor= (цвет) Цвет линий рамкиbordercolordark= (цвет) Цвет рамки (снизу и справа)bordercolorlight= (цвет) Светлый цвет рамки (сверху и слева)nowrap Выключение автоматического разрыва

строкcolspan= (число) Ширина большой ячейки (в столбцах)rowspan= (число) Высота большой ячейки (в строках)

Каждая ячейка таблицы начинается с метки <TD> и заканчивается меткой

</TD>. Метка <TD> может включать следующие атрибуты:

NOWRAP

Присутствие этого атрибута означает, что содержимое ячейки должно

быть показано в одну строку.

COLSPAN

Устанавливает "размах" ячейки по горизонтали. Например, COLSPAN=3

означает, что ячейка простирается на три колонки.

ROWSPAN

Устанавливает "размах" ячейки по вертикали. Например, ROWSPAN=2

означает, что ячейка занимает две строки.

ALIGN

Устанавливает выравнивание текста в ячейке. Допустимые значения:

ALIGN=LEFT (выравнивание влево), ALIGN=CENTER (выравнивание по центру),

ALIGN=RIGHT (выравнивание вправо).

VALIGN

Устанавливает вертикальное выравнивание текста в ячейке. Допустимые

значения: VALIGN=TOP (выравнивание по верхнему краю), VALIGN=MIDDLE

(выравнивание по центру), VALIGN=BOTTOM (выравнивание по нижнему краю).

WIDTH

Устанавливает ширину ячейки в пикселах (например, WIDTH=200).

HEIGHT

Устанавливает высоту ячейки в пикселах (например, HEIGHT=40).

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

пуста, а рамка нужна, в ячейку можно ввести символьный объект (non-

breaking space — неразрывающий пробел). Ячейка по-прежнему будет пустой, а

рамка вокруг нее будет.


6.1 Какой тэг задает строку в таблице?

6.2. Какой тэг задает ячейку в таблице?

6.3. Как объединить ячейки в строке таблицы?

6.4 Как объединить ячейки в колонке таблицы?

6.5. Как задается заголовок таблицы?

6.6. Как задается название таблицы?

6.7. Какой тэг задает начало и конец таблицы?

6.8. Какими тэгами форматируется текст, цвет, рамки таблицы?

Практическое занятие №25 "Создание личного сайта с помощью языка разметки документов HTML"

Тема "Самостоятельное создание сайта"


Научиться создавать простейшие сайты на основе HTML-

программирования.


Самостоятельно разработать простейший личный сайт, используя навыки

HTML-программирования, полученные в предыдущих практикумах.



группы и фамилией. Создайте папку «Личный сайт HTML», в которой будет

создаваться сайт.

3.2. Загрузите Блокнот.

3.3. Создайте в блокноте следующие файлы, содержащие структуру

HTML-документа:

index.htm – главная (стартовая или домашняя) страница сайта.

biogr.htm – файл, содержащий описание Вашей биографии.

albom.htm – файл, содержащий фотографии друзей.

frend1.htm – файл, содержащий фотографию и рассказ об одном из

друзей.

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

нижеприведенной схеме на рис. 3.1.

Внимание! Для сдачи зачета необходимо иметь личную

электронную фотографию, которая будет размещена в файле

index . htm .

3.4. В каждом файле создать таблицы и гиперссылки, в соответствии со

схемой.

3.5. В файле index.htm обязательно поместить личную фотографию. В

альбоме поместить фотографии студентов группы или друзей.

3.6. Заполнить контентом все созданные файлы.

3.7. Запустить в браузере файл index.htm и проверьте правильность

работы всех гиперссылок и размещение контента.

3.8. Отформатировать все файлы, сделав web-страницы разноцветными и

красивыми.

3.9. Сдать зачет по практической работе. Для этого необходимо

продемонстрировать работу личного сайта.

index.htmЛичная страница

Биография

Это я

Увлечения

Работа и учеба

Мои друзья

biogr.htmМоя биография1.2345

На главную страницу

albom.htm frend1.htmФотографии моих друзей Мой друг Иванов

Иванов Рассказ о друге

Петров

Сидоров

Перейти на главную страницу

Перейти на главную страницу Перейти на страницу альбома

Рис. 3.1. Схема сайта (стрелки обозначают гиперссылки)

Графическая гиперссылка

Практическое занятие №26 "Создание личного сайта с помощью Microsoft Word"



Научиться создавать простейшие сайты средствами текстового редактора

Word по методу WYSIWYG (является аббревиатурой от англ. What You See Is

What You Get, «что видишь, то и получишь»).


Самостоятельно разработать простейший личный сайт, аналогичный

сайту предыдущего практического задания № 25, используя навыки работы с

текстовым редактором Word.


3.1 На диске d:\Мои документы создать/открыть свою папку с номером

группы и фамилией. Создайте папку «Личный сайт Word», в которой будет

создаваться сайт.

3.2. Загрузите Microsoft Word.

3.3. Создайте в Microsoft Word следующие файлы, содержащие структуру

личного сайта:

index.htm – главная (стартовая или домашняя) страница сайта.

biogr.htm – файл, содержащий описание Вашей биографии.

albom.htm – файл, содержащий фотографии друзей.

frend1.htm – файл, содержащий фотографию и рассказ об одном из

друзей.

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

схеме на рис. 3.1, приведенной в предыдущем практическом задании № 25..

Внимание! Все файлы редактировать в текстовом

редакторе Word.

3.4. В каждом файле средствами Microsoft Word создать таблицы и

гиперссылки, в соответствии со схемой.

3.5. В файле index.htm обязательно поместить личную фотографию. В

альбоме поместить фотографии студентов группы или друзей.

3.6. Заполнить контентом все созданные файлы средствами Microsoft

Word.

3.7. Запустить в браузере файл index.htm и проверьте правильность

работы всех гиперссылок и размещение контента.

3.8. Отформатировать все файлы, сделав web-страницы разноцветными и

красивыми.

3.9. Сравните сложность и объем программного кода страниц сайта в

работах 25 и 26 в виде письменного отчета.

3.10. Сдать зачет по практической работе. Для этого необходимо

продемонстрировать работу личного сайта и сдать отчет по анализу

программных кодов сайтов в практикумах 25 и 26..

Практическое занятие № 27 "Создание виртуального кабинета"


1 Цель работы Научиться создавать простейшие wed-страницы корпоративного портала. 2 Задачи работы Самостоятельно разработать личную страницу в виртуальном кабинете маркетолога (менеджера, экономиста) в соответствии с Вашей специальностью.


3.1 На диске d:\Мои документы создать/открыть свою папку с номером группы и фамилией. Создайте папку «Виртуальный кабинет», в которой будет создаваться сайт.3.2. Макет образца личной страницы виртуального кабинета приведен на рис. 3.1. Допускаются любые отклонения от макета образца, улучшающие его дизайн или усложняющие его структуру и наполнение (по согласованию с преподавателем). Можно использовать шаблон из Интернета.

Внимание! Задание выполнить одним из двух методов по выбору студента:

в Блокноте, методом HTML -программирования; в Microsoft Word, методом WYSIWYG.

3.3. Создайте web-страницы виртуального кабинета на котором должны быть размещены: Шапка web-страницы с логотипом, тематическим названием главной страницы сайта, ФИО и фотография студента-разработчика.

Горизонтальное меню с корпоративными гиперссылками (не менее пяти). Рекомендуются дополнительные гиперссылки: Главная, Сотрудники, Документы, Рабочие группы, Общение, Сервисы, Компания, Вакансии, Каталог, Заказать, Помощь.

Вертикальное меню с гиперссылками виртуального кабинета. Рекомендуются дополнительные гиперссылки: Структура компании, Личная информация, Контактная информация, Задачи, Справочники, Книги, Законодательные документы, Отчеты, Форум, Планы, Графики, Должностные инструкции, Обучающие материалы, Фото, Блог,

Производственный календарь, Файлы, Архив, Дни рождения, Доска почета, Бизнес-процессы, Офисные программы, Информационные системы, Гарант, Интернет, Документооборот.

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

Подвал сайта для размещения копирайта. Не менее пяти страниц, открываемых по гиперссылкам. Типовой дизайн на всех страницах с выделением отдельных

элементов. Наличие графических элементов в тексте. Дизайн гиперссылок.

3.4. Сдать зачет по практической работе. Для этого необходимо продемонстрировать работу личного сайта. Обязательное условие выполнения практической работы – разместить на всех страницах сайта ваше ФИО.

Рис. 3.1. Макет личной страницы виртуального кабинета сотрудника

Практическое занятие №28 "Создание электронного учебника"



Научиться создавать простейшие электронные учебники, на основе

HTML-программирования.


Самостоятельно разработать электронный учебник в соответствии с

Вашей специальностью.


3.1 На диске d:\Мои документы создать/открыть свою папку с номером группы и фамилией. Создайте папку «Электронный учебник», в которой будет создаваться сайт.3.2. Макет образца личной страницы виртуального кабинета приведен на рис. 3.1. Допускаются любые отклонения от макета образца, улучшающие его дизайн или усложняющие его структуру и наполнение (по согласованию с преподавателем). Можно использовать шаблон из Интернета.

Внимание! Задание выполнить одним из двух методов по выбору студента:

в Блокноте, методом HTML -программирования; в Microsoft Word, методом WYSIWYG.

3.3. Создайте web-страницы электронного учебника на котором должны быть размещены:

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

Горизонтальное меню гиперссылками. Рекомендуются гиперссылки: Вперед, Назад, Выход, Перейти в начало.

Вертикальное меню с гиперссылками учебника. Рекомендуются гиперссылки: Содержание курса, Практическое задание, Словарь, Тест к уроку

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

элементов. Наличие графических элементов в тексте. Дизайн гиперссылок.

3.4. Сдать зачет по практической работе. Для этого необходимо продемонстрировать работу электронного учебника. Обязательное условие выполнения практической работы – разместить на всех страницах сайта ваше ФИО.

Рис. 3.1. Макет электронного учебника

Практическое занятие № 29 "Создание собственного микроблога в сервисе «Twitter»"



Научиться создавать собственный микроблог в сервисе «Twitter».


1. Зарегистрировать свой аккаунт и создать свой микроблог в сервисе «Twitter».

2. Научиться добавлять свои записи и читать записи других пользователей.

3. Научиться комментировать записи и отвечать на комментарии.4. Научиться вести заметки, обмениваться впечатлениями на интересные

ресурсы, фотографии и видео.5. Научиться настраивать интерфейс и дизайн в сервисе «Twitter», а также

использовать различные сервисы, чтобы улучшить записи и интерфейс блога.


3.1 На диске d:\Мои документы создать/открыть свою папку с номером группы и фамилией. Создайте папку «Twitter», в которой будут храниться необходимые материалы.3.2. Выучите следующие термины, которые используются в сервисе:

микроблог – сообщения в микроблоге должны включать не более 140 символов;

твит – короткие сообщения не более 140 символов, которые могут содержать ссылки;, которые Вы пишите;

ретвит – сообщение, которое Вы цитируете;

реплай (от англ. слова «Reply») – Ваш ответ на чье-то сообщение; фолловер (от англ. слова «follow») – пользователи, которые подписались

на обновления какого-то пользователя (эти обновления сразу показываются после входа в аккаунт, в виде ленты сообщений);

хэш-теги – используются для быстрого поиска сообщений по определенной теме (они пишутся только латинскими буквами и перед ними ставится символ #).

3.3. Зайдите на сайт сервиса по адресу http://twitter.com (рис. 3.1), и изучите всю имеющуюся справочную информацию.3.4. Выполните регистрацию в сервисе «Twitter». Для этого выполните процедуру регистрации. Подтвердите учетную запись.3.5. Для создания первоначальной ленты новостей, подпишитесь на получение пяти твитов от любых известных и интересных Вам блоггеров, которые

http://twitter.com/

предложит сервис (рис. 3.2). Позже Вы сможете их изменить.

Рис. 3.1. Стартовое окно сервиса «Twitter».

Рис. 3.2. Стартовое окно подписки на получение твитов от известных блоггеров

3.6. Затем сервис предложит Вам выбрать категорию темы подписки и предложит свои рекомендации (рис. 3.3). Сделайте свой выбор.3.7. На следующей странице сервис предложит найти Ваших друзей, зарегистрированных на электронной почте (рис. 3.4). Если они

Ссылки для помощи и справочной информации

Окно регистрации

Окно входа

зарегистрированы в сервисе «Twitter», то можно читать их сообщения (рис. 3.5). Сделайте свой выбор.

Рис. 3.3. Стартовое окно подписки по тематическим категориям

Рис. 3.4. Окно поиска друзей

Рис. 3.5. Окно выбора друзей

3.8. В следующей странице введите персональные данные (рис. 3.6) и нажмите кнопку «Готово».

Рис. 3.6. Ввод персональных данных в завершающем окне регистрации аккаунта

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

Рис. 3.7. Главная страница сервиса «Twitter» после регистрации аккаунта

3.10. Чтобы обработать сообщение в ленте новостей, наведите курсор на сообщение, и в нижней части сообщения появится горизонтальное меню для выбора действий (рис. 3.8).

Поле ввода твита

Вызов меню настроек

Рис. 3.8. Меню для выбора действий пользователя по обработке сообщения

3.11. Чтобы написать твит, поместите курсор в поле для написания твита (рис. 3.7). Раскроется форма ввода твита (рис. 3.9). Запишите ваше сообщение и нажмите кнопку «Твитнуть». Убедитесь, что Ваш твит попал в ленту новостей. Создайте еще четыре твита.

Рис. 3.9. Поле ввода твита

3.11. Научитесь использовать сервисы для укорачивания длинных ссылок. Например, Вы хотите в своем твите вставить вот такую ссылку длиной 83 символа:http://maps.google.ru/?ie=UTF8&ll=55.753872,37.62031&spn=0.003242,0.006899&t=h&z=17.В этом случая ссылка будет занимать большую часть сообщения (длина сообщения в твите не должна превышать 140 символов) и останется слишком мало места для текста. Чтобы вставить такую ссылку в сообщение, надо воспользоваться сервисом по укорачиванию ссылки. В интернете существует множество сервисов по укорачиванию ссылок. Один из наиболее популярных сервисов расположен по адресу http://bit.ly. Перейдите на этот сервис.3.12. На странице сайта bit.ly найдите окно (рис. 3.10) для ввода ссылки, которую надо укоротить.

Рис. 3.10. Поле для ввода длинной ссылки, которую надо укоротить, на сервисе bit.ly

3.13. Для примера, введите вышеуказанную ссылку в это поле. После ввода ссылки появится кнопка «Shorten» (рис. 3.11). Нажмите эту кнопку.

Рис. 3.11. Поле ввода с введенной длинной ссылкой, которую надо укоротить, на сервисе bit.ly

3.14. В результате сервис укоротит длинную ссылку до 20 символов, как показано на рис. 3.12. Скопируйте эту укороченную ссылку и вставьте в твит. Проверьте работоспособность укороченной ссылки в Вашем твите.

Рис. 3.12. Поле ввода с укороченной длинной ссылки, которую надо укоротить, на сервисе bit.ly

3.15. Самостоятельно найдите в Интернете другой сервис по укорачиванию ссылок и проверьте его работу. 3.16. Изучите сервис «twitpic», расположенный по адресу https :// twitpic . com . Этот сервис позволяет связать Ваш аккаунт в сервисе «Twitter» и размещать фотографии и видео с комментариями в твитах. Зайдите на сервис по адресу https :// twitpic . com . На странице сайта «twitpic» найдите окно загрузки фотографий и видео (рис. 3.13) и щелкните по нему.

https://twitpic.com/

https://twitpic.com/

Рис. 3.13. Окно загрузки фотографий и видео в сервисе «twitpic»

3.17. Появится окно ввода фото- и видеоматериалов (рис. 3.14). Нажмите кнопку «Select Media» для выбора загружаемого файла на вашем диске. Заполните комментарием поле «Caption» и нажмите кнопку «Upload». Убедитесь, что в сервисе «Twitter» появился твит со ссылкой на загруженный файл.

Рис. 3.14. Окно ввода фото- и видеоматериалов

Кнопка для выбора загружаемого файла

Кнопка загрузки

Поле для комментариев

3.18. В Интернете размещены множество приложений для сервиса «Twitter», которые позволяют расширить его функциональные возможности и улучшить дизайн. Найдите эти приложения в поисковой системе, используя ключевые слова:

Тви-клиент; Твиттер-клиент; Twitter-клиент; Twitter Clients; Лучшие Твиттер клиенты.

Используйте найденные приложения для создания уникального дизайна на Вашей страничке и для расширения функциональных возможностей сервиса «Twitter».3.19 . Сдать зачет по практической работе. Продемонстрируйте дизайн сервиса«Twitter» и использованные приложения.

Как изменить учетную запись? Как найти друзей? Какие приложения можно использовать? Перечислите все функции сервиса. Как добавить и удалить друзей? Что такое «Списки» и как с ними работать? Где на странице размещены хэш-функции и как использовать?

Практическое занятие № 30 "Выбор коммерческой тематики сайта, зарабатывающего на контекстной рекламе"



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


1. Научиться использовать сервис сервисе «Google Adwords» для подбора наиболее эффективных ключевых слов тематики сайта.

2. Научиться использовать сервис сервисе «Яндекс» для подбора наиболее эффективных ключевых слов тематики сайта.

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


3.1 На диске d:\Мои документы создать/открыть свою папку с номером группы и фамилией. Создайте папку «Google Adwords», в которой будет создаваться сайт.3.2. Откройте браузер и введите адрес https :// adwords . google . com . В результате загрузится бесплатный Интернет-сервис «Google Adwords», как показано на рис. 3.1. Изучите всю справочную информацию на странице. Пройдите процедуру создания аккаунта Google, нажав кнопку «Начать». После получения аккаунта, войдите в данный сервис.3.3. В результате откроется страница сервиса (рис. 3.2), в которой необходимо изучить всю имеющуюся информацию.3.3. Прежде чем создавать сайт, сначала надо выбрать коммерческую тему сайта, которая должна удовлетворять следующим условиям:

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

на рынке по этой тематике должен быть средний уровень конкуренции; средняя стоимость клика мышкой посетителем вашего сайта по

размещенной рекламе должна быть в диапазоне 20 – 100 рублей/клик (при стоимости меньше 20 руб. – сайт будет иметь слишком низкую доходность, а в диапазоне более 100 руб. – слишком высокая конкуренция, при которой новичкам очень сложно добиться известности);

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

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

3.4. Чтобы вызвать сервис по подбору ключевых слов, откройте закладку «Инструменты и анализ» (рис. 3.2), и выберите из меню пункт «Инструмент подсказки ключевых слов» (рис. 3.3).

Рис. 3.1. Стартовое окно Интернет-сервиса «Google Adwords»

Рис. 3.2. Стартовая страница Интернет-сервиса «Google Adwords»

Кнопка «Начать» для

создания аккаунта

Закладка «Инструменты и

анализ»

Вход в сервис

3.5. На рис. 3.4 показана страница для выбора ключевых слов. Настройте дополнительные параметры – выберите язык и страну. Настройте видимость столбцов отчета с результатами анализа, как показано на рис. 3.5.

Рис. 3.3. Выбор в закладке «Инструменты и анализ» пункта меню «Инструмент подсказки ключевых слов»

Поле ввода ключевых слов для

анализа

Настройка дополнительных

параметровНастройка

видимости столбцов отчета

Кнопка «Поиск»

Пункт меню «Инструмент подсказки ключевых слов»

Меню закладки «Инструменты и

анализ»

Рис. 3.4. Страница подбора ключевых слов

Рис. 3.5. Настройка видимости столбцов отчета с результатами анализа

3.6. В поле ввода ключевых слов (рис. 3.4) введите, например, «выращивание овощей» (рис. 3.6) и нажмите кнопку «Поиск» (рис. 3.4).

Рис. 3.6. Ввод ключевых слов для анализа

3.7. В нижней части страницы откроется таблица с результатами анализа введенных ключевых слов (рис. 3.7). Из таблицы видно, что такая тематика

имеет низкую конкуренцию в связи с низким спросом. Стоимость за клик посетителя по контекстной рекламе колеблется в диапазоне 3..4 рубля, что говорит о низкой доходности сайта при такой тематике.

Рис. 3.7. Результаты анализа по ключевым словам «Выращивание овощей»

3.8. Для сравнения введите ключевые слова «ремонт мебели» (рис. 3.8). Из отчета видно, что доходность такой тематики гораздо выше. Конкурентность тоже выше в связи с более высоким интересом пользователей Интернета. По такой тематике новичку можно посоветовать открыть сайт.3.9. Если ввести ключевое слово «форекс» (рис. 3.9), то можно увидеть, что доходность такой тематики сайта еще выше, но и конкурентность более высокая. По такой тематике новичку сложно стать конкурентоспособным и обеспечить получение высокого дохода от контекстной рекламы.3.10. Самостоятельно выберите тематику коммерческого сайта. Рассмотрите не менее 5 вариантов. Все варианты подбора ключевых слов скопируйте в отчет по практикуму (можно с использованием «Print Screen»). Письменно обоснуйте свой выбор тематики сайта. Если возникнут затруднения с подбором ключевых слов, перейдите на сайт сервиса «Rambler тор100» по адресу

http://top100.rambler.ru, на котором размещены каталоги наиболее популярных бизнес-направлений (рис. 3.10).

Рис. 3.8. Результаты анализа по ключевым словам «ремонт мебели»

http://top100.rambler.ru/

Рис. 3.9. Результаты анализа по слову «форекс»

Рис. 3.10. Окно сервиса «Rambler тор100»

3.11. Проверьте обоснованность выбора тематики сайта с помощью сервиса «Яндекс. Статистика ключевых слов». Перейдите на этот сервис по адресу http://wordstat.yandex.ru. Введите, например, ключевые слова «ремонт мебели» (рис. 3.11). Сравните количество показов с результатами сервиса «Google Adwords» (рис. 3.8).3.12. Оцените все пять вариантов ключевых слов по количеству показов в сервисе «Яндекс. Статистика ключевых слов». Сравните полученные результаты с данными сервиса «Google Adwords». Результаты сведите в таблицу, приведенную ниже. Сделайте в конце таблицы окончательный вывод по выбору тематики сайта.

http://wordstat.yandex.ru/

Рис. 3.11. Окно сервиса «Яндекс. Статистика ключевых слов»

Таблица – Сравнение результатов анализа ключевых слов в сервисах «Google Adwords» и «Яндекс. Статистика ключевых слов»

№ варианта

Ключевые слова

Сервисы

Google Adword

Яндекс. Статистика ключевых

слов

Уровень конкуренции

Кол-во запросов в месяц

Приблизительная цена за клик, руб.

Показов в месяц

12345

ВЫВОДЫ: Наиболее предпочтительная тематика сайта, зарабатывающего на контекстной рекламе, связана с ключевыми словами _____________________Вариант № ____

Практическое занятие № 31 "Подготовка статей для сайта"



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


1. Научиться получать статистику ключевых слов в статье.2. Научиться создавать релевантный контент и оптимальную плотность

ключевых слов3. Научиться оценивать уникальность текста в статье.4. Научиться писать для сайта статьи с оптимизацией их по уникальности

и статистике ключевых слов.


3.1 На диске d:\Мои документы создать/открыть свою папку с номером группы и фамилией. Создайте папку «Антиплагиат», в которой будет создаваться отчет по практикуму.3.2. При написании статей для сайта, необходимо, чтобы они соответствовали следующим обязательным требованиям:

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

Статья должна хорошо индексироваться поисковыми системами. Для этого процент ключевых слов в статье не должно превышать 5% (рекомендуемый диапазон 3-5%). В противном случае также возможна блокировка сайта поисковыми системами;

Чтобы привлечь максимальное количество посетителей, подберите ключевые слова для статьи, имеющие повышенное количество запросов в поисковых системах. Для этого используйте сервисы «Яндекс. Статистика ключевых слов» и «Google Adwords».

3.3. Используются следующие способы написания статей для сайта: Написать статью лично. Этот способ применяется, если Вы отлично

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

Написать статью способом «рерайтинг» (от англ.: rewriting — переписывание). Для этого надо найти в Интернете несколько профессиональных статей, изучить их, и написать по памяти свою статью

на основании изученного материала. В этой области существуют платные услуги.

Написать статью способом «копирайтинг» (от англ.: copywriting — написание текстов). В этом случае статья покупается на бирже статей. Статьи для таких бирж пишут так называемые копирайтеры, которые являются профессионалами в своей области. Приобрести статью можно на многочисленных биржах статей, которые Вы сами сможете найти в интернете. Например, одна из популярных бирж статей расположена по адресу http://www.textsale.ru. Задание: Найдите в Интернете биржу статей (биржу копирайтеров). Найдите количество имеющихся статей по вашей тематике и диапазон цен. Отразите в отчете результаты проведенных исследований. Опишите в отчете функции сайта, перечень и стоимость услуг.

Написать статью способом «SEO-копирайтинг». SEO – это аббревиатура английских слов Search Engines Optimization, что в переводе означает «поисково-машинная оптимизация», или сокращенно – «поисковая оптимизация. SEO-копирайтинг – означает написание SEO-статей, т.е. написание оптимизированных статей, хорошо индексируемы[ поисковыми системами и повышающие рейтинг сайта в выдачах поисковых систем. SEO-статьи, как правило пишутся на заказ и имеют повышенную стоимость. Задание: Найдите сайт SEO-копирайтинга. Изучите систему заказа SEO-статей и их стоимость по Вашей тематике. Отразите в отчете результаты проведенных исследований. Опишите в отчете функции сайта, перечень и стоимость услуг.

3.4. Рекомендуемый объем статьи для сайта находится в диапазоне 1000 - 3000 символов. Если статья будет объемом более 3000 символов, то она будет слишком длинная, трудоемкая для чтения, и, как показывает опыт, такие статьи практически не читают. Статьи менее 1000 символов, как правило, малоинтересны и малосодержательны, т.к. в них не удается раскрыть тему достаточно подробно и содержательно для пользователя. Поэтому, необходимо уметь получать статистику по статье, чтобы корректировать ее объем, прежде чем разместить на сайте. Статистику по объему статьи можно получать двумя способами:

используя функции Word (меню «Рецензирование – Статистика»); используя соответствующие сервисы в Интернете.

3.5. Задание: Подготовьте текстовый материал. Откройте его в редакторе Word. Откройте меню «Рецензирование» и выберите пункт «Статистика» (рис. 3.1.). Получите статистику по материалу и внесите ее в отчет.3.6. Задание: Подготовьте текстовый материал. Откройте в Интернете сервис по адресу http://pr-cy.ru/textlength (рис. 3.2). Загрузите в окно текст и нажмите кнопку «Подсчитать». В нижней части окна отобразится

http://pr-cy.ru/textlength

http://www.textsale.ru/

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

Рис. 3.1. Получение статистики по статье в редакторе Word

Кнопка«Подсчитать» Окно загрузки текста

Статистика по статье

Рис. 3.2. Получение статистики по статье на сервисе pr-cy

3.7. Для того, чтобы поисковые системы индексировали статью без проблем, необходимо провести анализ плотности ключевых слов. Задание: Подготовьте текстовый материал. Откройте в Интернете сервис по адресу http://site-submit.com.ua/ru/servis_analizing2 (рис. 3.3). Загрузите в окно текст и нажмите кнопку «Анализировать». В нижней части окна отобразится статистика плотности ключевых слов в тексте. При необходимости, подкорректируйте статью таким образом, чтобы плотность слов не превышала 5%. Внесите полученные результаты в отчет. Опишите в отчете функции сайта, перечень и стоимость услуг.

Рис. 3.3. Получение статистики по статье на сервисе «SEO service»

3.8. После подготовки статьи, необходимо проверить ее на уникальность. Для этого можно использовать специальную программу «Advego Plagiatus», которую можно бесплатно скачать по адресу http://advego.ru/plagiatus. Установите и запустите эту программу. Для проверки уникальности текста достаточно загрузить текст в окно программы и запустить процедуру проверки уникальности (рис. 3.4). После анализа текста, программа даст оценку уровня уникальности в окне «Проверка документа». Не уникальные предложения в

Результаты анализа

Кнопка«Анализировать»

Окно загрузки текста

http://advego.ru/plagiatus

тексте, взятые из чужих материалов, программа выделит желтым цветом (рис. 3.4). Если статья не уникальна, необходимо переработать подчеркнутые желтым цветом предложения и снова проверить на уникальность. Статьи на сайте необходимо размещать с уровнем уникальности 100%.

Рис. 3.4. Результаты проверки текста на уникальность в программе «Advego Plagiatus»

3.9. Задание: Подготовьте текстовый материал. Для проверки уникальности статьи, загрузите текст в окно программы и запустите

процедуру проверки уникальности. Если статья не уникальна, переработайте ее до уровня уникальности 100%. Внесите полученные результаты в отчет. Опишите в отчете функции сайта http://advego.ru, перечень и стоимость услуг.

Практическое занятие №32 "Создание сайта на бесплатном сервисе «Google – сайты»"



Научиться создавать сайты на бесплатном Интернет-сервисе «Google –

сайты».


Создать сайт на бесплатном Интернет-сервисе «Google – сайты».


3.1 На диске d:\Мои документы создать/открыть свою папку с номером группы и фамилией. Создайте папку «Google – сайты», в которой будет создаваться сайт.3.2. Откройте браузер и введите адрес https://sites.google.com . В результате загрузится бесплатный Интернет-сервисе «Google – сайты», как показано на рис. 3.1.

Рис. 3.1. Стартовое окно Интернет-сервиса «Google – сайты»

Кнопка для регистрации аккаунта

Кнопка входа в сервис

https://sites.google.com/

3.3. Выполните процедуру регистрации своего аккаунта, нажав кнопку «Зарегистрироваться», расположенную в правом верхнем углу web-страницы. 3.4. После регистрации осуществите вход в сервис «Google – сайты». Для этого введите данные своего аккаунта и кликните по кнопке «Войти».3.5. На открывшейся странице (рис. 3.2) познакомьтесь со всей справочной информацией и нажмите кнопку «Создать», чтобы перейти к процедуре создания сайта.

Рис. 3.2. Окно Интернет-сервиса «Google – сайты» с кнопкой «Создать»

3.6. В результате появится новое окно (рис. 3.3), предназначенное для настройки будущего сайта. Сначала выберите шаблон сайта. Рекомендуется выбрать шаблон из галереи дополнительных шаблонов, которую можно вызвать по ссылке «Просмотреть дополнительные шаблоны» (рис. 3.3). Зайдите по этой ссылке в галерею шаблонов сайта.3.7. В открывшемся окне (рис. 3.4) выберите категорию в левой колонке, и сам шаблон в правой части окна. Выберите шаблон и кликните по нему для перехода на страницу описания и более подробного его рассмотрения.3.8. На странице описания шаблона (рис. 3.5) кликните на ссылку «Preview template», чтобы посмотреть шаблон в натуральную величину. 3.9. Страница с шаблоном откроется в новой вкладке браузера (рис. 3.6). Если этот шаблон понравился и принято решение по его выбору, кликните по кнопке «Использовать шаблон».3.10. После выбора шаблона, произойдет возврат на страницу настроек сайта (рис. 3.3). Дайте название сайту в поле ввода «Укажите название сайта». 3.11. На следующем шаге надо сформировать адрес будущего сайта в сети Интернет. Первая часть адреса сайта (рис. 3.3) формируется автоматически в виде: https://sites.google.com/site/. В следующем поле страницы добавьте конечную часть адреса будущего сайта.

Кнопка «Создать»

Справочная информация



https://sites.google.com/site/

Внимание! Сервис автоматически введет свой вариант адреса, созвучный названию сайта. Рекомендуется принять этот вариант.

Рис. 3.3. Окно Интернет-сервиса «Google – сайты» с настройкой будущего сайта

3.12. Выберите тему цветового оформления будущего сайта. Для этого нажмите соответствующую ссылку (рис. 3.3). Выберите цветовую схему из предложенного списка.3.13. Введите специальный проверочный код в соответствующем поле (рис. 3.3).3.14. После ввода всех настроечных параметров, нажмите кнопку «Создать» (рис. 3.3) для создания сайта.3.15. В результате откроется страница созданного сайта (рис. 3.7). В верхней части страницы, на горизонтальной панели, размещены кнопки для

Ссылка на галерею дополнительных шаблонов сайта

Поле ввода названия сайта

Окно формирования адреса сайта в сети Интернет

Ссылка выбора темы цветового оформления будущего сайта

Поле ввода специального проверочного кода

Кнопка «Создать»

редактирования содержимого сайта. Нажмите кнопку «Изменить страницу».3.16. В верхней части страницы (рис. 3.8) появится панель с инструментами для редактирования страницы.

Рис. 3.4. Окно Интернет-сервиса «Google – сайты» для выбора шаблона будущего сайта

Категории шаблонов сайтов

Шаблоны сайтов

Рис. 3.5. Окно Интернет-сервиса «Google – сайты» с описанием шаблона будущего сайта

Рис. 3.6. Окно Интернет-сервиса «Google – сайты» с открытым шаблоном в натуральную величину

Ссылка «Preview template», для просмотра шаблона в натуральную величину

Кнопка «Использовать шаблон»

Рис. 3.7. Окно созданного сайта в Интернет-сервисе «Google – сайты»

Рис. 3.8. Окно созданного сайта в Интернет-сервисе «Google – сайты»

3.17. Самостоятельно изучите все инструменты, предназначенные для создания сайта. Используйте справочную информацию, которую можно получить,

Кнопка «Изменить страницу»

Кнопка «Создать страницу»

Кнопка «Дополнительные действия»

Панель инструментов для редактирования страниц сайта

кликнув по кнопке (рис. 3.9). В результате появится страница со справочной информацией (рис. 3.10).

Рис. 3.9. Кнопка справочной информации

3.18. Создайте дополнительно пять web-страниц. Заполните контентом все страницы созданной сайта 3.19. Обязательное условие выполнения практической работы – разместить на всех страницах сайта ваше ФИО3.20. Сдать зачет по практической работе. Для этого необходимо продемонстрировать работу сайта.

Рис. 3.10. Страница со справочной информацией

Практическое занятие № 33 "Создание сайта на бесплатном сервисе «Яндекс.Народ»"



Научиться создавать сайты на бесплатном Интернет-сервисе «Яндекс.Народ».


Создать сайт на бесплатном Интернет-сервисе «Яндекс.Народ».


3.1 На диске d:\Мои документы создать/открыть свою папку с номером группы и фамилией. Создайте папку «Яндекс-Народ», в которой будет создаваться сайт.3.2. Создайте свой аккаунт в Яндексе на электронной почте. 3.3. Откройте браузер и введите адрес https:// narod.yandex.ru . . В результате загрузится бесплатный Интернет-сервисе «Яндекс.Народ», как показано на рис. 3.1.

Рис. 3.1. Стартовое окно Интернет-сервиса «Яндекс.Народ»

Ссылка «Помощь»

Ссылка для создания сайта

http://isearch.babylon.com/?as=5&s=web&babsrc=SP_ss_cr&q=narod.yandex.ru

3.4. Изучите всю справочную информацию о сервисе, кликнув ссылку «Помощь» (рис. 3.1). В справочном окне сервиса (рис. 3.2) внимательно изучите все возможности сервиса по следующим вопросам:

загрузка и хранение файлов на сервисе; общие возможности и ограничения при использовании бесплатного

хостинга и создании сайта; как создать сайта с помощью Конструктора сайтов; как редактировать сайт в Мастерской сервиса; как удалить сайт; как защитить свой сайт и персональные данные.

Рис. 3.2. Окно помощи со справочной информацией об Интернет-сервисе

«Яндекс.Народ»

3.5. Нажмите ссылку «Создайте свой сайт» (рис. 3.1).. На открывшейся странице (рис. 3.3) Вы увидите две зоны, предназначенные для управления сайтом и загрузки файлов. Нажмите кнопку «Редактировать» (рис. 3.3), чтобы перейти к процедуре создания сайта.3.6. В результате появится новое окно (рис. 3.4) с Конструктором сайта, которое позволит выбрать:

специфику сайта; подобрать оформление;

внести индивидуальные элементы.

Рис. 3.3. Окно Интернет-сервиса «Яндекс.Народ» для редактирования сайта и загрузки личных файлов на сервис

Кнопка «Редактировать»

Рис. 3.4. Окно Интернет-сервиса «Яндекс.Народ» для выбора специфики сайта 3.7. В открывшемся окне (рис. 3.4) предлагается выбрать один из следующих четырех типов будущего сайта предложенных сервисом «Яндекс.Народ»:

Коммерческий – предназначен для создания сайта для частного предпринимателя или небольшой организации;

Персональный – предназначен для тех, кто хочет создать персональную страничку в сети Интернет;

Фан-клуб – предназначен для создания сайта, посвященного спортивной (музыкальной или любой другой) группе, фильму, актеру или любому другому интересному и познавательному объекту;

Tabula rasa (лат. «чистая доска») – предназначен для создания сайта любого типа.

3.8. Выберите тип сайта «Персональный» для создания странички начинающего менеджера (или экономиста), и кликните по кнопке «Дальше».3.9. Откроется страница (рис. 3.5), в которой предлагается ввести название сайта, выбрать логотип и готовые шаблоны страниц сайта.

http://ru.wikipedia.org/wiki/%D0%9B%D0%B0%D1%82%D0%B8%D0%BD%D1%81%D0%BA%D0%B8%D0%B9_%D1%8F%D0%B7%D1%8B%D0%BA

Рис. 3.5. Окно Интернет-сервиса «Яндекс.Народ» для ввода названия, выбора логотипа и шаблонов страниц сайта

3.10. Введите название сайта, например, «Я менеджер». Подготовьте и выберите графическое изображение с логотипом (или вашей фотографией) для сайта, используя кнопку «Обзор» и Проводник для поиска файла с изображением. Выберите все страницы сайта (рис. 3.6). Нажмите кнопку «Дальше».

Поле ввода названия сайтаКнопка

«Обзор»

Готовый комплект страниц сайта

Рис. 3.6. Окно Интернет-сервиса «Яндекс.Народ» после ввода названия, выбора логотипа и шаблонов страниц сайта

3.11. В следующем окне требуется решить все вопросы, связанные с дизайном сайта (рис. 3.7). Для этого надо выбрать:

цветовую гамму (список слева); шрифт (список слева); макет сайта (поле справа).

3.12. Выберите, например, тип оформления «Строгий», Шрифт «Arial».3.13. Выберите макет с двумя колонками (слева широкая колонка, справа – узкая). Нажмите кнопку «Начать заполнять».3.14. Откроется окно (рис. 3.8), предназначенное для заполнения контентом страниц сайта. В верхней части страницы расположена панель Конструктора сайта. Увеличенный фрагмент панели Конструктора приведен на рис. 3.9. На панели размещены пиктограммы блоков контента, которые можно разместить на страницах сайта, путем перетаскивания их мышкой в нужную часть макета. Например, найдите пиктограмму блока «Текст». Изучите остальные пиктограммы, размещенные на закладках «Медиа», «Общение» и др.3.15. Первоначально откроется страница «Главная» (рис. 3.8). Для заполнения контентом этой страницы, перенесите мышкой пиктограммы блоков в нужное поле макета. Например (рис. 3.10), перенесите блок «Текст» в правую колонку

Кнопка «Дальше»

Выбранный логотип сайта

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

Рис. 3.7. Окно Интернет-сервиса «Яндекс.Народ», предназначенное для выбора варианта оформления и макета сайта

Варианты цветового оформления сайта

Варианты шрифтов

Варианты макетов

Кнопка «Начать заполнять»

Пиктограммы блоков контента для

размещения на страницах сайта

Панель Конструктора сайта

Рис. 3.8. Окно Интернет-сервиса «Яндекс.Народ», предназначенное для заполнения контентом страниц сайта

Рис. 3.9. Увеличенный фрагмент панели Конструктора сайта

Пиктограмма блока «Текст», которую

можно перенести в любую часть макета

страницы

Ссылка «Управление страницами» для

выбора страницы сайта с целью ее

редактирования

Рис. 3.10. Перенос блока «Текст» в правую колонку страницы сайта

3.16. После двойного клика мышкой по окну ввода текста, откроется форма ввода текста с панелью инструментов для редактирования контента (рис. 3.11). Введите пробный текст, например, «Я менеджер компании «Микос» и нажмите копку «Готово». Обратите внимание, что текст можно автоматически разместить на всех страницах, если поставить флажок в левом нижнем углу формы.

Окно ввода текста

Блок «Текст»

Кнопка «Посмотреть»

Кнопка «Опубликовать»

Рис. 3.11. Форма ввода текста с панелью инструментов для редактирования

3.17. Чтобы перейти к редактированию другой страницы сайта, нажмите ссылку «Управление страницами» (рис. 3.9). В результате откроется окно со списком окон (рис. 3.12). Щелкните по нужной странице для перехода на нее с целью заполнения контентом.3.18. Чтобы посмотреть результаты ввода контента и как выглядит страница сайта, нажмите кнопку «Посмотреть» (рис. 3.9).3.19. Для публикации сайта (т.е. размещения его в Интернете), предназначена кнопка «Опубликовать» (рис. 3.9). Эту кнопку следует нажать, когда сайт будет полностью готов.3.20. Самостоятельно заполните все страницы сайта. Используйте справочную информацию для решения всех вопросов. 3.21. Установите ссылки внутри сайта и на внешние объекты.3.22. Заполните контентом все страницы сайта и опубликуйте его. 3.23. Обязательное условие выполнения практической работы – разместить на всех страницах сайта ваше ФИО.

Флажок для автоматического

размещения текста на всех страницах

Рис. 3.12. Окно выбора страницы сайта для редактирования

3.24. Самостоятельно создайте и опубликуйте новый сайт типа «Коммерческий», общим объемом не менее 5 взаимосвязанных страниц. Обязательное условие выполнения практической работы – разместить на всех страницах сайта ваше ФИО.3.25. Самостоятельно создайте и опубликуйте новый сайт типа «Tabula rasa» на учебно-профессиональную тему общим объемом не менее 5 взаимосвязанных страниц. Обязательное условие выполнения практической работы – разместить на всех страницах сайта ваше ФИО.3.26. Сдать зачет по практической работе. Для этого необходимо продемонстрировать работу всех трех типов сайтов, созданных лично Вами.

Практическое занятие № 34 "Создание сайта на бесплатном сервисе «Ucoz»"



Научиться создавать сайты на бесплатном Интернет-сервисе «Ucoz».


Создать сайт на бесплатном Интернет-сервисе «Ucoz».


3.1 На диске d:\Мои документы создать/открыть свою папку с номером группы и фамилией. Создайте папку «ucoz», в которой будет создаваться сайт.3.2. Откройте браузер и введите адрес https :// ucoz.ru. . В результате загрузится бесплатный Интернет-сервис «Ucoz», как показано на рис. 3.1.

Рис. 3.1. Стартовое окно Интернет-сервиса «Ucoz»

3.3. Изучите всю справочную информацию о сервисе. Пройдите тур по системе Познакомьтесь с примерами сайтов, сделанных в сервисе Ucoz.

Тур по системе

Ссылка для регистрации

Примеры сайтов, сделанные в Ucoz

Кнопка «Создать

сайт»

3.4. Нажмите кнопку «Создать сайт» (рис. 3.1). Откроется окно регистрации пользователя (рис. 3.2). Пройдите всю процедуру регистрации и нажмите в нижней части страницы кнопку «Регистрация».

Рис. 3.2. Окно регистрации в Интернет-сервисе «Ucoz»

3.5. В следующем окне (рис. 3.3) надо ввести адрес сайта и код безопасности. Для примера, в окне ввода адреса сайта введено «dtnppp». Вместо этого названия введите свой логин или любое другое название. Заполните окно ввода кода безопасности и нажмите кнопку «Продолжить».3.6. В следующем окне (рис. 3.4) введите название сайта и выберите дизайн сайта. При выборе дизайна откроется окно (рис. 3.5), которое содержит более 250 шаблонов. Выберите любой шаблон и нажмите кнопку «Продолжить».3.7. Откроется окно выбора модулей для будущего сайта (рис. 3.6). Выберите четыре модуля. Для этого поставьте напротив них галочку. Нажмите кнопку «Продолжить».3.8. В результате откроется панель администратора (рис. 3.7.), в которой Вы сможете управлять сайтом. Панель разделена на четыре основные зоны:1. Верхнее горизонтальное меню, которое содержит все инструменты настройки и управления сайтом.2. Список модулей сайта. Во вкладке «Активные» приведены подключенные модули, а во вкладке «Не активные» – не подключенные модули.

3. Панель наиболее часто используемых функций из горизонтального меню.4. Панель со справочной информацией о сайте.

Рис. 3.3. Окно ввода адреса сайта

Рис. 3.4. Окно ввода названия сайта и выбора дизайна сайта

Рис. 3.5. Окно выбора дизайна сайта

Рис. 3.6. Окно выбора модулей сайта

Рис. 3.7. Панель администратора сайта1. Верхнее горизонтальное меню; 2. Список модулей сайта 3. Панель часто используемых функций; 4. Панель со справочной информацией о сайте.

1

2

3

4

3.9. Познакомьтесь с содержимым всех панелей. В панель администратора всегда можно вернуться из горизонтального меню «Общее» – «Главная страница» (рис. 3.8).

Рис. 3.8. Пункты горизонтального меню «Общее»

3.10. Чтобы перейти на созданный сайт, снова зайдите в меню «Общее» (через новую вкладку) и щелкните по второму пункту меню с адресом сайта (рис. 3.8). На сайт можно также перейти из панели администратора №4 (рис. 3.7).

Вход на панель администратора

Вход на сайт

Рис. 3.9. Окно сайта не заполненного контентом

3.11. На рис. 3.9 показано окно сайта, который надо заполнить контентом. Изучите меню, расположенное в верхней части сайта. Обратите внимание на меню «Конструктор», с помощью которого можно редактировать страницы. Чтобы вернуться в административную панель, выберите в меню «Общее» пункт «Вход в панель управления».3.12. Создадим несколько страниц для Вашего персонального сайта. Перейдите в панель администратора. В панели №2 (рис. 3.7) выберите модуль «Редактор страниц». 3.13. В новом окне (рис. 3.10) выберите ссылку «Управление страницами».

Рис. 3.10. Выбор ссылки «Управление страницами» в меню «Редактор страниц»

3.14. Откроется окно (рис. 3.11) с перечнем страниц, имеющихся на сайте. Из рисунка видно, что на сайте имеются только три страницы.

Рис. 3.11.Окно модуля «Редактор страниц»

3.15. Для редактирования и удаления страницы в правой колонке списка можно выбрать инструмент. Чтобы добавить новую страницу, в верхнем правом углу нажмите кнопку «Добавить страницу».3.16. Откроется окно (рис. 3.12), в котором надо ввести название материалы страницы. В учебных целях создадим страницу, посвященную Вашему обучению в вузе. В поле названия страницы введите «Мой вуз». В поле содержимое страницы введите многократное повторение фразы «Мой вуз». Отредактируйте содержимое страницы с помощью панели для редактирования.

Ссылка на управление страницами

Кнопка «Добавить страницу»

Выбор инструментов для редактирования и удаления

страницы

Создайте заголовок и текстовые строки различного размера, стиля, цвета и шрифтов.

Рис. 3.12 .Ввод названия и текста в редакторе страниц

3.17. Вставьте в середине текста рисунок, используя соответствующую пиктограмму (рис. 3.12) на панели инструментов. В открывшемся окне (рис. 3.13) выберите рисунок на диске компьютера, введите размеры рисунка и другие параметры. Сохраните изменения. Появится окно (рис. 3.14) с информацией, что страница добавлена. На этой странице нажмите ссылку, чтобы посмотреть, как будет выглядеть страница на сайте (3.15). В дальнейшем эту страницу можно редактировать в Конструкторе.3.18. Перейдите в редактор страницы (рис. 3.16), в котором можно посмотреть и доработать добавленную страницу.3.19. Закройте добавленную страницу и снова перейдите в редактор страниц. Аналогично добавьте новые страницы с условным текстом, как показано на рис. 3.17.

Название страницы

Панель для редактирования текста

Вставка рисунка

Рис. 3.13 .Панель ввода параметров изображения

Рис. 3.14. Окно с информацией о добавлении страницы на сайт и ссылкой перехода на сайт

Рис. 3.15. Вид созданной страницы на сайте

Рис. 3.16. Вид созданной страницы в редакторе страницы.

Рис. 3.17. Добавление новых страниц сайта

3.20. Создадим структуру сайта путем создания иерархического дерева вложенных страниц. В панели администратора откройте меню «Дизайн» и выберите пункт «Конструктор меню» (рис. 3.21).

Рис. 3.21. Открытие пункта «Конструктор меню»

3.21. Внутри страницы «Мой вуз» разместите страницы «Мои учебники», «Мои контрольные и курсовые», «Мои шпоры» и «Мои преподаватели». Аналогично, внутрь страницы «Мои учебники» вложите «Учебники по бухучету», «Учебники по менеджменту» и «Учебники по экономике». Постройте дерево страниц в соответствии с рис. 3.22 б. Внимание!Чтобы осуществить вложение страниц, возьмите курсором зеленый крестик слева от названия страницы. Крестик преобразуется в большой черный крестик. Перенесите название страницы на название нужной страницы.

А) Исходное состояние меню Б) Меню после применения «Конструктора меню»

Рис. 3.22. Вид меню сайта до и после применения «Конструктора меню»

3.22. Перейдите на свой сайт и обновите страницу. В результате получится вложенное меню (рис. 3.33). При необходимости можно удалить, переименовать или поменять местами пункты меню. Например, можно удалить

страницу «Каталог файлов». Эту страницу можно переименовать и заполнить нужными материалами.

Рис. 3.33. Вид вложенного меню на сайте

3.23. Самостоятельно изучите все возможности сервиса Ucoz, используя различные дополнительные материалы. Изучите и используйте возможности «Конструктора сайтов».3.24. Заполните созданные страницы контентом по существу. Допускается изменять меню и тему сайта. Самостоятельно создайте сайт общим объемом не менее 5 взаимосвязанных страниц. Обязательное условие выполнения практической работы – разместить на всех страницах сайта ваше ФИО в копирайте.3.25. Сдать зачет по практической работе. Для этого необходимо продемонстрировать работу сайта, созданного лично Вами.

ЗаключениеЭлектронный бизнес остается сравнительно новым явлением для

российских предпринимателей. Постоянно растет влияние Интернета на

экономику. Многие компании, желающие получить конкурентное

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

Все больше жителей России делают покупки, обучаются, работают, проводят

досуг в электронных предприятиях сети Интернет. Поэтому быстро растущая

Интернет-аудитория России является новым рынком сбыта для всех компаний.

Преимущества электронной коммерции привлекают все новые предприятия.

Практикум по основам электронной коммерции предназначен:

1. Предпринимателям, чья работа связана с управлением электронной

коммерцией.

2. Инвесторам.

3. Сотрудникам отделов маркетинга.

4. Менеджерам интернет-компаний.

5. Разработчикам бизнес-планов сетевых проектов.

6. Сотрудникам агентств интернет-рекламы.

Библиографический списокСписок основных источников1. Балабанов И.Т. Электронная коммерция. - СПб: Питер, 2001. – 336 с.2. Козье д. Электронная коммерция: Пер. с англ. -М.:Издательско-торговый

дом "Русская редакция". 1999.-288с3. Основы электронной коммерции. Задания для практических занятий:

Кафедра электронной коммерции МГУК. 2002. -10 с.4. Петровский С.В. Интернет - услуги в правовом поле России / Серия "Закон и

общество". – Ростов н/Д:Феникс;М.: Агентство "Издательский сервис", 2003. 272 с.

5. Переверзев П.П., Кузьменкова В.В. Основы электронной коммерции: Конспект лекций. – Изд-во Челябинского института МГУК, 2001. – 160 с.

6. Серго А. Интернет и право. –М.:Бестселлер, 2002. 272 с.7. Соколова А.Н., Геращенка Н.И. Электронная коммерция: мировой и

российский опыт –М.:Открытые системы, 2000.-224с8. Царев В.В., Кантарович А.А. Электронная коммерция. – СПб: Питер, 2002. –

320 с.9. Эвод, Илайес. Электронная коммерция. Практическое руководство: Пер. с

англ./Илайес Эвод – СПб.: ООО "ДиаСофтЮП", 2002. – 608 с.10.Эймор, Дэниэл. Электронный бизнес: эволюция и/или революция. : Пер: с

англ. – М.: Издательский дом "Вильямс", 2001. – 752 с.11.Электронная коммерция: Учебное пособие / Под ред. Пирогова С.В. – М.:

Издательский дом "Социальные отношения", издательство "Перспектива", 2003. – 428 с.

12.Юрасов А.В. Электронная коммерция: Учебное пособие. – М.: Дело, 2003. – 480 с.

Список дополнительных источниковРесурсы Интернет:

http://www.alexsoft.ruhttp://citforum.univ.kiev.ua/abtec/s1/1.shtmlhttp://ecom.aport.ru/rus/economy.asp?id=4http://i2r.rusfund.ru/rf/docs/commerce/mag1.htmlhttp://istu.edu.ru/istu/biblioteka/announce/00802.htmhttp://sm.aport.ru/scripts/http://www.aqtime.ru/econs/ebiz.htmlhttp://www.alee.com/basisr.htmhttp://www.allweb.ru/library/E-commerce/index.htmlhttp://www.bizon.ru/ecom/e-commerce/3_1.htmhttp://www.businessline.webservis.ru/http://www.cherry-design.spb.ru/articles/article_5.htmhttp://www.citforum.ru/internet/http://www.consulting.ru/

http://www.citforum.ru/internet/

http://www.businessline.webservis.ru/

http://www.allweb.ru/library/E-commerce/index.html

http://sm.aport.ru/scripts/

http://www.delovoy.newmail.ru/analitic/ebusiness/3.htmhttp://www.devbusiness.ru/development/e-business.htmhttp://www.e-commerce.ru/index.html http://www.emoney.ru/publish/s35.htmhttp://www.help.mymoney.ru/tutor/build1_01.shtmlhttp://www.imbs.com/http://www.infoart.ru/cgi-bin/hs.pl?keyword=903http://www.internetbusiness.ru/http://www.internettrading.ru/http://www.it.ru/http://www.magazin.ru/default.shtmlhttp://www.netoscope.ru/researches/2000/09/04/201.htmlhttp://www.rbcnet.ru/publ/commerce/e-com-r.htmhttp://www.registr.com/http://www.ripn.net/http://www.russianlaw.net http://www.roscom.ru/bc/adv/internet/internet.htmlhttp://www.softwareag.ru/NAT/natu4.asphttp://www.stack.ru/~julia/HTML4/cover.html#tochttp://www.urc.ac.ru:8002/Internet/http://www.w3.org/

http://www.w3.org/

http://www.softwareag.ru/NAT/natu4.asp

http://www.internettrading.ru/

Приложения

Приложение АТаблица основных тегов

Назначение тега Пример обозначения ПримечаниеЗаглавие <H?></H?> (стандарт определяет

6 уровней)с выравниванием <H? ALIGN=LEFT|CENTER|

RIGHT> </H?>

Цитата <BLOCKQUOTE></BLOCKQUOTE> (обычно выделяется отступом)

Выделение <EM></EM> (обычно изображается курсивом)

Дополнительное выделение

<STRONG></STRONG> (обычно изображается жирным шрифтом)

Отсылка, цитата <CITE></CITE> (обычно курсив)Код <CODE></CODE> (для листингов кода)Пример вывода <SAMP></SAMP> Ввод с клавиатуры

<KBD></KBD>

Переменная <VAR></VAR> Определение <DFN></DFN> (часто не

поддерживается)Адрес автора <ADDRESS></ADDRESS> Большой шрифт <BIG></BIG> Маленький шрифт <SMALL></SMALL> Жирный <B></B> Курсив <I></I> Подчеркнутый <U></U> (часто не

поддерживается)Перечеркнутый <STRIKE></STRIKE> (часто не

поддерживается)Перечеркнутый <S></S> (часто не

поддерживается)Верхний индекс <SUP></SUP> Нижний индекс <SUB></SUB> Печатная машинка

<TT></TT> (изображается как шрифт фиксированой ширины)

Приложение БТаблица базовых цветов BgColor

AliceblueF0F8FF

AntiquewhiteFAEBD7

Aqua00FFFF

Aquamarine7FFFD4

AzureF0FFFF

BeigeF5F5DC

BisqueFFE4C4

Black000000

BlanchedalmondFFEBCD

Blue0000FF

Blueviolet8A2BE2

BrownA52A2A

BurlywoodDEB887

Cadetblue5F9EA0

Chartreuse7FFF00

ChocolateD2691E

CoralFF7F50

Cornflowerblue6495ED

CornsilkFFF8DC

CrimsonDC143C

Cyan00FFFF

Darkblue00008B

Darkcyan008B8B

DarkgoldenrodB8860B

DarkgrayA9A9A9

Darkgreen006400

DarkkhakiBDB76B

Darkmagenta8B008B

Darkolivegreen556B2F

DarkorangeFF8C00

Darkorchid9932CC

Darkred8B0000

DarksalmonE9967A

Darkseagreen8FBC8F

Darkslateblue483D8B

Darkslategray2F4F4F

Darkturquoise00CED1

Darkviolet9400D3

deeppinkFF1493

Deepskyblue00BFFF

Dimgray696969

Dodgerblue1E90FF

FirebrickB22222

FloralwhiteFFFAF0

Forestgreen228B22

FuchsiaFF00FF

GainsboroDCDCDC

GhostwhiteF8F8FF

GoldFFD700

GoldenrodDAA520

Gray808080

Green008000

GreenyellowADFF2F

HoneydewF0FFF0

HotpinkFF69B4

IndianredCD5C5C

Indigo4B0082

IvoryFFFFF0

KhakiF0E68C

LavendarE6E6FA

LavenderblushFFF0F5

Lawngreen7CFC00

LemonchiffonFFFACD

LightblueADD8E6

LightcoralF08080

LightcyanE0FFFF

LightgoldenrodyellowFAFAD2

Lightgreen90EE90

LightgreyD3D3D3

LightpinkFFB6C1

LightsalmonFFA07A

Lightseagreen20B2AA

Lightskyblue87CEFA

Lightslategray778899

LightsteelblueB0C4DE

LightyellowFFFFE0

Lime00FF00

Limegreen32CD32

LinenFAF0E6

MagentaFF00FF

Maroon800000

Mediumauqamarine66CDAA

Mediumblue0000CD

MediumorchidBA55D3

Mediumpurple9370D8

Mediumseagreen3CB371

Mediumslateblue7B68EE

Mediumspringgreen00FA9A

Mediumturquoise48D1CC

MediumvioletredC71585

Midnightblue191970

MintcreamF5FFFA

MistyroseFFE4E1

MoccasinFFE4B5

NavajowhiteFFDEAD

Navy000080

OldlaceFDF5E6

Olive808000

Olivedrab688E23

OrangeFFA500

OrangeredFF4500

OrchidDA70D6

PalegoldenrodEEE8AA

Palegreen98FB98

PaleturquoiseAFEEEE

PalevioletredD87093

PapayawhipFFEFD5

PeachpuffFFDAB9

PeruCD853F

PinkFFC0CB

PlumDDA0DD

PowderblueB0E0E6

Purple800080

RedFF0000

RosybrownBC8F8F

Royalblue4169E1

Saddlebrown8B4513

SalmonFA8072

SandybrownF4A460

Seagreen2E8B57

SeashellFFF5EE

SiennaA0522D

SilverC0C0C0

Skyblue87CEEB

Slateblue6A5ACD

Slategray708090

SnowFFFAFA

Springgreen00FF7F

Steelblue4682B4

TanD2B48C

Teal008080

ThistleD8BFD8

TomatoFF6347

Turquoise40E0D0

VioletEE82EE

WheatF5DEB3

WhiteFFFFFF

WhitesmokeF5F5F5

YellowFFFF00

YellowGreen9ACD32

Documents

Практикум 2012-2013 v11 По Электронной Коммерции