Технічне завдання на розробку сайту

Технічне завдання
для розробки сайту legalsynergy.com.ua(це для
прикладу)
Технічне завдання на розробку сайту

Загальна інформація
1. Назва компанії
АДВОКАТСЬКЕ ОБ’ЄДНАННЯ «Правнича Синергія», код ЄДРПОУ/ОКПО: 45388756

2. Юридична адреса
Україна, 03037, місто Київ, вул. Зерових Братів, буд. 1/3

3. Контактна інформація
03037, м. Київ, вул. Братів Зерових, буд. 1/3

Електронна адреса: legalsynergy@ukr.net; legalsynergyua@gmail.com

Телефон: , +38 097 878 6417, +38 066 071 46 58; +38 067 442 65 55

Контактна особа Бабцев Юрій Олександрович, тел. +38 066 071 46 58

Баранець Оксана (менеджер), тел. +38 055 932 41 15, +38 067 463 76 17

Примітка. Ця інформація буде використовуватися в процесі проектування і наповнення

сайту, і може бути виправлена пізніше.

4. Основна спеціалізація та продукція

Ми надаємо комплексну правову допомогу в кримінальних,

господарських, адміністративних, цивільних та сімейних справах.

Організовуємо кіберзахист та безпеку бізнесу від зовнішніх та внутрішніх

загроз.

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

Про проєкт
1. Ім'я веб-сайту (доменне ім'я)
legalsynergy.com.ua(це для прикладу)

2. Назва сайту (повна та скорочена, також міжнародна назва, якщо

потрібно)
Офіційний сайт Адвокатського об’єднання «Правнича синергія»,.

3. Мета сайту (мета створення сайту)

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

Сайт повинен доносити інформацію про об’єднання і послуги, що випускається до потенційних

клієнтів з України, які користуються інтернетом.

4. Мова сайту
Наприклад: російська, українська, англійська.

5. Кількість сторінок на сайті

Наприклад: Кількість сторінок сайту визначається веб-дизайнером самостійно, виходячи з
обсягу представлених матеріалів.

6. Навігація по сайту
Наприклад: З кожної сторінки сайту повинен бути передбачений перехід (встановлюється
гіперпосилання) на головну сторінку сайту. На сайті обов'язково повинна бути сторінка "Карта
сайту" (в тому числі і карта сайту.xml).

7. Схема блоків сайту

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

8. Діапазон базової роздільної здатності екранів пристроїв

Наприклад: Від 375x768 до 1680x1050 пікселів.
Технічне завдання на розробку сайту

9.Основні браузери та їх мінімальні версії

Наприклад: Opera v.60, Google Chrome v.75, Firefox v.68, Safari 11, IE 11.0 і вище.

Структура
1. Основні розділи сайту
Головна сторінка; Про компанію; Послуги; Команда;Новини та публікації; Контакти.

Примітка. Вказуйте тільки основні розділи сайту (не потрібно перераховувати всі сторінки).

2. Дерево сайту, ієрархія вкладеності сторінок та їх призначення

Наприклад:

● Головна сторінка: має акцентувати увагу користувача історію компанії та її послуги, як

приклад - https://credence.com.ua/
○ Про компанію: велика оглядова стаття (потрібна участь вашого копірайтера,
тези надамо) на всю ширину екрану, з великою фотографією офісу на самому
початку (фото додається).
○ Послуги: Надає користувачеві зручний спосіб ознайомлення з послугами
компанії, є підрозділи-підпункти кожної послуги окремо - 4 підпукнта.
○ Команда: опис команди з детальним резюме кожного учасника з команди –
окрема сторінка чи вспливаюче окно з інформацією .
○ Новини та публікації: блог з важливими новинами та публікаціями
○ Контакти: контактна інформація про компанію повинна бути представлена у
вигляді списку з розбивкою по головному офісу, філіям і дочірнім підприємствам,
внизу сторінки повинна бути форма зворотного зв'язку.
Технічне завдання на розробку сайту

Концепція та дизайн
1. Концепція дизайну
Наприклад: Сайт, що розробляється, не повинен бути перевантажений графікою та барвистими
кольорами/шрифтами. У дизайні необхідно дотримуватися чистого фірмового стилю і
мінімалізму в розташуванні елементів, використовувати два фірмових кольори компанії
(брендбук компанії додається) і білий (90%) в якості основного кольору для тексту. Світло-сірі
відтінки можна використовувати для розтушовування блоків і роздільників. Мінімальне
використання бордюрів. Між заголовками і текстом повинні бути відступи, а посилання
повинні бути підкреслені при наведенні на відтінок, відмінний від кольору бренду.
Мінімальний розмір шрифту – 14 пікселів.

При розробці дизайну сайту в цілому варто звернути увагу на приклад сайта конкурента
https://attorneys.ua/. Можна взяти за основу для дизайну та оформлення, але використовувати -
брендбук компанії(вже готове лого).

2. Створення прототипу
Для сайту, що розробляється, ми склали блок-схему і вайрфрейми основних розділів, які
доступні за посиланням https://wireframe.cc/.

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

3. Унікальні розділи/сторінки та їх стислий зміст

Наприклад:

1. Головна сторінка: Містить наскрізні елементи у вигляді верхнього та нижнього

колонтитула.
2. Сторінка Послуг: містить наскрізні елементи у вигляді верхнього та нижнього
колонтитула, а також додаткові блоки з кратким описом Послуг
3. Сторінка «Новини та публікації»: містить наскрізні елементи у вигляді шапки та
футера, а також додаткові блоки: обкладинку новини, короткий опис, фото обкладинки,
дату публікації, текст новини та блок коментарів.
4. Сторінка контактів: Містить наскрізні елементи у вигляді верхнього та нижнього
колонтитула.
5. ...
Технічне завдання на розробку сайту

Прприм. Інформація в цьому розділі дуже схожа на ту, яку ви описали в розділі
«Дерево сайту, ієрархія вкладеності сторінок і їх опис», але тут слід описати всі
функціональні та дизайнерські елементи, присутні на сторінці.

Примітка. Як правило, обсяг роботи дизайнера і верстальника залежить від кількості

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

4. Інші сторінки та розділи

Наприклад:

1. Типова текстова сторінка: повинна містити основні типографські елементи, такі як:
заголовки; текстові абзаци, таблиці; вбудовані зображення (фотографії на всю ширину,
фотографії з потоковим передаванням/потоковим передаванням); вбудовані медіафайли
(програвач YouTube).
2. Помилка на сторінці 404: повинна містити зображення планети і астронавта, який
«загубився» в космосі аля «Х'юстон, щось пішло не так...».
3. ...

Примітка. Замовники часто забувають про опис додаткових функціональних сторінок в

технічному завданні, але це не означає, що вони не будуть розроблятися нами (цього вимагає
як стандарт розробки, так і самі системи управління контентом). Якщо у Вас є якісь
конкретні побажання або вимоги до таких сторінок, будь ласка, вкажіть їх у цьому пункті.

Список додаткових функціональних сторінок, які можна використовувати:

1. Типова текстова сторінка буде використовуватися для створення всіх нових сторінок,
які не підпадають під описані унікальні сторінки. На етапі проектування
рекомендуєтьсявключити всі необхідні елементи для оформлення тексту: заголовки,
абзаци, списки, таблиці, зображення, вбудовані відео і так далі.
2. Сторінки помилок 404 і 503: Ті маленькі сторінки на сайті, які відвідувач бачить , коли
щось йде не так. Не варто недооцінювати ці сторінки — якщо підійти до їх реалізації з
творчістю, результат може здивувати відвідувачів вашого сайту.
3. Сторінка результатів пошуку є однією з найважливіших технічних сторінок на веб-
сайті. Іноді конверсіяв продажі безпосередньо залежить від того, наскільки якісно
представлена пошукова видача.
4. Сторінки входу та реєстрації — Якщо ваш сайт вимагає авторизації користувача,
переконайтеся, що форми зручні для користувача.
Технічне завдання на розробку сайту

5. Стандартні розміри дизайн-макетів

Наприклад:

Всі макети унікальних розділів/сторінок повинні бути представлені для наступних роздільних
здатностей екранів пристроїв:

● ПК (настільний) – 1440px@2x, вертикальний

● Таблетки – 768px@2x, вертикальні
● Мобільні пристрої (телефон) – 375px@2x, вертикальні

Примітка. Опишіть вимоги до розмірів макетів дизайну для всіх сторінок та/або та для
кожної окремої сторінки, якщо це необхідно. Такий дозвіл приймається з однієї зі сторін (як
правило, це ширина екрану пристрою і щільність пікселів), що необхідно вказувати в розрізі
пристроїв (ПК, планшет, смартфон).

6.Стандартні елементи сторінки

1. Заголовок повинен містити:
1.1. Елемент фірмового стилю сайту (логотип) розміром не менше 120px * 60px, який
є посиланням на головну сторінку сайту, на всіх сторінках сайту, крім головної
сторінки. Головна сторінка не є посиланням;
1.2. Навігаційне меню (main menu), при натисканні на елементи якого користувач
переходить на відповідну сторінку сайту в поточній вкладці (не в новій вкладці,
не в новому вікні):
1.3. Інші елементи шапки сторінки: контактні номери телефонів, кнопка «Зв'язатися з
нами», адреса електронної пошти. пошта і т.д.
2. Хлібнірумби: повинні містити блок посилань на шлях поточної сторінки, вишикуваний
в рядок (рядок) з позиціонуванням по лівому краю, посилання на самі розділи повинні
бути розділені символом косої риски «/». По правому краю повинні бути посилання
«Поділитися», при натисканні на які має з'явитися спливаюче вікно з іконками всіх
популярних соціальних мереж. мережах і сервісів, а також посилання «Друк», Клацніть,
щоб відкрити діалогове вікно браузера, щоб надрукувати поточну сторінку.
3. Область основного контенту: повинна містити функціональні блоки або
текстову/візуальну інформацію відповідно до призначення сторінки або розділу сайту.
4. Нижній колонтитул повинен містити:
4.1. Елемент фірмового стилю сайту (логотип);
4.2. Два блоки навігаційних посилань (при натисканні на навігаційні посилання
користувач переходить на відповідні сторінки сайту в тій же вкладці браузера):
■ для головного меню;
■ для послуги
4.3. Блок контактної інформації;
Технічне завдання на розробку сайту

4.4. Кнопка "Контактна форма" (див. опис на сторінці "Форми")

4.5. Іконки соціальних мереж (при натисканні користувач переходить на сторінку
проекту в соціальній мережі в новій вкладці):
■ Facebook;
■ Твіттер;
■ Інстаграм;
■ Ютуб.
4.6. Авторські права на сайт компанії та компанію розробника;

Примітка. У цьому пункті слід описати основні елементи сторінок, які присутні практично
на всіх сторінках сайту.

7. Розташування функціональних і дизайнерських елементів

1. Головна сторінка, зміст сторінки(приклад https://credence.com.ua/ чи ):
1.1. Про компанію, яка повинна містити короткий прес-реліз з інформацією про
компанію та її продукцію.
1.2. Наші послуги
1.2.1. По 2 елемента в 1 ряду, 2 ряди:
1.2.2. Елемент фірмового стилю (імідж);
1.2.3. Заголовок;
1.2.4. Текстовий опис.
1.3. Команда:
1.3.1. По 2 елемента в 1 ряду, 3 ряди:
1.3.2. Елемент фірмового стилю (імідж);
1.3.3. Заголовок;
1.3.4. Текстовий опис.
1.4. Нижній колонтитул сторінки.
2. ...

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

Примітка. Швидше за все, вам буде зручніше надати цю інформацію у вигляді таблиці Excel.
Технічне завдання на розробку сайту

Вміст
1. Основні тексти
Наприклад: Текстова інформація для заповнення додається або буде надана пізніше.

2. Тексти, що продають
Наприклад: Тексти унікальних торгових пропозицій, заклик до дії розробляються нашими
маркетологами і додаються, або будуть надані нами пізніше.

Примітка. Якщо проектом передбачені такі пропрієтарні тексти і ви хочете, щоб вони були
розроблені нами, будь ласка, вкажіть характер таких текстів і сторінки (а також дизайн-
блоки), на яких такі тексти повинні бути розміщені.

3. Медіа-контент
Наприклад: Фото/відео матеріали додаються або будуть надані пізніше.

Примітка. Якщо ви прикріплюєте фото- і відеоматеріал, то в цьому пункті слід вказати

назву кожного такого медіафайлу і де він повинен використовуватися дизайнером.

4. Табличні дані
Наприклад: Спочатку на сайті не передбачено використання таблиць, але розробнику варто
розглянути цей варіант.

Примітка. Якщо ви прикріплюєте табличні дані, слід вказати ім'я кожного такого файлу
таблиці (або аркуша) і де ці дані повинні бути візуалізовані.

UI/UX та юзабіліті
1. Взаємодія користувача з Сайтом
Наприклад:

Шапка: головне навігаційне меню в шапці сайту має бути в першій можливійдоступності
(зробити плаваючий заголовок). В адаптивному режимі таке навігаційне меню має бути
заховане в меню-гамбургері, розташованому праворуч від логотипу, при цьому меню має
«викочуватися» з правого боку.

Бічна панель сайту: вона повинна прокручуватися при прокручуванні і фіксуватися при
досягненні верхньої/нижньої позиції (аналогічно ВКонтакте). В адаптивному режимі всі
Технічне завдання на розробку сайту

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

Футер сайту: В адаптивному режимі всі внутрішні блоки у футері сайту повинні бути згорнуті
в кнопку, яка показує їх вміст три рази. Зовнішні посилання повинні відкритися в новій
вкладці/вікні.

Примітка. У цьому пункті опишіть логіку іправильну послідовність взаємодії користувача з

тими чи іншими функціональними елементами сайту, на які повинен звернути увагу розробник.

2. Взаємодія адміністратора з сайтом

Наприклад: Основні дії з адміністрування сайту повинні проводитися максимум в п'ять кліків.
Адмін-панель повинна бути інтуїтивно зрозумілою для адміністратора з середнім рівнем
кваліфікації.

Примітка. У цьому пункті опишіть логіку (поведінку) і правильну послідовність взаємодії

адміністратора з тими чи іншими елементами адміністративного інтерфейсу сайту, на які
повинен звернути увагу розробник.

Важливі примітки
1. Дане технічне завдання є єдиною постановкою завдання на розробку багатосторінкового
сайту з системою управління контентом.

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

3. Виключно на підставі інформації,наведеної в цьому технічному завданні, проводяться

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

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

необхідності їх оплати, робота узгоджується з замовником, в іншому випадку,

Замовник має право не оплачувати такі роботи.

5. У разі невиконання забудовником обсягу робіт, узгодженого із замовником за проектом,

плата за такі невиконані роботи не стягується, у зв'язку з чим перераховується сума
остаточного платежу.

6. Після надання замовнику дизайн-макетів та/або макетів у сумі, узгодженій із

замовником, передоплата не повертається або повертається відповідно до обсягу
невиконаних робіт, якщо такі роботи не були виконані в повному обсязі. У разі
пред'явлення претензій щодо обсягу робіт, які вже були виконані, всі спірні питання
вирішуються шляхом внесення розробником змін до роботи Дизайн-макети та/або їх
верстка, а у разі неможливості вирішення таких спірних питань або неможливості
реалізації таких правок (змін), дизайн-макети/верстка передаються замовнику «як є», а
сама послуга вважається наданою.

7. Після передачі сайту (проекту) замовнику, робота вважається прийнятою замовником, а

послуга надається в цілому. При цьому сайт ставиться на безкоштовне обслуговування
протягом трьох місяців з моменту публікації на хостингу замовника. Протягом періоду
безкоштовного обслуговування замовник має право звернутися до забудовника з метою
усунення будь-яких «баги», внесення правок на раніше виконані роботи, а також
безкоштовні консультації з усіх питань роботи з системою, її
функціональнимиможливостями. Сайт може бути знятий з безкоштовного
обслуговування за бажанням замовника або до закінчення терміну такого
обслуговування, в разі несанкціонованого та/або не узгодженого з розробником зміни
замовником (третіми особами) спочаткуКрім того, важливо відзначити, що це не так, а й
код системних модулів (файли шаблонів, верстка, каскадні стилі, плагіни тощо),
розроблених студією.

8. Безкоштовне обслуговування не має на увазі, що розробник є веб-майстром проекту і

уповноважений (має зобов'язання) вносити будь-які технічні правки (налаштування
цілей конверсії для контекстної реклами, інтеграція CRM-систем, установка коду
лічильників-аналітики і т.д.).

9. Всі наступні доопрацювання і поліпшення функціоналу сайту, модернізація його

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

10. Розробник залишає за собою право розміщувати посилання-логотип студії внизу

сторінок створеногосайту як у текстовому, так і в графічному вигляді.

11. Після передачі проекту замовнику (публікації проекту на хостингу) замовник

зобов'язується надати і не обмежувати доступ до адміністративного інтерфейсу сайту,
Технічне завдання на розробку сайту

файлів сайту на хостингу, включаючи доступ через SSH, FTP і базу даних
MySQL для надання технічного обслуговування сайту на період обслуговування. При
цьому рівень доступу повинен бути негостьовим і дозволяти змінювати файли по мережі
і вносити зміни в базу даних.

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

13. Термін затвердження замовником будь-якого з етапів розробки не включається в період

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

14. Бюджет розробки не включає витрати на реєстрацію доменного імені та придбання

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

Глосарій
Сайт - це одна або кілька логічно пов'язаних веб-сторінок, а також розташування вмісту
сервера. Як правило, сайт в інтернеті являє собою масив пов'язаних даних, який має унікальну
адресу і сприймається користувачем як єдине ціле. Сучасні сайти – це програма (веб-додаток),
яка генерує веб-сторінки на льоту в залежності від адреси тієї чи іншої сторінки, запитуваної
користувачем.

IP-адреса — це набір цифр, розділених крапкою «.» або двокрапкою «:», і її дуже
легкозапам'ятати. Всі комп'ютери, які мають доступ до Інтернету, ідентифікуються за їхньою
IP-адресою. Однак завдяки Системі доменних імен можна «зайти» ресурси за допомогою
простих і зрозумілих імен: google.com, yandex.ru і т.д.

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

Хостинг – це онлайн-послуга, яка дозволяє опублікувати ваш веб-сайт або веб-додаток в

Інтернеті. Коли ви підписуєтеся на послугу хостингу, ви зазвичай орендуєте місце на сервері, де
ви можете зберігати всі файли та дані, необхідні для належної роботи вашого веб-сайту.

API ( інтерфейс прикладного програмування) — це опис способів (набору класів, процедур,

функцій, структур або констант), за допомогою яких одна комп'ютерна програма може
взаємодіяти з іншою програмою.

Адаптивна верстка – змінює дизайн сторінки в залежності від поведінки користувача,

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

Мобільна версія сайту - це повноцінна і самостійна версія сайту, призначена для

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

Контент сайту – це все, що присутнє на сторінках: текстовий контент, зображення, аудіо, відео
тощо.

Повноцінна мовна версія - це заздалегідь підготовлений переклад сторінок і контенту сайту,

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

Переклад сторінок сайту «на льоту» – переклад вмісту сторінок сайту автоматично,
за допомогою онлайн-перекладача. При цьому немає необхідності підтримувати та
адмініструвати окремі мовні версії сайту.

Дизайн-макет – це візуальний образ майбутнього сайту, розроблений з урахуванням технічних

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

Унікальна сторінка - це сторінка на основі розробленого дизайн-макета, на основі якої будуть

створюватися і примножуватися інші сторінки сайту зі схожими характеристиками.

Сутності - це певні види матеріалів, які мають свої особливості та властивості.

Дизайн-блок - це деталь (плавник) в дизайні, яка відокремлюється від іншої частини

конструкції в залежності від смислового навантаження, яку він несе в візуальному сприйнятті
такого дизайну.

Верстка сайту (верстка дизайн-макета) є завершальним етапом розробки дизайну сайту

(«пожвавлення» карт макета дизайну інків), від якого буде залежати відображення тексту і
графіки на сайті в різних браузерах.

Фронтенд – клієнтська (користувацька) частина користувацького інтерфейсу до програмно-

апаратної частини сервісу/сайту.

Бекенд - це програмно-апаратна частина сервісу/сайту, яка забезпечує роботу всіх функцій

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

Система управління контентом (CMS) - це інформаційна система або комп'ютерна програма,

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

Адміністративний інтерфейс (dashboard) – це розділ системи управління контентом, який

містить інтерфейс для управління системними модулями, структурою, контентом,
відвідувачами та іншими компонентами сайту. Недоступний для перегляду постійними
відвідувачами сайту.

Шапка – це верхня частина сторінки, візуально відокремлена від основного контенту, що

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

Хлібні крихти - це шлях від головної сторінки до поточної сторінки, де знаходиться

користувач, у вигляді посилань на вищезгадані розділи і підрозділи.

Бічна панель сторінки – це звужена частина області вмісту ліворуч та/або праворуч від області
основного вмісту, яказазвичай містить додаткове навігаційне меню, форму пошуку або
підписки, банери, фільтри категорій або каталогу тощо.

Область основного контенту - це основна візуальна частина, де розміщується основний

контент сторінки: зображення, текст, форми, всілякі списки (товари, новини, прев'ю зображень
галереї) і т.д.

Нумерація сторінок - це область навігації між сторінками поточного розділу ( «Попередня

сторінка» 1, 2, 3 ... N, «Наступна країна Іца»).

Футер - це нижня частина сторінки, візуально відокремлена від основного контенту.