Утренняя | 05 декабря 2023 |
Дневная | 18 декабря 2023 |
Вечерняя | 07 декабря 2023 |
Выходной день | 09 декабря 2023 |
![]() |
По окончании курса: Документ: Удостоверение |
Хороший веб-дизайнер должен многое знать и многое уметь, а именно: разработать концепцию сайта, выбрать для её реализации самый оптимальный путь, иметь безупречный вкус, уметь применять свой креатив в каждой конкретной цели, безупречно знать программирование, владеть основами колористики, приемами продвижения и раскрутки сайта.
Диплом о высшем образовании веб-дизайнеры не получают, поскольку обучение web-дизайну проходит в рамках отдельной дисциплины на факультетах общего дизайна. Поэтому единственным источником получения более глубоких этих знаний, являются курсы web дизайна.
Web дизайн обучение можно отлично освоить на наших курсах. Курсы веб-дизайна состоят из шести объемных тем, в ходе изучения которых вы сможете получить множество полезных знаний. Курсы веб дизайна дают понятие о том, как на основе языка HTML поэтапно создавать структуру сайта, разрабатывать его концепцию для определённой аудитории, опираясь на фирменный стиль организации, для которой сайт создается. Наши курсы web-дизайнеров рассматривают такое ключевое для языка HTML понятие как «тег», учат оформлять с их помощью текстовую информацию.
Очень важно для веб-дизайнера уметь грамотно работать с текстом. Во второй теме курса веб дизайн обучение мы рассмотрим редактирование, форматирование, маркировку текстовой информации. В рамках этой же темы будут рассмотрены и графические изображения страницы, а также размещение табличной информации.
Уроки web дизайна помогут вам ознакомиться с программами для создания графики: Homesite, DreamWeaver, Flash, а также с цветовыми, эргономическими и стилевыми решениями для её оформления. В наше веб обучение также входит изучение базовых для веб-программиста программ: Adobe Photoshop, ImageReady, Macromedia Flash, DreamWeaver. Тут же будут рассмотрены и основные графические форматы Интернета: GIF, PNG, JPG, BMP, SWF, AVI, MOV.
Если вы раздумываете о том, чтобы посвятить свою жизнь веб-дизайну, но пока не уверены в этом, наши уроки веб дизайна помогут вам окончательно убедиться, что эта профессия – одна из самых интересных и перспективных.
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. Итоговое (зачетное) занятие.