Читать онлайн «Web-дизайн»
Автор Шигина Н.А.
МИНОБРНАУКИ РОССИИ
Федеральное государственное бюджетное образовательное
учреждение
высшего профессионального образования
«ПЕНЗЕНСКИЙ ГОСУДАРСТВЕННЫЙ ТЕХНОЛОГИЧЕСКИЙ
УНИВЕРСИТЕТ»
СИСТЕМА
ОТКРЫТОГО
ОБРАЗОВАНИЯ
Web-дизайн
Учебное пособие
Автор - составитель: Шигина Н. А. Пенза,
ПензГТУ
2015
УДК 004. 738. 52
Рецензент:
Лебедев Виктор Борисович,
доктор технических наук,
профессор кафедры ИНОУП
Пензенского государственного университета
Web-дизайн. Курс лекций. Автор - сост. : Шигина Н. А. – Пенза: Изд-во Пенз. гос. технол. ун-та, 2015. – 157 с. Учебное пособие предназначено для студентов, изучающих
дисциплину «Web-дизайн» по программе бакалавриата направления
230700 и 090303 «Прикладная информатика». Для освоения дисциплины обучающийся должен иметь общее
представление об интернете, иметь практические навыки
использования WWW, а также опыт применения офисных программ. Знания и умения, полученные при изучении дисциплины «WEB-
дизайн», закрепляются во время учебной и преддипломной практики,
курсового проектирования, могут быть использованы при выполнении
дипломного проектирования. Пособие допущено методическим советом факультета
«Информационные и образовательные технологии» Пензенского
государственного технологического университета для использования
в учебном процессе вуза. УДК 004. 738. 52
Шигина Н. А. , 2015.
2
Оглавление
Тема 1. Введение в курс. Основы WWW, HTML и CSS. ... ... ... ... ... . 5
Введение. Понятие Web-дизайна ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 5
Концепция построения сети Интернет ... ... ... ... ... ... ... ... ... ... ... ... . 6
История Интернет и WWW... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 12
Язык HTML... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . . 14
Гиперссылки ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . 24
Использование изображений, анимации и видео ... ... ... ... . . 27
Разметка изображения для создания ссылок ... ... ... ... ... ... ... ... 29
Компоновка веб-страниц ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . . 32
Каскадные таблицы стилей ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . . 40
Дополнительная литература ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 53
Тема 2. Введение в Javascript ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . . 54
Введение ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . 54
Типы данных. Операторы ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . 59
Циклы ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 65
Функции. ... ... ... ... ...
... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . 67
Массивы ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . . 69
Объекты. ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . 70
Объектная модель документа ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 70
Формы в HTML ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . 73
Обработка событий. ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . 76
Программная обработка графических объектов. ... ... ... ... ... ... 82
Элемент canvas в HTML5 ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 85
Тени ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 88
Вставка изображений ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . . 89
Манипуляции с пикселями... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 90
Графический текст ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . . 92
Градиенты ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . . 93
Дополнительная литература к теме: ... ... ... ... ... ... ... ... ... ... ... ... . . 94
Тема 3.
