Сайти макет та відступи

Макет веб-сторінки —

• кольоровий малюнок, що зображає розділи та об'єкти

• багато картинок та трохи тексту

• картики та відео для сторінки веб-сайта

• кольоровий малюнок сайту у paint

Як та ДЕ створити макет?

• у програмі Paint

• на сайті Figma

• на платформі Logika

• за допомогою HTMLL та CSS

Яким інструментом малюємо розділи сайту: шапку

та підвал (верхню та нижню частини)

• 
• 
• 
• 
• 

Постав числа відступів дивись на картинку

p {

margin: ​ (a)   ​ (b)   ​ (c)   ​ (d)  

}​

• 25px
• 15px
• 5px
• 55px
• 10px

Які відступи ми щой но встановили?

• Внутрішні

• Зовнішні

Постав числа відступів дивись на картинку

p {

padding: ​ (a)   ​ (b)   ​ (c)   ​ (d)   ;

}​

• 5px
• 15px
• 25px
• 10px
• 55px

Які відступи ми щойно встановили?

• Між об'єктами(тегами)

• В середені об'єкта(в тегу)

Де яка межа?

• dotted

• 
• dashed

• 
• solid

• 
• double

• 
• groove

• 

Як зробити таку межу?

​ (a)   {

border-​ (b)   : 5​px ​ (c)   black;

border-​ (d)   : 5px​ ​ (e)   black;

}

• img
• top
• dashed
• right
• solid
• .img
• left
• bottom
• dotted
• groove

Де шукати CSS-код в Figma?

• 
• 
• 
• 
• Там ткого немає!