- •Введение
- •Глава1. Html и css
- •1.1. Лабораторная работа № 1. Знакомство с html
- •1.4. Лабораторная работа № 4. Блоковая модель
- •1.5. Лабораторная работа № 5. Новые возможности в css3
- •1.6. Лабораторная работа № 6. Анимация. Создание выпадающего меню
- •Глава 2. Java script
- •2.2. Лабораторная работа №2. Функции. Операторы цикла. Объекты Math, Number
- •2.3. Лабораторная работа №3. Встроенные объекты JavaScript
- •2.4. Лабораторная работа № 4. Пользовательские объекты js. Специальные операторы
- •2.5. Лабораторная работа № 5. Объектная модель документа. Доступ к элементам web-страницы
- •2.6. Лабораторная работа № 6. Объектная модель браузера (bom)
- •2.7. Лабораторная работа № 7. Работа с формами
- •2.8. Лабораторная работа № 8. События. Динамические эффекты на js
- •2.9. Лабораторная работа № 9. Движение объектов и графика на JavaScript
- •2.10. Лабораторная работа № 10. Знакомство с jQuery
- •Глава 3. Xml
- •3.1. Лабораторная работа № 1. Создание xml-документа
- •3.2. Лабораторная работа № 2. Создание валидных xml-документов
- •Xml схема
- •3.3. Лабораторная работа № 3. Отображение xml с использованием xslt
- •3.6. Лабораторная работа № 6. Знакомство с svg-графикой.
- •3.7. Лабораторная работа № 7. Svg-анимация
- •Глава 4. Использование возможностей html5
- •4.1. Лабораторная работа № 1. Знакомство с html5. Элементы video и audio. Геолокация. Элемент canvas.
- •4.2. Лабораторная работа № 2. Использование новых элементов и атрибутов в html5 формах
Введение
В пособии представлены к изучению развивающийся раздел программирования, ориентированный на разработку динамических Internet-приложений. Языки Web–программирования – это соответственно языки, которые в основном предназначены для работы с интернет-технологиями.
Методические указания предназначены для студентов с целью базового обучения Web–программирования и дальнейшего создания Web–сайтов. Программа построена так, что по окончании обучения основ работы с языками разметки, разработка и программирование сайтов не составит больших сложностей.
Изучение методических указаний позволит познакомиться с возможностями HTML,CSS.XMLи JScript, представленных примерами для разработки и созданияWEB-страниц и возможностью дальнейшего создания информационных систем.
Такие информационные системы, выполненные в виде набора HTML-страниц, не требует разработки специальных программных средств, так как все необходимые инструменты для работы с данными (WEB-браузеры) стали частью стандартного программного обеспечения большинства персональных компьютеров. От пользователя требуется выполнить только ту работу, которая относится к тематике разрабатываемого продукта: подготовить тексты, нарисовать рисунки, создатьHTML-страницы и продумать и организовать программно связь между ними.
СОДЕРЖАНИЕ
|
ВВЕДЕНИЕ |
|
|
ГЛАВА 1. HTML и CSS |
|
|
1.1. Лабораторная работа № 1. Знакомство с HTML |
|
|
1.2. Лабораторная работа № 2. HTML+CSS |
|
|
1.3. Лабораторная работа № 3. HTML+CSS |
|
|
1.4. Лабораторная работа № 4. Блоковая модель |
|
|
1.5. Лабораторная работа № 5. Новые возможности в CSS3 |
|
|
1.6. Лабораторная работа № 6. Анимация. Создание выпадающего меню |
|
|
ГЛАВА 2. JAVA SCRIPT |
|
|
2.1. Лабораторная работа № 1. Арифметические, логические операторы, операторы сравнения в JavaScript. |
|
|
2.2. Лабораторная работа №2. Функции. Операторы цикла. Объекты Math, Number. |
|
|
2.3. Лабораторная работа №3. Встроенные объекты JavaScript |
|
|
2.4. Лабораторная работа № 4. Пользовательские объекты JS. Специальные операторы |
|
|
2.5. Лабораторная работа № 5. Объектная модель документа. Доступ к элементам web-страницы |
|
|
2.6. Лабораторная работа № 6. Объектная модель браузера (BOM) |
|
|
2.7. Лабораторная работа № 7. Работа с формами |
|
|
2.8. Лабораторная работа № 8. События. Динамические эффекты на JS |
|
|
2.9. Лабораторная работа № 9. Движение объектов и графика на JavaScript |
|
|
2.10. Лабораторная работа № 10. Знакомство с jQuery |
|
|
ГЛАВА 3. XML |
|
|
3.1. Лабораторная работа № 1. Создание XML-документа |
|
|
3.2. Лабораторная работа № 2. Создание валидных XML-документов |
|
|
3.3. Лабораторная работа № 3. Использование XSLT |
|
|
3.4. Лабораторная работа № 4. Использование сортировки с условием |
|
|
Лабораторная работа № 5. Использование XML DOM |
|
|
3.6. Лабораторная работа № 6. Знакомство с SVG-графикой. Рисование svg-фигур. |
|
|
3.7. Лабораторная работа № 7. SVG-анимация |
|
|
Глава 4. Использование возможностей HTML5 |
|
|
4.1. Лабораторная работа № 1. Знакомство с HTML5. Элементы video и audio. Геолокация. Элемент canvas. |
|
|
4.2. Лабораторная работа № 2. Использование новых элементов и атрибутов в HTML5 формах |
|