Приветствие

Добро пожаловать на дисциплину Web-дизайн 🥳

Здесь мы не «рисуем красивые экраны ради красоты». Мы учимся делать понятные, удобные, правильные и аккуратные интерфейсы, которые решают задачи пользователя и бизнеса, а также благодаря которым разработчики передумают увольняться и будут благодарить Вас за такие шикарные макеты.

Как устроен этот курс

Материалы курса разложены по вкладкам слева.

Каждая тема/занятие имеет код – по нему мы ориентируемся в курсе и по нему же вы называете выполненные домашние задания.

Расшифровка кодов

IN-xx – Introduction (введение и основы веб-дизайна)
Figma-xx – темы и практика в Figma
HTML-xx – блок HTML/CSS, раньше назывался Dev-xx (чтобы понимать, как макет превращается в сайт)

Примеры: IN-03, Figma-02, HTML-01.

Как сдавать работы

Название работы = код занятия (IN-01, Figma-02, HTML-01), а не «работа 1 / работа 2». Раньше стояли порядковые номера, и это путало, когда список заданий менялся в течение семестра. По коду сразу видно, какая это тема.
Где именно писать код, зависит от формата:
1. Figma: код в названии листа (page) или файла/проекта (если каждая работа в своём проекте).
2. HTML: код в названиях папок на Яндекс.Диске или Google Диске: HTML-01, HTML-02, HTML-03 и так далее. Внутри папки – файлы этого задания.
Заголовок чата в ОРИОКСе можно не менять: если все работы идут в одном чате, отдельное «название работы» там не нужно.
Сдача: в ОРИОКС → раздел «Домашние задания», все работы в один и тот же чат, чтобы сохранялась хронология и комментарии преподавателя.
Что отправлять:
1. Figma – ссылка на Figma, доступ публичный (без входа в аккаунт). Проверка – в режиме инкогнито.
  
  Горячие клавиши для инкогнито (Windows):
  - Chrome / Edge / Opera – Ctrl + Shift + N
  - Firefox – Ctrl + Shift + P
2. HTML – ссылка на Google Диск или Яндекс.Диск с папками по кодам. Доступ по ссылке тоже открытый (проверяйте через инкогнито).

Итоговая работа

В конце курса будет итоговый проект: вы выбираете и согласовываете тему сайта, затем проектируете и отрисовываете макет в Figma по критериям из раздела «Итоговая работа».

На странице «Полезные материалы» периодически добавляются различные полезности 🙂