Веб-дизайн от 0 до PRO

Веб-дизайн от 0 до PRO

Записаться
Без дизайна в наши дни не обходится ни одна сфера деятельности. Профессия дизайнера является одной из самых востребованных, и эта тенденция из года в год лишь возрастает. Это обстоятельство обуславливается тем, что в настоящее время почти любая деятельность, связанная с производством или коммерцией, нуждается в услугах профессиональных дизайнеров. В результате стремительного роста глобальной сети Интернет появилась новая область информационных технологий – web-дизайн, одна из самых динамично развивающихся систем. Это создало необходимость в профессии специалиста в области компьютерной графики и Web-дизайна (Web-дизайнер). 
Данная программа относится к новому, развивающему быстрыми темпами направлению творческой деятельности. 
Web-дизайн – проектирование и разработка средствами web-технологий информационной архитектуры web-сайта с одновременным его художественным оформлением и оптимизацией программного кода в целях наиболее эффективного использования и продвижения в Интернет. 
Программа построена на оптимальном сочетании лекционного и практического материалов, направленных на развитие в ребенке интереса к профессиональной работе в глобальной сети Internet, в том числе по направлению компьютерной графики, и привитие Web-компетенции – готовности учащегося к самостоятельному проектированию и реализации основных компонентов дизайна web-сайтов. 
Работа ведется не только с тестовыми, но и с реальными объектами IT-инфраструктуры. 
Включены занятия с профориентационной тематикой для осознания роли полученных знаний в профессиональной деятельности. 

Педагоги
Кулешова Наталья Викторовна. Преподаватель  информационных дисциплин ГПОУ ТО "Тульский экономический колледж".
Расписание

Подгруппа 2 занимается каждый вторник с 15-15 по 18-15. 4 академических часа.
Продолжительность академического часа 40 минут.
Подгруппа 1 занимается каждый четверг с 14-15 по 17-15.4 академических часа.
Продолжительность академического часа 40 минут.
Содержание программы

Теоретический блок – 23 часа

  1. Роль компьютерной графики в дизайне.
  2. Методы представления графической информации: Растровая графика и векторная графика.
  3. Обработка растровых изображений (программа Adobe Photoshop).
  4. Создание и обработка векторных иллюстраций (программа CorelDraw).
  5. Web-графика.
  6. Web-дизайн.
  7. Верстка Web-сайта: Табличный дизайн. Блочный дизайн.
  8. Юзабилити.
  9. Размещение сайта в сети Internet.

Практический блок – 49 часов

  1. Фотомонтаж: Редактирование изображений. Текст на изображении. Средства выделения и совмещения фрагментов изображений. Требования и условия размещения графических объектов на веб-страницах. Фильтры. Создание спецэффектов. Градиенты. Специальные приемы выделения. Выделения сложной формы. Модификация выделений. Маскирование – техника профессионального фотомонтажа.
  2. Графика Web-сайта: Работа с 3D – объектами в Adobe Photoshop. Включение трехмерных объектов в композицию. Создание композиционного рисунка с применением различных приемов компьютерной графики. Создание и размещение на web-странице ролика, созданного в программе Macromedia Flash.
  3. Формирование сложных таблиц в контенте сайта: Разметка страницы сайта с помощью таблиц. Настройка ширины и высоты ячеек таблицы. Создание сложной структуры с помощью вложенных таблиц. Способы модификации таблицы путем объединения ячеек и применение границ и заливок.
  4. Каскадные таблицы стилей CSS: Создание внешней таблицы стилей, подключение ее к web-странице и применение стилей к тегам. Создание стилевых правил для отдельных тегов, создание классов и псевдоклассов. Создание контекстного селектора. Использование внутренней таблицы стилей и Inline-стиль. Задание позиции для тега с помощью стилей.
  5. Гиперссылки: Размещение гиперссылок на web-странице. Оформление гиперссылок. Изменение стандартных цветов гиперссылок. Создание картинки-гиперссылки. Ссылки на внешние ресурсы Интернета.
  6. Фреймы: Формирование фреймовой структуры страницы. Загрузка web-страницы в заданный фрейм. Использование гиперссылок между фреймами. Форматирование фреймов. Создание «истории» посещения web-страниц.
  7. Язык сценариев Jav * aScript: Создание скриптов (функции, обрабатывающие некоторые события) и включение их в web-страницу. Подключение к web-странице внешнего файла со скриптами. Динамическое изменение содержимого блока. Поиск и исправление ошибок в скриптах. Применение необходимых свойств, методов и событий к тегу.
  8. Таймер и формы: Использование таймера. Получение и обработка данных от посетителя с помощью элементов форм.
  9. Основы визуального дизайна: Пространственные отношения. Форма и размер. Цвет и размер. Пропорции. Размещение элементов в композиции web-страницы. Плотность размещения материала. Подбор шрифтов.
  10. Создание интерактивных документов: Использование основных видов интерактивных документов (формы, гостевые книги, анкеты, голосования, счетчики и пр.), и графических эффектов, использующихся при создании web-сайтов. Размещение готовых активных форм CGI и JavaScript в web -документе. Поиск в Интернет готовых активных формы CGI и JavaScript и размещение их в web -документе. Обмен, реклама, ссылки.
  11. Размещение web-документа на сервере: Регистрация адреса. Выгрузка сайта (соглашения и правила). Тестирование страниц. Регистрация WEB-сайта на поисковых машинах. 
  12. Работа над собственным проектом: Создание сайта заданной тематики и размещение его в сети Интернет.
  13. Документирование работ по собственному проекту: Оформление результатов. Подготовка отчетной документации.
  14. Защита и презентация проекта: Представление проекта учащимся группы.
Цели программы
Цель программы – расширить познания детей в области компьютерной графики, дизайна для их успешной социализации и профподготовки. 
Цель курсов – углубленное изучение специализированных программных средств компьютерной графики и их применение в Web-дизайне: 
– графические редакторы растровой и векторной графики: Adobe Photoshop и CorelDRAW; 
– теория дизайна, брэндинг и айдентика, работа с фирменными стилями; 
– Web-дизайн и web-кодинг, дизайн и создание web-страниц; 
– создание анимации в Adobe Flash; 
– юзабилити и поисковая оптимизация веб-сайтов; 
– создание трехмерных изображений; 
– создание анимационных фильмов; 
– работа с видео и звуком.
Результат программы
Образовательная программа дает возможность каждому учащемуся по результатам ее прохождения овладеть web-компетенциями и выполнить проектную работу. Формы подведения итогов: 
– успешное выполнение всех практических работ и последующая защита собственного проекта перед всей группой в виде презентации; 
– участие в городских, региональных, всероссийских конкурсах, выставках, фестивалях.
Особые условия проведения
Нет
Материально-техническая база

Техническое обеспечение

· Персональный компьютер – рабочее место учителя и учащихся

· Мультимедиапроектор

· Интерактивная доска

· Принтер (лазерный, цветной, сетевой)

· Сервер

· Комплект сетевого оборудования

· Комплект оборудования для подключения к сети Интернет

· Устройства вывода звуковой информации (наушники, колонки, микрофон)

· Устройства для ручного ввода текстовой информации и манипулирования экранными объектами (клавиатура и мышь, джойстик)

· Сканер

· Внешний накопитель информации (или флеш-память)

Программное обеспечение 

· операционная система Windows XP и выше;

· браузеры Internet Explorer, Opera, Google Chrome и др.;

· текстовый процессор Блокнот;

· программа Macromedia Flash MX;

Стоимость
Бесплатно на основе персонифицированного финансирования.
Видео
veb-dizayn-ot-0-do-pro
Веб-дизайн от 0 до PRO
Веб-дизайн от 0 до PRO
ПРЕПОДАВАТЕЛЬ

Кулешова Наталья Викторовна

возраст

От 10 до 17 лет

размер группы

10 человек

ПЕРИОД ОБУЧЕНИЯ

08.10.2020 - 13.05.2021

пн
вт
ср
чт
14:15 - 16:56
пт
сб
вс
Внимание! Открыта запись на следующий учебный год.
Веб-дизайн от 0 до PRO
ПРЕПОДАВАТЕЛЬ

Кулешова Наталья Викторовна

возраст

От 10 до 17 лет

размер группы

10 человек

ПЕРИОД ОБУЧЕНИЯ

13.10.2020 - 18.05.2021

пн
вт
15:15 - 17:57
ср
чт
пт
сб
вс
Отзывы
Расположение на карте

Мы делаем все возможное для помощи родителям и учителям в подборе интересных внеклассных мероприятий.

Рекомендуем посмотреть

  • 10-17 лет

Юный мастер «PHOTOSHOP»

На курсах есть возможность освоить программы для постпроцессинга и ретуши, среди которых: Adobe Lightroom, Adobe Bridge, Adobe Photoshop.

  • 10-17 лет

Основы графического дизайна

Содержание курса направлено на ознакомление школьников с основами графического дизайна.

  • 10-17 лет

«IT-безопасность»

Курсы ориентированы на отработку практических навыков. Занятия проходят в группах по 10 человек. Преподаватель уделяет время каждому ребенку. Результатом обучения будет готовый проект, который дети презентуют на финальном уроке. Занятия проходят в дружелюбной и креативной обстановке, Ребенок станет частью настоящей команды разработчиков под руководством опытных наставников. Дети приобретают технические, профессиональные и коммуникативные навыки. Результат обучения: 1. Готовый проект Ребенок создаст свой проект – приложение, игру или ее часть, видеоролик и презентует его. 2. Диплом Все ученики получат дипломы установленного образца о завершении обучения. 3.Повышение мотивации Ученики с большим интересом будут изучать точные науки: математику, геометрию, физику и др. 4. Бизнес-навыки