Π‘Π²Π΅ΡΡΡΠ°ΡΡ: Π‘Π°ΠΉΡ-Π²ΠΈΠ·ΠΈΡΠΊΡ. ΠΠ»Π°ΡΡΠΎΡΠΌΠ°: HTML. Π’ΠΈΠΏ Π²ΡΡΡΡΠΊΠΈ: Π°Π΄Π°ΠΏΡΠΈΠ²Π½Π°Ρ. ΠΠ°ΠΊΠ΅ΡΠ° Π½Π΅Ρ. ΠΠΎΠΆΠ΅Π»Π°Π½ΠΈΡ ΠΈ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ: ΠΠ°Π΄Π°ΡΠ° Π±Π°Π·ΠΎΠ²Π°Ρ. index.html + style.css ΠΌΠΎΠΆΠ½ΠΎ Bootstrap. (Π±Π΅Π· Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠΎΠ², Π°Π½ΠΈΠΌΠ°ΡΠΈΠΉ ΠΈ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΡ
ΡΠ»ΠΎΠΆΠ½ΡΡ
Π΄Π΅ΡΠ°Π»Π΅ΠΉ. Π΄ΠΈΠ·Π°ΠΉΠ½ ΡΡΠΎΠ²Π½Ρ ΡΠ»ΠΎΠΆΠ½ΠΎΡΡΠΈ 2000-ΡΡ
ΡΠΎΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΡΠΈΠΌΠΏΠ°ΡΠΈΡΠ½ΡΠΌ). // ΠΡΠ»ΠΈ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎ: ΡΠ°ΠΉΡ Π΄Π»Ρ ΠΊΠ½ΠΈΠ³ΠΈ ΠΏΠΎ ΠΈΡΡΠΎΡΠΈΠΈ XVIII Π²Π΅ΠΊΠ° ΠΡΠ΅Π³ΠΎ 4 Π²ΠΈΠ΄Π° ΡΡΡΠ°Π½ΠΈΡ (ΡΠ°Π·Π΄Π΅Π»ΠΎΠ² ΠΌΠ΅Π½Ρ): - Π³Π»Π°Π²Π½Π°Ρ ΡΡΡΠ°Π½ΠΈΡΠ° (3 ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ + ΡΠ΅ΠΊΡΡ) - ΡΡΠ°Π³ΠΌΠ΅Π½Ρ 1 (.pdf Π²Π½ΡΡΡΠΈ div) - ΡΡΠ°Π³ΠΌΠ΅Π½Ρ 2 (.pdf Π²Π½ΡΡΡΠΈ div) - ΡΡΠ°Π³ΠΌΠ΅Π½Ρ 3 (.pdf Π²Π½ΡΡΡΠΈ div) - ΠΈΠ·Π΄Π°Π½ΠΈΠ΅ (ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ) - ΡΡΠΎΠΈΠΌΠΎΡΡΡ ΠΈ ΠΊΠΎΠ½ΡΠ°ΠΊΡΡ Π°Π²ΡΠΎΡΠ° 1. Π Π°Π·ΠΌΠ΅ΡΠΈΡΡ ΡΠ΅ΡΠΊΡ grid ΠΏΠΎ Π³ΠΎΡΠΎΠ²ΠΎΠΌΡ ΠΏΠ»Π°Π½Ρ Π½Π° Π±ΡΠΌΠ°Π³Π΅ Ρ ΡΡΠ΅ΡΠΎΠΌ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΠΎΠΉ Π²Π΅ΡΡΡΠΊΠΈ (Π±ΡΡΠ³Π΅Ρ-ΠΌΠ΅Π½Ρ Π΄Π»Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ
). (ΠΌΠΎΡ Π·Π°Π΄Π°ΡΠ°) ΠΠ°ΠΏΠΎΠ»Π½Ρ ΡΠ΅ΡΠΊΡ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠΎΠΌ. 2. ΠΡΠΎΠΏΠΈΡΠ°ΡΡ Π² css ΡΠ²Π΅ΡΠ° Π΄Π»Ρ ΠΊΠ»Π°ΡΡΠΎΠ² ΠΏΠΎ Π·Π°Π΄Π°Π½Π½ΠΎΠΉ ΠΏΠ°Π»ΠΈΡΡΠ΅. 3. ΠΠ°Π»ΠΈΡΡ Π½Π° ΡΠ΅ΡΠ²Π΅Ρ. ps Π‘Π°ΠΌ ΠΊΠΎΠ³Π΄Π°-ΡΠΎ ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°Π» ΡΠ°ΠΉΡΡ, ΡΠ΅ΠΉΡΠ°Ρ ΡΠΎΠ²ΡΠ΅ΠΌ Π½Π΅Ρ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ.