UI/UX дизайн в Figma: сайт, мобильный интерфейс, портфолио

Занятие 1 "Основные понятия"

• Понятие гипертекстовых документов и web-сайтов.
• Различные типы web-сайтов, их назначение и использование.
• Понятие web-сервера и принципы. Обзор браузеров.
• Подбор программного обеспечения для работы над веб-сайтом.
• Способы создания сайтов: визуальный, код, комбинированный.
• Разработка структуры и этапы построения web-сайта.
• Информационное наполнение.
• Взаимосвязи основных разделов и подразделов, а также дополнительных страниц веб-сайта.

Занятие 2 "Введение в HTML"

• Основы, версии и стандарты языка HTML. Структура HTML документа.
• Основные разделы кода веб-страницы.
• Понятие тэгов HTML, их типы и оформление.
• Объявление типа документа. Варианты и стандарты.
• Заголовки гипертекстовых документов, их синтаксис и назначение.
• Обзор других тэгов, входящих в блок заголовков.
• Закрытие блока заголовков и открытие основного блока (тэг BODY).
• Обзор основных параметров тэга BODY и их использование (установка фонового цвета и изображения веб-страницы, задание цветов текста и ссылок и т.д.).
• Создание шаблонного кода веб-страницы в простом текстовом редакторе и проверка его работы в браузере.

Занятие 3 "Обзор тэгов HTML для работы с текстом"

• Создание текстовых заголовков различных уровней.
• Тэги оформления, выделения и редактирования текста.
• Тэгов разрыва строк и выделения блоков, их области применения.
• Обзор тэгов создания списков различных типов.
• Принципы вставки спецсимволов и тэги псевдографики.
• Понятие Unicode, его создание и применение.
• Тэги вставки изображений на web-страницы и их параметры.
• Понятие, использование и принципы построения таблиц.
• Обзор тэгов создания таблиц и их параметры.
• Понятие гиперссылки. Типы и области применения гиперссылок.
• Тэги создания гиперссылок и их параметры.
• Создание кода и разработка шаблона новостной ленты сайта.

Занятие 4 "Карты сайта, фреймы, мультимедиа"

• Обзор тэгов создания карты сайта и их параметров.
• Пример создания карты сайта.
• Понятие, типы и использование фреймов.
• Тэги создания фреймов и их параметры.
• Пример создания фреймовой структуры сайта.
• Установка плавающих фреймов на веб-страницу и их использование.
• Использование мультимедия на веб-сайте.
• Тэги для размещения аудио- и видеофайлов
• Тэги для Flash-анимации и их параметры.
• Ограничения использования мультимедия.
• Понятие и применение комментариев HTML.
• Обзор тэгов для вставки комментариев и ограничения их использования.

Занятие 5 "Создание интерактивных элементов"

• Понятие, типы и назначение скриптов.
• Понятие и использование форм на веб-страницах.
• Принципы взаимодействия формы со скриптами.
• Обзор тэгов для создания элементов формы (текстовых полей, выпадающих списков и т.д.).
• Введение в JavaScript, его назначение и области применения.
• Объектная модель веб-страницы и браузера. Примеры объектов.
• Понятие, типы и использование событий на веб-страницах.
• Создание интерактивных объектов на веб-странице.
• Создание всплывающих окон и их использование.

Занятие 6 "Графические елементы"

• Графические объектов на веб-страницах и их форматы.
• Адаптация графики для веб.
• Понятие и использование нарезки изображений.
• Сборка нарезанных изображений с помощью таблиц.
• Понятие, применение и принципы создания анимации.
• Обзор программного обеспечения для создания анимации.
• Понятие, типы, назначение и использование баннеров.
• Параметры баннеров и условия их размещения.
• Установка баннеров и анимированных изображений.

Занятие 7 "Технология CSS"

• Понятие и принципы построения каскадных таблиц стилей.
• Использование CSS.
• Обзор инструкций CSS для оформления текста.
• Обзор инструкций CSS для установки фоновых изображений.
• Понятие и использование обрамления.
• Позиционирования отдельных элементов веб.
• Отображение элементов страницы с помощью CSS.
• Обзор инструкций управления отображением и их взаимодействие со скриптами.
• Примеры управления отображение объектов (создание исчезающих и меняющихся объектов).
• Понятие и использование фильтров CSS.

Занятие 8 "Создание веб-сайта по шаблону"

• Типы шаблонов и способы работы с ними.
• Разработка и изготовление собственных шаблонов веб.
• Работа с визуальными редакторами типа WYSIWYG.
• Обзор популярных визуальных веб-редакторов: Microsoft FrontPage, Macromedia Dreamweaver и Macromedia HomeSite.
• Создание веб-страницы с помощью шаблонов в визуальных редакторах.
• Редактирование выбранного шаблона веб-страницы и его адаптация под свои нужды в среде визуальных редакторов.
• Инструменты для оформления текста.
• Изменение гарнитуры, размера и цвета текста.
• Выравнивание текста внутри блока.

Занятие 9 "Создание web-сайта по шаблону"

• Создание и редактирование гиперссылок в среде визуального редактора.
• Позиционирование и удаление отдельных элементов шаблона веб-страницы в среде визуального редактора.
• Создание собственных элементов и вставка их в шаблон.
• Разработка остальных страниц веб-сайта на базе данного шаблона.
• Создание сложных эффектов (меняющихся изображений и выпадающих меню) в среде визуального редактора.
• Унификация общего визуального оформления сайта.
• Проверка работы гиперссылок и логических связей между
  страницами сайта.

Занятие 10 "Размещение web-сайта на сервере"

• Способы доступа к сайту (по имени или IP-адресу).
• Понятие, принципы построения и работа DNS (BIND).
• Организация InterNIC и её представительства.
• Выбор и регистрация доменного имени сайта.
• Типы хостинга. Выбор хостинга для размещения своего сайта.
• Способы закачки сайта на сервер по прото-колам HTTP и FTP.
• Обзор программного обеспечения для закачки файлов сайта на сервер и работа с ним. Размещение сайта на сервере.
• Использование систем управления контентом (CMS).
• Тестирование работы вебсайта на сервере.
• Возможные ошибки и недочёты.