8 клас
computer science
«Навчальна книга — Богдан»
тема 16
Модуль гнучких блоків. Макет сайту. Цільова аудиторія та технічне завдання з розробки вебсайту. Аналіз відвідування сайту
Контейнери в html
<div> ....</div>
<span>...</span>
Дочірні та батьківські елементи в HTML
Батьківський елемент
дочірній елемент
header
footer
section
nav
main
aside
Модуль гнучких блоків (Flexbox)
Основні концепції Flexbox
Flex Items
Flex Container
Основні властивості Flex Container
flex-wrap
flex-direction
Основні властивості Flex Container
align-items
justify-content
Основні властивості Flex Items
flex-shrink
align-self
order
flex-basis
flex-grow
Макет сайту
Макет сайту — це схема або план розташування елементів на веб-сторінці. Від правильного макета залежить зручність користувача, естетичний вигляд та функціональність веб-сайту.
Як же розмістити блоки в такому порядку як на прикладі?
Цільова аудиторія
Цільова аудиторія — це група людей, на яку орієнтований веб-сайт.
Ключові аспекти визначення цільової аудиторії
Поведінка користувачів
Демографічні дані
Інтереси та потреби
Частота відвідувань, улюблені пристрої, способи взаємодії з контентом
Вік, стать, місце проживання, освіта, дохід
Хобі, професія, проблеми, які потрібно вирішити
Технічне завдання
Технічне завдання (ТЗ) — це документ, який детально описує вимоги до розробки веб-сайту.
Мета і завдання
Функціональні вимоги
Дизайн і макет
Основні компоненти технічного завдання
Терміни і етапи розробки
Технічні вимоги
Аналіз відвідування сайту
Аналіз відвідування сайту дозволяє оцінити ефективність роботи веб-ресурсу, зрозуміти поведінку користувачів і виявити слабкі місця для їх подальшого покращення.
Основні інструменти для аналізу
Hotjar
Google Analytics
Інструмент для аналізу поведінки користувачів, включаючи теплові карти, записи сесій
Найпопулярніший інструмент для аналізу трафіку веб-сайтів
Основні метрики для аналізу
Джерела трафіку
Відвідуваність
Органічний пошук, прямі заходи, реферальний трафік, соціальні мережі
Кількість унікальних відвідувачів, кількість сеансів, кількість переглядів сторінок.
Поведінка користувачів
Конверсії
Кількість заповнених форм, кількість покупок, інші цільові дії
Середній час на сайті, кількість сторінок за сеанс, показник відмов (bounce rate)
Приклад аналізу відвідування сайту за допомогою Google Analytics
Налаштування облікового запису Google Analytics
Аналіз метрик
Перейдіть до розділу "Аудиторія" для аналізу кількості відвідувачів та їхньої демографії
Створіть обліковий запис на сайті Google Analytics.
Перейдіть до розділу "Атракція" для аналізу джерел трафіку
Додайте сайт у свій обліковий запис
Перейдіть до розділу "Поведінка" для аналізу поведінки користувачів на сайті
Вставте отриманий трекінговий код на всі сторінки вашого сайту
Перейдіть до розділу "Конверсії" для аналізу виконаних цільових дій
Дякую за увагу!
Урок №16 Модуль гнучких блоків. Макет сайту. Цільова аудиторія та техн
InnaTrischuk
Created on April 25, 2024
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Math Lesson Plan
View
Primary Unit Plan 2
View
Animated Chalkboard Learning Unit
View
Business Learning Unit
View
Corporate Signature Learning Unit
View
Code Training Unit
View
History Unit plan
Explore all templates
Transcript
8 клас
computer science
«Навчальна книга — Богдан»
тема 16
Модуль гнучких блоків. Макет сайту. Цільова аудиторія та технічне завдання з розробки вебсайту. Аналіз відвідування сайту
Контейнери в html
<div> ....</div>
<span>...</span>
Дочірні та батьківські елементи в HTML
Батьківський елемент
дочірній елемент
header
footer
section
nav
main
aside
Модуль гнучких блоків (Flexbox)
Основні концепції Flexbox
Flex Items
Flex Container
Основні властивості Flex Container
flex-wrap
flex-direction
Основні властивості Flex Container
align-items
justify-content
Основні властивості Flex Items
flex-shrink
align-self
order
flex-basis
flex-grow
Макет сайту
Макет сайту — це схема або план розташування елементів на веб-сторінці. Від правильного макета залежить зручність користувача, естетичний вигляд та функціональність веб-сайту.
Як же розмістити блоки в такому порядку як на прикладі?
Цільова аудиторія
Цільова аудиторія — це група людей, на яку орієнтований веб-сайт.
Ключові аспекти визначення цільової аудиторії
Поведінка користувачів
Демографічні дані
Інтереси та потреби
Частота відвідувань, улюблені пристрої, способи взаємодії з контентом
Вік, стать, місце проживання, освіта, дохід
Хобі, професія, проблеми, які потрібно вирішити
Технічне завдання
Технічне завдання (ТЗ) — це документ, який детально описує вимоги до розробки веб-сайту.
Мета і завдання
Функціональні вимоги
Дизайн і макет
Основні компоненти технічного завдання
Терміни і етапи розробки
Технічні вимоги
Аналіз відвідування сайту
Аналіз відвідування сайту дозволяє оцінити ефективність роботи веб-ресурсу, зрозуміти поведінку користувачів і виявити слабкі місця для їх подальшого покращення.
Основні інструменти для аналізу
Hotjar
Google Analytics
Інструмент для аналізу поведінки користувачів, включаючи теплові карти, записи сесій
Найпопулярніший інструмент для аналізу трафіку веб-сайтів
Основні метрики для аналізу
Джерела трафіку
Відвідуваність
Органічний пошук, прямі заходи, реферальний трафік, соціальні мережі
Кількість унікальних відвідувачів, кількість сеансів, кількість переглядів сторінок.
Поведінка користувачів
Конверсії
Кількість заповнених форм, кількість покупок, інші цільові дії
Середній час на сайті, кількість сторінок за сеанс, показник відмов (bounce rate)
Приклад аналізу відвідування сайту за допомогою Google Analytics
Налаштування облікового запису Google Analytics
Аналіз метрик
Перейдіть до розділу "Аудиторія" для аналізу кількості відвідувачів та їхньої демографії
Створіть обліковий запис на сайті Google Analytics.
Перейдіть до розділу "Атракція" для аналізу джерел трафіку
Додайте сайт у свій обліковий запис
Перейдіть до розділу "Поведінка" для аналізу поведінки користувачів на сайті
Вставте отриманий трекінговий код на всі сторінки вашого сайту
Перейдіть до розділу "Конверсії" для аналізу виконаних цільових дій
Дякую за увагу!