План розробки сайту. Макет інформаційної структури сайту
Веб-сайт - це сукупність логічно пов'язаних між собою веб-сторінок. Грамотно побудований сайт є запорукою успішного просування будь-який бізнес-моделі. Для того, щоб створити хороший веб-сайт, необхідно дотримуватися простих і в той же час дуже важливих правил і принципів.
- Розробка макету сайту. Принципи та рекомендації
- Юзабилити и практичность
- 5 правил веб-дизайну
- Анатомія веб-сторінки
- Анатомия идеальной страницы
Структура веб сайтів. етапи веб-сайтів from StAlKeRoV
При створенні вузла варто брати до уваги, що при читанні символів, які відображаються на екрані, користувач напружує очі трохи більше, ніж при читанні тих же символів, які надруковані на папері. У результаті час ефективного сприйняття матеріалу зменшується.
При створенні вузла варто брати до уваги, що при читанні символів, які відображаються на екрані, користувач напружує очі трохи більше, ніж при читанні тих же символів, які надруковані на папері. У результаті час ефективного сприйняття матеріалу зменшується.
Правила щодо розміщення контенту:
- Чорні символи повинні відображатися на білому фоні.
- Текст повинен бути вирівняний по лівому краю. Для виділення окремого фрагмента кілька рядків можна вирівняти по центру. Не повинно застосовуватися вирівнювання по ширині.
- При складанні текстів необхідно уникати більших безперервних текстових блоків.
- Довжина рядка повинна становити не більше 80 символів (10-12 слів).
- Мінімальний розмір шрифту 10-12 пунктів.
- Інформація повинна бути представлена коротко. У тексті повинні викладатися конкретні факти. Текст повинен складатися із загальноприйнятих слів і фраз. Ключові слова повинні бути виділені.
- Заголовки повинні відображати вміст розділів і підрозділів.
- Абзаци повинні бути невеликими, у кожному має формулюватися одна думка. Схема побудови тексту наступна: у першій фразі викладається основна думка, а в наступних реченнях вона конкретизується, роз'яснюється.
- За можливістю в тексті повинні використовуватися маркіровані списки.
- Треба намагатися максимально скоротити необхідність у прокручуванні сторінки.
Підготовка зображень
Щоб підготувати зображення до публікації в веб необхідно виконати наступні дії:- Оптимізація:
- видалення шумів і подряпин;
- установка тонального діапазону;
- формування підсвічування і тіні;
- фокусування.
Недолік застосування потокової анімації – необхідність установки додаткового модуля. Анімаційні послідовності створюються за допомогою: Dynamic html. Рух одиночного зображення управляється за допомогою сценарію. Переваги: забезпечуються інтерактивні засоби, не потрібна установка додаткових модулів, анімація створюється як одиночне зображення, що скорочує обсяг файлу і час копіювання його по мережі. Але при цьому існує величезний недолік – у налаштуваннях браузера користувача може бути заборонене виконання сценаріїв.
Інструктаж з БЖД.
- Редагування.Зміна розмірів.
- Збереження. Створення анімаційних послідовностей. Існують два способи доставки мультимедійних файлів користувачам: копіювання файлів і передача їх у потоковому режимі.
Недолік застосування потокової анімації – необхідність установки додаткового модуля. Анімаційні послідовності створюються за допомогою: Dynamic html. Рух одиночного зображення управляється за допомогою сценарію. Переваги: забезпечуються інтерактивні засоби, не потрібна установка додаткових модулів, анімація створюється як одиночне зображення, що скорочує обсяг файлу і час копіювання його по мережі. Але при цьому існує величезний недолік – у налаштуваннях браузера користувача може бути заборонене виконання сценаріїв.
Інструктаж з БЖД.
Практична робота «Структура веб-сайтів. Різновиди сайтів» виконати роботу
Практична №1
Створення структури сайта за допомогою Draw.io |
Створення структури сайта за допомогою Draw.io
Немає коментарів:
Дописати коментар