Главная страница
Навигация по странице:

  • Задание III.4 . «Создание прайс-листа средствами языка HTML»

  • Листинг III.2 Код программы прайс-листа на языке HTML

  • 2.1.5 Функции.

  • 2.1.6 Включение программ (сценариев) на языке JavaScript в HTML – документ.

  • Электронная коммерция. Практикум. Учебное пособие по выполнению практических работ по дисциплине Электронная коммерция


    Скачать 0.49 Mb.
    НазваниеУчебное пособие по выполнению практических работ по дисциплине Электронная коммерция
    АнкорЭлектронная коммерция. Практикум.doc
    Дата23.10.2017
    Размер0.49 Mb.
    Формат файлаdoc
    Имя файлаЭлектронная коммерция. Практикум.doc
    ТипУчебное пособие
    #9771
    КатегорияЭкономика. Финансы
    страница4 из 4
    1   2   3   4
    <caption><br /><br />8. Сохраните документ под именем <i>Zadanie</i><i>3.</i><i>htm</i>и второй раз под именем<i>Zadanie</i><i>3.</i><i>txt</i><i>. </i> <br /><br />9. Запустите обозреватель Internet Explorer (<i>Пуск ►Программы ► </i><i>Internet</i><br /><br /><i>Explorer )</i><br /><br />10. Дайте команду <i>Файл ► Открыть</i>. Щелкните по кнопке <i>Обзор</i> и открой-<br /><br />те файл <i>Zadanie</i><i>3.</i><i>htm</i><i>, </i>либо дважды щелкните левой клавишей мыши при расположении указателя курсора на значке с именем <i>Zadanie</i><i>3.</i><i>htm</i><i>.</i><br /><br />11.Изучите, как созданная таблица отображается в программе Internet <br /><br />Explorer.<br /><br />Вид созданного документа показан на рисунке III.3.<br /><br />Рис. III.3 Создание таблицы<br /><b><span id='Задание_III.4_._«Создание_прайс-листа_средствами_языка_HTML»'>Задание III.4 . «Создание прайс-листа средствами </span></b> <br /><br /><b>языка HTML»</b><br />Средствами языка HTML создайте прайс-лист. Образец прайс-листа показан на рисунке III.4.<br /><h2> Рис. III.4 Прайс-лист</h2> <br />Для этого прайс-листа ниже показан Листинг III.2 с кодом программы на языке HTML.<br /><br /><b><span id='Листинг_III.2_Код_программы_прайс-листа_на_языке_HTML'>Листинг III.2 Код программы прайс-листа на языке HTML</span></b><br /><HTML><br /><br /><br /><br /><body><br /><br /><h2> ООО"Ф-Центр" </h2><br /><br /><HR><br /><br /><h2> Москва, ВВЦ, павильон №74, тел. 785-1-785<br /><br /><br />наш адрес в Интернет e-mail: f-center@mtu-net.ru<br /><br /></h2><br /><br /><HR SIZE=10 WIDHT=80% ALIGN=CENTER COLOR="GREEN"><br /><br /><table border=10 widht=100%><br /><br /><CAPTION="TOP"> компьютер </CAPTION><br /><br /><tr bgcolor="yellow" align=center><br /><br /><TH> модель <TH> конфигурация <TH> цена<br /><br /><tr> <td> M700</td><br /><br /><td> AMD DURON-700/DIMM 128/10WD/MIDI ATX A312 </td><br /><br /><td> 9294 </td><br /><br /><tr> <td> M1400 </td><br /><br /><td> AMD ATHLON-1400/DIMM 128/10WD/MIDI ATX A312 </td><br /><br /><td> 11815 </td><br /><br /><tr> <td> M2 735 CEL </td><br /><br /><td> CELERON-733/DIMM 128/10WD/MIDI ATX A312 </td><br /><br /><td> 10105 </td><br /><br /><tr> <td> M2 1000 CEN </td><br /><br /><td> CELERON-1000/DIMM 128/10WD/MIDI ATX A312 </td><br /><br /><td> 10340 </td><br /><br /><tr> <td> M3 866 </td><br /><br /><td> PENTIUM 3 866/DIMM 128/10WD/MIDI ATX A312 </td><br /><br /><td> 11906 </td><br /><br /><tr> <td> M 4 P4 1,8 GHZ </td><br /><br /><td> PENTIUM 4 1,8 GHZ/DIMM 128/10WD/MIDI ATX A312 </td><br /><br /><td> 18227 </td><br /><br />

    : bgColor, fgColor, linkColor, alinkColor, vlinkColor.

    Методы write и writeln записывают в документ текст, задаваемый параметрами. Например, для отображения на экране монитора результатов действий, задаваемых в программе, записывается следующий текст:

    document.write (“текст”, формула или переменная) или

    document.writeln (“текст”, формула или переменная).

    Во втором случае вывод производится в новую строку. Если документ содержит графические изображения, то доступ к ним может быть осуществлен при помощи переменной , указанной в параметре name тега . Например:

    < IMG src=”имя рисунка.gif или .jpg ” name=p1 width=100>. Здесь “имя рисунка.gif или .jpg” это задаваемое пользователем имя рисунка с расширением .gif или .jpg. Имя переменной в программе p1, параметр width=100 –это ширина рисунка в пикселях. Обязательный параметр src определяет URL –адрес файл с изображением. Другим способом доступ к графическим рисункам осуществляется при помощи свойства images объекта image. Если документ содержит несколько рисунков, то доступ к первому рисунку осуществляется при помощи конструкции document.images(0), ко второму рисунку document.images(1) и т.д.

    Если Веб- страница содержит форму, то доступ к ней осуществляется либо при помощи флагов ……
    , либо при помощи конструкции document.forms(0), document.forms(1)…и т.д. Например, можно записать:

    < FORM name=”form1”>

    .

    .

    Выражения, реализуемые в форме



    При записи document.forms(0) реализуется доступ к первой форме, при записи document.forms(1) реализуется доступ ко второй форме и т.д.

    Свойства объекта history представляют адреса ранее загруженных Веб - документов. Свойства объекта location связаны с URL –адресами отображаемого документа. Свойства объекта frame связаны со специальным способом представления данных.

    В языке JavaScript используется также сокращенная форма присвоения. Она представлена в следующей таблице.

    Оператор присвоения

    Сокращенная форма оператора

    X=X+Y


    X+=Y


    X=X-Y


    X-=Y


    X=X*Y

    X*=Y


    X=X/Y


    X/=Y


    X=X%Y


    X%=Y





    В языке используются операции отношения, применимые к операндам любого типа. Это операции < (меньше), <=(меньше или равно), = = (равно), != (не равно), >=( больше или равно), >(больше). К логическим операциям относятся !( не),&&(логическое И), ││ (логическое ИЛИ). Например, если переменная Х имеет значение true, то выражение !Х имеет значение false.

    Для строковых переменных справедлива операция соединения строк. Например, в выражении a=”строковая” + “переменная” переменная а получит значение ”строковая переменная”. Если a=”строковая” и b=”переменная”, то в результате выполнения операции а+=в переменная а получит значение ”строковая переменная”. Дальше записаны операции в последовательности, соответствующей убыванию приоритетов операций : ++ (инкремент), - - (декремент) ,! (отрицание), - (унарный минус), *(умножение), / или % (деление, остаток от деления), +(сложение), - (вычитание), операции сравнения (<,>,<=,>=), = = (равенство), != (неравенство), && (логическое И), ││ (логическое ИЛИ), операции присваивания ( =, +=, -=, *=, /=, %=, !=). Для изменения приоритета выполнения операций используются скобки. Например, в выражении x=(a+b)/c сначала выполняется операция суммирования переменных а и в, а затем деление суммы на переменную с.

    2.1.5 Функции. Часть программы( подпрограммы), которая может многократно использоваться в процессе работы программы может выделяться в структурную единицу- функцию. Функции могут быть стандартными и написанными пользователем. К стандартным функциям относятся, например, такие математические функции как abs( абсолютное значение переменой), тригонометрические функции sin, cos, tan, экспонента exp и др. Они относятся к объекту Math и являются его методами. Например, для вычисления синуса переменной Х и присвоения этого значения переменной y следует записать y=Math.sin(x). Описание функций, создаваемых пользователем, имеет вид function F (v) {s}. Здесь F это имя функции, v это формальные параметры. В списке формальных параметров переменные разделяются запятой. Тело функции s. Это выражения, по которым вычисляется значение функции. В нем задаются действия, которые необходимо выполнить для получения результата. Для задания конкретных значений параметрам функции они должны быть описаны в обращении к функции. Обращение к функции имеет вид: F(w) или F(w1,w2, …,wn), где w1,w2, …,wn – это фактические значения, с которыми производятся действия, записанные в теле функции. При отсутствии параметров описание функции имеет вид F( ){S}, а вызов функции F( ).
    2.1.6 Включение программ (сценариев) на языке JavaScript в HTML – документ. Сценарии (программы) на языке JavaScript помещаются в Веб – документ, написанный на языке HTML при помощи флагов (тегов) . Параметром флага script является слово language. При использовании языка JavaScript в тексте HTML – документа запись имеет вид

    HTML – документ может содержать несколько сценариев на языке JavaScript. Они могут помещаться как в раздел











    Получили, $:


    Курс(рублей. за у.е.):


    Доплата(руб):


    Числочленов:



    onClick="document.form1.res.value=F1()">


    Зарплата члена бригады,руб:


    Зарплата бригадира,руб:






    При наведении курсора на изображение оно приближается












    Петров


    123-45-67


    CompTek








    Сидоров


    321-654-987


    ВымпелКом





    Итнернет-магазин АВС www.abc.ru









    Перечислите, порядке важности, что Вас привлекает в работе нашего магазина(наведите курсор на строчку и нажмите левую клавишу)




























    1   2   3   4


    написать администратору сайта