Утренняя | 05 октября 2023 |
Дневная | 04 октября 2023 |
Вечерняя | 02 октября 2023 |
Выходной день | 21 октября 2023 |
![]() |
По окончании курса: Документ: Удостоверение Квалификация: Дизайнер WEB-сайтов |
Первым этапом в освоении веб дизайна станет изучение основных понятий. Вы узнаете о различных возможностях современных программ, которые используются для создания веб страниц. Вы научитесь создавать макеты сайтов в известной программе DreamWeaver.
Затем уроки web дизайна помогут вам в разработке информационной архитектуры. Вы так же сможете распределять необходимую информацию по разделам сайта, учитывая логические, информационные и визуальные взаимосвязи между этими разделами.
Важным этапом в освоении веб дизайна является эрогномика. Уроки по веб дизайну помогут вам узнать макетировании в WEB. У вас появится возможность создать фиксированные и адаптируемые страницы.
Наши уроки по web дизайну также ознакомят вас с иллюстрациями и графическими элементами, которые используются при дизайне сайтов. Баннеры и Gif-анимация станут для вас не просто знакомыми терминами, а словами, которые вы часто будете использовать, работая над дизайном сайта.
Посетив уроки по web дизайну, вы получите возможность создавать динамические элементы в программе DreamWeaver, а так же во время практической работы оценить созданный сайт и протестировать его.
Программа Adobe Photoshop является одной из самых необходимых программ, используемых при дизайне сайтов.
Наши уроки веб дизайна помогут вам изучить программу Adobe Photoshop и научиться работать с изображениями. Вы сможете узнать о технике выделения областей необходимого изображения, а так же научиться создавать многослойные изображения. Все это вы сможете проделать, записавшись на наши уроки по web дизайну.
Для того чтобы обладать техникой рисования, мы советуем вам посетить наши уроки web дизайна. Здесь вы сможете узнать о необходимых инструментах, о цвете и форме кисти. Помимо этого вы сможете применить фильтры для имитации разнообразных техник рисования.
Наши уроки по веб дизайну позволят вам изучить технику ретуширования, а так же обучат вас выполнению сложного монтажа. Вы так же узнаете о способах и приемах сканирования и коррекции изображения.
Посетив уроки веб дизайна нашей компании вы, несомненно, получите колоссальный опыт, который понадобится вам для дизайна сайтов. По окончании обучения, все наши ученики проходят собеседование, где они могут показать все полученные знания.
1. Введение в web-дизайн. Основные понятия.
1.1 Понятие «Сайт». Виды сайтов: простые, креативные, сайты-портфолио, интернет-магазины, промо сайты.
1.2 Разработка концепции сайта, исходя из поставленных задач, целевой аудитории, фирменного стиля компании.
1.3 Способы определения набора страниц и навигации между ними.
1.4 Разработка информационной архитектуры сайта. Распределение информации по разделам сайта с учетом информационной, логической и визуальной связи между разделами.
2. Основы веб-дизайна. Создание макета сайта. Юзабилити.
2.1 Цвет в web-дизайне. Использование различных цветовых схем, исходя из позиционирования сайта.
2.2 Стили дизайна сайта.
2.3 Основные компоненты web-страницы и способы их визуального представления.
2.4 Юзабилити сайта. Определения. Факторы, затрудняющие и помогающие правильному восприятию информации на сайте.
2.5 Создание макета сайта. Ритм. Правила расположения, форма основных навигационных, информационных и графических блоков на странице.
3. Язык разметки HTML. Использование NotePad++.
3.1 Структура HTML-документа.
3.2 Понятие «ТЕГ». Типы тегов. Атрибуты тегов. Оформление HTML-документа.
3.3 Теги разметки текста: < b >, < i >, < p >, < ul >, < ol >. Атрибуты тегов.
3.4 Создание гиперссылок: тег < a >, атрибуты тега < a >.
3.5 Размещение картинок на странице (GIF, PNG, JPG, JPEG – форматы). Тег < img >, Атрибуты тега.
3.6 Таблицы. Создание, определение размеров таблицы и ячеек. Определение ячеек и строк таблицы. Вложенные таблицы.
3.7 Создание макета страницы с использованием таблиц: Табличная верстка. Правила верстки, типичное ошибки, советы и трюки.
3.8 Создание форм на сайте. Основные элементы веб-форм.
3.9 Отправка информации из формы.
3.10 Практика: Создание статичной формы, используя табличную верстку.
3.11 Размещение медиа-файлов на сайте. (видео и аудио файлы).
4. CSS: Каскадные таблицы стилей. 4.1 Что такое CSS? Методы подключения стилей (подключение внешних файлов CSS к странице)
4.2 Основные понятия CSS. Синтаксис CSS.
4.3 Создание стилей для элементов страницы. Классы и идентификаторы (их различия).
4.4 Оформление и декорирование страницы, используя CSS.
4.5 Позиционирование элементов страницы с помощью CSS.
5. JavaScript и jQuery: Применение готовых библиотек для сайта.
5.1 Что такое jQuery?
5.2 Подключение внешних библиотек к сайту.
5.3 Галерея изображений
5.4 Использование jQuery UI: DatePicker, Tabs, Accordion.
6. Основы работы в графических программах и создания графики для web-сайтов.
6.1 Adobe Photoshop – основы создания документа и модификации изображения (поворот, изменение размеров, сохранение файла для web).
6.2 Dreamweawer – основы использования программы для создания web-страниц.
7. Тестирование сайта и размещение на хостинге.
7.1 Понятия домен и хостинг. Виды, регистрация.
7.2 Размещение сайта на бесплатных хостингах.
7.3 FTP-протокол.
7.4 Окончательное тестирование готового сайта.
8. Итоговое (зачетное) занятие.
Работа в программе « Adobe Photoshop»
1. Введение .
2. Техника выделения областей изображения .
3. Создание многослойного изображения.
4. Работа со слоями многослойного изображения.
5. Техника рисования.
6. Техника ретуширования.
7. Выполнение сложного монтажа.
8. Сканирование и коррекция изображения.