Geum.ru

Опыт преподавания Web-дизайна и программирования для Internet школьникам старших классов Алексеев М. Ю., Юдакова О. С

Вид материалаПрограмма курса
Подобный материал:

Опыт преподавания 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. Язык " onclick="return false">
- Сценарий " onclick="return false">
- Сценарий " onclick="return false">
- Создание меню с помощью " onclick="return false">
- Отправка данных с помощью HTML-формы

7. Изучение использования Java-апплетов

Учащиеся изучают основы языка программирования Java и получают практические навыки написания и вставки Java-апплетов на Web-страницу.

8. Введение в язык XML и технологию XSL. В рамках курса уделяется серьезное внимание новым технологиям в Web-проектировании, в частности, даются начальные сведения о языке XML и технологии XSL.

9. Раскрутка Web-сайта в Internet. Изучаются вопросы регистрации в поисковых системах и каталогах. Дается представление о баннерном обмене, создании гостевой книги и форумов.

В качестве выпускной работы школьники демонстрируют самостоятельно разработанный и выполненный Web-сайт с использованием всех изученных технологий Web-дизайна.

В дальнейшем планируется уделить большее внимание изучению программирования для Internet на языках Java и " onclick="return false">
Практика показала, что учащиеся успешно осваивают перспективные Web-технологии, создают Web-сайты на высоком уровне и способны вести профессиональную деятельность в данном направлении. В 2003 году слушатели курсов заняли призовые места на конкурсе школьных Web-сайтов г. Троицка.