Поради щодо створення сайту

Erik Johansson’s Wonder World of Photoshopped Images

Переглянула роботи наших студентів, ті помилки й недоліки, які привертають увагу і поради як їх вирішити.

1. Доберіть кольорове оформлення сайту. У цьому вам допоможуть помічник по підбору кольорів від Google https://material.io/tools/color/ та сайт https://colorscheme.ru/
2. Логотип краще обирати на прозорому фоні. Для цього в пошуку зображень від Google оберіть Інструменти й вкажіть Колір - Прозорий. До речі, використання для пошукового запиту мови міжнародного спілкування суттєво збільшить кількість результатів і ваші шанси на успіх. І ще в мене є в закладках гарний сайт з великою кількістю картинок на хімічну тематику на прозорому фоні. Ділюся: https://www.kisspng.com/free/chemistry.html
3. Оптимальний розмір сторінки сайту: 3-4 екрани по висоті. Мінімальна кількість сторінок 3-5. 
4. Якщо назви сторінок складаються з декількох слів, обирайте бокове розміщення меню.
5. Анімовані зображення привертають увагу, проте анімації мають бути якісними, а їх кількість помірною. До речі, пошук Google по зображенням має можливість шукати лише серед анімованих зображень приклад. І, звичайно, є маса спеціалізованих сайтів, які розміщують анімовані зображення, наприклад:
   https://gifer.com/ru/gifs/химия
   https://giphy.com/search/chemical-reaction
   https://imgur.com/t/chemical_reaction
   І ви ж пам'ятаєте, що анімовані зображення дуже багато важать і сповільнюють роботу комп'ютера, так?
6. Для фонових зображень добирайте картинки не менше 2000рх по ширині. 
7. Не забудьте вказати автора своєї роботи.
8. До речі, коли ми говоримо, що це ваша робота, маємо на увазі, що текст написали ви самі. Унікальність тексту перевірте тут https://content-watch.ru/text/
9. Подивіться як виглядає ваш сайт на екранах з різною роздільною здатністю. Для цього використайте кнопку Перегляд на панелі. Стіни тексту, так само як і стіни зображень бути не повинно.
10. Співвідношення тексту й зображень 1:1 або 1:2 на користь зображень. 
11. Гарно розмістити поряд два або три, або навіть чотири зображення допоможуть макети.
12. Дуже добре, якщо зображення мають підписи.
13. Інформацію намагайтеся добирати цікаву і корисну, яка подобається особисто вам і якою ви б хотіли поділитися з іншими.
14. Щоб поділитися сайтом, натисніть на чоловічка на панелі й вкажіть адресу: allhemi.com@gmail.com
15. До речі, якщо потрібні нижні індекси в формулах, наберіть їх в редакторі Word, а потім скопіюйте й вставте на сайт. Форматування тексту збережеться.
16. Не зловживайте смайликами, дужечками, численними знаками оклику чи знаками запитання. Це виглядає інфантильно і не дуже розумно. Вибачте.
17. По ширині сторінка має бути повністю заповнена. Всього сторінка складається з 12 колонок, намагайтеся розміщувати блоки симетрично. 
18. Звертання на "Ви" залиште для особистого листування. На сайті ви звертаєтеся до всіх відвідувачів, тому використовуйте займенник "ви" а не "Ви". 
19. Заголовки краще розміщувати по центру. 
20. Фон має бути світлим, а текст темним. Інверсний текст (світлий текст на темному фоні) придатний лише для заголовків. Читати такий текст важко, і якщо ви цього не помічаєте, подумайте й про інших людей, у яких не такий гарний зір як у вас. 

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