Создание Web-сайтов с использованием динамического HTML и JavaScript

Аннотация

Знания и умения, полученные в результате обучения

В ходе обучения слушатели изучат:

• способы оформления страниц с помощью стилевых таблиц,
• возможности позиционирования элементов на странице,
• объектную модель документа,
• технологию создания динамических сайтов с помощью сценариев на javascript,
• использование средств языка для выполнения задач проверки данных, вводимых пользователем в форму,
• идентификацию пользователей с использованием cookies,
• получение информации о типе браузера пользователя,
• применение стилей для создания динамических эффектов на странице.

Требования к начальному уровню знаний

Слушатели должны обладать знаниями в области создания Web-страниц и синтаксиса языка HTML в объеме программы курса Основы создания веб-сайтов. Adobe Dreamweaver .

Программа курса

Занятие 1. Стилевые таблицы CSS

• Стандарты Интернета и поддержка их браузерами.
• Стилевые таблицы CSS.
• Создание стилевых классов. Способы подключения стилевых таблиц.
• Принципы каскадирования и группировки.
• Использование псевдоклассов и псевдоэлементов.
• Позиционирование элемента на странице при помощи CSS.
• Управление видимостью элемента. Слои.

Занятие 2. Язык JavaScritpt

• Обзор клиентских веб-технологий.
• Инструментальные средства разработки клиентских веб-приложений.
• Понятие языка сценариев. Основные сценарные языки.
• Язык Javascript, история развития и версии.
• Встраивание сценариев Javascript в HTML-документы.
• Синтаксис языка Javascript.
• Строки, переменные, массивы, выражения и операции. Массивы.
• Управляющие конструкции. Условные операторы.

Занятие 3. Создание циклов. Функции. Поддержка событий

• Операторы организации цикла.
• Определение и вызов функций. Аргументы. Возврат значений.
• События в JavaScript. Обработчики событий. Объект event.
• Создание сценариев с помощью функций и событий.

Занятие 4. DOM. Объекты браузера. Объект window

• Объектная модель документа DOM. Объекты, свойства и методы. Коллекции.
• Объекты браузера.
• Объект window.
• Применение таймеров.
• Модальные диалоговые окна.
• Управление окнами. Создание окна.
• Перемещение и развертывание окна, обмен информацией с новыми окнами.

Занятие 5. Объекты браузера. Работа с изображениями

• Объект document.
• Объекты location, status, screen и navigator.
• Объект image. Перекатывание изображений.
• Предварительная загрузка изображений в браузер.
• Создание движущегося изображения.

Занятие 6. Объекты JavaScript

• Объекты Date, String, Math.
• Регулярные выражения. Проверка достоверности вводимых данных.
• Использование методов и свойств объектов при создании сценариев.
• Создание объектов. Конструктор.
• Выявление и исправление ошибок.

Занятие 7. Динамическое изменение стилей документа

• Применение каскадных таблиц стилей для создания динамических элементов страницы.
• Изменение фонового цвета и изображения.
• Смена стиля текста и ссылок.
• Анимация.
• Создание перетаскиваемых элементов.
• Выпадающие меню.

Занятие 8. Работа с формами в JavaScript. Фреймы

• HTML-формы. Элементы форм.
• Методы передачи информации из формы.
• Использование сценариев Javascript для проверки форм.
• События, связанные с формами. Установка и перенос фокуса.
• Блокирование и скрытие элементов формы.
• Управление фреймами.

Занятие 9. Работа с cookie. Объекты DOM

• Управление cookie. Формат данных cookie.
• Использование Javascript для работы с cookie.
• Структура дерева документа. Элементы документа, их свойства и методы работы с ними.
• Доступ к объектам DOM, управление свойствами объектов.
• Применение DOM для создания динамических эффектов.
• Создание сворачивающихся списков и меню.

Занятие 10. Исполняющая система JScript. Обзор библиотек JavaScript

• Особенности языка JScript. Библиотека ActiveX.
• Рекомендации и примеры решения практических задач.
• Обзор библиотек JavaScript для ускорения разработки веб-страниц.
• Библиотека JQuery.

Длительность курса 40 ак.часов

Перейти на Главную