Алексеев М.Ю., Юдакова О.С.

ОПЫТ ПРЕПОДАВАНИЯ WEB-ДИЗАЙНА И ПРОГРАММИРОВАНИЯ ДЛЯ
INTERNET ШКОЛЬНИКАМ СТАРШИХ КЛАССОВ
Алексеев М.Ю., Юдакова О.С.
Московский областной общественный Фонд новых технологий в образовании
«Байтик»
Изучение школьниками основ Web-дизайна в учебном центре Московского
областного общественного Фонда новых технологий в образовании «Байтик»
проводится в 2-х формах:
- в рамках программы 3-х годичной компьютерной школы
- на специализированных курсах Web-дизайна.
В рамках программы компьютерной школы учащиеся получают начальные
сведения по Web-дизайну, основам языка HTML и используют для создания Webстраниц редактор Microsoft FrontPage.
Практические замечания и выводы по опыту преподавания подготовки Webсайтов в компьютерной школе изложены в статье Л.В. Пустоваловой «Из опыта
преподавания подготовки Web-сайтов в компьютерной школе Фонда «Байтик»,
представленной в настоящем сборнике.
Программа специализированных курсов Web-дизайна рассчитана на
старшеклассников уже имеющих определенную базовую подготовку: знакомых с
работой в сети Internet, имеющих опыт работы с популярными Web-браузерами
(как минимум, Microsoft Internet Explorer), и имеющих начальный опыт в создании
Web-страниц. Часть слушателей этих курсов являются выпускниками
компьютерной школы.
Поэтому основной целью курса Web-дизайна является приобретение навыков
по созданию Web-страниц с использованием современных технологий
(использование Flash-технологий, динамического HTML, подключение Javaапплетов). Кроме того, значительное внимание уделяется вопросам разработки
концепции Web-сайта, созданию привлекательного дизайна сайта, обеспечению
интерактивности (обратной связи с посетителями сайта), вопросам привлечения
посетителей на свой сайт.
Программа курса рассчитана на школьников-старшеклассников. Объем курса
– приблизительно 150 часов.
Ниже приводится программа курса с соответствующими комментариями.
1. Разработка концепции и дизайна Web-сайта. Учащиеся получают
представление об «удачном» и «неудачном» дизайне, об организации системы
меню и удобной навигации по сайту, о создании привлекательной цветовой гаммы
сайта, а также об основных ошибках, встречающихся при разработке концепции и
дизайна Web-страниц.
2. Обзор редакторов для создания Web-страниц. Учащиеся получают
представление о достоинствах и недостатках использования WYSIWYGредакторов для Web-конструирования. Использование таких редакторов
(например, Microsoft FrontPage) с одной стороны позволяет облегчить выполнение
рутинных операций при создании Web-страницы, но с другой стороны обладает
рядом недостатков и ограничений (генерация избыточного кода, а также
некорректное отображение в «неродных» браузерах).
3. Углубленное изучение HTML. Учащиеся приобретают опыт написания
HTML-кода страницы «с нуля», то есть без использования WYSIWYG-редакторов,
а также навыки по исправления ошибок HTML-кода, сгенерированного
WYSIWYG-редактором.
4. Графика для Web. Учащиеся получают навыки работы с программами
подготовки графики для Internet, получают сведения об используемых в Internet
графических форматах и требованиях, предъявляемых к графическим
изображениям с учетом их размещения на Web-сайте (обеспечение минимизации
времени загрузки). Здесь же даются сведения об динамической графике (Flash и
GIF-анимация).
5. Изучение DHTML. В данном разделе курса изучается динамический
HTML: использование визуальных эффектов и динамических фильтров для
оформления Web-страниц. Здесь же учащиеся изучают технологию каскадных
таблиц стилей (CSS) и получают представление об их эффективном и
рациональном использовании.
6. Язык JavaScript 1.5. Учащиеся изучают синтаксис и семантику языка
JavaScript и приобретают опыт программирования, получают представления о
технологиях ASP и SSJS. Здесь же дается представление о создание
интерактивных Web-страниц (меню, формы, обеспечение обратной связи с
посетителями сайта). В рамках курса уделяется большое внимание написанию
сценариев на JavaScript, предусмотрены практические работы по темам, например:
- Сценарий JavaScript «Поиск в тексте»
- Сценарий JavaScript «Часы»
- Создание меню с помощью JavaScript
- Отправка данных с помощью HTML-формы
7. Изучение использования Java-апплетов
Учащиеся изучают основы языка программирования Java и получают
практические навыки написания и вставки Java-апплетов на Web-страницу.
8. Введение в язык XML и технологию XSL. В рамках курса уделяется
серьезное внимание новым технологиям в Web-проектировании, в частности,
даются начальные сведения о языке XML и технологии XSL.
9. Раскрутка Web-сайта в Internet. Изучаются вопросы регистрации в
поисковых системах и каталогах. Дается представление о баннерном обмене,
создании гостевой книги и форумов.
В качестве выпускной работы школьники демонстрируют самостоятельно
разработанный и выполненный Web-сайт с использованием всех изученных
технологий Web-дизайна.
В дальнейшем планируется уделить большее внимание изучению
программирования для Internet на языках Java и JavaScript и реализации
разработанных программных приложений для конкретного Internet-проекта
(например, разработка Internet-магазина).
Практика показала, что учащиеся успешно осваивают перспективные Webтехнологии, создают Web-сайты на высоком уровне и способны вести
профессиональную деятельность в данном направлении. В 2003 году слушатели
курсов заняли призовые места на конкурсе школьных Web-сайтов г. Троицка.