Задание 3. Создание таблиц
Цель занятия: научиться создавать простейшую Web-страницу с включением таблицы. На выполнение задания отводится 30—45 минут.
Выполнение:
Скопируйте в свою папку файл с именем Zadanie1.txt.
Удалите в скопированном файле весь текст, находящийся между флагами <BODY> и </BODY>. Последующий текст будет вводиться после флага <BODY>. В данном упражнении используется список номеров телефонов.
Введите флаг <TABLE BORDER= "10" WIDTH= "100%">.
Введите строку <CAPTION= "ТОР"> Список телефонов </CAPTION>.
Первая строка таблицы содержит заголовки столбцов. Введите:
<TR BGCOLOR= "YELLOW" ALIGN= "CENTER">
<TH> СЛУЖБА <TH> Номер телефона.
Введите:
<TR> <TD> Курс валют ЦБ РФ </TD> <TD> 587219 </TD>
<TRXTD> Медицинский центр РАМН </TD> <TD> 9648401 </TD>
<TR> <TD> Образование в Москве </TD> <TD> 9650009 </TD>
Завершите таблицу флагом </TABLE>.
Сохраните документ под именем Zadanie3.htm и второй раз под именем Zadanie3.txt.
Дважды щелкните левой клавишей мыши при расположении указателя курсора на значке с именем Zadanie3.htm, либо:
Запустите обозреватель Internet Explorer (Пуск ► Программы ► Internet Explorer). Дайте команду Файл ► Открыть. Щелкните по кнопке Обзор и откройте файл Zadanie3.htm.
Изучите, как созданная таблица отображается в программе Internet Explorer.
Задание 4. Создание прайс-листа средствами языка html
Средствами языка HTML создайте прайс-лист. Образец прайс-листа показан на рисунке.
Для этого прайс-листа ниже показан листинг с кодом программы на языке HTML.
Листинг. Код программы прайс-листа на языке HTML
<HTML> <HEAD>
<TITLE> прейскурант компании OOO"Ф-Центр" </TITLE>
</HEAD>
<BODY>
<H1> OOO”Ф-Центр"
</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="lO" 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> Ml400 </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>
</BODY>
</HTML>
Вставьте в прайс-лист рисунок на соответствующую тему из коллекции Интернета.
Варианты задания.
Вариант 1
Дисководы DVD-ROM, DVD±RW, BD-ROM
Наименование |
Модель |
Цена, руб. |
DVD-ROM |
DVD ROM 16x/40x Sony (DDU 161116121621) Black |
950 |
DVD±RW |
IDE DVD±RW LG (GH22NP20) Black DVD-22x/8x/22x, R9-16x, RAM-12x, CD-48x/32x/48x |
890 |
Приводы внешние |
DVD±RW 3Q (3QODD-S107-PB) Black DVD-8x/6x/8x, DL-4x, CD-24x/16x/24x USB 2.0 Slim |
2550 |
BD-ROM |
SATA Blu-Ray Asus (BC-08B1ST) Black DVD-16x/8x/16x, DL-8x, RAM-12x, CD-48x/32x/48x |
4690 |
Вариант 2
Видеоадаптеры PCI-E Asus, PCI-E GigaByte, PCI-E MSI, PCI-E nVidia
Наименование |
Модель |
Цена, руб. |
PCI-E Asus |
GTS 250 512MB 256bit DDR3 (ENGTS250/DI/512MD3/A) DVI D-Sub HDMI |
4150 |
PCI-E GigaByte |
ATI Radeon HD5770 1024MB 128bit DDR5 (GV-R577D5-1GD-B) DVI HDMI DisplayPort |
6550 |
PCI-E MSI |
ATI Radeon HD5750 1024MB 128bit DDR5 [] DVI HDMI DisplayPort |
5950 |
PCI-E nVidia |
Geforce GTX 285 1024MB DDR3 2xDVI TV-Out |
12950 |
Вариант 3
Мониторы Acer LCD 20", Asus LCD 20", Envision LCD 20",
Наименование |
Модель |
Цена, руб. |
Acer LCD 20" |
V203Hbd/Habd (1600x900, DC 10000:1, 5мс, 170гор/160вер, DVI, TCO03) |
5850 |
Asus LCD 20" |
VH203D (1600x900, DC 10000:1, 5мс, 160гор/160вер, TCO03) |
6290 |
Envision LCD 20" |
H2060 (1600x900, 1000:1(DC 30000:1), 5мс, 170гор/160вер) |
5390 |
Samsung LCD 20" |
2033SN (1600x900, 1000:1(DC 15000:1), 5мс, 170гор/160вер, TCO03) |
6050 |
Вариант 4