Урок 3

План розробки сайту. Макет інформаційної структури сайту


Веб-сайт - це сукупність логічно пов'язаних між собою веб-сторінок. Грамотно побудований сайт є запорукою успішного просування будь-який бізнес-моделі. Для того, щоб створити хороший веб-сайт, необхідно дотримуватися простих і в той же час дуже важливих правил і принципів.







Структура веб сайтів. етапи веб-сайтів from StAlKeRoV


При створенні вузла варто брати до уваги, що при читанні символів, які відображаються на екрані, користувач напружує очі трохи більше, ніж при читанні тих же символів, які надруковані на папері. У результаті час ефективного сприйняття матеріалу зменшується. 


Правила щодо розміщення контенту:

  • Чорні символи повинні відображатися на білому фоні.  
  • Текст повинен бути вирівняний по лівому краю. Для виділення окремого фрагмента кілька рядків можна вирівняти по центру. Не повинно застосовуватися вирівнювання по ширині. 
  • При складанні текстів необхідно уникати більших безперервних текстових блоків. 
  • Довжина рядка повинна становити не більше 80 символів (10-12 слів). 
  • Мінімальний розмір шрифту 10-12 пунктів. 
  • Інформація повинна бути представлена коротко. У тексті повинні викладатися конкретні факти. Текст повинен складатися із загальноприйнятих слів і фраз. Ключові слова повинні бути виділені. 
  • Заголовки повинні відображати вміст розділів і підрозділів. 
  • Абзаци повинні бути невеликими, у кожному має формулюватися одна думка. Схема побудови тексту наступна: у першій фразі викладається основна думка, а в наступних реченнях вона конкретизується, роз'яснюється. 
  • За можливістю в тексті повинні використовуватися маркіровані списки. 
  • Треба намагатися максимально скоротити необхідність у прокручуванні сторінки. 



Підготовка зображень

Щоб підготувати зображення до публікації в веб необхідно виконати наступні дії: 
  • Оптимізація:
 - вирівнювання картинки; 
- видалення шумів і подряпин; 
- установка тонального діапазону; 
- формування підсвічування і тіні; 
- фокусування.
  • Редагування.Зміна розмірів. 
  • Збереження. Створення анімаційних послідовностей. Існують два способи доставки мультимедійних файлів користувачам: копіювання файлів і передача їх у потоковому режимі. 


Недолік застосування потокової анімації – необхідність установки додаткового модуля. Анімаційні послідовності створюються за допомогою: Dynamic html. Рух одиночного зображення управляється за допомогою сценарію. Переваги: забезпечуються інтерактивні засоби, не потрібна установка додаткових модулів, анімація створюється як одиночне зображення, що скорочує обсяг файлу і час копіювання його по мережі. Але при цьому існує величезний недолік – у налаштуваннях браузера користувача може бути заборонене виконання сценаріїв.




Інструктаж з БЖД.

Практична робота «Структура веб-сайтів. Різновиди сайтів»  виконати роботу


Практична №1
Створення структури сайта за допомогою Draw.io 
|

Модуль Вебтехнології |10(11) клас|Речич



Немає коментарів:

Дописати коментар