16 занятий третьего модуля учат подростков верстке сайтов - как пользовательского интерфейса - внешний вид, категории товаров, заказ товаров, так и раздела для управления сайтом - база данных с товарами, контроль остатков товаров, обработка заказов клиента.
При этом используются такие языки программирования, как JAVA, PHP, JAVASCRIPT и дополнительные технологии - HTML, CSS, SQL.
Ценность этого модуля состоит в том, что именно в работе над созданием сайта подростки соединяют разрозненные данные в единое целое и получают готовый «взрослый» продукт.

Занятие 1.
Быстрый старт: организация рабочего места веб-разработчика. Создание и запуск первого проекта:
- установка и настройка пакета Denver;
- установка среды разработки Eclipse для PHP;
- создание и запуск веб-проекта РНР;
- добавление РНР кода к веб-проекту.

Занятие 2.
Технология верстки веб-страницы: изучение HTML:
- предназначение HTML и CSS;
- вспомним основные теги HTML;
- правила записи HTML-кода.

Занятие 3.
Технология верстки веб-страницы: изучение CSS:
- несколько слов о CSS;
- основы CSS;
- селекторы CSS (селектор по идентификатору, селектор по классу);
- основной способ подключения CSS;
- основные CSS-стили.

Занятие 4.
Начало создания проекта "Винни-Пух и компания": реализация клиентской части на JAVA:
- проект "Винни-Пух и компания";
- технология создания крупного проекта;
- реализация клиентской части на JAVA;
- обмен данными с сайтом.

Занятие 5.
Начало создания серверной части проекта "Винни-Пух и компания":
- создание серверной части проекта на РНР;
- кодировка проекта UTF-8;
- обработка GET-запроса в РНР;
- работа с MySQL из РНР.

Занятие 6.

Завершение создания РНР-скрипта для приема данных от клиентской части на JAVA: формирование SQL-запросов из РНР.

Занятие 7.
Верстка основного каркаса сайта интернет-магазина:
- методики верстки;
- типы верстки;
- верстка основного каркаса сайта;
- изучение верстки других сайтов.

Занятие 8.
Создание главного меню и раздела описания товаров:
- создание таблицы описания товаров;
- формирование верхнего горизонтального меню;
- создание белой прямоугольной области;
- получение описания товаров из базы данных и вывод на веб-страницу.

Занятие 9.
Создание левой и правой боковой части страницы:
- создание таблицы для HTML-разметки;
- программирование пунктов меню;
- получение HTML-разметки из базы данных;
- создание левой боковой части страницы;
- использование Flash на веб-странице;
- создание правой боковой части страницы.

Занятие 10-12.
Подключение JAVA SCRIPT. Создание разделов сайта "Главная" и "Контакты":
- реализация раздела сайта "Главная";
- реализация раздела сайта "Контакты";
- немного о JAVA SCRIPT;
- создание эффекта подмены изображений;
- создание эффекта появления изображений.

Занятие 13-14.
Создание раздела сайта "Заказать":
- создание верхней части раздела;
- отправка и получение данных с веб-страницы;
- использование файлов для хранения данных;
- создание функции для получения и сохранения данных;
- создание таблицы и формы отправки данных.

Занятие 15-16.
Отладка проекта:
- кросс-браузерная отладка;
- создание дополнительных настроек в тегах HEAD;
- перенос сайта на веб-сервер;
- проверка взаимодействия с клиентской частью на JAVA.