2.3 Оформление документа html в текстовом редакторе Блокнот

Для того чтобы создать таблицу HTML в текстовом редакторе Блокнот необходимо выполнить следующие действия:

1. Запустить текстовый редактор Блокнот (Пуск > Программы > Стандартные > Блокнот).

2. Создать типовую структуру HTML - документа и ввести текст, приведенный на рисунке 3.

Рис. 3 Ввод html-кодов для создания таблицы

3. Сохранить этот документ. При сохранении в качестве типа файла укажите «все файлы», в качестве имени файла table.html.

4. Закрыть блокнот. Найти файл table.html и открыть его с помощью интернет-браузера. Результат представлен на рисунке 4.

Рис. 4 Результат исполнения html-кодов создания таблицы

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

1. В папке HTML создать папку images с изображениями. Найти на локальном диске компьютера рисунок и сохранить в папке images.

2. Создать файл galery.html в текстовом редакторе Блокнот. Открыть файл galery.html. Добавить заголовок «Галерея».

3. Вставить картинку из папки images после заголовка «Галерея». Если картинка будет слишком большая, можно уменьшить её, указав параметры WIDTH, HEIGHT с меньшими значениями.

Рис. 5 Ввод html-кодов вставки изображения в документ

4. Открыть файл first.html.

5. Создать гипертекстовые ссылки на документы table.html и galery.html. Результат представлен на рисунке 6.

Рис. 6 Иллюстрация страницы с гиперссылками на таблицу и галерею картинок.

2.4 Порядок выполнения работы

1. Создать HTML документ, содержащий гиперссылки на рисунки и таблицы согласно номеру своего варианта

2. Оформить отчет по лабораторной работе, который должен содержать: титульный лист; экранные формы, демонстрирующие выполнение заданий.

Таблица 4

№ варианта	Таблица (IхJ)*	Выравнивание таблицы	Кол-во картинок
1	2	3	4
1	3х4	по центру	3
2	3х4	по правому краю	3
3	2х5	по левому краю	2
4	4х5	по центру	2
5	5х4	по правому краю	2
6	5х4	по левому краю	2
7	4х3	по центру	3
8	4х3	по правому краю	3
9	3х6	по левому краю	2
10	3х6	по центру	2
11	4х5	по правому краю	2
12	4х5	по левому краю	2
13	5х4	по центру	3
14	5х4	по правому краю	3
15	6х2	по левому краю	3
16	6х3	по правому краю	3
17	2х6	по левому краю	4
18	3х6	по центру	2
19	4х5	по правому краю	2
20	4х5	по левому краю	2
21	3х6	по центру	2

Окончание таблицы 4

22	3х6	по правому краю	3
23	4х5	по левому краю	3
24	4х5	по правому краю	3
25	5х4	по левому краю	3
26	5х4	по центру	4
27	3х4	по правому краю	4
28	3х4	по левому краю	4

* Обозначения: I – количество строк таблицы; J – количество столбцов таблицы.

Рекомендуемая литература

1. Информационные системы и технологии в экономике и управлении: учеб. пособие для студ. вузов / под ред. В. В. Трофимова ; СПб. гос. ун-т экономики и финансов. - 2-е изд., перераб. и доп. - М. : Высш. образование, 2007. - 480 с.

2. Уткин, В. Б. Информационные системы и технологии в экономике: Учебник для вузов / В. Б. Уткин, К. В. Балдин. – М.: ЮНИТИ–ДАНА, 2003. – 335 с.

3. Матросов А., Сергеев А., Чаунин М. HTML 4.0 - БХВ-Петербург, 2008.

4. Управление информационными ресурсами: Учебник / под ред. А.В.Хорошилова: - М.: Финансы и статистика, 2011.-272с.: ил.

5. Мельников П.П. Технология разработки HTML-документов /Учеб. пособие, 2005 – 112 с.

6. Дунаев В.В. HTML, скрипты и стили. – БХВ-Петербург, 2011.

7. Электронный ресурс: http://www.intuit.ru/department/internet/devcapw/1/

Учебное издание

Павел Васильевич Терелянский

Анастасия Владимировна Костикова

Елизавета Николаевна Позднякова

Алексей Геннадьевич Гагарин