Настоящее методическое руководство содержит набор тематических занятий по 144-часовому курсу «Web-программирование», а так же ряд задач, предусмотренных для самостоятельного решения. Данное руководство может быть полезно не только для учащихся, но и быть опорным конспектом для преподавателей информатики в школах, а так же для всех, желающих создавать сайты в Internet с использованием динамических страниц.

Программа изложенного здесь курса ориентирована на детей школьного возраста (12-15 лет) с начальными пользовательскими навыками работы на компьютере: умение работать с файлами и каталогами, способность создавать, копировать, редактировать и удалять документы, иметь представление о текстовых и графических данных.

Курс включает полную спецификацию языка HTML, а так же ряд элементов, использующих JavaScript. Так же здесь рассмотрены визуальные средства создания статических HTML-документов на примере использования среды Macromedia Dreamweaver MX. Значительная часть курса посвящена изучению работы с базами данных и языку запросов SQL в среде MS Access. Заключительной частью курса является введение в web-программирование в форме ознакомления со средой ColdFusion и языком CFML.

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

Образ виртуальной машины: cf.ova (1 Гб)

Прилагаемый образ ВМ содержит набор ПО, необходимый для изучения курса. Также в образе имеется установленный сайт, содержащий материалы, изучаемые в курсе. Для установки образа рекомендуется использовать VMware Workstation 8.0 и выше. Пароль администратора Windows и администратора ColdFusion - 1.

Содержание книги

HTML
    Понятие гипертекстового документа. Основы работы в Internet
    Структура файлов HTML
    Теги, управляющие текстом
    Создание страниц сайта. Оформление главной страницы
    Ссылки. Тег А
    Создание страницы со ссылками на сайты одногрупников
    Установка фона и звука на странице
    Графические форматы. Тег IMG и его атрибуты
    Цвета. 16-я система счисления
    Иерархическая структура данных
    Списки в HTML. Теги OL, UL, LI 
    Таблицы. Свойства таблиц
    Практическое занятие: Отображение шахматной доски
    Свойства  rowspan и colspan
    Сложные  таблицы
    Фреймы. Тег FRAMESET
    Построение сайта на основе фреймов
    Плавающий фрейм IFRAME
    Создание фотоальбома
    Формы. Тег INPUT: бланки, флажки и переключатели
    Списки и раскрывающиеся меню, область ввода текста
JavaScript
    Динамическое отображение кода HTML на странице
    Создание анкеты
    Генератор сказок с использованием форм
    Создание тестирующей программы с использованием JavaScript
CSS
    Основы CSS
    Применение стилей к ссылкам
    Изменение параметров курсора с использованием стилей
    Границы и рамки элементов
    Свойство border в спецификации CSS
Macromedia DreamWeaver
    Работа с Macromedia DreamWeaver
    Создание веб-страниц визуальными средствами
    Определение сайта
    Создание и использование шаблонов
    Использование стилей
    Создание карты ссылок
СУБД Microsoft Access
    Понятие базы данных. Создание таблиц в Microsoft Access
    Создание таблиц в Microsoft Access
    Структура БД "Борей". Связи между таблицами
    Настройка внешнего вида таблицы
    Поиск, замена и сортировка данных
    Построение запросов в режиме конструктора
    Основы языка SQL. Построение отчетов
ColdFusion
    Основы ColdFusion. Понятие динамических страниц
    Язык CFML. Примеры простейших программ
    Настройка и работа с БД в среде ColdFusion
    Переменные среды CGI
    Журнал посещений
    Реализация статистики посещений
    Программа приветствия
    Добавление и удаление записей таблицы через веб-интерфейс
    Обработка группы элементов формы
    Телефонный справочник
    Постраничная разбивка и сортировка таблиц
    Цикл с параметром. Шахматная доска
    Гостевая книга
    Функции для работы со строками
    Корректность заполнения полей формы. Тег CFFORM
    Графический счетчик посещений
Проекты
    Форум
    Голосование
    Загрузка файлов на сервер
    Работа с Cookies
    Чат
    Система тестирования
    Работа с графикой. Графическая компонента CSImageFile
    Проект "Фотоальбом". Этапы создания проекта
    Примеры проектов
    Обзор технологий создания динамических страниц
    Установка программного обеспечения, используемого в курсе