Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Электронная коммерция. Практикум.doc
Скачиваний:
172
Добавлен:
22.06.2014
Размер:
517.63 Кб
Скачать

Задание III.3 . «Создание таблиц» Цель занятия: Научиться создавать простейшую web-страницу с включением таблицы. На выполнение задания отводится 30-45 минут.

Выполнение:

1. Скопируйте в свою папку файл с именем Zadanie1.Txt.

2. Удалите в скопированном файле весь текст, находящийся между флага-

ми <BODY> и </BODY>. Последующий текст будет вводиться после флага <BODY>. В данном упражнении используется список номеров телефонов.

3. Введите флаг <TABLE BORDER= “10” WIDTH= “100%”> .

4. Введите строку <CAPTION= “TOP”> Список телефонов </ CAPTION>

5. Первая строка таблицы содержит заголовки столбцов. Введите :

<TR BGCOLOR= “YELLOW” ALIGN= “CENTER”>

<TH> СЛУЖБА <TH> Номер телефона.

6. Введите:

<TR> <TD> Курс валют ЦБ РФ </TD> <TD> 587219 </TD>

<TR><TD> Медицинский центр РАМН </TD> <TD> 9648401</TD>

<TR> <TD> Образование в Москве </TD> <TD> 9650009 </TD>

7. Завершите таблицу флагом </TABLE>

8. Сохраните документ под именем Zadanie3.htm и второй раз под именем Zadanie3.txt.

9. Запустите обозреватель Internet Explorer (Пуск ►Программы ► Internet

Explorer )

10. Дайте команду Файл ► Открыть. Щелкните по кнопке Обзор и открой-

те файл Zadanie3.htm, либо дважды щелкните левой клавишей мыши при расположении указателя курсора на значке с именем Zadanie3.htm.

11.Изучите, как созданная таблица отображается в программе Internet

Explorer.

Вид созданного документа показан на рисунке III.3.

Рис. III.3 Создание таблицы

Задание III.4 . «Создание прайс-листа средствами

языка HTML»

Средствами языка HTML создайте прайс-лист. Образец прайс-листа показан на рисунке III.4.

Рис. III.4 Прайс-лист

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

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

<HTML>

<HEAD>

<TITLE> прейскурант компании ООО"Ф-Центр" </TITLE>

</HEAD>

<BODY>

<H1> ООО"Ф-Центр" </H1>

<HR>

<H2> Москва, ВВЦ, павильон №74, тел. 785-1-785

<P> наш адрес в Интернет e-mail: f-center@mtu-net.ru

</H2>

<HR SIZE=10 WIDHT=80% ALIGN=CENTER COLOR="GREEN">

<TABLE BORDER=10 WIDHT=100%>

<CAPTION="TOP"> компьютер </CAPTION>

<TR BGCOLOR="YELLOW" ALIGN=CENTER>

<TH> модель <TH> конфигурация <TH> цена

<TR> <TD> M700</TD>

<TD> AMD DURON-700/DIMM 128/10WD/MIDI ATX A312 </TD>

<TD> 9294 </TD>

<TR> <TD> M1400 </TD>

<TD> AMD ATHLON-1400/DIMM 128/10WD/MIDI ATX A312 </TD>

<TD> 11815 </TD>

<TR> <TD> M2 735 CEL </TD>

<TD> CELERON-733/DIMM 128/10WD/MIDI ATX A312 </TD>

<TD> 10105 </TD>

<TR> <TD> M2 1000 CEN </TD>

<TD> CELERON-1000/DIMM 128/10WD/MIDI ATX A312 </TD>

<TD> 10340 </TD>

<TR> <TD> M3 866 </TD>

<TD> PENTIUM 3 866/DIMM 128/10WD/MIDI ATX A312 </TD>

<TD> 11906 </TD>

<TR> <TD> M 4 P4 1,8 GHZ </TD>

<TD> PENTIUM 4 1,8 GHZ/DIMM 128/10WD/MIDI ATX A312 </TD>

<TD> 18227 </TD>

</TITLE>

</BODY>

</HTML>

Вставьте в прайс-лист рисунок на соответствующую тему из коллекции Интернет.

Варианты задания.

Вариант1.

Дисководы

Наименование

Модель

Цена, руб

CD DRIVE

IDE 40X TEAC “CD54CE”

1436

CD DRIVE

IDE 52X SAMSUNG “152”

934

DVD ROM DRIVE

16(40) XLG “8160B”

2010

DVD ROM DRIVE

16(40) PANASONIC“SR-8587”

2472

Вариант 2

Видеокарты

Наименование

Модель

Цена, руб

SVGA AGP

32 Mb “GeForce 2 MX”

1482

SVGA AGP

64 Mb “GeForce2 Ti”

2835

SVGA AGP

16 Mb STB “VOODOO-3” SDRAM

1647

SVGA AGP

64 Mb SUMA PLATINUM GeForce Ti DDR

2801

Вариант 3

Дисководы FD

Наименование

Модель

Цена, руб

FDD 3,5”

SAMSUNG

327

FDD 3,5”

MITSUMI

346

FDD 3,5”

PANASONIC

346

FDD3,5”

SONY

360

Вариант 4

Материнские платы

Наименование

Цена, руб

Гарантия

ASUS P4B266-C ATX

2930

6 мес

ChainTech CT-9BJD ATX

2640

6 мес

EPOX EP-4BEA2 ATX

2962

6 мес

Gigabyte GA-8GE667 ATX

2415

6 мес