60

Федеральное агентство по образованию

ОРЛОВСКИЙ ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ

УНИВЕРСИТЕТ

ФАКУЛЬТЕТ ЭЛЕКТРОНИКИ И ПРИБОРОСТРОЕНИЯ

Кафедра: «Информационные системы»

Е.В. Олькина

МЕТОДИЧЕСКИЕ УКАЗАНИЯ

ПО ВЫПОЛНЕНИЮ ПРАКТИЧЕСКИХ РАБОТ

(с заданиями)

Дисциплина - «Информационные технологии»

Направление 080801 «Прикладная информатика (в экономике)»

080800.62(б) «Прикладная информатика»

Печатается по решению редакционно-издательского совета ОрелГТУ

ОРЕЛ 2008

Автор: старший преподаватель Е.В. Олькина

Рецензент: к.т.н., доцент А.А. Стычук

Методические указания предназначены для студентов очной формы обучения по направлениям 080801 «Прикладная информатика (в экономике)», 080800.62 «Прикладная информатика (бакалавры)». В методических указаниях изложены цель и порядок выполнения каждой практической работы, содержание отчета, методические указания по ее выполнению и контрольные вопросы по теме работы.

В методических указаниях приводится список литературы, рекомендуемый для выполнения практических работ. В процессе выполнения практических работ студенты получат первые знания о языке HTML, каскадных таблицах стилей CSS и приобретут практические навыки создания web-страниц.

Редактор

Технический редактор

Орловский государственный технический университет

Лицензия ИД 00670 от 5.01.2000

Подписано к печати 29.04.2002 г. Формат 6084 1\16

Печать офсетная Уч.-изд. л. 2,0. Усл. печ. л. . Тираж 50 экз.

Заказ №

Отпечатано с готового оригинал-макета

на полиграфической базе ОрелГТУ

302030, Г. Орел, ул. Московская, 65

© ОрелГТУ, 2008

© Олькина Е.В., 2008

Содержание

Введение 5

1 Практическая работа №1. Шрифтовое оформление web-страниц, списки и таблицы в HTML-документах 7

1.1 Цель работы 7

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

1.3 Содержание отчета 8

1.4 Методические указания 9

1.5 Контрольные вопросы 19

2 Практическая работа №2. Графические изображения. Гипертекстовые ссылки 20

2.1 Цель работы 20

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

2.3 Содержание отчета 21

2.4 Методические указания 21

2.5 Контрольные вопросы 25

3 Практическая работа №3. Активные изображения (навигационные карты) 27

3.1 Цель работы 27

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

3.3 Содержание отчета 28

3.4 Методические указания 28

3.5 Контрольные вопросы 31

4 Практическая работа №4. Фреймы в HTML-документах 32

4.1 Цель работы 32

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

4.3 Содержание отчета 33

4.4 Методические указания 33

4.5 Контрольные вопросы 37

5 Практическая работа №5. Использование HTML-форм 38

5.1 Цель работы 38

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

5.3 Содержание отчета 39

5.4 Методические указания 39

5.5 Контрольные вопросы 44

6 Практическая работа №6. Таблицы стилей CSS 46

6.1 Цель работы 46

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

6.3 Содержание отчета 47

6.4 Методические указания 47

6.4.1 Методы связывания таблиц стилей и HTML-документов 48

6.4.2 Группирование стилей 49

6.4.3 Наследование стилей 50

6.4.4 Классы и идентификаторы стилей 51

6.4.5 Свойства элементов, управляемых с помощью CSS 54

6.5 Контрольные вопросы 55

Литература 56

Приложение А 57

(рекомендуемое) 57

Пример оформления титульного листа отчета по практической работе 57

Приложение Б 58

(справочное) 58

Основные элементы таблиц стилей CSS 58