# data[].attributes.headline
Здрасьте. У мене всь

# data[].attributes.body
Здрасьте. У мене всьо хорошо, вродє зрозуміло.

# data[].attributes.attachment_link.description
The version of the browser you are using is no longer supported. Please upgrade to a supported browser. Dismiss

# data[].attributes.headline
Розділ 5. Основи дизайну та просування веб-сайта

# data[].attributes.subject
Розділ 5. Основи дизайну та просування веб-сайта

# data[].attributes.body
Правила ергономічного розміщення відомостей на вебсторінці.

Ергономіка (грец έργος — праця, νώμος — закон) — це наука, яка вивчає особливості виробничої діяльності людини з метою забезпечення ефективності, безпеки та зручності цієї діяльності.

Ергономічний сайт — це сайт, що забезпечує необхідні зручності відвідувачеві, зменшує фізичну та психологічну втому, зберігає здоров’я та працездатність.

Правила зручного розташування відомостей на веб-сайті:

простота — на сторінці має бути якомога менше елементів (дизайну). Завдяки цьому увагу фокусують на контенті. Легше привернути увагу до чогось важливого, коли її не відволікають елементами дизайну;

фіксований дизайн — зараз зазвичай вже не зустрічаються сайти з «гумової версткою»;

менше колонок — якщо раніше зустрічалися сайти в чотири колонки, а то і більше, то сьогодні три — вже максимум. А частіше — дві.

назва сайту вгорі сторінки — це явище не нове. Але зараз блок у верхній частині сторінки, відділений від решти контенту, — загальновизнаний стандарт.

проста навігація — меню навігації має бути великим і помітним, легким в розумінні, гіперпосилання повинні чітко відрізнятися від решти контенту.

збільшений кегль — роздільна здатність і розміри моніторів зростають, тому можна не напружувати очі;

чіткий логотип — щоб сайт запам’ятали, у нього має бути яскравий і виразний логотип;

ніжний градієнт — плавний перехід з одного кольору в інший. Цей досить простий, малопомітний елемент, справляє гарне враження навіть при нудному за своєю суттю дизайну;

шрифти без зарубок — текст, набраний таким шрифтом, набагато легше читати;

нижній колонтитул — його ще називають «підвалом». Це невеликий блок внизу сторінки, в якому повторено навігаційне меню, розташовано копірайт ©, посилання на дизайнера сайту, контакти власника ресурсу. Якщо раніше це не вважали обов’язковим, то тепер відсутність «підвалу» вважають ознакою поганого тону;

великі кнопки — якщо на сторінці присутні кнопки «проглянути», «придбати» тощо, то їх роблять такими, щоб користувач їх помітив і не схибив при натисканні — великого розміру і яскравими.

Пошукова оптимізація сайту або ж SEO (англ. search engine optimization) — процес коригування HTML-коду, текстового наповнення (контенту), структури сайту, контроль зовнішніх чинників для відповідності вимогам алгоритму пошукових систем, з метою підняття позиції сайту в результатах пошуку в цих системах за певними запитами користувачів. Чим вище позиція сайту в результатах пошуку, тим більша ймовірність, що відвідувач перейде на нього з пошукових систем, оскільки люди зазвичай йдуть за першими посиланнями.

# data[].attributes.headline
Розділ 4. Вебпрограмування

# data[].attributes.subject
Розділ 4. Вебпрограмування

# data[].attributes.body
Вебпрограмування — галузь веброзробки і різновид дизайну, в завдання якої входить проєктування користувальницьких вебінтерфейсів для сайтів або вебдодатків.
Додатково у Вікіпедії

Веб-програмування здійснюється за допомогою спеціальних програмних засобів — скриптів. Ці програмні засоби підрозділяються на два основні види: серверні і клієнтські.

Найпопулярніші мови веб-програмування: JavaScript,  C# (си – шарп),

PHP  гіпертекстовий препроцесор), Python.

Хо́стинг сайта(англ. hosting, від слова host — приймати гостей) — послуга надавання дискового простору, підключення до мережі та інших ресурсів для розміщення фізичної інформації на сервері, що постійно перебуває в мережі (наприклад інтернеті).

Сервер баз даних виконує обслуговування та управління базою даних та відповідає за цілісність та збереження даних, а також забезпечує операції введення-виведення при доступі клієнта до інформації.

В основі клієнт-серверної архітектури лежать два компоненти: клієнт і сервер.

Клієнт – комп'ютер на стороні користувача, який відправляє запит до сервера для надання інформації або виконання певних дій.

Сервер – більш потужний комп'ютер або обладнання, призначене для вирішення певних завдань з виконання програмних кодів, виконання сервісних функцій за запитом клієнтів, надання користувачам доступу до певних ресурсів, зберігання інформації і баз даних.
Валідація сайта і збереження даних форм
Під валідацією сайту розуміється відповідність програмного коду ресурсу всім встановленим і загальноприйнятим нормам розробки, верстки і веб-дизайну.
Додатково: курс "Вебпрограмування з Python та JavaScript CS50".

# data[].attributes.headline
Розділ 3. Графіка та мультимедіа для вебсередовища

# data[].attributes.subject
Розділ 3. Графіка та мультимедіа для вебсередовища

# data[].attributes.body
Презентація

Фотографії, рисунки, фонові малюнки — все це візуальні елементи веб-дизайну. Саме від них залежить зовнішній вигляд сайта, а також швидкість його завантаження.
Основні формати графічних файлів у веб-дизайні:
•GIF

•JPEG

•PNG

•SVG

Анімаційні ефекти
Презентація
•Анімація є одним із трендів у дизайні веб-інтерфейсів, невід’ємна частина будь-якого сайта.
Анімаційні ефекти можна застосовувати до окремих об'єктів: кнопок, списків, меню, а також до зображень.

•Анімовані об’єкти. Це окремі зображення і об’єкти, які показуються користувачеві. Наприклад, курсор, що рухається, плаваюча кнопка «вгору», кнопки заклику до дії, зміна кольору тощо.

•Анімовані зображення. Це можуть бути рекламні банери на сайті, що ведуть на внутрішні сторінки, блог чи перенаправляти відвідувача на інший сайт. Другий приклад анімованих зображень – слайд-шоу з фотографій.

Сучасні можливості анімації дозволяють зробити найрізноманітніші слайдери: на повний екран, з 3D-ефектами, адаптивні (які проглядаються з будь-яких мобільних пристроїв) та інші.

Анімаційні ефекти можна створювати або виключно засобами каскадних таблиць стилів, або ж за допомогою JavaScript.

CSS-анімація робить можливим анімацію переходів
(transitions) з однієї конфігурації CSS-стилю до іншої.

Мультимедіа на веб-сторінках
Презентація

Мультимедіа - це комп’ютеризована технологія, що об’єднує роботу зі всіма джерелами даних, засіб подання різних видів інформації у цифровому вигляді. Це можуть бути: текст, відео, графічні елементи, звукові, анімаційні.

# data[].attributes.headline
Розділ 2. Проєктування та верстка вебсторінок

# data[].attributes.subject
Розділ 2. Проєктування та верстка вебсторінок

# data[].attributes.body
Презентація
Проєктування веб-сайту - це продумування логічної структури веб-сторінок ,  вибір найбільш зручних форм подачі інформації.

Проектуванням займається дизайнер, менеджер проекту.

Можна виділити три основні частини:

•структура,

•способи зберігання даних і доступу до них,

•шлюзи з іншими програмами.

Верстка веб-сайту - це процес створення веб-сторінки із попередньо створеного макету дизайну сайту, заздалегідь намальованого за допомогою графічних редакторів.
Два види верстки:

•табличний

•блоковий

Верстка веб-сайту.

Таблична верстка сайту - це верстка, при якій структура сторінки сайту представлена у вигляді таблиці. Кожний елемент сторінки - це одна або кілька комірок таблиці.

Блокова верстка сайту, або як її ще називають верстка div'ами, - це верстка сайту на основі елементів <div>.

Адаптивна верстка – це верстка, при якій сайт однаково добре відображається на всіх можливих пристроях: комп’ютерах, планшетах, телефонах.
Детальніше

Кросбраузерність – це технологія розробки сайту, при якій весь сайт правильно відображається в різних браузерах.
Детальніше

Проєктування та верстка вебсторінок див. відео

# data[].attributes.attachment_link.authors[].name
Олександр Діденко

# data[].attributes.attachment_link.title
Проектування та верстка веб-сайту.pptx

# data[].attributes.headline
Розділ 1. Напрямки та інструменти вебдизайну

# data[].attributes.subject
Розділ 1. Напрямки та інструменти вебдизайну

# data[].attributes.body
Основні тренди вебдизайну 2021 року:
https://webtune.com.ua/statti/dyzajn/osnovni-trendy-veb-dyzajnu/

Темна кольорова гамма

Мінімалізм і простота

Повноекранне відео

Сінемаграфи і гіф-зображення

3D-зображення і геометрія

Тіні і градієнти

Божевільні форми і яскраві кольори

Колажі та змішані техніки

Напівпрозорі кнопки

Органічний дизайн

Види сайтів. В даний час всі сайти прийнято розділяти на наступні види:

Візитна картка;

Landing Page;

Персональний;

Корпоративний;

Інтернет-магазин;

Каталог.

Інформаційна структура сайту:

- Стандартна

- Каскад

- Хмарочос

-Павутина

http://comscienceatschool.blogspot.com/p/blog-page_12.html