Please enable JavaScript.
Coggle requires JavaScript to display documents.
Інтелект-карта в освітній діяльності - Coggle Diagram
Інтелект-карта в освітній діяльності
Адаптивність, ергономіка та оптимізація сайтів
Адаптивна верстка — властивість сайту коректно відображатися на будь-яких пристроях (смартфонах, планшетах, ПК).
Оптимізація зображень — налаштування розмірів та пропорцій картинок (наприклад, через object-fit: cover), щоб вони не спотворювалися.
Ергономіка (UX/UI) — зручність користування сайтом, логічне розташування карток та читабельність текстів.
Валідація коду (Пошук помилок) — виправлення синтаксичних помилок (закриття забутих лапок в src, видалення тегів-дублікатів </body>).
нструменти розробника в браузері (F12 / Inspect Element) — для перевірки адаптивності сайту та відстеження помилок у коді.
Сучасні тенденції вебдизайну та веброзробки
Хостинг та Домен — місце розміщення сайту на сервері та його унікальна адреса в мережі.
Google Сайти (Google Sites) — для швидкого конструювання першої версії сайту-резюме за допомогою готових блоків та шаблонів.
Браузер (Google Chrome / Edge) — для перегляду результатів та аналізу структури сайтів.
Особливості використання HTML, CSS та JavaScript
Текстовий редактор коду (VS Code / Notepad++) — для написання та редагування тегів, стилів та скриптів.
Зовнішні стилі — винесення оформлення в окремий файл .css для чистоти коду.
CSS-стилі та Селектори — правила оформлення сайту (колір фону background-color, шрифти, відступи padding/margin, тіні box-shadow).
Сценарії JavaScript (JS) — мова програмування для додавання динаміки та обробки подій (наприклад, кліки, наведення миші).
HTML-теги — базові елементи структури (наприклад, <div> для контейнерів, <h1>–<h3> для заголовків, <img> для картинок, <strong> для жирного тексту).
Стек технологій — набір інструментів (HTML/CSS/JS), який використовується для створення сайту.
Веб-сторінка та Веб-сайт — основні інформаційні одиниці в інтернеті.
Конструктори сайтів (CMS) — платформи для швидкого створення вебресурсів без коду.