5. Создайте таблицу «Реализации фармацевтической фабрики «Биолит»»

размером 6 х 9.

Подсказка:

1. Используйте тег <TABLE BORDER= “10” WIDTH= “100%”>.

2. Введите строку <CAPTION ALIGN=“CENTER”> Реализация продукции фармацевтической фабрики «Биолит» </CAPTION>.

3. Первая строка таблицы должна содержать заголовки столбцов, определите его следующим образом:

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

Строка обозначается <TR> ------ </TR>

Столбец, ячейка <TH> текст </TH>или <TD> текст </TD>

Реализация продукции фармацевтической фабрики «Биолит»

Город	Региональный представитель	Наименование препарата	Закупочная цена	Количество	Цена реализации
Алматы	Алматова	Анальгин	35	100	70
Атырау	Петров	Баралгин	50	150	84
Астана	Иванов	Аспирин	45	227	95
Шымкент	Сидоров	Бисептол	205	220	500
Джамбул	Айткулова	Гентамицин	222	148	504
Павлодар	Шакирова	Мукалтин	25	240	124
Кокшетау	Асанбаева	Бромгексин	120	520	300
Караганда	Мырзакулова	Димедрол	20	120	150

4. Последующие строки таблицы определяются, предварением каждой из них тегом <TR> и помещением содержимого каждой ячейки после тега <TD>.

5. Завершите создание таблицы тегом </TABLE>.

6. Сохраните этот документ под названием TABLE.html.

6. Создайте Web-страницу с изображением.

Подсказка:

1. Для создания рисунка выберите рисунок с расширением jpg. bmp. gif и т.д.

2. Введите тег <IMG SRC= “pic1.jpg”> или укажите путь к рисунку <IMG SRC= “размещение файла\название рисунка. расширение ”>.

3. Задайте ширину рисунка, рамку равной 3 пикселям, и разместите его по правому краю Web-страницы, используя теги: <HSPACE= “n” VSPACE= “n”>

7. Создайте Web-страницу с двумя изображениями и текстом.

Демонстрационный пример:

Поместите два рисунка рядом и снизу напишите текст.

Tема №17. Форматирование HTML-документа

Цель: Научить создавать рамки и формы, гиперссылки, фильтры на Web-странице а также, изучить практические навыки по разработке Web – страниц.

Задачи обучения: Формирование умений и навыков по созданию форм, гипертекстовых ссылок, горизонтальных линии, фильтров применяемые к тексту и к изображению, фреймов.

Основные вопросы темы:

1. Создание рамок и форм.

2. Понятие фрейма.

3. Гипертекстовые ссылки. Создание обычной гиперссылки.

4. Графический файл в роли ссылки. Ссылки и цвет.

5. Горизонтальные линии.

6. Фильтры. Фильтры, применяемые к тексту.

Методы обучения и преподавания: работа с программой Internet Explorer.

Литература:

1. Шарф Ш.Д. HTML 3.2. Справочник-С.-Пб.,1998.

2. Морис Б. HTML в действии-С.-Пб., 1997

3. Гончаров М.В. Введение в Internet. Часть 7. Интернет для бизнесменов,

предпринимателей и банкиров.-М.,2001.

4. Под редакцией С.В.Симоновича. Информатика. Базовый курс. Учебник для ВУЗов 2001, 640 с.

Контроль

Вопросы:

1. Назовите пункты общей концепции разработки и реализации Web –страниц.

2. Как создать форму?

3. Как создать гиперссылку на рисунок?

4. Как создать горизонтальную линию?

5. Какие существуют фильтры, применяемые к тексту?

6. Какие существуют фильтры, применяемые к изображению?

7. Какие взаимодействия существуют между фреймами?

Тесты: См. Сборник тестовых заданий по Информатике, тема «Язык разметки текста HTML».