Page 65 - 6108

grid-template-columns: repeat(3, 1fr);
Grid cell – найменша неподільна одиниця grid контейнера на яку
можна посилатися при позиціонуванні grid елементів. Утворюється на

перетині grid-рядка (grid-row) і grid-колонки (grid-column).
#item{
grid-row: 4;
grid-column: 2;
}

Елемент з id=item буде розміщатися в комірці, на перетині рядка №4 і
колонки №2.
Grid area – простір всередині grid контейнера, в який може бути
поміщений один або більше grid елементів. Цей елемент може складатися з

однієї або більше grid осередків. Описується через властивість grid-
template-areas.

Кожен елемент тісно пов'язаний один з одним і відповідає за певну
частину grid контейнера.
Коридори, або розриви між Grid-елементами створюються властивістями
grid-column-gap та grid-row-gap, або скорочено grid-gap.
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 10px;
grid-row-gap: 1em;
Такий запис створює розрив 10рх між стовпчиками та розрив 1em між
рядками.
Будь який простір що використовується розривом буде буде
враховуватися привизначенні параметрів гнучної смуги fr смуги. Але в розрив
неможливо нічого помістити. З точки зору лінійного позиціонування розрив діє
як товста лінія.

2.2.7 Основні етапи розробки веб-сайту

Розробку сайту можна порівняти з будівництвом будинку, де мають
послідовно бути виконані визначені етапи: від проектної документації і
закладки фундаменту до внутрішньої і зовнішньої обробки приміщення.
Етапи розробки проекту, як правило, виконуються послідовно, тому,
вкрай важливо дотримуватися черговості етапів і розуміти, що будь-які
несподівані і неузгоджені заздалегідь зміни чи правки можуть значно вплинути
на ефективність роботи.
Роботу над кожним проектом слід проводити в строгій відповідності з
приведеними нижче етапами робіт з розробки сайту.
1. Передпроектна підготовка. Ідея
Визначення тематики майбутнього сайту, з’ясування цілей і завдань,
визначення і аналіз цільової аудиторії. Аналіз конкурентів. Розробка структури
сайту – ескіз сайту на папері. Створення списку майбутніх тематичних розділів.
Складання технічного завдання (ТЗ).
2. Розробка дизайн-концепції сайту