- Основні тренди вебдизайну
- Типи сайтів та їх особливості
- Інформаційна структура сайту
- Інструменти веброзробника
- План розробки сайту
- Практична робота "Проєктування структури сайту"
- Мова гіпертекстової розмітки. Гіпертекстовий документ та його елементи
- Текстові елементи вебсторінках
- Таблиці та списки на вебсторінках
- Практична робота "Створення вебсторінки за допомогою "Мови гіпертекстової розмітки""
- Каскадні таблиці стилів
- Позиціювання елементів вебсторінки за допомогою стилів
- Практична робота "Створення вебсторінки за допомогою каскадних аркушів стилю"
- Проєктування та верстка вебсторінок
- Адаптивна верстка
- Кросбраузерна оптимізація сторінок сайту
- Використання зображень у вебдокументах
- Створення GIF-анімації
- Карти посилань
- Розміщення та відтворення на вебсторінках мультимедійних даних
- Дотримання авторських прав та ліцензій на використання графічних зображень та засобів мультимедіа на вебсторінках
- Практична робота "Використання графічних, анімаційних та мультимедійних елементів на вебсторінках"
- Поняття об'єктної моделі документа. Вебпрограмування та інтерактивні сторінки
- Використання форм. Основні елементи форми
- Валідація та збереження даних форм
- Практична робота "Створення та налагодження інтерактивної сторінки з використанням форм та вебпрограмування"
- Хостинг сайту. Взаємодія клієнт-сервер
- Практична робота "Розміщення сайту на сервері"
- Правила ергомічного розміщення відомостей на вебсторінці
- Пошукова оптимізація та стратегії просування вебсайтів
- Практична робота "Оцінка сайту. Просування сайту"
- Проєктна діяльність
Корисні посилання:
- Підручник HTML
- HTML-конструювання
- INFINSCHOOL
- Основи HTML
- Курс "Основи веб-розробки (HTML, CSS, JavaScript)"
- https://dops.digital/
- https://vintage.com.ua/
- Евристика Нільсена
- https://ux.pub/10-evristik-yuzabiliti-yakoba-nilsena-proillyustrirovannyh-dizayn-resheniyami-revolut/
- Інструменти анімації
- Правила розробки інтерфейсів
- Закони
- Принципи дизайну орієнтованого на людину
- https://medium.com/xops-today/triple-loop-product-lifecycle-learn-build-measure-and-maturity-levels-d74d036a22e2
- Посилання на книгу з людиноорінтованого дизайну
- Патерни для дизайну
- https://www.intercom.com/resources/books/intercom-jobs-to-be-done
- https://www.designkit.org/
- https://www.ideo.org/
- https://www.designkit.org/resources/1
Додаткові матеріали та ресурси
Історія вебу:
Про W3C:
Як працює браузер(ru):
Як працює DNS:
Для перевірки підтримки браузером тих чи інших можливостей і стандартів існують спеціальні ресурси. Найбільш відомі:
Немає коментарів:
Дописати коментар