Обучение основам вэб-дизайна на дополнительных занятиях по компьютерной графике

Содержание

Введение

1. Обоснование актуальности исследования в условиях дополнительного образования
2. Формулировка цели и определение поставленных задач
3. Определение объекта изучения «основ веб-дизайна» и его интеграция с компьютерной графикой
4. Описание используемых методологических подходов и применяемых методов исследования

Глава 1. Теоретический анализ «основ веб-дизайна» и роль компьютерной графики в программе дополнительных занятий

1. Эволюция представлений о веб-дизайне и особенности его концептуализации
2. Компьютерная графика как базовый инструмент формирования дополнительного образования

Глава 2. Разработка методико-педагогической технологии обучения «основам веб-дизайна» на дополнительных занятиях по компьютерной графике

1. Формирование программы обучения, включающей ключевые аспекты веб-дизайна с применением компьютерной графики
2. Проектирование и моделирование занятий по «основам веб-дизайна» с учетом специфики дополнительного образования

Глава 3. Пилотное внедрение и оценка эффективности разработанной методики

1. Анализ результатов эксперимента по внедрению методических подходов в практическую деятельность
2. Идентификация успешных практик и рекомендации по оптимизации педагогических технологий

Заключение

Список литературы

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

В структуре академического курса выделены следующие основные разделы:

1. Графика для ВЕБ (19 ч.)

   1. Теоретическая часть включает анализ графических форматов, используемых в Интернете. Особое внимание уделено формату GIF с рассмотрением специфики загрузки изображений на веб-страницу и формату JPG как элементу оформления. Также обсуждаются мелкие графические элементы, используемые для создания декоративных линейок и художественных букв, а также применение градиентных фонов, маркеров и оформления кнопок.

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

2. Динамические веб-страницы (109 ч.)

   1. Динамическое HTML (8 ч.)

      1. В теоретической части рассматриваются базовые понятия объектной модели, включая объекты window, document, history, navigator, location, event и screen; анализируются их свойства, методы и события. Особое внимание уделяется типам сценариев и их привязке к элементам веб-страницы через обработчики событий.

      2. Практическая работа заключается в создании простейших сценариев, демонстрирующих применение объектов и обработчиков событий для эффективной интерактивности страницы.

   2. Язык JavaScript (32 ч.)

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

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

   3. Анимация. Технология FLASH (34 ч.)

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

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

   4. Онлайн-конструкторы для создания

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

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

Список использованной литературы

Штейнберг В. Э. Инструментальная дидактика и дизайн-обра-зование [Текст] / В.

Морзе Н. В. Методика обучения информатике: метод, пособие: в 3 ч. / В. В. Морзе; под ред. акад. М. И. Жалдака. - М.: Учебная книга,

С. 234-

Гурский Ю. Эффективная работа с Photoshop: трюки и эффекты / Ю. Гурский, Г. Корабельникова. — СПб.: Питер, 2001 — 384 с.

- Ч. III: Методика обучения основным услугам глобальной сети Интернет. - 196 с. - С.

- № 4/

Хейнз Б. Художественные приемы работы в Photoshop /Б. Хейнз, У. Крамплер. — Пер. с англ. — М.: Издательский дом «Вильямс», 2003 — 976 с.

Ткаченко Е. В. Дидактический дизайн-инструментальный подход [Текст] / Е. В. Ткаченко, И. II. Манько, В.

. - Режим доступа: http://archvuz.rU/2008_2/9

. С. 58-

Луций С. А. Изучаем Photoshop [Текст] / С Луций. - Санкт-Петербург [и др.]: Питер, 2016 – 409 с.

- 288 с.

Скотт, Э. Компьютерные технологии в журналистике / Скотт Э. – М.

- 302 с.

Прохоренок Н. А. HTML, JavaScript, PHP и MySQL : джентльменский набор Wcb-мастера [Текст] / Н.А. Прохоренок. - 3-є издание, [переработанное и дополненное]. - Санкт-Петербург : БХВ-Петербург,

Кирсанов Д. Веб-дизайн / Д. Кирсанов. — СПб: Символ-Плюс, 1999 — 376 с.

Константинов П. П. Веб-дизайн с нуля! [Текст] / П. П. Константинов, И. К. Фролов, В. А. Перелыгин, Е. Э. Самойлов.. - Москва : Лучшие книги,

— 376 с.

- 890 с.

Зудина Е. А. Стилевые тенденции в современном дизайне веб-среды [Электронный ресурс]/ Е. А. Зудина // Архитектон : изхвестия вузов. -

- № 2 (

Гото К. Веб-редизайн / К. Гото, Э. Котлер. — СПб.: Символ-Плюс,

Информатика. Программы для общеобразовательных учебных заведений. - Запорожье: Премьер,

Штейнберг // Образование и наука. Будущее в ретроспективе. Екатеринбург: Изд-во УрО РАО,

Дизайн в стиле минимализм среды [Электронный ресурс] - Режим доступа: http : // www . woolfs . ru / content / view / 647/61 /

С. 85-

Гурский, Ю. Компьютерная графика: Photoshop CS3, CorelDraw X3, Illustrator CS

Левин А. Ш. Создаем сайт быстро и качественно : Что умеет WordPress [Текст] / А.Ш.Левин. - Санкт-Петербург: Питер, 2012 . - 239 с.

Трюки и эффекты (+ DVD с видеокурсом) / Ю. Гурский, И. Гурская, А. Жвалевский. — СПб.: Питер,

: Проектирование и разработка Веб-сайтов: Под ред. Г.М. Троян. – Минск: РИВШ БГУ, 2002 –

Гринберг А. Д. Цифровые изображения / А. Д. Гринберг, С. Гринберг. — Минск: ООО «Попурри», 1997 — 460 с.

Завадский Н. Прокопенко, Т. Проценко. Программа курса по выбору «Основы веб-дизайна» // Информатика и информационные технологии в учебных заведениях. -

Троян Г. М. Основы компьютерных технологий в образовании. В 5 ч. Ч.

Ткаченко Е. В. Дизайн-образование: принципы формирования со-держания образования дополнительной квалификации [Текст] / Е. В. Ткачен-ко, С. М. Кожуховская // Вести. Ин-та развития образования и воспитания подрастающего поколения при ЧГПУ. Челябинск: ЧГПУ,

Стразинскас М. Photoshop для подготовки Веб-графики / М. Стразинскас. – СПб: Питер, 2000 — 480 с.

— 848 с.

— 215 с

Ткаченко Е. В. Образование и наука. Будущее в ретроспективе [Текст] Е. В. Ткаченко. Екатеринбург: И з л-в о УрО РАО,

- 304 с.

434 с.

— 1024 с.: ил.

Адаменко М.В. Компьютер для современных детей [Текст] / под ред. Д. А. Мовчан. - М. : ДМК-Пресс,

- С. 48-

№ 1(

Большаков В.П. КОМПАС-ЗО для студентов и школьников. Черчение, информатика, геометрия [Текст] / под ред. Е.Кондукова. -Спб. : BHV,

- 304с.

— 992 с.

— 192 с.

— 295 с.; цв. ил.

Гультяев А. Уроки Веб-мастера. Технологии и инструменты. Практическое пособие / А. К. Гультяев. — СПб.,

- 520с.

Бейн С. Как сделать красиво в Интернете / С. Бейн, Д. Грей. — СПб.: Питер, 1998 г. — 384 с.

Гаррет Д. Веб-дизайн. Элементы опыта взаимодействия / Д. Гаррет. — СПб.: Символ-Плюс,

Дронов В. А. Macromedia Flash MX / В. А. Дронов. — СПб.: БХВПетербург,

Пауэлл Т. А. Веб-дизайн / Т. А. Пауэлл. — СПб..: БХВ-Петербург,

Хортон С. Разумный Веб-дизайн. Как сделать ваш сайт удобными для пользователей / С. Хортон ; пер. с англ. М. Л. Тарасовой. - М.: НТ Пресс,

Штейнберг // Образование и наука. Известия УрО РАО.