Это начальный курс, дающий возможность попробовать себя в роли веб-дизайнера и понять глубину интереса к этой перспективной профессии. В процессе освоения курса будут изучены способы и методы верстки веб-страниц, правила подготовки и публикации сайта в сети. Возраст, на который рассчитан этот курс, а именно школьники 7-11 классов, является наилучшим, так как именно эти школьники, являясь активными потребителями контента, с интересом способны пробовать свои силы в создании и оформлении собственного веб-сайта.
Курс является обязательным модулем программы профессионального обучения рабочей профессии «Цифровой куратор.pdf» по профилю «Интернет грамотность».
Разработка дизайна типовых веб-страниц
Способы оформления веб-страниц
Методы подготовки графики для нужд веб-дизайна
HTML-кодирование и CSS-оформление веб-сайтов
Основы верстки и подготовки сайта к публикации в Интернете
Индивидуальное проектирование «Разработка собственного сайта»
Технология конструирования сайта на готовых платформах
Подробная программа…
Разработка дизайна типовых веб-страниц. Методы подготовки графики для нужд веб-дизайна
- Интерфейс, оптимизация изображений
Практика: Проект «Оптимизация изображений для веб-страницы»
Проект «Зоопарк»
- Ретушь, тоновая и цветовая коррекция
Проект «История русского театра»
- Фильтры, работа со слоями
- Правила создания коллажа, работа с текстом, шапка сайта, подбор цветовой гаммы для сайта
Проект «Создание шапки сайта "Путешествия"»
- Создание фоновых изображений, кнопок. Работа в режиме быстрой маски
Проект «Разработка элементов сайта “Аниме”»
- Разработка и нарезка эскиза web-страницы
Проект «Создание эскиза страницы сайта детского развивающего центра»
Итоговая практическая работа: «Создание эскиза web-страницы “Необычные достопримечательности Санкт-Петербурга“»
HTML-кодирование и CSS оформление веб-сайтов
- Интерфейс программы. Структура документа. Текстовые теги
Проект «Онегин»
- Работа с изображениями. Стилевые таблицы
Проект «Принципы композиции»
- Списки: маркированные, нумерованные, многоуровневые. Вставка элементов мультимедиа на страницу
Проект «Советы по графическому дизайну!
- Навигация по сайту
Проект «Музеи Санкт-Петербурга»
Практическая работа: сайт «Устройство компьютера»
- Стилевое форматирование: иерархия стилевых таблиц, классы, псевдоклассы гиперссылок
Проект «Сказки»
- Таблицы
Проект «Канцелярский магазин»
- Слои. Абсолютное позиционирование.
Проект «Создание новогодней открытки»
Проект «Санкт-Петербург»
Основы верстки и подготовки сайта к публикации в Интернете
- Табличное макетирование
Проект «Борьба с вредителями»
- Табличное макетирование: вложенные таблицы
Проект «Распродажа на Лысой горе»
- Основы блочной вёрстки
Проект «Детский развивающий центр»
- Шаблоны, редактируемые области шаблона, создание страниц по шаблону
Проект «Необычные виды спорта»
Практическая работа по созданию шаблонов «Путешествия»
- Публикация сайта в Интернет
Проект «Цветные сказки»
Проект «День святого Патрика»
Итоговая практическая работа по созданию и оформлению сайта «Элементы дизайна»
Программирование интерактивных элементов на веб-сайтах
- Внедрение интерактивности на web-страницу при помощи атрибутов-обработчиков событий
Проект «Необычные достопримечательности Санкт-Петербурга»
- Создание галерей
Проект «Интерактивные галереи»
- Интерактивные карты. Добавление видео на страницу
Проект «Сочи»
Проект «Дельфинарий»
Индивидуальное проектирование «Разработка собственного сайта»
- Знакомство с графическим редактором. Интерфейс, основы работы, изменение размера, заливка
- Подбор и оптимизация изображений
- Подбор, написание и обработка текстов
- Создание макета типовой страницы сайта
- Создание шаблона типовой страницы сайта
- Создание по шаблону и заполнение типовых страниц сайта
- Создание и оформление главной страницы сайта
Защита итоговой работы
Технология конструирования сайта на готовых платформах
- Обзор конструктора. Схема лендинга. Создание меню, шапки, футера. Форматы изображений. Создание favicon и логотипа онлайн
Проект «Путешествие по Карелии на байдарках»
Проект «Лавкрафт»
- Создание анимационных блоков. Создание блока на основе инструмента Zero-block
Проект «Продажа наушников»
Изучаемые программы и технологии
Дизайн Adoвe PhotoShop, Balsamiq, верстка BlueFish и Visual Studio Code.
Как проходят занятия
Учитывая возраст школьника и понимание им конечного результат обучения, занятия содержать и теоретические понятия и много практических заданий. Обучение сопровождается большим количеством примеров, практик и электронными материалами.
Материалы занятий структурированы и доступны. В процесс обучения заложено выполнение домашних заданий. Материалы занятия, включая домашние задания, публикуются в Личном кабинете. За посещаемостью и успеваемостью можно следить в электронном журнале.
Результат обучения
К концу курса школьник сможет самостоятельно создать свой собственный качественный сайт с учетом всех правил, требований и этапов работы (от разработки дизайна страниц, до передачи оформленной информации в сеть), научится работать с инструментами, востребованными на рынке веб-дизайна, разбираться в типографике, композициях и цветовых сочетаниях, поймет насколько ему интересно дальнейшее развитие в этой профессии.
Предлагаем вашему вниманию примеры выполненных индивидуальных проектов.
Помимо этого, школьник пройдет весь путь от создания до защиты индивидуального проекта с соблюдением всех технических и организационных требований, получит удовольствие от прикладной реализации собственных знаний и умений в области веб-дизайна.
По окончании курса школьник получит Свидетельство установленного образца об освоении дополнительной предпрофессиональной общеобразовательной программы в области информационных технологий.
