- •Тема I. «Настройка безопасности и конфиденциальности при работе с программой Internet Explorer 6.0»
- •Часть 1. Цифровые сертификаты
- •1.1 Назначение цифровых сертификатов
- •1.3 Где получить цифровой сертификат
- •1.4 Процедура получения личного сертификата при помощи
- •Часть 2. Настройка начальной страницы обозревателя ( браузера)
- •Задание I.2. Настройка начальной страницы обозревателя
- •Часть 3. Настройка рабочего окна обозревателя internet explorer Задание I.3. Настройка рабочего окна обозревателя
- •Часть 4. Настройка уровня безопасности и эффективности работы программы internet explorer Задание I.4. Настройка уровня безопасности и эффективности работы программы internet explorer
- •Задание I.5. Назначение Веб – узлу зоны безопасности
- •Часть 5. Просмотр и сохранение веб – страниц
- •Поиск веб – страницы по ее url – адресу
- •Навигация по www
- •Сохранение веб – страницы
- •Изменение внешнего вида окна программы internet
- •Тема II.Работа с торговыми площадками моделей b2b и b2c
- •Часть 1. Поиск торговых площадок модели в2в, их характеристика
- •Часть 2 Поиск торговых площадок модели в2c, их характеристика
- •2.1 Ознакомление с динамикой развития электронной торговли по модели в2с в России
- •2.2 Настройка параметров конфиденциальности для отдельных веб – узлов
- •2.3 Использование защищенных узлов Интернета для транзакций
- •2.4 Посещение и имитация совершения покупки в Интернет – магазине Озон.
- •1.1 Создание Web-документов на языке html
- •1.1.1 Структура html-документа
- •1.1.2 Функциональные блочные элементы. Флаги форматирования текста (теги)
- •В качестве ограничителя абзаца может использоваться горизонтальная ли-
- •Например, если создается горизонтальная линейка шириной в 10 пикселей, занимающих половину ширины окна, и расположенную справа, следует
- •1.1.3 Списки
- •1.1.4 Таблицы
- •1.1.5 Комментарии
- •1.2 Форматирование текста
- •1.2.1 Гиперссылки
- •1.2.2 Подготовка и использование графических файлов
- •Лабораторный практикум по третьей теме, часть 1. Задание III.1 . «Создание простейшей web – страницы»
- •Задание 2. «Изучение приемов форматирования абзацев»
- •Задание III.3 . «Создание таблиц» Цель занятия: Научиться создавать простейшую web-страницу с включением таблицы. На выполнение задания отводится 30-45 минут.
- •1. Скопируйте в свою папку файл с именем Zadanie1.Txt.
- •Вариант 5
- •Задание III.5 . «Создание Web-документа при помощи редактора FrontPage2003»
- •Наиболее распространенными html-редакторами являются FrontPage, HotDog. Рассмотрим создание Web-документа используя редактор FrontPage 2003.
- •Задание III.6 . «Создание web-документа при помощи табличного процессора Excel 2003»
- •Часть 2. Создание интерактивных Веб - страниц и динамической графики при помощи языка JavaScript
- •2.1 Элементы языка JavaScript
- •Часть3. Примеры и задания по использованию сценариев на языке JavaScript в html – документе
- •3.1 Создание Web-документа с включением сценария на JavaScript
- •3.2 Создание Веб – документа на языке html с включением сценария на языке JavaScript
- •3.3 Использование функций в сценариях.
- •3.4 Использование форм для создания интерактивных
- •Часть 4. «Создание динамических графиков»
- •Часть 5. «Использование языка xml»
- •В приведенном ниже Листинге III.10 приведен код программы на языке wml, который используется в мобильных телефонах.
- •Часть 7. Маркетинг и реклама в Интернете
- •I) Маркетинг в интернете.
- •6. Просмотр файла «cookie».
- •II) Ознакомиться с методами продвижения сайта в Интернете
- •Литература
- •Учебники и учебные пособия по курсу «Электронная коммерция»:
- •Содержание
- •Тема I. «Настройка безопасности и конфиденциальности при работе с
- •Часть 1. Цифровые сертификаты………………………………………………..
- •Часть 2. Настройка начальной страницы обозревателя ( браузера)
- •Тема III. «разработка web-документов, маркетинг и реклама в интернете»……………………………………………………………………..
- •Часть 2. Создание интерактивных Веб - страниц и динамической графики при помощи языка JavaScript………………………………………………………….
- •Часть3. Примеры и задания по использованию сценариев на языке JavaScript в html – документе……………………………………………............................
- •Литература …………………………………………………………………….
Часть 4. «Создание динамических графиков»
В этом разделе рассмотрена программа для создания приближающегося рисунка. Рисунок после наведения на него указателя курсора начинает приближаться. Для этого используется функция gpict( ). Код программы для функции gpict( ) приведен ниже на Листинге III.7.
ЛистингIII.7 Код программы для функции gpict ( )
var d=document
var w=100
function gpict()
{
if (w<300)
{w=w+10
d.mypict.width = w
setTimeout("gpict()",500)
}
}
Функция gpict() это функция, создаваемая пользователем. Она использует стандартную функцию setTimeout("gpict()",500). При помощи функции setTimeout("gpict()",500) производится повторный вызов функции gpict() через каждые 500 миллисекунд (число 500 можно заменить на другое значение). При каждом повторном вызове функции ширина рисунка w увеличивается на 10. В данной программе начальная ширина w=100. Увеличение происходит до заданного значения. В данном примере это 300. Этим достигается эффект приближения рисунка. При достижении конечного значения процесс приближения прекращается. В сценарии также используется стандартная функция onMouseOver="gpict()". При наведении указателя курсора на рисунок осуществляется вызов функции gpict() . Полностью код программы приведен на Листинге III.8.
Листинг III.8 Код программы для создания приближающегося
изображения
<HTML>
<HEAD>
<TITLE> Увеличивающееся изображение </TITLE>
<script>
<!--//
var d=document
var w=100
function gpict()
{
if (w<300)
{w=w+10
d.mypict.width = w
setTimeout("gpict()",500)
}
}
//-->
</script>
</Head>
<BODY>
<h4> При наведении курсора на изображение оно приближается </h4>
<img src="p1.jpg" name=mypict width=100 onMouseOver="gpict()">
</Body>
</HTML>
В листинге используется имя рисунка p1.jpg. В программе рисунку присваивается имя mypict.
Метод setTimeout( ) создает таймер, который выполняется только один раз по истечении указанного времени. Этот метод использует синтаксис
setTimeout(выражение или выполняемый код, временной интервал в миллисекундах). В нашем примере setTimeout("gpict()",500) указывает на выполнение функции gpict() с интервалом в 500 мсек. (стр. 716, толст.)
Событие MouseOver имеет обработчик onMouseOver. Возникает при попадании указателя мыши на поверхность объекта. В нашем примере событие возникает при наведении указателя курсора на рисунок. (стр.262, Соколов)
Задание III.12 . «Создание динамических графиков в Веб- документе»
Цель задания: Научиться создавать динамический рисунок в Веб – документе.
Задание:
Составить код программы для включения в Веб – документ динамического рисунка.
Выполнение:
1. Открыть Блокнот, выполняя команды Пуск ► Программы ► Стандартные ► Блокнот.
2. Набрать код программы в соответствии с Листингом 4.2.
3. Выбрать и поместить в свою папку рисунок с расширением .jpg или .gif. Для этого выполняются команды Пуск ► Поиск. В окне Результаты поиска выбираем Файлы и папки и в диалоговое окно вводим *.jpg или *.gif. Нажимаем кнопку Найти. В правом разделе диалогового окна появляется перечень рисунков с заданным расширением. Выбираем один из рисунков и помещаем его в свою папку.
4.В программе заменить p1.jpg на имя и расширение выбранного рисунка.
5. Сохранить программу в своей папке с расширением .txt, присвоив файлу имя JS5. В окошке Тип файла выбрать Текстовый файл (*.txt).
6. Сохранить программу в своей папке с расширением .htm, присвоив файлу имя JS5. В окошке Тип файла выбрать Все файлы.
7. Вызвать программу на выполнение, дважды щелкнув левой клавишей мыши на значке с именем JS5.htm. Проверить наличие эффекта приближающегося изображения. На рисунке III.7 показан рисунок до наведения на него указателя курсора. На рисунке III.8 показан рисунок в конце процесса приближения. Процесс приближения возникает при наведении указателя курсора на рисунок.
Рис. III.7 Рисунок до наведения указателя курсора
Рис. III.8 Рисунок в конце процесса приближения
В программе использован метод setTimeout (). Он создает таймер, который выполняется только один раз по истечении указанного времени.
Синтаксис метода
setTimeout (выражение или выполняемый код, временной интервал в миллисекундах)
В нашем примере setTimeout (“gpict()” ,500) выполняется функция gpict() c интервалом 500 миллисекунд.
Событие MouseOver имеет обработчик onMouseOver. Оно возникает при попадании указателя мыши на указываемый объект.