Π‘Π²Π΅ΡΡΡΠ°ΡΡ: ΠΠ½ΠΎΠ³ΠΎΡΡΡΠ°Π½ΠΈΡΠ½ΡΠΉ ΡΠ°ΠΉΡ. ΠΠ»Π°ΡΡΠΎΡΠΌΠ°: HTML. Π’ΠΈΠΏ Π²ΡΡΡΡΠΊΠΈ: Π°Π΄Π°ΠΏΡΠΈΠ²Π½Π°Ρ. ΠΡΡΡ ΠΌΠ°ΠΊΠ΅Ρ. Π£ Π½Π°Ρ Π³ΠΎΡΠΎΠ²ΡΠΉ Π½Π° 95% ΠΌΠ°ΠΊΠ΅Ρ, Π²ΡΠ΅ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ ΡΠ΄Π΅Π»Π°Π½Ρ Π² ΡΠ°ΠΌΠΎΠΌ ΠΌΠ°ΠΊΠ΅ΡΠ΅, Π² ΡΠΈΠ³ΠΌΠ΅. ΠΡ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π½Π° ΠΈΡ
ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ ΡΠ΅ΡΠ΅Π· ΠΊΠ½ΠΎΠΏΠΊΡ “present“ https://www.figma.com/proto/XuaHBWMopLTsgJuguiS4Bj/%D0%A1%D0%B0%D0%B9%D1%82-%D0%9A%D0%91%D0%9A'25?page-id=0%3A1&node-id=1-2304&viewport=-628%2C133%2C0.61&t=y6fID4wj9zTPphYC-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=1%3A3494 Π’Π ΠΈ ΠΊΡΠΈΡΠ΅ΡΠΈΠΈ ΠΊ Π²Π΅ΡΡΡΠΊΠ΅: 1. ΠΡΠΎΡΡΠ±ΡΠ°ΡΠ·Π΅ΡΠ½ΠΎΡΡΡ 2. ΠΠΎΠ΄ΠΈΡΠΎΠ²ΠΊΠ° Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ UTF-8 3. ΠΠ°Π»ΠΈΠ΄Π½ΠΎΡΡΡ 4. ΠΡΡΠΎΠΊΠ°Ρ ΡΠΊΠΎΡΠΎΡΡΡ ΡΠ°Π±ΠΎΡΡ 5. DOCTYPE ΡΠΎΠΆΠ΅ Π½ΡΠΆΠ΅Π½ 6. Π‘ΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠ΅ ΠΠΠ 7. ΠΠΎΠ³ΠΎ Π½Π° Π²Π½ΡΡΡΠ΅Π½Π½ΠΈΡ
ΡΡΡΠ°Π½ΠΈΡΠ°Ρ
Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π²Π΅ΡΡΠΈ Π½Π° Π³Π»Π°Π²Π½ΡΡ 8. Π£ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΡ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ ΡΠ²ΠΎΠΉ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΉ TITLE 9. ΠΡΠ΅ ΡΡΡΠ»ΠΊΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ ΡΠ΅Π°Π³ΠΈΡΠΎΠ²Π°ΡΡ Π½Π° :hover, :active ΠΈ :focus 10. Π‘ΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΈΠ΄ΡΠΈ Π² Π½Π°ΡΠ°Π»Π΅ ΠΊΠΎΠ΄Π° 11. ΠΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ favicon.ico Ρ Π²ΠΊΠ»ΡΡΠ΅Π½Π½ΡΠΌΠΈ Π² Π½Π΅Ρ 32×32, 48×48 ΠΈ 64×64 Π²Π°ΡΠΈΠ°ΡΠΈΡΠΌΠΈ ΠΈ apple-touch-icon 12. Π css Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ Π·Π°ΡΠΈΡΡ ΡΠ°Π·ΠΌΠ΅ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ, Π²ΡΠ²ΠΎΠ΄ΡΡΠΈΡ
ΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΠΎ 13. ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°ΡΡΡΡ Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΠΎΠΊΠ½Π° (max-width:100%; height:auto;) 14. ΠΠ°ΡΡΠΈΠ½ΠΊΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎ ΡΠΆΠ°ΡΡ, Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ ΡΠΎΡΠΌΠ°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ 15. Π Π°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π²ΡΠ΅Ρ
Π±Π»ΠΎΠΊΠΎΠ² Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΎΠ²Π°ΡΡ ΠΈΡΡ
ΠΎΠ΄Π½ΠΎΠΌΡ ΠΌΠ°ΠΊΠ΅ΡΡ, ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎΠ΅ Π΄ΠΎΠΏΡΡΡΠΈΠΌΠΎΠ΅ ΡΠ°ΡΡ
ΠΎΠΆΠ΄Π΅Π½ΠΈΠ΅ β 5 px, ΠΈ ΡΠΎ, ΠΎΠ½ΠΎ Π½Π΅ Π²ΠΎΠ·Π±ΡΠ°Π½ΡΠ΅ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π² ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ
ΠΏΠΎΠ»ΡΡ
. ΠΠΎ Π΅ΡΠ»ΠΈ Π²Π΄ΡΡΠ³ ΠΎΠ±Π½Π°ΡΡΠΆΠΈΡΡΡ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠ΅ ΡΠ°ΡΡ
ΠΎΠΆΠ΄Π΅Π½ΠΈΠ΅ Π² ΡΠ°Π·ΠΌΠ΅ΡΠ°Ρ
Π±Π»ΠΎΠΊΠΎΠ² ΠΈΠ»ΠΈ ΠΈΡ
Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΊΡΠΈΠ²ΠΎΠ΅ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΈΡ
Π½ΡΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠΏΡΠ°Π²ΠΈΡΡ. 16. ΠΠ΄Π°ΠΏΡΠΈΠ²Π½ΠΎΡΡΡ. Π‘ΠΏΠΈΡΠΎΠΊ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΠΉ, Π² ΠΊΠΎΡΠΎΡΡΡ
Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΊΠΎΡΡΠ΅ΠΊΡΠ½ΠΎ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ ΡΠ°ΠΉΡ: 2560x1440, 3840 Π₯ 2160, 1024x600, 1024x768, 1152x864, 1280x800, 1280x1024, 1440x900, 1920x1080, 1680x1050 ΠΠ° Π±ΠΎΠ»ΡΡΠΈΡ
ΡΠΊΡΠ°Π½Π°Ρ
Π½ΡΠΆΠ½ΠΎ ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ, ΡΡΠΎΠ±Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΎΠ²Π°Π»ΠΈ ΡΠ°Π·ΠΌΠ΅ΡΡ ΡΠΊΡΠ°Π½Π°, Π° Π½Π΅ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°Π»ΠΈΡΡ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ Ρ Π±Π΅Π»ΡΠΌΠΈ ΠΏΠΎΠ»ΡΠΌΠΈ ΠΏΠΎ ΠΊΡΠ°ΡΠΌ. ΠΡΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠ°Ρ
Π±ΠΎΠ»Π΅Π΅ 375px Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π²ΠΎΠ·Π½ΠΈΠΊΠ°ΡΡ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠΉ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ ΡΡΡΠ°Π½ΠΈΡΡ (Π·Π° ΠΈΡΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ΠΌ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΡ
Π±Π»ΠΎΠΊΠΎΠ² Π²Π΅ΡΡΡΠΊΠΈ, Π³Π΄Π΅ ΠΏΠΎΠ΄ΠΎΠ±Π½Π°Ρ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ ΠΏΡΠ΅Π΄ΡΡΠΌΠΎΡΡΠ΅Π½Π° Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΌΠ°ΠΊΠ΅ΡΠ°ΠΌΠΈ) 17. ΠΠ΅ΡΡΡΠΊΠ° Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Π° ΡΠ΅ΡΡΡΡ ΠΏΠ΅ΡΠ²ΠΎΠ½Π°ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π° ΠΏΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° β Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π²Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΡΠ΅ΠΊΡΡΠ° Π² ΡΠΎΡΠΌΡ. Π’Π°ΠΊΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΊΠΎΡΡΠ΅ΠΊΡΠ½ΠΎ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π²ΡΠ΅ ΠΎΡΡΡΡΠΏΡ, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, ΡΠΏΠΈΡΠΊΠΈ ΠΈ Π΄ΡΡΠ³ΠΎΠ΅ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°.