«WEB-ДИЗАЙН»

Вследствие стремительного роста сети WWW (World Wide Web – Всемирная паутина) появилась новая область информационных технологий – web-дизайн, один из перспективных видов деятельности, дающий новые возможности для воплощения творческих идей художников, дизайнеров и специалистов в области информационных технологий. Разработка, размещение и поддержка Web-ресурсов превращается в одну из наиболее многообещающих и востребованных сфер профессиональной деятельности. На рынке труда возникают новые специальности: web-мастер, HTML-верстальщик, администратор сайта, SEO-специалист, информационный архитектор и другие. Социальный заказ на эти специальности растет год от года, ведь потребность в грамотно разработанных, эстетически привлекательных web-продуктах растет с каждым днем. Именно поэтому, сегодня становится особенно актуальной подготовка специалистов в данной области.

Педагоги

Чагина Наталия Владимировна

 

Содержание программы

 

1. Введение в Web-конструирование

История HTML и Интернет. Приемы работы с браузером.

2. Структура HTML-документа

Базовые контейнеры, их атрибуты. Набор кода в Блокноте.

3. Форматирование текста

Теги форматирования текста. Форматирование в Блокноте.

4. Управление цветом

Способы описания цвета. Атрибут Cоlоr.

5. Графика на Web-страничке

Теория. Принципы размещения графики и создание баннеров. Тег IMG и его атрибуты.

6. Гиперссылки

Принципы интуитивно-понятной навигации. Тег ссылок и его параметры.

7. Виды сайтов

Позиционирование и разметка сайтов. Виды сайтов по позиционированию.

8. Разметка Web-страницы при помощи таблиц

Различные компоновки сайтов. Теги таблицы, строки, ячейки и их параметры.

9. Публикация сайта

Понятие хостинга. Приемы регистрации домена и публикации сайта.

10. Конкурс личных сайтов

Создание собственного сайта.

11. Каскадные таблицы стилей. Общие понятия, приемы работы.

 Основные понятия CSS, преимущества форматирования сайта. Основные селекторы, способы подключения.

12. CSS. Таблицы.

Селекторы ячеек, строк, таблиц. Параметры селекторов ячеек, строк, таблиц.

13. CSS. Форматирование текста и графики.

Селекторы текста и отступов для графики. Параметры селекторов текста и отступов.

14. CSS. Позиционирование объектов.

 Селекторы позиционирования объектов. Параметры селекторов позиционирования объектов.

15. Конкурс сайтов классов

Создание классного сайта. Оценка работ.

Цели программы

Научить школьников основам программирования на языке HTML для создания и размещения Web-сайта.

Результат программы

Личностные результаты:

 

−                   представление об информатике как сфере человеческой деятельности, о ее значимости для развития цивилизации;

−                   критичность мышления;

−                   креативность мышления, инициатива, находчивость, активность при решении практических задач в области информатики

 

Метапредметные результаты:

 

−                   умение самостоятельно анализировать условия достижения цели на основе учета выделенных ориентиров действия в новом учебном материале;

−                   умение планировать пути достижения целей;

−                   умение самостоятельно контролировать свое время и управлять им;

−                   умение задавать вопросы, необходимые для организации собственной деятельности;

−                   умение осуществлять взаимный контроль и оказывать в сотрудничестве необходимую взаимопомощь;

−                   умение находить в различных источниках информацию, необходимую для решения практических проблем, и представлять ее в понятной форме

 

Предметные результаты:

 

−                   основные принципы работы Интернет;

−                   структуру Web-документа;

−                   основные конструкции языка гипертекстовой разметки документов — HTML;

−                   понятия форматирования и редактирования сайта;

−                   команды фреймовой разметки.

Материально-техническая база

Требования к помещению для занятий:

Для реализации программы необходим отдельный учебный кабинет, оснащенный мебелью, специальное оборудование

Стол учительский

Компьютер учительский

Доска интерактивная

Столы компьютерные ученические

Стулья ученические

Компьютер ученический

Принтер