- •Тема 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 – документе……………………………………………............................
- •Литература …………………………………………………………………….
3.3 Использование функций в сценариях.
Использование функций в сценариях рассмотрим на примере 3.3.
Пример 3.3 «Расчет зарплаты членов бригады, используя
функцию в сценарии»
Пусть требуется рассчитать заработок членов бригады. Условия из примера 3.2. Для выполнения вычислений в примере используется функция. Функции дадим имя F1.
Код программы с использованием сценария на языке JavaScript при использовании функции F1 может иметь вид, представленный ниже на Листинге III.4.
Листинг III.4 Код программы с использованием функции
<HTML>
<HEAD>
<TITLE>Использование функции </TITLE>
<script>
<!--//
function F1(S,K,D,N)
{var a=(S*K-D)/N
return a
}
//-->
</script>
</Head>
<BODY>
<script>
<!--//
var S1=500 ;K1=30; n1=5;D1=1000;
var a=F1(S1,K1,D1,n1);
document.write("Заработок членов бригады", a ,"рублей")
document.write("Заработок бригадира", b=a+D1,"рублей")
//-->
</script>
</Body>
</HTML>
При описании функции использованы формальные параметры S, k, D, n. Вызов функции осуществляется при помощи обращения F1(S1, k1, D1, n1). В обращении формальные параметры S, k, D, n заменены фактическими параметрами S1, k1, D1, n1. Вычисленное значение а возвращается в программу и при помощи метода write объекта document выводится на экран монитора.
Задание III.9 . «Расчет зарплаты членов бригады при получении суммы в у.е. и использовании в программе функции»
Цель задания: Научиться создавать Web – документ со сценарием на языке JavaScript с использованием функции.
Задание: Вычислить зарплату в рублях членов бригады, если суммарный заработок бригады получен в у.е. Условия задания приведены в примере 3.2. При вычислениях использовать функцию.
Выполнение:
1. Открыть Блокнот, выполняя команды Пуск ► Программы ► Стандартные ► Блокнот.
2. Набрать программу в соответствии с Примером 3.3.
3. Числовые данные принять в соответствии с вариантом, заданным преподавателем. Данные приведены в таблице 3.2.
4. Сохранить программу в своей папке с расширением .txt, присвоив файлу имя JS3.
5. Сохранить программу в своей папке с расширением .htm, присвоив файлу имя JS3.
6. Вызвать программу на выполнение, дважды щелкнув левой клавишей мыши на значке с именем JS3.htm.
3.4 Использование форм для создания интерактивных
документов
В интерактивных документах представляется возможность удобного формализованного ввода исходных данных и формализованного вывода результатов вычислений. Для этого используются формы. Для примера 3.3 в поля форм вводятся значения суммарного заработка S в у.е., курса валюты K в рублях за 1 у.е. k, доплаты бригадиру D в рублях, число членов бригады n, включая бригадира. Результаты вычислений помещаются в соответствующие поля форм после нажатия левой клавишей мыши по кнопке Вычислить.
Действия пользователя (например, нажатие на клавишу мыши или другие действия с элементами форм HTML) вызывают событие. В коде программы перехват и обработка события задается в параметрах элементов форм. Имя параметра обработки события начинается с приставки on. После этого следует имя события. Так, событие Click, обусловленное нажатием клавиши мыши, записывается как onClick. Параметрами обработки события могут быть операторы языка JavaScript. Так можно задать вызов функции, которая должна выполняться при возникновении события. Например, onClick = “F1(фактические параметры функции)”. Для работы с формой в языке принята следующая конструкция:
< FORM name=”form1”>
Описание формы
</FORM>
Здесь form1 это заданное пользователем имя формы.
Так, для работы с формой при помощи которой вводятся фактические параметры функции и помещаются в параметры обработки события можно записать в виде кода программы, представленной на Листинге III.5
Листинг III.5 Код программы с формой.
<FORM name="form1">
Получили $:<input type="text" size=5 name="S1"><hr>
Курс (рублей. за у.е.):<input type="text" size=5 name="K1"><hr>
Доплата(руб):<input type="text" size=5 name="D1"><hr>
Числочленов:<input type="text" size=5 name="N1"><hr>
<input type="button" value=Вычислить
onClick="document.form1.res.value=F1()"><br>
Зарплата члена бригады,руб:<input type="text" name=res size=4><br>
Зарплата бригадира,руб:<input type="text" name= res+D1 size=4><br>
<input type="reset" value=Обновить>
</FORM>
Пример 3.4
Ниже на Листинге III.6 приведен код программы на языке HTML с включением сценария на языке JavaScript, в котором используется форма для ввода значений и производится обработка значений из формы. Условия задачи соответствуют примеру 3.3.
Листинг III.6 Код программы с включением формы
<HTML>
<HEAD>
<TITLE>Использование форм для ввода и обработки событий из формы</TITLE>
<script>
<!--//
function F1()
{
var S=Number(document.form1.S1.value)
var K=Number(document.form1.K1.value)
var D=Number(document.form1.D1.value)
var N=Number(document.form1.N1.value)
var a=(S*K-D)/N;
return a
}
//-->
</script>
</Head>
<BODY>
<FORM name="form1">
Получили, $:<input type="text" size=5 name="S1"><hr>
Курс(рублей. за у.е.):<input type="text" size=5 name="K1"><hr>
Доплата(руб):<input type="text" size=5 name="D1"><hr>
Числочленов:<input type="text" size=5 name="N1"><hr>
<input type="button" value=Вычислить
onClick="document.form1.res.value=F1()"><br>
Зарплата члена бригады,руб:<input type="text" name=res size=4><br>
Зарплата бригадира,руб:<input type="text" name= res+D1 size=4><br>
<input type="reset" value=Обновить>
</FORM>
</Body>
</HTML>
Задание III.10 . «Расчет зарплаты членов бригады при получении суммы в у.е. и использовании в программе форм»
Цель задания: Научиться создавать Web – документ со сценарием на языке JavaScript с использованием форм.
Задание: Создать форму для вычисления зарплаты в рублях членов бригады, если суммарный заработок бригады получен в у.е. Условия задания приведены в примере 3.2. Ввод исходных данных осуществить при помощи форм. При вычислениях использовать функцию. Предусмотреть размещение результатов вычислений в поля формы..
Выполнение:
1. Открыть Блокнот, выполняя команды Пуск ► Программы ► Стандартные ► Блокнот.
2. Набрать программу в соответствии с Примером 3.4.
3. . Сохранить программу в своей папке с расширением .txt, присвоив файлу имя JS4.
5. Сохранить программу в своей папке с расширением .htm, присвоив файлу имя JS3.
6. Вызвать программу на выполнение, дважды щелкнув левой клавишей мыши на значке с именем JS4.htm.
7. Ввести в поля формы исходные данные. Числовые данные принять в соответствии с вариантом, заданным преподавателем. Данные приведены в таблице 3.2.
8. Нажать кнопку Вычислить и получить результаты вычислений в полях формы.
9. Нажать кнопку Очистить и ввести новые данные, соответствующие следующему варианту данных.
10. Нажать кнопку Вычислить и получить результаты вычислений для новых исходных данных в полях формы.
11. Сохранить программу и результаты вычислений в своей папке.
Вид формы до заполнения показан на рисунке III.5
Рисунок III.5 Вид формы до заполнения
Вид формы после заполнения полей формы данными и нажатия кнопки Вычислить показан на рисунке III.6.
Рис.III.6 Вид формы после заполнения данных и нажатия на кнопку Вычислить
Задание III.11 . «Самостоятельная работа»
Рассчитать зарплату каждого члена бригады и бригадира при получении зарплаты за работу в у.е. Зарплату вычислить с учетом отчислений на подоходный налог в размере 12% от полученной зарплаты для членов бригады и 15% для бригадира. Вычислить суммарные отчисления в бюджет. Исходные данные принять в соответствии со своим вариантом из таблицы 3.2.
Для вычислений требуется составить программу:
а) с использованием функции;
б) с использованием форм.