Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² html: «Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ Π² HTML?» — ЯндСкс Кью

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Π£Π·Π½Π°Π΅ΠΌ ΠΊΠ°ΠΊ Π² HTML Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ графичСскоС, Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅. Π£Π·Π½Π°Π΅ΠΌ ΠΊΠ°ΠΊ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² HTML с ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°, ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ, Π² Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ

Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Π°Ρ Ρ‡Π°ΡΡ‚ΡŒ являСтся ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· самых Π²Π°ΠΆΠ½Ρ‹Ρ… ΠΏΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ с сайтами. ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Ρƒ ΠΎΠ½Π° уступаСт, Π½ΠΎ ΠΈ ΡΠΊΠΈΠ΄Ρ‹Π²Π°Ρ‚ΡŒ со счСтов Π΅Ρ‘ Π½Π΅ слСдуСт. Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ с ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π° Π½Π° свой сайт ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ HTML. Одна Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ для этого прСдусмотрСна ΠΈΠ»ΠΈ нСсколько? Как Π² HTML Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ люди Π΅Π³ΠΎ Π²ΠΈΠ΄Π΅Π»ΠΈ? Π§Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ – ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ ΠΈΠ»ΠΈ сСрвСр?

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ HTML?

Π―Π·Ρ‹ΠΊ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ гипСртСкстовых Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² – Π²ΠΎΡ‚ ΠΊΠ°ΠΊ Ρ€Π°ΡΡˆΠΈΡ„Ρ€ΠΎΠ²Ρ‹Π²Π°Π΅Ρ‚ΡΡ эта Π°Π±Π±Ρ€Π΅Π²ΠΈΠ°Ρ‚ΡƒΡ€Π°. Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ формируСтся костяк Π±ΡƒΠ΄ΡƒΡ‰Π΅Π³ΠΎ сайта, здСсь прорабатываСтся Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ основных элСмСнтов. ΠŸΠΎΡ‚ΠΎΠΌ ΡƒΠΆΠ΅ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°ΡŽΡ‚ΡΡ каскадныС Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй ΠΈ php-Ρ„Π°ΠΉΠ»Ρ‹, ΠΎΡ‚Π²Π΅Ρ‡Π°ΡŽΡ‰ΠΈΠ΅ Π·Π° ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡Ρƒ Π΄Π°Π½Π½Ρ‹Ρ…. Но Π² основС любой страницы Π»Π΅ΠΆΠΈΡ‚ ΠΈΠΌΠ΅Π½Π½ΠΎ HTML. Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ, кстати, Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°ΡŽΡ‚ΡΡ изобраТСния. МоТно ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ способами, Π½ΠΎ Ссли Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ ΠΏΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½ΡƒΡŽ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ Ρ‡Π΅Π³ΠΎ-Ρ‚ΠΎ нСслоТного, ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, рисунка, Ρ‚ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΈΠΌΠ΅Π½Π½ΠΎ Π΅Π³ΠΎ. А сСйчас ΠΏΠ΅Ρ€Π΅ΠΉΠ΄Ρ‘ΠΌ ΠΊ Π²Ρ‹ΡΡΠ½Π΅Π½ΠΈΡŽ вопроса, ΠΊΠ°ΠΊ Π² HTML Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

ИспользованиС Ρ‚Π΅Π³Π° img

ΠŸΡ€ΠΈΡΡ‚ΡƒΠΏΠ°Π΅ΠΌ ΠΊ использованию Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ. Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚? И Π² ΡΠ°ΠΌΡƒΡŽ ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ ΠΏΠΎΠ΄ этим ΠΏΠΎΠ΄Ρ€Π°Π·ΡƒΠΌΠ΅Π²Π°ΡŽΡ‚ вставку Ρ„Π°ΠΉΠ»Π° Π² качСствС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° страницы. Для Π²ΠΎΡ‚ Ρ‚Π°ΠΊΠΎΠ³ΠΎ добавлСния ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ img. Π”Π°Π½Π½Ρ‹ΠΉ Ρ‚Π΅Π³ являСтся строчным элСмСнтом, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π΅ΡΡ‚ΡŒ Π·Π°ΠΌΠ΅Ρ‰Π°Π΅ΠΌΡ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚. К Π½Π΅ΠΌΡƒ относят всСго Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ части языка гипСртСкстовой Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ. Одна – это src, height ΠΈ width, ΠΎΠ½ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ рассмотрСны Π΄Π°Π»Π΅Π΅. Π’Ρ€ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ – это object, embed (Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΌΠ΅Π΄ΠΈΠ°ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚) ΠΈ iframe (использованиС Ρ„Π»Π΅ΠΉΠΌΠΎΠ²). Π Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Ρ‚Π΅Π³ Ρ‚Π°ΠΊ, словно Π² Π½Π΅ΠΌ присутствуСт строчный элСмСнт. ЕдинствСнная Ρ€Π°Π·Π½ΠΈΡ†Π° – ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ посторонний внСшний ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈ отобраТаСтся. ΠŸΡ€ΠΈ этом ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ сторонний Ρ„Π°ΠΉΠ», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ, собствСнно, ΠΈ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ΄Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒΡΡ. Если Ρƒ вас Π΅ΡΡ‚ΡŒ вопрос, ΠΊΠ°ΠΊ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² HTML, Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ ΠΎΡ‚Π±Ρ€ΠΎΡΠΈΡ‚ΡŒ Π΅Π³ΠΎ. ΠŸΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚ΠΎΠ³Π΄Π°, ΠΊΠΎΠ³Π΄Π° Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ сам ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ находится.

ИспользованиС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² src

Π˜Ρ‚Π°ΠΊ, ΠΏΡ€ΠΎΡ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅ΠΌ вопрос, ΠΊΠ°ΠΊ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ HTML графичСскоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΡƒΡ‚ΡŒ ΠΊ рисунку, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΠΎΠ΄Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒΡΡ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ src. ΠžΠ±Ρ‰Π°Ρ схСма выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ: Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ этот Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚, Π·Π½Π°ΠΊ Ρ€Π°Π²Π½ΠΎ ΠΈ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ адрСс.

Как Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΈ Ρ€Π°Π·Π±ΠΎΡ€Π΅ HTML Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π΄ΠΎΠΉΠ΄Ρ‘Ρ‚ Π΄ΠΎ Ρ‚Π΅Π³Π°, ΠΎΠ½ сразу ΠΆΠ΅ создаст ΠΎΠ±Π»Π°ΡΡ‚ΡŒ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ строчный элСмСнт. ИмСнно Π² Π½Π΅Π³ΠΎ ΠΈ Π±ΡƒΠ΄Π΅Ρ‚ Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒΡΡ внСшний Ρ„Π°ΠΉΠ». ΠŸΡƒΡ‚ΡŒ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ошибок, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΏΠΎ Π½Π΅ΠΌΡƒ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠ΄Ρ‚ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°. И Ссли ΠΎΠ½Π° Π½Π΅ Π½Π°ΠΉΠ΄Ρ‘Ρ‚ Ρ„Π°ΠΉΠ», Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π·Π½Π°Ρ‡ΠΎΠΊ ошибки, Ρ‡Ρ‚ΠΎ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ-Ρ‚ΠΎ ΠΈ эстСтично выглядит. Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°? НСобходимо ΠΏΡ€ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ вСсь Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ ΠΊΠΎΠ΄ Π² Π½ΡƒΠΆΠ½ΠΎΠΉ ячСйкС.

Настройка изобраТСния Π½Π° сСрвСрС: height ΠΈ width Π² Ρ‚Π΅Π³Π΅ img

Π’ΠΎΡ‚ ΠΌΡ‹ ΠΈ Π·Π½Π°Π΅ΠΌ, ΠΊΠ°ΠΊ Π² HTML Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. РазбСрСмся Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠ°ΠΊ Π΅Π³ΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ. Как Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ„Π°ΠΉΠ» Π½Π°Ρ‡Π½Ρ‘Ρ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒΡΡ Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, сразу ΠΆΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. А Ρ‡Ρ‚ΠΎ Ссли Π΅Ρ‘ Π½Π°Ρ‡Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π½Π΅ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‚ ΠΆΠ΅Π»Π°Π΅ΠΌΡ‹ΠΌ? Π’ Ρ‚Π°ΠΊΠΎΠΌ случаС ΠΏΠΎΠΌΠΎΡ‡ΡŒ смогут ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ height ΠΈ width (ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ Π² пиксСлях). Π’ Ρ‚Π°ΠΊΠΎΠΌ случаС ΠΊΠΎΠ΄ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΎΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒΡΡ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ: сначала src ΠΈ адрСс Ρ„Π°ΠΉΠ»Π°. ΠŸΠΎΡ‚ΠΎΠΌ ΠΏΠΎ ΠΏΠΎΡ…ΠΎΠΆΠ΅ΠΉ конструкции указываСтся width, ΠΈ какая Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Π°. И послСдним — height ΠΈ высота. ВСбмастСры часто Π΄Π΅Π»Π°ΡŽΡ‚ Ρ‚Π°ΠΊΡƒΡŽ ΠΎΡˆΠΈΠ±ΠΊΡƒ: Π½Π° сСрвСр Π·Π°Π³Ρ€ΡƒΠΆΠ°ΡŽΡ‚ большой Ρ„Π°ΠΉΠ», Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ составляСт нСсколько ΠΌΠ΅Π³Π°Π±Π°ΠΉΡ‚. ΠŸΡ€ΠΎΠΏΠΈΡΡ‹Π²Π°Π΅Ρ‚ΡΡ ΠΏΡƒΡ‚ΡŒ ΠΈ коррСктируСтся ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π΄ΠΎ Ρ‚Ρ€Π΅Π±ΡƒΠ΅ΠΌΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°. Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ Π»ΠΈΡ†Π΅Π·Ρ€Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ довольно ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎ подгруТаСтся нСбольшоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Π­Ρ‚ΠΎ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎ смотрится со стороны.

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ ΠΏΠΎ Ρ€Π°Π±ΠΎΡ‚Π΅

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·Π±Π΅ΠΆΠ°Ρ‚ΡŒ Π½Π΅Π³Π°Ρ‚ΠΈΠ²Π°, Π·Π°Π±Π»Π°Π³ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°ΠΉΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния. Если Π½Π΅Ρ‚ увСрСнности, ΠΊΠ°ΠΊΠΈΠ΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π½ΡƒΠΆΠ½Ρ‹ для ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ внСшнСго Π²ΠΈΠ΄Π°, создайтС копию ΠΈ экспСримСнтируйтС с нСю. Π’Π°ΠΊΠΆΠ΅ Ρ‚Ρ‰Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ слСдуСт ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΊ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ вСса. НСобходимо Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΠΈ качСства ΠΎΡΡƒΡ‰Π΅ΡΡ‚Π²Π»ΡΡ‚ΡŒ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΠ΅ вСса графичСских Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΏΡƒΡ‚Ρ‘ΠΌ пСрСвСдСния Π² Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΎΠ½Π»Π°ΠΉΠ½-сСрвисы ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹. Π­Ρ‚ΠΎ оцСнят Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ сайта, Π½ΠΎ ΠΈ вСбмастСр – вСдь Ρ‚Π°ΠΊΠΈΠ΅ Ρ„Π°ΠΉΠ»Ρ‹ Π±ΡƒΠ΄ΡƒΡ‚ быстрСС Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒΡΡ ΠΈ мСньшС мСста Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒ Π½Π° хостингС.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ возмоТностСй записи

Π”Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим, ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΏΡƒΡ‚ΡŒ ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ:

1. Одно имя Ρ„Π°ΠΉΠ»Π°.

2. Π£ΠΊΠ°Π·Π°Π½ΠΈΠ΅ адрСса изобраТСния, находящСгося Π½Π° ΠΎΠ΄Π½ΠΎΠΌ локальном ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅ (сСрвСрС).

3. Π”Π΅Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΡƒΡ‚ΡŒ ΠΊ ΠΌΠ΅ΡΡ‚ΠΎΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡŽ Ρ„Π°ΠΉΠ»Π°, находящСгося Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΌ хостС.

ΠŸΡ€ΠΈ использовании ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΈΠ· ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ ΠΏΡƒΠ½ΠΊΡ‚Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Π² Ρ‚ΠΎΠΉ ΠΆΠ΅ Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠΈ, Ρ‡Ρ‚ΠΎ ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Π’ΠΎ Π²Ρ‚ΠΎΡ€ΠΎΠΌ мСстонахоТдСниСм являСтся влоТСнная ΠΏΠ°ΠΏΠΊΠ° ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ страницы. Π’ Ρ‚Ρ€Π΅Ρ‚ΡŒΠ΅ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ указываСтся Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹ΠΉ ΠΏΡƒΡ‚ΡŒ, Π³Π΄Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ Ρ‚Ρ€Π΅Π±ΡƒΠ΅ΠΌΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Π’ послСднСм случаС ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π° любом сСрвСрС (Ссли Ρ‚Π°ΠΊΠΎΠ΅ использованиС Π½Π΅ Π·Π°ΠΏΡ€Π΅Ρ‰Π΅Π½ΠΎ Π² Ρ„Π°ΠΉΠ»Π΅ .htaccess). ΠŸΡ€Π°Π²Π΄Π°, Ссли Π΅Ρ‘ удалят, Ρ‚ΠΎ ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° вашСм сайтС исчСзнСт. ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ HTML Ρ‚Π°ΠΊΠΎΠ²Π°, Ρ‡Ρ‚ΠΎ трСбуСтся Π½Π°Π»ΠΈΡ‡ΠΈΠ΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ самого Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ, Π° всё ΠΎΡΡ‚Π°Π»ΡŒΠ½ΠΎΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ΄Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ со сторонних сСрвСров. Π­Ρ‚ΠΈ способы часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ (Π½ΠΎ Ρ‚ΡƒΡ‚ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ этот инструмСнт).

НазначСниС alt ΠΈ title Π² img?

Π§Ρ‚ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ, ΠΊΠΎΠ³Π΄Π° графичСский Ρ„Π°ΠΉΠ» ΠΏΠΎ ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π΅ Π½Π΅ грузится вмСстС с Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ HTML? Если Π±ΡƒΠ΄Π΅Ρ‚ Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ прописан ΠΏΡƒΡ‚ΡŒ ΠΈΠ»ΠΈ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π΅Ρ‰Ρ‘, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ alt. Он выполняСт Π·Π°Π΄Π°Ρ‡Ρƒ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ прСдставлСния ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. Π’ΠΎΡ‚ допустим, Ρ‡Ρ‚ΠΎ Π³Ρ€Π°Ρ„ΠΈΠΊΠ° Π½Π΅ грузится. Но Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ всё Ρ€Π°Π²Π½ΠΎ сформируСт ΠΎΠ±Π»Π°ΡΡ‚ΡŒ ΠΏΠΎΠ΄ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Π’Π°ΠΊΠΆΠ΅ это Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π² случаях, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΎΠΆΠΈΠ΄Π°Π΅Ρ‚ ΠΏΠΎΠ΄Π³Ρ€ΡƒΠ·ΠΊΠΈ, ΠΈ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π΅ΠΌΡƒ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° готовится ΠΏΡ€ΠΈΠ½ΡΡ‚ΡŒ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ.

Для дСмонстрации ΡΠΎΠΏΡ€ΠΎΠ²ΠΎΠΆΠ΄Π°ΡŽΡ‰Π΅Π³ΠΎ тСкста ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ title. По сути, это Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π°Ρ подсказка, ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡ‡Ρ‚ΠΈ для любого Π²ΠΈΠ΄ΠΈΠΌΠΎΠ³ΠΎ элСмСнта HTML-ΠΊΠΎΠ΄Π°. Π­Ρ‚ΠΎ Ρ…ΠΎΡ€ΠΎΡˆΠΎ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ позволяСт ΠΏΠΎΡΡΠ½ΡΡ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ аспСкты. ИспользованиС Π΄Π²ΠΎΠΈΡ… ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹Ρ… Π² этом ΠΏΠΎΠ΄Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² выглядит Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ: ΠΊ рассмотрСнному Ρ€Π°Π½Π΅Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ послС height добавляСтся сначала alt, Π° ΠΏΠΎΡ‚ΠΎΠΌ title.

ΠŸΡ€ΠΈΡ‡Π΅ΠΌ Π΄Π°Π½Π½Ρ‹Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎΡΠ»ΡƒΠΆΠΈΡ‚ΡŒ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ удобства для посСтитСля. Они ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠ·ΠΈΡ‚ΠΈΠ²Π½ΠΎ ΡΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ Π½Π° ΠΏΡ€ΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠΈ сайта. Π’Π°ΠΊ, для этого слСдуСт постоянно ΡƒΠΏΠΎΡ‚Ρ€Π΅Π±Π»ΡΡ‚ΡŒ Π² Π½ΠΈΡ… ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова. Π­Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΡƒΠ»ΡƒΡ‡ΡˆΠ°Ρ‚ΡŒ Ρ€Π°Π½ΠΆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ рСсурса Π² Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³Π΅ сайтов ΠΈ сСрвисах ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ поисковых систСм. Но Π²ΠΎ всём слСдуСт ΡΠΎΠ±Π»ΡŽΠ΄Π°Ρ‚ΡŒ ΠΎΡΡ‚ΠΎΡ€ΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΈ Ρ€Π°Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ.

Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π΅ΠΌ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ

Для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π΄Π° ΠΈ Π²ΠΎΠΎΠ±Ρ‰Π΅ всСх 4 элСмСнтов языка Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ€Π°Π½ΡŒΡˆΠ΅ ΡƒΠΏΠΎΠΌΠΈΠ½Π°Π»ΠΈΡΡŒ, Π±Ρ‹Π» Π²Π²Π΅Π΄Ρ‘Π½ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ align. Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ мСстополоТСниС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΎΠ½Π° выравниваСтся ΠΏΠΎ Π½ΠΈΠΆΠ½Π΅ΠΌΡƒ ΠΊΡ€Π°ΡŽ. Π—Π° это ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ bottom. А ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΠΎ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌΡƒ? Для этого Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌ top. На ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅ это Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ: послС src, Π³Π΄Π΅ указываСтся адрСс изобраТСния, добавляСм Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ align ΠΈ Π΅Π³ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅.

И Π² строкС, Π³Π΄Π΅ располоТСна ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°, ΠΎΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Ρ€ΠΎΠ²Π½Π΅Π½Π° ΠΏΠΎ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌΡƒ ΠΊΡ€Π°ΡŽ. Как Π² HTML Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ? БущСствуСт Π΅Ρ‰Ρ‘ ΠΎΠ΄Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ записи – middle. ΠŸΡ€ΠΈ Π΅Ρ‘ использовании Π½ΠΈΡ‡Π΅Π³ΠΎ ΠΊΠ°Ρ€Π΄ΠΈΠ½Π°Π»ΡŒΠ½ΠΎ Π½Π΅ мСняСтся. ΠŸΡ€ΠΈ использовании Ρ‚Π°ΠΊΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° рисунок Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Ρ‚ΡŒΡΡ посСрСдинС. Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ тСкст ΠΎΠ±Ρ‚Π΅ΠΊΠ°Π» ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ. Для этого ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ right ΠΈ left. Π’ Ρ‚Π°ΠΊΠΈΡ… случаях ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ становится Β«ΠΏΠ»Π°Π²Π°ΡŽΡ‰ΠΈΠΌΒ». Π‘ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ Π²Π»Π΅Π²ΠΎ выглядит Ρ‚Π°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ написания. ИспользованиС right даст ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹ΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ с Ρ‚Π΅ΠΌ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ΠΌ, Ρ‡Ρ‚ΠΎ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π° справа. ΠŸΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ этих инструкций ΠΈΠΌΠ΅Π΅Ρ‚ свои Π½ΡŽΠ°Π½ΡΡ‹. Π’Π°ΠΊ, Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΠΉ являСтся слишком Π±Π»ΠΈΠ·ΠΊΠΎΠ΅ располоТСниС тСкста ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ. Из-Π·Π° этого создаётся эффСкт прилипания, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ довольно нСприятСн для Π³Π»Π°Π·Π°. Но это ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ каскадной Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй ΠΈΠ»ΠΈ HTML-ΠΊΠΎΠ΄Π°. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ для Ρ‚Π°ΠΊΠΈΡ… ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ vspace ΠΈ hspace. ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ Π·Π°Π΄Π°Ρ‘Ρ‚ отступы снизу ΠΈ свСрху, Π° Π²Ρ‚ΠΎΡ€ΠΎΠΉ – справа ΠΈ слСва.

Π”Π΅Π»Π°Π΅ΠΌ Ρ„ΠΎΠ½

Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² HTML-страницу сайта? ΠžΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΌ для достиТСния этой Ρ†Π΅Π»ΠΈ являСтся Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ background. Он являСтся ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰Π΅ΠΉ элСмСнта body. Π•Π³ΠΎ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ – ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΡƒΡ‚ΡŒ ΠΊ графичСскому Ρ„Π°ΠΉΠ»Ρƒ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π·Π°Π»ΠΈΠ²Π°Ρ‚ΡŒ страницу, Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ ΠΈΠ»ΠΈ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΡƒΡŽ ячСйку. На ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅ использованиС выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ: адрСс изобраТСния прописываСтся ΡƒΠΆΠ΅ ΠΊΠ°ΠΊ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π° bodybackground. Π€ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, установлСнноС Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, повторяСтся ΠΏΠΎ осям ΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚ ΠΈ абсцисс, начиная с Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ Π»Π΅Π²ΠΎΠ³ΠΎ ΡƒΠ³Π»Π°. ΠŸΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠ΅ здСсь ΡΠΎΡΡ‚Ρ‹ΠΊΠΎΠ²Ρ‹Π²Π°ΡŽΡ‚ΡΡ с ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ. Если Π΅ΡΡ‚ΡŒ ΠΆΠ΅Π»Π°Π½ΠΈΠ΅ Π·Π°Π»ΠΈΡ‚ΡŒ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ просто ΠΎΠ΄Π½ΠΈΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ, Π° Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Ρ‚Π°ΠΊΠΈΠΌ ΠΊΡ€Π°Ρ‚ΠΊΠΈΠΌ описаниСм: Π½ΠΎΠΌΠ΅Ρ€ Π³Π°ΠΌΠΌΡ‹ указываСтся ΠΊΠ°ΠΊ характСристика для ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π° body bgcolor. Π—Π΄Π΅ΡΡŒ ΠΏΡ€ΠΎΠΈΠ·ΠΎΡˆΠ»ΠΈ нСбольшиС измСнСния. Как Π²ΠΈΠ΄ΠΈΡ‚Π΅, ΡƒΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ bgcolor. Для Π½Π΅Π³ΠΎ трСбуСтся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΈΠΌ ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ†Π²Π΅Ρ‚ΠΎΠΌ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π»ΠΈΡ‚Π° страница ΠΈΠ»ΠΈ Π΅Ρ‘ Ρ‡Π°ΡΡ‚ΡŒ. Π’ΠΎΡ‚ ΠΊΠ°ΠΊ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² HTML с ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΅Π³ΠΎ Ρ„ΠΎΠ½ΠΎΠΌ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚. Π’ Ρ†Π΅Π»ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½ΠΎ ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒ HTML, достаточно ΡƒΠ΄Π΅Π»ΠΈΡ‚ΡŒ Π΅ΠΌΡƒ нСдСлю Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, ΠΈ этого Ρ…Π²Π°Ρ‚ΠΈΡ‚ с Π»ΠΈΡ…Π²ΠΎΠΉ.

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

HTML, хотя ΠΈ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€Π΅Ρ‚Π΅Π½Π΄ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½Ρ‹ΠΉ язык программирования, Ρ‚Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ являСтся Ρ‡Ρ€Π΅Π·Π²Ρ‹Ρ‡Π°ΠΉΠ½ΠΎ Ρ†Π΅Π½Π½Ρ‹ΠΌ ΠΏΡ€ΠΈ создании сайта. Он являСтся ΠΏΠΎΠ΄Π»ΠΈΠ½Π½Ρ‹ΠΌ костяком. И ΠΌΠΎΠΆΠ½ΠΎ с ΡƒΠ²Π΅Ρ€Π΅Π½Π½ΠΎΡΡ‚ΡŒΡŽ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ Π·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡƒΠΆΠ΅ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌΠΈ ΠΈ стационарными ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°ΠΌΠΈ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€ΠΈΠΊΡ€Π΅ΠΏΠ»ΡΡ‚ΡŒ ΠΊ Π½ΠΈΠΌ ссылки. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΎΡ‚Π²Π΅Ρ‚ Π½Π° вопрос, ΠΊΠ°ΠΊ Π² HTML Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ясСн.

Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² html Π½Π° Ρ„ΠΎΠ½. Установка бСсшовного Ρ„ΠΎΠ½Π° Π² HTML

Π’ настройкС любого сайта, ΠΏΠΎΠΌΠΈΠΌΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Π°, ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½ΠΎ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅. ИмСнно это Π·Π°Π΄Π°Ρ‘Ρ‚ собствСнный ΡΡ‚ΠΈΠ»ΡŒ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ Ρ‚ΠΎΠΉ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Π»ΠΈΠ±ΠΎ пСрсоны, для ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ создаётся сайт. ΠΠ°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° ΠΈ Π΅Π³ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π΅ составит Ρ‚Ρ€ΡƒΠ΄Π°, слСдуя инструкциям Π² Π΄Π°Π½Π½ΠΎΠΉ ΡΡ‚Π°Ρ‚ΡŒΠ΅.

ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ свой HTML Ρ„Π°ΠΉΠ» ΠΏΠΎ срСдствам Π±Π»ΠΎΠΊΠ½ΠΎΡ‚Π° Π»ΠΈΠ±ΠΎ любого Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ тСкстового Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°, ΠΊ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ Π²Ρ‹ ΠΏΡ€ΠΈΠ²Ρ‹ΠΊΠ»ΠΈ. Для ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° Π²ΠΎΠ·ΡŒΠΌΡ‘ΠΌ ΠΏΡ€ΠΈΠΌΠΈΡ‚ΠΈΠ²Π½ΡƒΡŽ страницу сайта с ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌΠΎΠΌ тСкста. ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ свой Ρ„Π°ΠΉΠ» Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ любого Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.


Для Π½Π°Ρ‡Π°Π»Π° ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Ρ†Π²Π΅Ρ‚ вашСго Ρ„ΠΎΠ½Π°, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ люди с ΠΌΠ΅Π΄Π»Π΅Π½Π½Ρ‹ΠΌ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ соСдинСниСм Π½Π΅ сразу смогут ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ сайта. НСкотороС количСство Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, ΠΏΠΎΠΊΠ° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° загруТаСтся, ΠΎΠ½ΠΈ смогут Π²ΠΈΠ΄Π΅Ρ‚ΡŒ лишь Ρ†Π²Π΅Ρ‚ вашСго сайта.
Π’ΠΏΠΈΡˆΠΈΡ‚Π΅ Π² тэг ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ bgcolor=”*****”, Π³Π΄Π΅ ***** – это ΡˆΠΈΡ„Ρ€ Ρ†Π²Π΅Ρ‚Π°. Π£Π·Π½Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚Π° для HTML Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π² любом графичСском Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅, Π²Ρ‹Π±Ρ€Π°Π² ΠΎΠΏΡ†ΠΈΡŽ β€œΠ΄Π»Ρ вэб” Π»ΠΈΠ±ΠΎ Π½Π° сайтС https://colorscheme.ru/color-names


Π’Π°ΠΌ достаточно Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚ Π² ΠΏΠ°Π»ΠΈΡ‚Ρ€Π΅ ΠΊΡ€ΡƒΠ³Π° ΠΈ Π½Π°Π·Π½Π°Ρ‡ΠΈΡ‚ΡŒ Π΅Π³ΠΎ ΠΈΠ½Ρ‚Π΅Π½ΡΠΈΠ²Π½ΠΎΡΡ‚ΡŒ Π² Ρ€Π°ΠΌΠΊΠ°Ρ… ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π°. Π‘ΠΏΡ€Π°Π²Π° Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ Π΄Π²Π° ΠΊΠΎΠ΄Π° для html. Π‘ΠΊΠΎΠΏΠΈΡ€ΡƒΠΉΡ‚Π΅ ΠΈΡ… ΠΈ Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅ Π² Π±Π»ΠΎΠΊΠ½ΠΎΡ‚.


ΠŸΠΎΠ΄ΠΎΠ±Ρ€Π°Π² Ρ†Π²Π΅Ρ‚ ΠΈ вставив Π΅Π³ΠΎ Π² ΠΊΠΎΠ΄, посмотритС, всё Π»ΠΈ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π²Ρ‹ сдСлали, просмотрСв ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ²ΡˆΡƒΡŽΡΡ Π²Π΅Π± страницу с Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.


Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΈΡΡ‚ΡƒΠΏΠ°Ρ‚ΡŒ ΠΊ вставкС Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния. ΠŸΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚Π΅ ΠΆΠ΅Π»Π°Π΅ΠΌΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² ΠΏΠ°ΠΏΠΊΡƒ с ΠΊΠΎΠ΄ΠΎΠΌ для большСго удобства. Π—Π°Π΄Π°ΠΉΡ‚Π΅ Π΅ΠΌΡƒ имя латинскими Π±ΡƒΠΊΠ²Π°ΠΌΠΈ.


Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΡƒΠ·Π½Π°ΠΉΡ‚Π΅ располоТСниС Ρ„Π°ΠΉΠ»Π°, ΠΊΠ»ΠΈΠΊΠ½ΡƒΠ² ΠΏΠΎ Π½Π΅ΠΌΡƒ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ, Π²Ρ‹Π±Ρ€Π°Π² строку β€œΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽβ€ ΠΈ ΠΊΠ»ΠΈΠΊΠ½ΡƒΠ² Π½Π° любой Π±Ρ€Π°ΡƒΠ·Π΅Ρ€, установлСнный Π½Π° вашСм ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅.


Π‘ΠΊΠΎΠΏΠΈΡ€ΡƒΠΉΡ‚Π΅ адрСс ΠΈΠ· поисковой строки вашСго Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.


Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π² тэгС Π²ΠΏΠΈΡˆΠΈΡ‚Π΅ строку:

  • style=”background-image: url(β€˜file:///C:/Users/ПУВЬ_ЀАЙЛА.jpg’)”


Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚Π΅ свой Ρ„Π°ΠΉΠ».


ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ свою Π²Π΅Π± страницу. Π’Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ Ρ„ΠΎΠ½ подставлСн ΠΏΠΎΠ΄ ваш тСкст.


ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Ρƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ, ΠΈΠΌΠ΅ΡŽΡ‰ΠΈΡ… большСС Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ экрана, вашС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ Π΄ΡƒΠ±Π»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π²Π½ΠΈΠ· ΠΈ Π²ΠΏΡ€Π°Π²ΠΎ. Π’Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ это Π±ΡƒΠ΄Π΅Ρ‚ Π½Π΅ Ρ…ΠΎΡ€ΠΎΡˆΠΎ, Ссли ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π½Π΅ однотонная. Для исправлСния этого ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π° ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹.

  • background-repeat : β€œΠ—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ β€œ. Π’Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ вашСго значСния ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Ρ‚Π°ΠΊΠΈΠΌΠΈ: β€œrepeat-x” – повторяСт вашС Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ, ΠΈ ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ. β€œrepeat-y” – ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π΅Π½ΠΈΠ΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ. β€œno-repeat” – ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π·Π°ΠΌΠΎΡ€ΠΎΠΆΠ΅Π½ΠΎ Π½Π° мСстС ΠΈ Π½Π΅ повторяСтся.
    β€œspace” – вся страница заполнится ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΌ количСством ΠΊΠΎΠΏΠΈΠΉ изобраТСния, ΠΊΡ€Π°ΠΉΠ½ΠΈΠ΅ обрСТутся. β€œround” – такая ΠΆΠ΅ опция, Π½ΠΎ ΠΏΠΎ краям изобраТСния Π±ΡƒΠ΄ΡƒΡ‚ Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½ΠΎ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ;
  • background-attachment: β€œΠ—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅β€. Если ΠΏΠΎΠ΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ вмСсто слова Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ тэг β€œscroll β€œ, Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Ρ‚ΡŒΡΡ вмСстС с сайтом. β€œfixed ” – ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅ Ρ„ΠΎΠ½ остаётся Π½Π΅ΠΈΠ·ΠΌΠ΅Π½Π½Ρ‹ΠΌ;
  • background-size: Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅2. Π—Π΄Π΅ΡΡŒ значСния Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒ Π²Π΅Π»ΠΈΡ‡ΠΈΠ½Ρƒ Π² пиксСлях. НапримСр: 100px 200px. ΠšΡ€ΠΎΠΌΠ΅ пиксСлСй ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ значСния Π² ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°Ρ…. Π­Ρ‚ΠΎ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ заполнСния страницы ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ. ΠšΡ€ΠΎΠΌΠ΅ чисСл ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΏΠΈΡΠ°Ρ‚ΡŒ Π΄Π²Π° ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°: β€œcontain ” – заполняСт страницу ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΏΠΎ Π΄Π»ΠΈΠ½Π½ΠΎΠΉ сторонС ΠΈ β€œcover ” – заполняСт страницу ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅.

Зная основы заполнСния страницы Ρ„ΠΎΠ½ΠΎΠΌ Π² HTML Π²Ρ‹ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ ΠΊ созданию своСго ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ сайта.

Π’ HTML изобраТСния Π²ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ΡΡ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ‚Π΅Π³Π° img .
Π’Π΅Π³ img — пустой, ΠΎΠ½ содСрТит Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ ΠΈ Ρƒ Π½Π΅Π³ΠΎ Π½Π΅Ρ‚ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎ Ρ‚Π΅Π³Π°.


Для отобраТСния изобраТСния Π½Π° страницС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ src . Src появилось ΠΎΡ‚ source, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ. Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° src являСтся url-адрСс изобраТСния.


Π‘Ρ‚Ρ€ΠΎΠΊΠ° Π²Ρ‹ΡˆΠ΅ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ находится Π² Ρ‚ΠΎΠΉ ΠΆΠ΅ Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠΈ (ΠΏΠ°ΠΏΠΊΠ΅), Ρ‡Ρ‚ΠΎ ΠΈ сам html-Ρ„Π°ΠΉΠ», ΡΡΡ‹Π»Π°ΡŽΡ‰ΠΈΠΉΡΡ Π½Π° Π΄Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Допустим, Ρƒ Вас Π΅ΡΡ‚ΡŒ ΠΏΠ°ΠΏΠΊΠ° html , Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ содСрТится index.html с ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΌ Π²Ρ‹ΡˆΠ΅ ΠΊΠΎΠ΄ΠΎΠΌ ΠΈ само ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ image.jpg .


Π’ Ρ‚Π°ΠΊΠΎΠΌ случаС ΠΏΡ€ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠΈ index.html Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Π’Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ Π΄Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Если ΠΆΠ΅ ΠΎΠ½ΠΎ Ρƒ Вас Π³Π΄Π΅-Π»ΠΈΠ±ΠΎ Π² Π΄Ρ€ΡƒΠ³ΠΎΠΌ мСстС (Π½Π° ΠΏΠ°ΠΏΠΊΡƒ Π²Ρ‹ΡˆΠ΅ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ΅), Ρ‚ΠΎ вмСсто этого Ρƒ Вас отобразится Π»ΠΈΠ±ΠΎ Π±Π΅Π»ΠΎΠ΅ ΠΏΠΎΠ»Π΅, Π»ΠΈΠ±ΠΎ нСбольшой ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ с красным крСстиком (Π½Π΅ ΡƒΠ΄Π°Π»ΠΎΡΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅).

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ Π½Π΅ всСгда находятся Π² Ρ‚ΠΎΠΉ ΠΆΠ΅ Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠΈ (ΠΏΠ°ΠΏΠΊΠ΅), Ρ‡Ρ‚ΠΎ ΠΈ сам Ρ„Π°ΠΉΠ», поэтому прописываниС ΠΏΡƒΡ‚Π΅ΠΉ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Π΅Π΅ Π±ΡƒΠ΄Π΅Ρ‚ описано Ρ‡ΡƒΡ‚ΡŒ ΠΏΠΎΠ·ΠΆΠ΅.

Атрибуты Ρ‚Π΅Π³Π° img

Помимо src Ρƒ Ρ‚Π΅Π³Π° img Π΅ΡΡ‚ΡŒ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΡ‚Π²Π΅Ρ‡Π°ΡŽΡ‚ Π·Π° Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΠΎΠ³ΠΎ изобраТСния, подпись ΠΊ Π½Π΅ΠΌΡƒ ΠΈ ΠΏΡ€ΠΎΡ‡Π΅Π΅.


src — адрСс изобраТСния
width — ΡˆΠΈΡ€ΠΈΠ½Π° изобраТСния
height — высота изобраТСния
title — подпись, которая высвСчиваСтся ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅
alt — Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст. НуТСн для поискового Ρ€ΠΎΠ±ΠΎΡ‚Π° ΠΈ индСксации ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ
border — Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Π° Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ изобраТСния. 0 — Π½Π΅Ρ‚ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹, 1 — самая тонкая Π³Ρ€Π°Π½ΠΈΡ†Π° ΠΈ Ρ‚Π΄

АдрСс вставлСнного изобраТСния (ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹)

Как ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, изобраТСния хранятся Π½Π΅ Π² Ρ‚ΠΎΠΉ ΠΆΠ΅ ΠΏΠ°ΠΏΠΊΠ΅, Ρ‡Ρ‚ΠΎ ΠΈ сам html-Ρ„Π°ΠΉΠ» . Для этого Π² Ρ‚ΠΎΠΉ ΠΆΠ΅ Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠΈ создаётся ΠΏΠ°ΠΏΠΊΠ° images (ΠΈΠ»ΠΈ img, Ρ‚ΡƒΡ‚ Π½Π° вкус ΠΈ Ρ†Π²Π΅Ρ‚). А Π² Π½Π΅Ρ‘ ΡƒΠΆΠ΅ кладутся всС Π½ΡƒΠΆΠ½Ρ‹Π΅ изобраТСния. Π’ случаС с ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΌ Ρ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΎΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒ для Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° src ΡƒΠΆΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠΉ адрСс


Если Ρ„Π°ΠΉΠ» Π»Π΅ΠΆΠΈΡ‚ Π½Π° ΠΏΠ°ΠΏΠΊΡƒ Π²Ρ‹ΡˆΠ΅, Ρ‚ΠΎ Ρ‚Π°ΠΊ


МоТно Ρ‚Π°ΠΊΠΆΠ΅ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π²ΠΎΠΎΠ±Ρ‰Π΅ с Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ сайта, ΠΏΡ€ΠΈ этом Π½Π΅ загруТая Π΅Π³ΠΎ ΠΊ сСбС Π² ΠΏΠ°ΠΏΠΊΡƒ. Для этого Ρƒ Вас Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ ΡΡ‚Π°Π±ΠΈΠ»ΡŒΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΊ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Ρƒ ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ ΠΊΠΎΠ΄, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π² адрСсС Π’Ρ‹ прописываСтС адрСс изобраТСния Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅:

Π€ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² HTML

Π’ качСствС Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния ΠΌΠΎΠ³ΡƒΡ‚ Π²Ρ‹ΡΡ‚ΡƒΠΏΠ°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ с Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡΠΌΠΈ gif , jpg , jpeg ΠΈ png .

Π’ Ρ‚ΠΎΠΌ случаС, Ссли Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния мСньшС ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ автоматичСски дальшС Π·Π°ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ ΠΎΡΡ‚Π°Π²ΡˆΠΈΠΉΡΡ Ρ„ΠΎΠ½. Π’ body ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ background , Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ прописываСм ΠΏΡƒΡ‚ΡŒ ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ

Π—Π°Π΄Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ ΠΈ/ΠΈΠ»ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ для страницы ΠΈΠ»ΠΈ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΅Ρ‘ элСмСнта достаточно просто. Π“Π»Π°Π²Π½ΠΎΠ΅ Π·Π½Π°Ρ‚ΡŒ, Π³Π΄Π΅ ΠΈ ΠΊΠ°ΠΊ это ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ†Π²Π΅Ρ‚Π° ΠΈ/ΠΈΠ»ΠΈ Ρ„ΠΎΠ½ΠΎΠ²ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ. НС ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΎ, Ρ‡Ρ‚ΠΎ ΠΈΠ· этой ΡΡ‚Π°Ρ‚ΡŒΠΈ Π’Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅ ΠΌΠ½ΠΎΠ³ΠΎ Π½ΠΎΠ²ΠΎΠ³ΠΎ, Π½ΠΎ создавал я Π΅Ρ‘ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ всё Π±ΡƒΠ΄Π΅Ρ‚ максимально ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΎ ΠΈ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ. Π“Π»Π°Π²Π½ΠΎΠ΅, Ρ‡Ρ‚ΠΎ Π’Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ±Ρ‰Π΅Π΅ прСдставлСниС ΠΈ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹, Π½ΠΎ ΠΈ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ Π² HTML.

Π§Ρ‚ΠΎΠ±Ρ‹ Π·Π°Π΄Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ Π² HTML ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΎΡ‡Π½Ρ‹ΠΉ DOCTYPE

А Π½Π°Ρ‡Π½Ρƒ я с Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π² HTML5 Π½Π΅Ρ‚ возмоТности Π·Π°Π΄Π°Ρ‚ΡŒ . Π­Ρ‚Ρƒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π±Ρ‹Π»ΠΎ Ρ€Π΅ΡˆΠ΅Π½ΠΎ вынСсти Π² CSS. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ, Ссли Π’Ρ‹ ΠΏΠ»Π°Π½ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½ΠΈΠΆΠ΅ ΠΈΠ·Π»ΠΎΠΆΠ΅Π½Π½ΠΎΠ΅, ΠΈ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π²Π°Π»ΠΈΠ΄Π½Ρ‹ΠΉ (ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ) ΠΊΠΎΠ΄, Π’Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒΡΡ Π½Π° ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π½ΠΎΠΌ Ρ‚ΠΈΠΏΠ΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.

Для этого ваша Π²Π΅Π±-страница Π΄ΠΎΠ»ΠΆΠ½Π° Π½Π°Ρ‡ΠΈΠ½Π°Ρ‚ΡŒΡΡ со ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ строки:

b>Transitional //EN» «http://www.w3.org/TR/html4/loose.dtd»>

Если с этим Ρ€Π°Π·ΠΎΠ±Ρ€Π°Π»ΠΈΡΡŒ, Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄Ρ‘ΠΌ ΠΊ пониманию Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ создаётся Ρ„ΠΎΠ½. И ΠΏΠ΅Ρ€Π²ΠΎΠ΅, Ρ‡Ρ‚ΠΎ здСсь Π½ΡƒΠΆΠ½ΠΎ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ — это Ρ€Π°Π·Π»ΠΈΡ‡ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ ΠΈ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΎΠΉ . Π’ Π½Π°Ρ‡Π°Π»Π΅ ΠΈΠ΄Ρ‘Ρ‚ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π·Π°Π»ΠΈΠ²Π°Π΅Ρ‚ всё доступноС пространство страницы ΠΈΠ»ΠΈ Π΅Ρ‘ элСмСнта. ΠŸΠΎΠ²Π΅Ρ€Ρ… Π½Π΅Π³ΠΎ накладываСтся ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡΡŽΡ‰Π°ΡΡΡ фоновая ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° . Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ это ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

Π€ΠΎΠ½ HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΈ Π΅Π³ΠΎ элСмСнтов

Π’Ρ‚ΠΎΡ€ΠΎΠ΅, Ρ‡Ρ‚ΠΎ Π’Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π·Π½Π°Ρ‚ΡŒ — это Ρ€Π°Π·Π»ΠΈΡ‡ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ‚Π΅Π»ΠΎΠΌ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΈ элСмСнтом Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° . Π’Π΅Π»ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° обозначаСтся Π² HTML-ΠΊΠΎΠ΄Π΅ Π²Π΅Π±-страницы Ρ‚Π΅Π³ΠΎΠΌ BODY , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя всё содСрТаниС Π²Π΅Π±-страницы. ΠžΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎ, Ρ‡Ρ‚ΠΎ Ρ„ΠΎΠ½ Ρ‚Π΅Π»Π° Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌ. Если Ρ„ΠΎΠ½ Ρ‚Π΅Π»Π° Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π½Π΅ Π·Π°Π΄Π°Π½, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, Π·Π°Π΄Π°Π½Π½ΠΎΠ΅ Π² настройках Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ страницы находятся Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ‚Π΅Π³Π° BODY . ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Ρ‡Ρ‚ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚ ΠΈ/ΠΈΠ»ΠΈ Ρ„ΠΎΠ½ΠΎΠ²ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ срСдствами HTML ΠΌΠΎΠΆΠ½ΠΎ Π΄Π°Π»Π΅ΠΊΠΎ Π½Π΅ для всСх элСмСнтов Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. НапримСр, Ρ„ΠΎΠ½ΠΎΠ²ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для Ρ‚Π°Π±Π»ΠΈΡ†. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, ΠΎΠ½ΠΈ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΠΌΠ΅ΡŽΡ‚ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉ Ρ„ΠΎΠ½.

Атрибут bgcolor для создания Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π°

Для Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°Π΄Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΈΠ»ΠΈ Π΅Π³ΠΎ элСмСнтов ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ bgcolor , Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:


Π’ Π΄Π°Π½Π½ΠΎΠΌ случаС ΠΌΡ‹ Π·Π°Π΄Π°Ρ‘ΠΌ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ для страницы Π² Ρ†Π΅Π»ΠΎΠΌ. А Π²ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π·Π°Π΄Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ для Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹, Π² Ρ‚Π΅Π³Π΅ TABLE :





ВСкст с Ρ„ΠΎΠ½ΠΎΠΌ

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Ρ‡Ρ‚ΠΎ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ Π² Ρ‚Π°Π±Π»ΠΈΡ†Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΈ для строк Π² Ρ‚Π΅Π³Π΅ TR ΠΈ для ΠΈΡ… ячССк Π² Ρ‚Π΅Π³Π΅ TD .

Как ΡƒΠ·Π½Π°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ†Π²Π΅Ρ‚Π°?

Π’Ρ‹, Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅, ΡƒΠΆΠ΅ Π·Π°ΠΌΠ΅Ρ‚ΠΈΠ»ΠΈ, Ρ‡Ρ‚ΠΎ Ρ†Π²Π΅Ρ‚ Π² HTML задаётся ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌ

ΠΊΠΎΠ΄ΠΎΠΌ , Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€: #ec008c . Для Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ ΠΊΠΎΠ΄ Π½ΡƒΠΆΠ½ΠΎΠ³ΠΎ Π’Π°ΠΌ Ρ†Π²Π΅Ρ‚Π° Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· графичСских Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ². НапримСр, Π² Photoshop ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Β«Eyedropper Tool Β» (ΠŸΠΈΠΏΠ΅Ρ‚ΠΊΠ°) для получСния Ρ†Π²Π΅Ρ‚Π° ΠΈΠ· Ρ‚ΠΎΡ‡ΠΊΠΈ Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅. Π—Π°Ρ‚Π΅ΠΌ, Π½ΡƒΠΆΠ½ΠΎ ΠΊΠ»ΠΈΠΊΠ½ΡƒΡ‚ΡŒ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов ΠΈ Π² ΠΎΡ‚ΠΊΡ€Ρ‹Π²ΡˆΠ΅ΠΌΡΡ ΠΎΠΊΠ½Π΅ Β«Color Picker Β» (Π’Ρ‹Π±ΠΎΡ€ Ρ†Π²Π΅Ρ‚Π°) ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ†Π²Π΅Ρ‚Π°.

ΠžΠ±Ρ€Π°Ρ‰Π°ΡŽ Π’Π°ΡˆΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ этот ΠΊΠΎΠ΄ Π±ΡƒΠ΄Π΅Ρ‚ Π±Π΅Π· Π·Π½Π°ΠΊΠ° Ρ€Π΅ΡˆΠ΅Ρ‚ΠΊΠΈ (#) Π² Π½Π°Ρ‡Π°Π»Π΅, это Π·Π½Π°ΠΊ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ.

Π’Π°ΠΊΠΆΠ΅ Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ многочислСнныС ΠΎΠ½Π»Π°ΠΉΠ½ сСрвисы, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

  • ΠΈ Ρ‚.Π΄.

Π˜Ρ… ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π΅Ρ‰Ρ‘ ΠΏΡ€ΠΎΡ‰Π΅ — ΠΊΠ»ΠΈΠΊΠ°Π΅Ρ‚Π΅ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ Π΅Π³ΠΎ ΠΊΠΎΠ΄.

Атрибут background для создания Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ

Π’Π°ΠΊΠΆΠ΅ ΠΊΠ°ΠΊ Π² случаС с Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ, Ρ‚Π°ΠΊ ΠΈ Π² случаС с Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΎΠΉ , Π’Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚, Π° ΠΈΠΌΠ΅Π½Π½ΠΎ background , Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:


Π’ Π΄Π°Π½Π½ΠΎΠΌ случаС ΠΌΡ‹ Π·Π°Π΄Π°Ρ‘ΠΌ Ρ„ΠΎΠ½ΠΎΠ²ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ для страницы Π² Ρ†Π΅Π»ΠΎΠΌ. ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Ρ‡Ρ‚ΠΎ ΠΈΠ·-Π·Π° ограничСния Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, ΠΎΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡΡ‚ΡŒΡΡ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

Как Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅, ΠΏΡ€ΠΈ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π΅Π½ΠΈΠΈ, Π·Π°ΠΌΠ΅Ρ‚Π΅Π½ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°ΠΌΠΈ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π·Π°Ρ‡Π°ΡΡ‚ΡƒΡŽ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, Π³Π΄Π΅ этот ΠΌΠΎΠΌΠ΅Π½Ρ‚ ΡƒΡ‡Ρ‚Ρ‘Π½.

А Π²ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π·Π°Π΄Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ для Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹, Π² Ρ‚Π΅Π³Π΅ TABLE :





ВСкст с Ρ„ΠΎΠ½ΠΎΠΌ

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Ρ‡Ρ‚ΠΎ Ρ„ΠΎΠ½ΠΎΠ²ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ Π² Ρ†Π΅Π»ΠΎΠΌ ΠΈ/ΠΈΠ»ΠΈ Π΅Ρ‘ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠΉ ячСйки. Для строки это Π½Π΅ получится.

ΠΠ±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹ΠΉ ΠΈ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΡƒΡ‚ΡŒ ΠΊ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅

ΠžΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ стоит ΡƒΠ΄Π΅Π»ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ адрСсу Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ . Π’ Π΄Π°Π½Π½ΠΎΠΌ случаС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΡƒΡ‚ΡŒ ΠΊ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅, Ρ‚.Π΅. адрСс ΡƒΠΊΠ°Π·Π°Π½ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ мСста нахоТдСния Ρ„Π°ΠΉΠ»Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΊ Ρ„Π°ΠΉΠ»Ρƒ Π²Π΅Π±-страницы. Π’Π°ΠΊΠΎΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ нСльзя Π½Π°Π·Π²Π°Ρ‚ΡŒ особо ΡƒΠ΄Π°Ρ‡Π½Ρ‹ΠΌ. Π›ΡƒΡ‡ΡˆΠ΅ всСго ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹ΠΉ ΠΏΡƒΡ‚ΡŒ ΠΊ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅, Ρ‚.Π΅. ΠΏΠΎΠ»Π½Ρ‹ΠΉ Π΅Ρ‘ URL-адрСс , Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:


Π’ Ρ‚Π°ΠΊΠΎΠΌ случаС Ρƒ Вас Π½Π΅ Π²ΠΎΠ·Π½ΠΈΠΊΠ½Π΅Ρ‚ ΡΠΎΠΏΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ. ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅ΠΉ ΠΎΠ± это Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ .

ΠŸΠΎΠ΄Π²Π΅Π΄Ρ‘ΠΌ ΠΈΡ‚ΠΎΠ³ΠΈ

ИспользованиС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² bgcolor ΠΈ background ΠΌΠΎΡ€Π°Π»ΡŒΠ½ΠΎ устарСло, ΠΏΠΎΡ‚ΠΎΠΌΡƒ для валидности HTML-ΠΊΠΎΠ΄Π° Π’Π°ΠΌ придётся ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π½ΠΎΠΉ DOCTYPE . Для задания Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π° Π² HTML ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΊΠΎΠ΄Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ·Π½Π°Ρ‚ΡŒ Π² графичСском Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΎΠ½Π»Π°ΠΉΠ½ сСрвисы. Ѐоновая ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° дублируСтся Π² ΠΏΡ€ΠΈΠ΄Π΅Π»Π°Ρ… ΠΎΡ‚Π²Π΅Π΄Ρ‘Π½Π½ΠΎΠΉ Π΅ΠΉ области ΠΈ лоТится ΠΏΠΎΠ²Π΅Ρ€Ρ… Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π°. Для указания Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π»ΡƒΡ‡ΡˆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π½Ρ‹ΠΉ Π΅Ρ‘ URL-адрСс. На этом Ρƒ мСня всё. Бпасибо Π·Π° Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅. Π£Π΄Π°Ρ‡ΠΈ!

Π² 22:37 Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ сообщСниС

ЗдравствуйтС Π΄Ρ€ΡƒΠ·ΡŒΡ! НСдавно я Π΄Π΅Π»Π°Π» Π°Π½Π°Π»ΠΈΠ· своСго Π±Π»ΠΎΠ³Π° с Ρ†Π΅Π»ΡŒΡŽ Π½Π°ΠΉΡ‚ΠΈ слабыС мСста Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ ΠΏΡ€ΠΈΡˆΠ΅Π» ΠΊ Π²Ρ‹Π²ΠΎΠ΄Ρƒ, Ρ‡Ρ‚ΠΎ Π·Π°Π΄Π½ΠΈΠΉ Ρ„ΠΎΠ½ смотрится ΠΎΡ‡Π΅Π½ΡŒ ΡƒΠ±ΠΎΠ³ΠΎ ΠΈ Π½ΠΈΠΊΠ°ΠΊ Π½Π΅ сочСтаСтся с основной Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ Π³Π°ΠΌΠΌΠΎΠΉ сайта Π² Ρ†Π΅Π»ΠΎΠΌ.

ВсС ΠΈΠ·-Π·Π° Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π·Π°Π΄Π½ΠΈΠΉ Ρ„ΠΎΠ½ совпадаСт с основными Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ шаблона, Π»ΠΈΡ‡Π½ΠΎ мСня это Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·Π΄Ρ€Π°ΠΆΠ°Π΅Ρ‚, Π° Π³Π»Π°Π·Π° сильно ΠΏΠ΅Ρ€Π΅ΡƒΡ‚ΠΎΠΌΠ»ΡΡŽΡ‚ΡΡ.

Π’ этой нСбольшой ΡΡ‚Π°Ρ‚ΡŒΠ΅ я расскаТу, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈ ΠΏΠΎΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ„ΠΎΠ½ сайта, Ρ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈ Π΄ΠΎ самого ΠΊΠΎΠ½Ρ†Π° ΠΈ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΈΠ· этого Π²Ρ‹ΡˆΠ»ΠΎ.

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ для сайта ΠΎΠ½Π»Π°ΠΉΠ½

ΠŸΠ΅Ρ€Π΅Π΄ Ρ‚Π΅ΠΌ ΠΊΠ°ΠΊ ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Ρ„ΠΎΠ½, Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΠΎΠ½ΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π½Π΅ стоит Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ для этого большоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ создаст Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ Π½Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ Π½Π° ΠΏΡ€ΠΎΠ΅ΠΊΡ‚, Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ Ρ‡Π΅Π³ΠΎ ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ Π΄ΠΎΠ»Π³ΠΎ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒΡΡ.

О Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π±Π»ΠΎΠ³Π° я писал Π² ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΡ… ΡΡ‚Π°Ρ‚ΡŒΡΡ…: Β« Β» ΠΈ Β« Β».

ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π² качСствС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ для Ρ„ΠΎΠ½Π° Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠŸΠΠ’Π’Π•Π Π.

ΠŸΠ°Ρ‚Ρ‚Π΅Ρ€Π½ β€” это нСбольшая ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°, Π½Π΅ ΠΈΠΌΠ΅ΡŽΡ‰Π°Ρ швов, которая ΠΏΡ€ΠΈ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π΅Π½ΠΈΠΈ ΠΎΠ±Ρ€Π°Π·ΡƒΠ΅Ρ‚ большой Ρ„ΠΎΠ½, Π·Π°ΠΏΠΎΠ»Π½ΡΡŽΡ‰ΠΈΠΉ всС пространство сайта.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ (ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½) сущСствуСт ΠΎΠ³Ρ€ΠΎΠΌΠ½ΠΎΠ΅ число способов. НапримСр, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ любой поисковик ΠΈ Π²Π±ΠΈΡ‚ΡŒ Π² строку поиска запрос Β«Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ для сайта» , Π° ΠΏΠΎΡ‚ΠΎΠΌ Π΄ΠΎΠ»Π³ΠΎ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ сайты Π² Π½Π°Π΄Π΅ΠΆΠ΄Π΅ ΠΎΡ‚Ρ‹ΡΠΊΠ°Ρ‚ΡŒ подходящий ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½.

Но ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠΈΠ² ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌ усилий? ΠŸΡ€Π΅Π΄Π»Π°Π³Π°ΡŽ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΡƒ ΠΎΠ½Π»Π°ΠΉΠ½ сСрвисов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π² своСй Π±Π°Π·Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ сотни ΡƒΠΆΠ΅ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… Ρ„ΠΎΠ½ΠΎΠ², ΠΈΡ… останСтся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΏΠΎ своСму вкусу.

1) PatternCooler

Один ΠΈΠ· самых ΠΊΡ€ΡƒΠΏΠ½Ρ‹Ρ… Ρ…Ρ€Π°Π½ΠΈΠ»ΠΈΡ‰ ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΠΈ Ρ„ΠΎΠ½ΠΎΠ². Π—Π΄Π΅ΡΡŒ Π²Ρ‹ смоТСтС ΠΎΡ‚Ρ‹ΡΠΊΠ°Ρ‚ΡŒ ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½ Ρ€Π°Π·Π»ΠΈΡ‡Π½ΠΎΠΉ Ρ„Π°ΠΊΡ‚ΡƒΡ€Ρ‹, сами ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Ρ†Π²Π΅Ρ‚Π°, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ популярный ΠΈΠ· Ρ‚ΠΎΠΏ.

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ Ρƒ мСня ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ для сСбя:

2) Stripegenerator

Π’ΠΎΠΆΠ΅ Π½Π΅ΠΏΠ»ΠΎΡ…ΠΎΠΉ ΠΎΠ½Π»Π°ΠΉΠ½ Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ Ρ„ΠΎΠ½ΠΎΠ². Π•ΡΡ‚ΡŒ нСбольшой ряд настроСк ΠΈ нСмалСнькая Π±Π°Π·Π° Π·Π°Π³ΠΎΡ‚ΠΎΠ²ΠΎΠΊ.

Мой Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Ρ€Π°Π±ΠΎΡ‚Ρ‹:

3) BgPatterns

ΠžΡ‡Π΅Π½ΡŒ интСрСсный сСрвис ΠΏΠΎ созданию ΠΎΠ½Π»Π°ΠΉΠ½ Ρ„ΠΎΠ½Π°. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ рисунки (сСрдСчки, Π·Π²Π΅Π·Π΄ΠΎΡ‡ΠΊΠΈ, ΠΊΡ€ΡƒΠΆΠΎΡ‡ΠΊΠΈ) ΠΈ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΡƒΡŽ Π³Π°ΠΌΠΌΡƒ создаваСмого Ρ„ΠΎΠ½Π°.

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ я ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Π» сСбС:

4) Tartanmaker

Для Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ Ρ…ΠΎΡ‡Π΅Ρ‚ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ сСбС Ρ„ΠΎΠ½ Π² ΠΊΠ»Π΅Ρ‚ΠΎΡ‡ΠΊΡƒ стоит ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚ΡŒ Π΄Π°Π½Π½Ρ‹ΠΉ ΠΎΠ½Π»Π°ΠΉΠ½ сСрвис Ρ„ΠΎΠ½ΠΎΠ².

Как ΠΏΠΎΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ„ΠΎΠ½ Π½Π° сайтах HTML ΠΈ PHP

Если Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ с сайтом Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΌ ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π° HTML, Ρ‚ΠΎΠ³Π΄Π° Π²Π°ΠΌ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ Π² ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ Ρ‚Π΅Π³

… Π”ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅:

Если основной ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½ Π½Π΅ загрузится, вмСсто Π½Π΅Π³ΠΎ подгрузится Ρ†Π²Π΅Ρ‚, ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΉ Π² bgcolor (FFFFFF).

Π’ основном Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ…, Π΄Π° ΠΈ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚Ρ‹Ρ… вСбмастСров ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π² качСствС Π΄Π²ΠΈΠΆΠΊΠ° Π±Π»ΠΎΠ³Π° CMS WordPress, поэтому Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ Π½Π° сайт, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π·Π°ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ созданный Π²Ρ‹ΡˆΠ΅ ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½ ΠΊ сСбС Π½Π° Π² ΠΏΠ°ΠΏΠΊΡƒ с ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°ΠΌΠΈ Ρ‚Π΅ΠΌΡ‹.

Для этого я Π·Π°ΠΊΠ°Ρ‡ΠΈΠ²Π°ΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ (ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½) Π½Π° хостинг, ΠΏΠ°ΠΏΠΊΠ° находится ΠΏΠΎ Ρ‚Π°ΠΊΠΎΠΌΡƒ адрСсу:

/ httpdocs/ wp- content/ themes/ Prosumer/ images

/httpdocs/wp-content/themes/Prosumer/images

background: #FFFFFF url(images/fon-1.png) repeat;

background: #FFFFFF url(images/fon-1.png) repeat;

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ настройки:

  • β€” repeat — ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡΡ‚ΡŒΡΡ ΠΊΠ°ΠΊ ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ, Ρ‚Π°ΠΊ ΠΈ ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ;
  • β€” repeat-x — ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π΅Π½ΠΈΠ΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ;
  • β€” repeat-y — ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π΅Π½ΠΈΠ΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ;
  • β€” no-repeat – Π·Π°ΠΏΡ€Π΅Ρ‚ Π½Π° ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π΅Π½ΠΈΠ΅.

ΠŸΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅, экспСримСнтируйтС, вСдь Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚Π°ΠΊ Π²Ρ‹ смоТСтС ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ ΠΏΠΎΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ„ΠΎΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π»ΡƒΡ‡ΡˆΠ΅ всСго Π±ΡƒΠ΄Π΅Ρ‚ Π³Π°Ρ€ΠΌΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ сайта.

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ Π²ΠΈΠ΄Π΅ΠΎ «Как ΠΏΠΎΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ„ΠΎΠ½ Π½Π° сайтС» ΠΈ Ρƒ вас Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΎΡΡ‚Π°Ρ‚ΡŒΡΡ Π½ΠΈΠΊΠ°ΠΊΠΈΡ… вопросов.

ВсСм ΠΏΡ€ΠΈΠ²Π΅Ρ‚! На связи с Π²Π°ΠΌΠΈ ваш ΠΏΠΎΠΊΠΎΡ€Π½Ρ‹ΠΉ слуга с ΠΏΠΎΡ€Ρ†ΠΈΠ΅ΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ³ΠΎ ΠΈ практичСского ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π° Π½Π° Ρ‚Π΅ΠΌΡƒ ΠΊΠ°ΠΊ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ для сайта. Π­Ρ‚ΠΎ самоС Π½Π°Ρ‡Π°Π»ΠΎ Π² html вСрсткС ΠΈ здСсь я наглядно ΠΏΡ€ΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΡƒΡŽ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ красивый Ρ„ΠΎΠ½ для сайта, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΠ΄Π½ΠΎΠ·Π½Π°Ρ‡Π½ΠΎ Π·Π°Ρ†Π΅ΠΏΠΈΡ‚ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΈ придаст ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ.

Если Π²Ρ‹ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΠ»ΠΈ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‚ΠΎ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ бизнСсмСнов ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π² своих ΠΏΡ€ΠΎΠ΄Π°ΡŽΡ‰ΠΈΡ… страницах ΠΈ страницах подписки ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ„ΠΎΠ½. Π’ΠΎΡ‚ сСгодня ΠΌΡ‹ Ρ€Π°Π·Π±Π΅Ρ€Π΅ΠΌ Ρ‚Π΅Ρ…Π½ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰ΡƒΡŽ этого процСсса.

Π˜Ρ‚Π°ΠΊ, для Π½Π°Ρ‡Π°Π»Π° Π½Π°ΠΌ Π½ΡƒΠΆΠ½Π°, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ ΠΆΠ΅, ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°. Π’ Π·Π°Ρ€ΡƒΠ±Π΅ΠΆΠ½ΠΎΠΌ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ Π΅ΡΡ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΠΎΡ‡Π΅Π½ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ сайт Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ бСсплатно Ρ€Π°Π·Π½Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ для Ρ„ΠΎΠ½Π° сайта . Π˜Ρ… Ρ‚Π°ΠΌ просто ΠΎΠ³Ρ€ΠΎΠΌΠ½ΠΎΠ΅ мноТСство. Π‘Π°ΠΉΡ‚ называСтся Subtle Patterns.

Он отобраТаСтся Π² спискС поисковика Π“ΡƒΠ³Π» Π½Π° ΠΏΠ΅Ρ€Π²ΠΎΠΌ мСстС поэтому Π² Ρ€Π°Π±ΠΎΡ‚Π΅ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ ΠΈΠΌΠ΅Π½Π½ΠΎ Π΅Π³ΠΎ. Π’Π°ΠΊΠΆΠ΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ большоС количСство Π΄Ρ€ΡƒΠ³ΠΈΡ… сайтов Ссли Π½Π°Π±Π΅Ρ€Π΅Ρ‚Π΅ Π² поисковикС ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Ρ‚Π°ΠΊΠΈΠ΅ словосочСтания Β«background image patternsΒ», Β«download background image for siteΒ» ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅.

Π£ ΠΊΠΎΠ³ΠΎ с английским языком ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ Π½Π΅Ρ‚, Ρ‚ΠΎ Π²Ρ‹ Ρ€Π°Π·Π±Π΅Ρ€Π΅Ρ‚Π΅ΡΡŒ Π±Π΅Π· Ρ‚Ρ€ΡƒΠ΄Π°.

Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ я Π²Ρ‹Π±Ρ€Π°Π» Ρ‚Π΅ΠΌΡƒ ΠΈ называСтся ΠΎΠ½Π° tweed. Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΅Π΅ .

Π’ΠΎΡ‚ ΠΊΠ°ΠΊ ΠΎΠ½Π° выглядит Π² нСбольшом Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π΅ Π½Π° сайтС

Π’ Π½Π°Ρ‡Π°Π»Π΅ создаСм Π½ΠΎΠ²Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅

И ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠ΅Ρ€Π΅Π΄ Π΅Π³ΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ сохраняСм ΠΏΠΎΠ΄ ΠΈΠΌΠ΅Π½Π΅ΠΌ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ index.html ΠΈ создаСм ΠΏΠ°ΠΏΠΊΡƒ Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΠ°ΠΏΠΊΡƒ Β«My siteΒ» ΠΈ ΡƒΠΆΠ΅ Π² Π½Π΅Π΅ ΠΏΠΎΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ наш индСксный Ρ„Π°ΠΉΠ» (index.html).Π›ΡƒΡ‡ΡˆΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΠ°ΠΏΠΊΡƒ Π½Π° английском языкС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ Π±Ρ‹Π»ΠΎ ΠΏΡƒΡ‚Π°Π½ΠΈΡ†Ρ‹ Ρƒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΈ Π½Π΅ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎΠ³ΠΎ отобраТСния сайта.

Помимо этого Π² Π³Π»Π°Π²Π½ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅ Β«my siteΒ» Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π΅Ρ‰Π΅ Π΄Π²Π΅ ΠΏΠΎΠ΄ΠΏΠ°ΠΏΠΊΠΈ, Π² ΠΎΠ΄Π½ΠΎ ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΠΏΠΎΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ всС наши ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈ Π½Π°Π·Ρ‹Π²Π°Ρ‚ΡŒΡΡ ΠΎΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ Β«imagesΒ», Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ Π΄Π°Π΄ΠΈΠΌ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Β«CSSΒ» (каскадныС Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй) ΠΈ помСстим Ρ‚ΡƒΠ΄Π° Ρ„Π°ΠΉΠ» style.css

Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π² нашСм Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅. Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ шагом Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π·Π°Π³ΠΎΡ‚ΠΎΠ²ΠΊΡƒ html ΠΊΠΎΠ΄Π°, Ρ‚Π°ΠΊ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹ΠΉ, основной каркас с ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ всС начинаСтся. Π•Π³ΠΎ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ прямо . Π”Π°Π»Π΅Π΅ скопируСм всС ΠΈΠ· этого Ρ„Π°ΠΉΠ»Π° ΠΈ пСрСнСсСм Π² Ρ„Π°ΠΉΠ» нашСй ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹. Π’ ΠΈΡ‚ΠΎΠ³Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π²Ρ€ΠΎΠ΄Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π³ΠΎ

Рядом с Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Ρ„Π°ΠΉΠ»Π° Π²Ρ‹ Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚Π΅ ΠΊΡ€Π°ΡΠ½ΡƒΡŽ дискСтку. Π’Π°ΠΊ Π²ΠΎΡ‚, Ссли ΠΎΠ½Π° красная, Π·Π½Π°Ρ‡ΠΈΡ‚ Ρ„Π°ΠΉΠ» Π½Π΅ сохранСн, ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π°ΠΆΠΈΠΌΠ°ΠΉΡ‚Π΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ± дискСтка стала синСй.

Π’ Ρ‚Π΅Π³Π΅ title ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΌΠ΅Π½ΡΡ‚ΡŒ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ «Моя пСрвая Π²Π΅Π± страница». И ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ Ρ‡Ρ‚ΠΎ ваша страница сохранСна Π² ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²ΠΊΠ΅ UTF — 8

Π’ ΠΏΡ€ΠΎΡ‚ΠΈΠ²Π½ΠΎΠΌ случаС Ссли Π±ΡƒΠ΄Π΅Ρ‚ ΡΡ‚ΠΎΡΡ‚ΡŒ другая ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²ΠΊΠ°, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ windows-1251, Ρ‚ΠΎ тСкст Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΠΈΠ΅Ρ€ΠΎΠ³Π»ΠΈΡ„Π°ΠΌΠΈ. ΠŸΠΎΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²ΠΊΡƒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Β«ΠšΠΎΠ΄ΠΈΡ€ΠΎΠ²ΠΊΠΈ – ΠšΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π² Utf-8 (Π±Π΅Π· BOM)Β» Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹.

И Π½Π΅ Π·Π°Π±Ρ‹Π²Π°Π΅ΠΌ ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ нашС дСйствиС ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ приступим ΠΊ созданию Ρ„ΠΎΠ½Π° Π² нашСм Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅. Π‘Ρ€Π°Π·Ρƒ скаТу, Ρ‡Ρ‚ΠΎ всС наши дСйствия Π½Π°Π΄ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ΠΌ Π²Π΅Π± страницы Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΡ€ΠΎΠΈΡΡ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ каскадных Ρ‚Π°Π±Π»ΠΈΡ† стилСй, Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹Ρ… CSS, Ρ‚.Π΅ каркас ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ Π΄Π΅Π»Π°Ρ‚ΡŒ Π² html, Π° ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ΡŒ Π΅Π³ΠΎ ΠΊ красивому ΡΡ‚ΠΈΠ»ΡŽ ΠΈ Π²ΠΈΠ΄Ρƒ Π±ΡƒΠ΄Π΅ΠΌ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS.

Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ Π²Ρ‹ ΠΏΡ€ΠΈΡƒΡ‡ΠΈΡ‚Π΅ сСбя ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΌΡƒ порядку дСйствий. НС стоит прямо Π² html Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒΡΡ стилями, Π»ΡƒΡ‡ΡˆΠ΅ вынСситС ΠΈΡ… Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚.

Для этого Π² нашСй ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ Notepad++ создадим Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ Ρ„Π°ΠΉΠ» ΠΈ Π½Π°Π·ΠΎΠ²Π΅ΠΌ Π΅Π³ΠΎ Style.css ΠΈ сохраним Π΅Π³ΠΎ Π² Π½ΠΎΠ²ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅ css, которая Π±ΡƒΠ΄Π΅Ρ‚ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Π² ΠΎΠ±Ρ‰Π΅ΠΉ ΠΏΠ°ΠΏΠΊΠ΅ Β«My siteΒ»

ΠžΡ‚Π»ΠΈΡ‡Π½ΠΎ! Π§Ρ‚ΠΎΠ±Ρ‹ наш Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΠ» страницу Π½Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ стилСй Π² наш html Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚. Π’ΠΎΡ‚ ΠΊΠ°ΠΊ это дСлаСтся

ΠŸΡ€ΡΠΌΠΎ Ρ†Π΅Π»ΠΈΠΊΠΎΠΌ Π²Π²ΠΎΠ΄ΠΈΠΌ всю строку Π½Π°Π΄ . Π­Ρ‚ΠΎΠΉ строкой ΠΌΡ‹ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌ Π½Π°ΡˆΡƒ Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ стилСй.
Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΡ‹ для нашСго Ρ‚Π΅Π³Π° body ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΠΌ Ρ„ΠΎΠ½ΠΎΠ²ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Π΅Ρ€Π΅Π· Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ стилСй. Для этого ΠΌΡ‹ Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ style.css создаСм ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΡƒΡŽ структуру (прямо Ρ‚Π°ΠΊΠΆΠ΅ Π±Π΅Ρ€Π΅Ρ‚Π΅ ΠΈ ΠΏΠΈΡˆΠΈΡ‚Π΅ Π² ΠΊΠΎΠ΄Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹)

Π—Π΄Π΅ΡΡŒ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ поясню. Π£ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° background Π΅ΡΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ, ΠΎΠ΄Π½ΠΎ ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… background-repeat, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ ΠΊΠ°ΠΊ Ρ€Π°Π· Π·Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°ΡΡ‚ΡΠ½ΡƒΡ‚ΡŒ Π½Π°ΡˆΡƒ Ρ„ΠΎΠ½ΠΎΠ²ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ для Π²Π΅Π± Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.

BACKGROUND-REPEAT:

REPEAT //(Ρ€Π°ΡΡ‚ΠΈΡ€Π°ΠΆΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ ΠΈ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ) REPEAT-X // (Ρ€Π°ΡΡ‚ΡΠ½ΡƒΡ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ) REPEAT-Y //(Ρ€Π°ΡΡ‚ΡΠ½ΡƒΡ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ) NO-REPEAT //(Π½Π΅ ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ)

Π’ нашСм случаС ΠΌΡ‹ Π½Π°ΡˆΡƒ ΠΌΠ°Π»Π΅Π½ΡŒΠΊΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‚ΠΈΡ€Π°ΠΆΠΈΡ€ΡƒΠ΅ΠΌ ΠΈ ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ ΠΈ ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ. Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ Ρ‡Π΅Π³ΠΎ вся страница оказываСтся Π·Π°ΠΏΠΎΠ»Π½Π΅Π½Π½ΠΎΠΉ нашим ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ. Π’ΠΎΡ‚ ΠΊΠ°ΠΊ это выглядит Π² ΠΈΡ‚ΠΎΠ³Π΅ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅:

Π’Π°ΠΊΠΆΠ΅ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ для вас сдСлал ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΡƒ сайтов Π³Π΄Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ красивый Ρ„ΠΎΠ½ для сайта

Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² HTML с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π±Π»ΠΎΠΊΠ½ΠΎΡ‚Π°

ПослСднСС обновлСниС: 16 июня 2022 г.

IN — HTML

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ ΠΌΡ‹ ΠΏΠΎΠΊΠ°ΠΆΠ΅ΠΌ Π²Π°ΠΌ, ΠΊΠ°ΠΊ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² html с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π±Π»ΠΎΠΊΠ½ΠΎΡ‚Π° ΠΏΡ€ΠΈ вставкС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² качСствС Ρ„ΠΎΠ½Π°, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΌΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡΠΊΠΎΠ½Ρ†Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ, ΠΏΠΎΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ вСсь Π²ΠΈΠ΄ страницы, ΠΈ ΠΎΠ½ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ статичным, Π±Π΅Π· ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΠΎΠ².

Π˜Ρ‚Π°ΠΊ, здСсь ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ, ΠΊΠ°ΠΊ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΡŽ вставки Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния.

ПошаговоС руководство ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² HTML с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚Π°: —

Как ΠΌΡ‹ Π·Π½Π°Π΅ΠΌ, Π² html ΠΏΡ€ΠΈ вставкС изобраТСния Π½Π° Π²Π΅Π±-страницу Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π΅Π³ ΠΈ Π·Π°ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ края, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ это Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

Π’ Ρ‚Π΅Π³Π΅ Π½Π΅Ρ‚ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎ Ρ‚Π΅Π³Π° ΠΈ Π΅ΡΡ‚ΡŒ Π΄Π²Π° Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°, Π° ΠΈΠΌΠ΅Π½Π½ΠΎ src ΠΈ alt.

Атрибут Src ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для сбора ΠΏΡƒΡ‚ΠΈ ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ. Атрибут Alt прСдставляСт собой ΠΊΡ€Π°Ρ‚ΠΊΠΎΠ΅ описаниС изобраТСния. Каким-Ρ‚ΠΎ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ссли это ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π΅ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½ΠΎ Π²ΠΎ врСмя выполнСния, это описаниС Ρ‚Π΅Π³Π° alt Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ.

 

<Π³ΠΎΠ»ΠΎΠ²Π°>
<Π½Π°Π·Π²Π°Π½ΠΈΠ΅>
ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚Π°


<Ρ‚Π΅Π»ΠΎ>
Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅

 
  1. Π’Π΅Π³ , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, Π² ΠΊΠ°ΠΊΠΎΠΉ вСрсии HTML-Ρ„Π°ΠΉΠ»Π° записан Ρ„Π°ΠΉΠ», ΠΈ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ Π·Π°Π²Π΅Ρ€ΡˆΠ°ΡŽΡ‰Π΅Π³ΠΎ Ρ‚Π΅Π³Π°.
  2. Π’Π΅Π³ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для обозначСния Π½Π°Ρ‡Π°Π»Π° HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.
  3. Как ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π²Ρ‹ΡˆΠ΅, Ρ‚Π΅Π³ содСрТит ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ Π²Π΅Π±-страницС ΠΈ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π²Π΅Π±-сайтах, ΠΊΠΎΠ³Π΄Π° Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ внСшниС Ρ„Π°ΠΉΠ»Ρ‹, эти ссылки ΠΎΠ±ΡŠΡΠ²Π»ΡΡŽΡ‚ΡΡ здСсь. Π’Π΅Π³ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для установки Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π²Π΅Π±-страницы.</li><li> Оба Ρ‚Π΅Π³Π°<head> ΠΈ<title> ΠΈΠΌΠ΅ΡŽΡ‚ ΠΏΠ°Ρ€Ρƒ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… Ρ‚Π΅Π³ΠΎΠ², поэтому Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ соотвСтствСнно Π·Π°ΠΊΡ€Ρ‹Ρ‚ΡŒ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ Ρ‚Π΅Π³ΠΈ.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/1.bp.blogspot.com/-3r2-pKYHbGw/XKtk4h9pezI/AAAAAAAAAWE/JkYlapNNnvYPNR9ubgLFMCg6VkGk7LYFwCLcBGAs/s640/css.jpg' /><noscript><img loading='lazy' src='/800/600/http/1.bp.blogspot.com/-3r2-pKYHbGw/XKtk4h9pezI/AAAAAAAAAWE/JkYlapNNnvYPNR9ubgLFMCg6VkGk7LYFwCLcBGAs/s640/css.jpg' /></noscript> Если Π²Ρ‹ Π½Π΅ Π·Π°ΠΊΡ€Ρ‹Π»ΠΈ Π½ΠΈ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠ³ΠΎ Ρ‚Π΅Π³Π° Π΄ΠΎΠ»ΠΆΠ½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, это Ρ‚Π°ΠΊΠΆΠ΅ повлияСт Π½Π° Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π²Π΅Π±-страницы.</li><li> Π’Π΅Π³<body> являСтся Π½Π°Ρ‡Π°Π»ΠΎΠΌ основной части кодирования, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ содСрТит ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ†Π΅Π»Ρ‹Ρ… Π±Π»ΠΎΠΊΠΎΠ² сайта ΠΈ элСмСнтов, описанных здСсь.</li><li> ΠœΡ‹ ΡƒΠΆΠ΅ обсуТдали Ρ‚Π΅Π³ <img>, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ для отобраТСния изобраТСния Π½Π° Π²Π΅Π±-сайтС. Π’ Ρ‚Π΅Π³Π΅ <img> Π΅ΡΡ‚ΡŒ Π΄Π²Π° Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° src ΠΈ alt, Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ src содСрТит ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ PATH изобраТСния. alt Π² смыслС Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΈΠΌΠ΅Π½ΠΈ изобраТСния.</li><li> ΠŸΡ€ΠΈ ΡƒΠΊΠ°Π·Π°Π½ΠΈΠΈ ΠΏΡƒΡ‚ΠΈ ΠΊ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρƒ src это Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ мСстополоТСниС, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ это ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ нСвозмоТности Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ изобраТСния Π½Π° Π²Π΅Π±-сайтС. Π—Π°Ρ‚Π΅ΠΌ имя Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° alt Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΎΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΌΠΎΠ³ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ прСдставлСниС ΠΎ Π½Π΅ΠΌ.</li><li> Π’ Ρ‚Π΅Π³Π΅ <img> ΠΌΡ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΠΌ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ высоту Π±Π΅Π· использования стиля, Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ Ρ‚Π°ΠΊΠΈΠΌ ΠΆΠ΅ Π½Π° сайтС.</li><li> (Ρ‚.Π΅.) <img class="lazy lazy-hidden" decoding="async" src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="background.jpg" alt="Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅"><noscript><img decoding="async" src="background.jpg" alt="Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅"></noscript></li><li> ΠŸΡ€ΠΈ установкС ΠΎΠ΄Π½ΠΎΠ³ΠΎ изобраТСния Π² качСствС Ρ„ΠΎΠ½Π° Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π·Π°ΠΊΡ€Ρ‹Ρ‚ΡŒ Π΅Π³ΠΎ Π΄ΠΎ ΠΊΡ€Π°Π΅Π², поэтому здСсь ΠΌΡ‹ устанавливаСм высоту ΠΈ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π½Π° 100%.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/images.myshared.ru/17/1121708/slide_9.jpg' /><noscript><img loading='lazy' src='/800/600/http/images.myshared.ru/17/1121708/slide_9.jpg' /></noscript> Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΠΎΠ½ ΠΏΠΎΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ 100% просмотров Π½Π° сайтС.</li><li> Оба Ρ‚Π΅Π³Π° <script defer src="https://schtirlitz.ru/wp-content/cache/autoptimize/js/autoptimize_37ed0fd9f77c73ed46f8177b48009968.js"></script></body>,</html> Π·Π°ΠΊΡ€Ρ‹Ρ‚Ρ‹ соотвСтствСнно. Π’Π΅Π³</body> ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° ΠΊΠΎΠ½Π΅Ρ† Ρ‚Π΅Π»Π°, Π·Π°Ρ‚Π΅ΠΌ Ρ‚Π΅Π³</html> ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° ΠΊΠΎΠ½Π΅Ρ† HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.</li></ol><h3><span class="ez-toc-section" id="i-11"> Π’Ρ‹Π²ΠΎΠ΄: — </span></h3><p> Π― надСюсь, Ρ‡Ρ‚ΠΎ это руководство ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² html с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π±Π»ΠΎΠΊΠ½ΠΎΡ‚Π°, ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ, Π° шаги ΠΈ ΠΌΠ΅Ρ‚ΠΎΠ΄, упомянутыС Π²Ρ‹ΡˆΠ΅, просты для выполнСния ΠΈ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ.</p><p> Π’ Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² html с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π±Π»ΠΎΠΊΠ½ΠΎΡ‚Π°. Π­Ρ‚ΠΎ всСго лишь однострочный ΠΊΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π΅ΠΎΠΆΠΈΠ΄Π°Π½Π½ΠΎ Ρ€Π΅ΡˆΠΈΡ‚ Π²Π°ΡˆΡƒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ, Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΠΎΠ½ΡΡ‚ΡŒ Ρ€Π°Π·Π½ΠΈΡ†Ρƒ с ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΌ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° Π²Π΅Π±-страницС.</p><p> Π­Ρ‚ΠΎ ваТная Ρ‚Π΅ΠΌΠ° Π΅Ρ‰Π΅ ΠΈ ΠΏΠΎΡ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ большая Ρ‡Π°ΡΡ‚ΡŒ Π²Π΅Π±-сайтов, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ Π³Π»Π°Π²Π½ΡƒΡŽ страницу, ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎ ΠΈΠΌΠ΅Π΅Ρ‚ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Π΅ изобраТСния Π² качСствС Π±Π°Π½Π½Π΅Ρ€ΠΎΠ². Π― надСюсь, Ρ‡Ρ‚ΠΎ этот ΡƒΡ€ΠΎΠΊ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ.</p><h2><span class="ez-toc-section" id="_WordPress"> Как ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Π΅ изобраТСния Π½Π° ваш сайт WordPress </span></h2> Π›ΠΎΠ³ΠΎΡ‚ΠΈΠΏ WPMU DEV<p data-readability-styled="true"> Как ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Π΅ изобраТСния Π½Π° ваш сайт WordPress</p><p> Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° ваш сайт WordPress ΠΎΡ‡Π΅Π½ΡŒ просто.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/tehnikaarenda.ru/wp-content/uploads/b/9/e/b9e3b5b158b996dcb1807efb722a5745.jpeg' /><noscript><img loading='lazy' src='/800/600/http/tehnikaarenda.ru/wp-content/uploads/b/9/e/b9e3b5b158b996dcb1807efb722a5745.jpeg' /></noscript> Π’Π΅Ρ€Π½ΠΎ?</p><p> По большСй части Π΄Π°. Если Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ваша Ρ‚Π΅ΠΌΠ° Π΅Π³ΠΎ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚. По ΠΏΡ€Π°Π²Π΄Π΅ говоря, ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Ρ‚Π΅ΠΌΡ‹ WordPress сСгодня ΠΈΠΌΠ΅ΡŽΡ‚ быстрыС ΠΈ простыС настройки для добавлСния ΠΈΠ»ΠΈ измСнСния ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π³ΠΎ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния. Как ΠΈ настройки внСшнСго Π²ΠΈΠ΄Π° WP ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.</p><p> Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS ΠΈΠ»ΠΈ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ², открывая возмоТности для установки Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния Π½Π° страницах, сообщСниях ΠΈ катСгориях.</p><p> Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ ΠΏΠΎΠΊΠ°ΠΆΠ΅ΠΌ Π²Π°ΠΌ, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ всС Π²Ρ‹ΡˆΠ΅ΠΏΠ΅Ρ€Π΅Ρ‡ΠΈΡΠ»Π΅Π½Π½ΠΎΠ΅ ΠΈ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ваш сайт ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ вашСго собствСнного Π²Ρ‹Π±ΠΎΡ€Π°.</p><p> ΠŸΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ΡŒ Ρ‡Ρ‚Π΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π²ΠΏΠ΅Ρ€Π΅Π΄ ΠΏΠΎ этим ссылкам:</p><ul><li> Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ настроСк WordPress ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ</li><li> Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ»Π°Π³ΠΈΠ½Π°</li><li> Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS<ul><li> Π€ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ всСго сайта</li><li> Π€ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ</li></ul></li><li> Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ области</li><li> Π€ΠΎΠ½ (Π±Π°Π·ΠΎΠ²Ρ‹ΠΉ) ΠΊ основам</li></ul><p> Π—Π°Ρ‡Π΅ΠΌ ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ„ΠΎΠ½? Π§Ρ‚ΠΎ ΠΆ, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π² вашСй Ρ‚Π΅ΠΌΠ΅, ΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ Π½Π΅ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΡ‚ΡŒΡΡ ΠΈΠ»ΠΈ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΎ сочСтаСтся с вашим Π±Ρ€Π΅Π½Π΄ΠΎΠΌ.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/luxe-host.ru/wp-content/uploads/8/1/f/81f62ed882829d5097648dd07629cd0a.png' /><noscript><img loading='lazy' src='/800/600/http/luxe-host.ru/wp-content/uploads/8/1/f/81f62ed882829d5097648dd07629cd0a.png' /></noscript> Или, ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ, это Π²ΠΎΠΎΠ±Ρ‰Π΅ Π½Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π° просто Ρ†Π²Π΅Ρ‚Π°. Или, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Π°ΠΌ ΠΈΠ·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ Π½Ρ€Π°Π²ΠΈΠ»ΠΎΡΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π½ΠΎ ΠΎΠ½ΠΎ Π²Π°ΠΌ наскучило.</p><p> Какой Π±Ρ‹ Π½ΠΈ Π±Ρ‹Π»Π° ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°, Π΄Π°Π²Π°ΠΉΡ‚Π΅ поэкспСримСнтируСм с Π΅Π΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ΠΌ.</p><h3><span class="ez-toc-section" id="_WordPress-2"> Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния с использованиСм настроСк WordPress ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ </span></h3><p> Π’Π΅ΠΌΡ‹ WordPress ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚Π½ΠΎΠΉ Ρ„ΠΎΠ½ ΠΈΠ»ΠΈ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π² качСствС Ρ„ΠΎΠ½Π°. Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ людСй ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°ΡŽΡ‚ Π·Π°ΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈ/ΠΈΠ»ΠΈ Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π»ΡƒΡ‡ΡˆΠ΅ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‚ ΠΈΡ… вкусу ΠΈ Π±Ρ€Π΅Π½Π΄ΠΈΠ½Π³Ρƒ сайта.</p><p> Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ WordPress ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ дСйствия:</p><ul><li> На ΠΏΠ°Π½Π΅Π»ΠΈ управлСния WP Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ <strong> Π’Π½Π΅ΡˆΠ½ΠΈΠΉ Π²ΠΈΠ΄ > ΠΠ°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ > Π€ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ </strong> ΠΈΠ»ΠΈ <strong> Π’Π½Π΅ΡˆΠ½ΠΈΠΉ Π²ΠΈΠ΄ > Π€ΠΎΠ½/Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ </strong> .</li><li> НаТмитС Π½Π° <strong> НаТмитС ΠΊΠ½ΠΎΠΏΠΊΡƒ Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ </strong>, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΌΠ΅Π΄ΠΈΠ°Ρ‚Π΅ΠΊΡƒ.</li><li> Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½ΡƒΠΆΠ½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π»ΠΈΠ±ΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΠ² Π΅Π³ΠΎ со своСго ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°, Π»ΠΈΠ±ΠΎ Π²Ρ‹Π±Ρ€Π°Π² Π΅Π³ΠΎ ΠΈΠ· своСй ΠΌΠ΅Π΄ΠΈΠ°Ρ‚Π΅ΠΊΠΈ.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/i.pinimg.com/originals/78/98/09/78980964c8365e962a5e3e8f5ee68da6.png' /><noscript><img loading='lazy' src='/800/600/http/i.pinimg.com/originals/78/98/09/78980964c8365e962a5e3e8f5ee68da6.png' /></noscript></li><li> ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ Π²Ρ‹Π±Ρ€Π°Π»ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ синюю ΠΊΠ½ΠΎΠΏΠΊΡƒ <strong> Choose image </strong>.</li><li> Π’ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΠΎΠΊΠ½Π΅ Π»Π΅Π²ΠΎΠ³ΠΎ мСню Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, ΠΊΠ°ΠΊ ваш Π²Ρ‹Π±ΠΎΡ€ заполняСтся. Π‘ΠΏΡ€Π°Π²Π° Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ ΠΏΠΎΠ»Π½ΠΎΡ€Π°Π·ΠΌΠ΅Ρ€Π½Ρ‹ΠΉ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр домашнСй страницы вашСго сайта с Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ.</li></ul><p> Если Π²Π°ΠΌ нравится Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° синюю <strong> ΠžΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Ρ‚ΡŒ </strong> ΠΊΠ½ΠΎΠΏΠΊΡƒ Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ, ΠΈ всС Π³ΠΎΡ‚ΠΎΠ²ΠΎ!</p><p> Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ внСшний Π²ΠΈΠ΄ ΠΏΠ΅Ρ€Π΅Π΄ Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΠ΅ΠΌ, Π΅ΡΡ‚ΡŒ ряд настроСк ΠΈ ΠΎΠΏΡ†ΠΈΠΉ, с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΈΠ³Ρ€Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΉΡ‚ΠΈ ΠΆΠ΅Π»Π°Π΅ΠΌΡ‹ΠΉ Π²ΠΈΠ΄.</p> ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Β«ΠŸΠΎΠ²Ρ‚ΠΎΡ€ΠΈΡ‚ΡŒΒ» Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для рисунков, созданных для Ρ‚ΠΎΡ‡Π½ΠΎΠ³ΠΎ выравнивания, Π° Π½Π΅ для Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ.<p> Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ рСдактирования мСню Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния вмСстС со связанными с Π½ΠΈΠΌΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°ΠΌΠΈ:</p><ul><li> ΠŸΡ€Π΅Π΄ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΊΠ°<ul><li> По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, Π—Π°ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ экран, По Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ экрана, ΠŸΠΎΠ²Ρ‚ΠΎΡ€ΠΈΡ‚ΡŒ, ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ</li></ul></li><li> ПолоТСниС изобраТСния<ul><li> Π¦Π΅Π½Ρ‚Ρ€, Π’Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΏΡ€Π°Π²Ρ‹ΠΉ, Π‘Ρ€Π΅Π΄Π½ΠΈΠΉ ΠΏΡ€Π°Π²Ρ‹ΠΉ, НиТний ΠΏΡ€Π°Π²Ρ‹ΠΉ, Π‘Ρ€Π΅Π΄Π½ΠΈΠΉ Π½ΠΈΠΆΠ½ΠΈΠΉ, Π’Π΅Ρ€Ρ…Π½ΠΈΠΉ Π»Π΅Π²Ρ‹ΠΉ, Π‘Ρ€Π΅Π΄Π½ΠΈΠΉ Π»Π΅Π²Ρ‹ΠΉ, НиТний Π»Π΅Π²Ρ‹ΠΉ, Π‘Ρ€Π΅Π΄Π½ΠΈΠΉ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ</li></ul></li><li> Π Π°Π·ΠΌΠ΅Ρ€ изобраТСния<ul><li> ΠžΡ€ΠΈΠ³ΠΈΠ½Π°Π», По Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ экрана, Π—Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ экрана</li></ul></li><li> ΠŸΠΎΠ²Ρ‚ΠΎΡ€ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ β€” Ρ„Π»Π°ΠΆΠΎΠΊ</li><li> ΠŸΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ° со страницСй β€” Ρ„Π»Π°ΠΆΠΎΠΊ</li></ul><p> ΠŸΠΎΡΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ с инструмСнтами рСдактирования, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€, ΡƒΠ·ΠΎΡ€ ΠΈ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π²Π°ΠΌ большС нравятся.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/lafactoriaweb.com/wp-content/uploads/2020/10/background_la_gi_7.jpg' /><noscript><img loading='lazy' src='/800/600/http/lafactoriaweb.com/wp-content/uploads/2020/10/background_la_gi_7.jpg' /></noscript> Π’Ρ‹Π±ΠΎΡ€ любого ΠΈΠ· Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ…ΡΡ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² Π² подмСню даст Π²Π°ΠΌ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΉ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр вашСй страницы справа.</p><p> НС Π±Π΅ΡΠΏΠΎΠΊΠΎΠΉΡ‚Π΅ΡΡŒ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ застрянСт. Π’ любоС врСмя Π»Π΅Π³ΠΊΠΎ Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ ΠΊ настройкам ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ (ΠΈ связанныС с Π½ΠΈΠΌ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹).</p><h3><span class="ez-toc-section" id="i-12"> Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ»Π°Π³ΠΈΠ½Π° </span></h3><p> На WordPress.org Π΅ΡΡ‚ΡŒ нСсколько ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡŽΡ‚ Π·Π°Π΄Π°Ρ‡Ρƒ добавлСния Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.</p><p> Π’ΠΎΡ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠ· Π½ΠΈΡ…: Π Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹Π΅ Ρ„ΠΎΠ½Ρ‹ WordPress, ΠŸΠΎΠ»Π½ΠΎΡΠΊΡ€Π°Π½Π½Ρ‹ΠΉ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ ΠΈ ΠŸΡ€ΠΎΡΡ‚ΠΎΠ΅ полноэкранноС Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.</p><p> ПослСднСС ΠΌΠ½Π΅ большС всСго нравится, поэтому я Π±ΡƒΠ΄Ρƒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π² этом ΡƒΡ€ΠΎΠΊΠ΅.</p><p></p><p> <strong> ΠŸΡ€ΠΎΡΡ‚ΠΎΠ΅ полноэкранноС Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ </strong> обСспСчиваСт ΠΏΡ€ΠΎΡΡ‚ΡƒΡŽ установку ΠΈ настройку полноэкранного изобраТСния Π² качСствС Ρ„ΠΎΠ½Π° вашСго Π²Π΅Π±-сайта. Он автоматичСски ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅Ρ‚ изобраТСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ всСгда заполняСт экран.</p><p> Π§Ρ‚ΠΎΠ±Ρ‹ привСсти Π΅Π³ΠΎ Π² дСйствиС, Π½ΡƒΠΆΠ½ΠΎ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ всСго нСсколько простых шагов.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/i2.wp.com/geek-nose.com/wp-content/uploads/2015/06/kak-vstavit-kartinku-html-10.png' /><noscript><img loading='lazy' src='/800/600/http/i2.wp.com/geek-nose.com/wp-content/uploads/2015/06/kak-vstavit-kartinku-html-10.png' /></noscript> Доступна платная/ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Π°Ρ вСрсия, которая добавляСт Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, Π½ΠΎ бСсплатная вСрсия – это всС, Ρ‡Ρ‚ΠΎ Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ для этого упраТнСния.</p><p> Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ полноэкранноС Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.</p><ol><li> УстановитС ΠΈ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΡƒΠΉΡ‚Π΅ ΠΏΠ»Π°Π³ΠΈΠ½ <em> Simple Full Screen Background Image </em>.</li><li> На ΠΏΠ°Π½Π΅Π»ΠΈ управлСния WP Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ <strong> Π’Π½Π΅ΡˆΠ½ΠΈΠΉ Π²ΠΈΠ΄ > ΠŸΠΎΠ»Π½ΠΎΡΠΊΡ€Π°Π½Π½ΠΎΠ΅ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ </strong> .</li><li> Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½ΡƒΠΆΠ½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π»ΠΈΠ±ΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΠ² Π΅Π³ΠΎ со своСго ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°, Π»ΠΈΠ±ΠΎ Π²Ρ‹Π±Ρ€Π°Π² Π΅Π³ΠΎ ΠΈΠ· своСй ΠΌΠ΅Π΄ΠΈΠ°Ρ‚Π΅ΠΊΠΈ.</li><li> ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ Π²Ρ‹Π±Ρ€Π°Π»ΠΈ Π½ΡƒΠΆΠ½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ синюю ΠΊΠ½ΠΎΠΏΠΊΡƒ <strong> Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ </strong>.</li><li> НаТмитС синюю ΠΊΠ½ΠΎΠΏΠΊΡƒ <strong> ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ сохранСния </strong> ΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ свой сайт.</li></ol> ΠŸΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр страницы послС Π²Ρ‹Π±ΠΎΡ€Π° изобраТСния Π² <strong> ΠŸΠΎΠ»Π½ΠΎΡΠΊΡ€Π°Π½Π½ΠΎΠΌ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ </strong> .<p> Π’ΠΎΡ‚ ΠΎΠ½ΠΎ! Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π½Π° вашСм сайтС ΠΊΠ°ΠΊ полноэкранноС Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/fuzeservers.ru/wp-content/uploads/a/f/7/af7daff1a5f0206c6931df07faa4b9ce.jpeg' /><noscript><img loading='lazy' src='/800/600/http/fuzeservers.ru/wp-content/uploads/a/f/7/af7daff1a5f0206c6931df07faa4b9ce.jpeg' /></noscript></p><p> Π― Ρ…ΠΎΡ‚Π΅Π» ΡƒΠΏΠΎΠΌΡΠ½ΡƒΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ настройки этого ΠΏΠ»Π°Π³ΠΈΠ½Π° для Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ настройки Ρ„ΠΎΠ½Π° WP ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ. Π­Ρ‚ΠΎ Π½Π΅ ΠΏΠ»ΠΎΡ…ΠΎ, просто Π½Π° Π·Π°ΠΌΠ΅Ρ‚ΠΊΡƒ.</p><p> Установка Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния для ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… сообщСний, страниц, ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ, Ρ‚Π΅Π³ΠΎΠ² ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ³ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этого ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠ³ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Π°, Π½ΠΎ для этого потрСбуСтся приобрСсти ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ.</p><h3><span class="ez-toc-section" id="_CSS"> Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS </span></h3><p> Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΡ‹ собираСмся ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΠ΄Π° CSS. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ для всСго сайта ΠΈΠ»ΠΈ для ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ настройщик Ρ‚Π΅ΠΌ WP.</p> Настройка WP ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ <strong> Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ мСню Π²Π²ΠΎΠ΄Π° CSS </strong>.<ol><li> На ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов WordPress ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ ΠΊ <strong> Π’Π½Π΅ΡˆΠ½ΠΈΠΉ Π²ΠΈΠ΄ > ΠΠ°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ </strong>.</li><li> ΠŸΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠ· ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ <strong> Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ CSS </strong> .</li><li> Π’ΡΡ‚Π°Π²ΡŒΡ‚Π΅ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ ΠΊΠΎΠ΄ Π² ΠΏΠΎΠ»Π΅ CSS ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:</li></ol><h4><span class="ez-toc-section" id="i-13"> Π€ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ для всСго сайта: </span></h4><p> Loading gist 323116c6a2b8c0123031df725076be2d</p><p> ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π·Π°ΠΌΠ΅Π½ΠΈΡ‚Π΅ тСкст дСрТатСля для Β«<strong> <em> imageURL </em> </strong> URLΒ» Π² ΠΊΠΎΠ΄Π΅ Π½Π° фактичСскоС имя Ρ„Π°ΠΉΠ»Π° изобраТСния.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/wikihow.com/images/thumb/9/9c/2627945-13-1.jpg/aid2627945-v4-728px-2627945-13-1.jpg' /><noscript><img loading='lazy' src='/800/600/http/wikihow.com/images/thumb/9/9c/2627945-13-1.jpg/aid2627945-v4-728px-2627945-13-1.jpg' /></noscript> Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ это, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ любоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² своСй ΠΌΠ΅Π΄ΠΈΠ°Ρ‚Π΅ΠΊΠ΅ ΠΈ просмотритС ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎΠ± ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Π² ΠΏΡ€Π°Π²ΠΎΠΉ части экрана.</p><p> WPMU DEV AccountPRO</p><h4><span class="ez-toc-section" id="_WP"> Наши Π»ΡƒΡ‡ΡˆΠΈΠ΅ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ инструмСнты WP Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡ‚Π΅ </span></h4><p> <i aria-hidden="true"/> ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ бСсплатно Π² Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠ΅ 7 Π΄Π½Π΅ΠΉ</p><p> <i aria-hidden="true"/> Π’ΠΎΠ·Π²Ρ€Π°Ρ‚ Π΄Π΅Π½Π΅Π³ Π² Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠ΅ 30 Π΄Π½Π΅ΠΉ</p> НаТмитС ΠΊΠ½ΠΎΠΏΠΊΡƒ <strong> ΠšΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ URL Π² Π±ΡƒΡ„Π΅Ρ€ ΠΎΠ±ΠΌΠ΅Π½Π° </strong>, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π΅ для вставки ΠΊΠΎΠ΄Π° CSS.<h4><span class="ez-toc-section" id="i-14"> Π€ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠΉ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ: </span></h4><p> Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ° gist b5ec07658945233270289ae7c5503cd0</p><p> Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π² ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²Ρ‹ΡˆΠ΅ ΠΊΠΎΠ΄Π΅ Π·Π°ΠΌΠ΅Π½Π΅Π½Ρ‹ Π΄Π²Π΅ тСкстовыС области-Π΄Π΅Ρ€ΠΆΠ°Ρ‚Π΅Π»ΠΈ:</p><ul><li> ЀактичСскоС имя URL-адрСса Ρ„Π°ΠΉΠ»Π° изобраТСния для Β«<strong> </strong>2 <em> imageURL 9</li> imageURLΒ»<li> Π”Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ имя ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ для <strong> catname </strong></li></ul><p> Π§Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΉΡ‚ΠΈ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ:</p><ol><li> ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π½Π° панСль инструмСнтов сайта WordPress</li><li> НаТмитС Π½Π° сообщСния <strong> > ΠšΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ </strong></li><li> Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΡŽ, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΎΡΠ»Π°Ρ‚ΡŒΡΡ, ΠΈ Π½Π°Π²Π΅Π΄ΠΈΡ‚Π΅ ΡƒΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ ΠΌΡ‹ΡˆΠΈ Π½Π° ссылку Β«<strong> Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ </strong>Β» для Π½Π΅Π΅; Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ URL-адрСс Π² Π»Π΅Π²ΠΎΠΌ Π½ΠΈΠΆΠ½Π΅ΠΌ ΡƒΠ³Π»Ρƒ страницы, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ</li>.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/luxe-host.ru/wp-content/uploads/7/f/4/7f4623f196af4c7a1c9916626c3107c7.jpeg' /><noscript><img loading='lazy' src='/800/600/http/luxe-host.ru/wp-content/uploads/7/f/4/7f4623f196af4c7a1c9916626c3107c7.jpeg' /></noscript></ol> Π’ этом случаС ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ Π±ΡƒΠ΄Π΅Ρ‚ 428.<p> Π˜ΠΌΠ΅ΠΉΡ‚Π΅ Π² Π²ΠΈΠ΄Ρƒ, Ρ‡Ρ‚ΠΎ это ТСстко Π·Π°ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½ΠΎ, поэтому Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚ Π»Π΅Π½ΠΈΠ²ΠΎ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ смогут ΠΈΠ½Π΄Π΅ΠΊΡΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π² CDN.</p><h3><span class="ez-toc-section" id="i-15"> Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ области </span></h3><p> Π•ΡΡ‚ΡŒ Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Π΅ изобраТСния Π² ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ области ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.</p><p> Плагин <strong> Advanced WordPress Backgrounds </strong> для WordPress позволяСт Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Ρ„ΠΎΠ½Ρ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π±Π»ΠΎΠΊΠΎΠ² Π“ΡƒΡ‚Π΅Π½Π±Π΅Ρ€Π³Π°. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ Π²ΠΈΠ΄Π΅ΠΎ Π² качСствС Ρ„ΠΎΠ½Π°, ΠΈ ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах.</p><p> Π’Π°ΠΊΠΆΠ΅ позволяСт Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ эффСкт параллакса ΠΊ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌ изобраТСниям ΠΈ Π²ΠΈΠ΄Π΅ΠΎ.</p><p> Π’ этом случаС ΠΌΡ‹ просто Π΄ΠΎΠ±Π°Π²ΠΈΠΌ статичСскоС Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΎΠ±Π»Π°ΡΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, Π² частности, Π² запись.</p><p> ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ это Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ с Π±Π»ΠΎΠΊΠ°ΠΌΠΈ Π“ΡƒΡ‚Π΅Π½Π±Π΅Ρ€Π³Π°, Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π“ΡƒΡ‚Π΅Π½Π±Π΅Ρ€Π³Π°, поэтому ΠΏΡ€ΠΈ нСобходимости ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ΡΡŒ ΠΈΠ· Ρ€Π΅ΠΆΠΈΠΌΠ° классичСского Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/fiverr-res.cloudinary.com/images/t_main1,q_auto,f_auto,q_auto,f_auto/gigs/8211692/original/7ce3017686820ebc03b67977ab4d904e1e77af26/create-html-pages.png' /><noscript><img loading='lazy' src='/800/600/http/fiverr-res.cloudinary.com/images/t_main1,q_auto,f_auto,q_auto,f_auto/gigs/8211692/original/7ce3017686820ebc03b67977ab4d904e1e77af26/create-html-pages.png' /></noscript></p><p> ПослС установки ΠΈ Π°ΠΊΡ‚ΠΈΠ²Π°Ρ†ΠΈΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Π° ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π½Π° панСль инструмСнтов WordPress.</p><p> 1. НаТмитС Π½Π° сообщСниС <strong> > Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ </strong>.</p><p> 2. НаТмитС ΠΊΠ½ΠΎΠΏΠΊΡƒ со Π·Π½Π°ΠΊΠΎΠΌ плюс <strong> + </strong>, ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠ· Π΄ΠΎ <em> Π Π°Π·Π΄Π΅Π» Design </em> ΠΈ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π±Π»ΠΎΠΊ <strong> AWB </strong>.</p><p> ПанСли инструмСнтов для любого рСдактирования, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, располоТСны Π² Π΄Π²ΡƒΡ… областях: вСрхняя панСль Π·Π½Π°Ρ‡ΠΊΠΎΠ² ΠΈ столбСц Π±ΠΎΠΊΠΎΠ²ΠΎΠ³ΠΎ мСню.</p><p> 3. Π’ любом мСню (я ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°ΡŽ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π±ΠΎΠΊΠΎΠ²Ρ‹Ρ… столбцов) Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ панСль <strong> Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ </strong> Π²Π²Π΅Ρ€Ρ…Ρƒ (ΠΌΠ΅ΠΆΠ΄Ρƒ <strong> Π¦Π²Π΅Ρ‚ </strong> ΠΈ <strong> Π’ΠΈΠ΄Π΅ΠΎ </strong> ), Π·Π°Ρ‚Π΅ΠΌ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ синюю ΠΊΠ½ΠΎΠΏΠΊΡƒ <strong> Π’Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ </strong> ΠΏΠΎΠ΄ Π½Π΅ΠΉ. , ΠΈ ΠΎΠ½ ΠΎΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ Π²Π°ΡˆΡƒ ΠΌΠ΅Π΄ΠΈΠ°Ρ‚Π΅ΠΊΡƒ.</p><p> 4. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½ΡƒΠΆΠ½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π·Π°Ρ‚Π΅ΠΌ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ синюю ΠΊΠ½ΠΎΠΏΠΊΡƒ 9.0098 НаТмитС ΠΊΠ½ΠΎΠΏΠΊΡƒ </strong>.</p><p> ПослС этого Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ являСтся Ρ‡Π°ΡΡ‚ΡŒΡŽ Π±Π»ΠΎΠΊΠ° AWB. (Если Π²Ρ‹ Π΅Π³ΠΎ Π½Π΅ Π²ΠΈΠ΄ΠΈΡ‚Π΅, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π·Π½Π°Ρ‡ΠΎΠΊ изобраТСния Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ Π·Π½Π°Ρ‡ΠΊΠΎΠ² AWB, ΠΈ ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΠΎΡΠ²ΠΈΡ‚ΡŒΡΡ Π² ΠΏΠΎΠ»Π΅ зрСния.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/wikihow.com/images/thumb/5/57/2609629-3-1.jpg/aid2609629-v4-728px-2609629-3-1.jpg' /><noscript><img loading='lazy' src='/800/600/http/wikihow.com/images/thumb/5/57/2609629-3-1.jpg/aid2609629-v4-728px-2609629-3-1.jpg' /></noscript> )</p> Плагин AWB ΠΈΠΌΠ΅Π΅Ρ‚ Π΄Π²Π΅ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ области мСню для рСдактирования.<p> Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ настройки мСню, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ изобраТСния (Π½Π° основС ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€Π° Π½Π° осях), Ρ€Π°Π·ΠΌΠ΅Ρ€, ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Ρ‹ ΠΈ Ρ‚. Π΄. Π― оставил ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π½Ρ‹Π΅ настройки ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ 50/50 (Ρ‡Ρ‚ΠΎ ставит Π΅Π³ΠΎ прямо посСрСдинС), ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠŸΠΎΠ»Π½Ρ‹ΠΉ ΠΈ ОблоТка.</p><p> Π˜Ρ‚Π°ΠΊ, Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠΎΠ³Π΄Π° Ρƒ нас Π΅ΡΡ‚ΡŒ Ρ„ΠΎΠ½ поста, Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ фактичСский ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚/тСкст поста.</p><p> 1. НаТмитС ΠΊΠ½ΠΎΠΏΠΊΡƒ со Π·Π½Π°ΠΊΠΎΠΌ плюс <strong> + </strong>, Ρ€Π°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½ΡƒΡŽ Π² Π±Π»ΠΎΠΊΠ΅ <em> ΠΏΠΎΠ²Π΅Ρ€Ρ… Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния </em>.</p><p> 2. НаТмитС Π½Π° ΠΈΠΊΠΎΠ½ΠΊΡƒ <strong> Paragraph </strong>, которая Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ тСкстовый Π±Π»ΠΎΠΊ ΠΏΠΎΠ²Π΅Ρ€Ρ… нашСго Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния.</p> Β«Π£ΠΊΠ»Π°Π΄ΠΊΠ°Β» Π±Π»ΠΎΠΊΠΎΠ² Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Π° Π² <strong> AWB </strong> ; Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ тСкст ΠΏΠΎΠ²Π΅Ρ€Ρ… Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния.<p> Π’Π²Π΅Π΄ΠΈΡ‚Π΅ тСкстовоС содСрТимоС, Π·Π°Ρ‚Π΅ΠΌ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΈΠ»ΠΈ Ρ†Π²Π΅Ρ‚ тСкста, Ссли Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ (я Ρ‚Π°ΠΊ ΠΈ сдСлал, Π½ΠΎ это Π½Π΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ), ΠΈ вуаля! Π£ нас Π΅ΡΡ‚ΡŒ пост со своим ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ.</p> Плагин AWB позволяСт ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ сообщСния с Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ нСзависимо ΠΎΡ‚ страницы.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/luxe-host.ru/wp-content/uploads/3/7/a/37af27f71ce66cc4b2b8d281ae144e00.jpeg' /><noscript><img loading='lazy' src='/800/600/http/luxe-host.ru/wp-content/uploads/3/7/a/37af27f71ce66cc4b2b8d281ae144e00.jpeg' /></noscript> НСсколько тСкстовых Π±Π»ΠΎΠΊΠΎΠ² с ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ/тСкстовым Π±Π»ΠΎΠΊΠΎΠΌ ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ.<p> Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‡Π°ΡΡ‚ΡŒ вашСго поста ΠΈΠΌΠ΅Π»Π° Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈΠ΄Π°Π΅Ρ‚ Π΅ΠΌΡƒ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ. ΠŸΡ€ΠΎΡΡ‚ΠΎ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π±Π»ΠΎΠΊΠΈ Π°Π±Π·Π°Ρ†Π° Π΄ΠΎ ΠΈ послС Π±Π»ΠΎΠΊΠ° Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния.</p><p> Π”ΠΎΠ²ΠΎΠ»ΡŒΠ½ΠΎ ΠΊΡ€ΡƒΡ‚ΠΎ.</p><h3><span class="ez-toc-section" id="i-16"> Π’Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ ΠΊ основам </span></h3><p> Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ„ΠΎΠ½Π° Π½Π° ваш сайт WordPress ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ ΠΌΠ΅Π»ΠΎΡ‡ΡŒΡŽ. Но Ссли всС сдСлано ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ, это ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ большоС влияниС. Π­Ρ‚ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ вашСго присутствия Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ посСтитСлям Π½Π΅ Π½Π°Π΄ΠΎΠ΅Π΄Π°Π»ΠΎ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΎΠ΄Π½ΠΈ ΠΈ Ρ‚Π΅ ΠΆΠ΅ изобраТСния снова ΠΈ снова.</p><p> ИдСально ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π²ΡΡ‚Ρ€ΠΎΠ΅Π½Π½ΡƒΡŽ настройку Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Ρ‚Π΅ΠΌΡ‹ для добавлСния Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½Π° сущСствуСт, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½Π° ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π° для Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² Π·Π°ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠΌ Π²ΠΈΠ΄Π΅.</p><p> Однако Ρƒ вас Π΅ΡΡ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹, ΠΊΠΎΠ³Π΄Π° Π΄Π΅Π»ΠΎ Π΄ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ Π΄ΠΎ размСщСния Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ WordPress. Настройка ядра WP, ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹, ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²Ρ‰ΠΈΠΊΠΈ страниц ΠΈ настройки CSS β€” всС это позволяСт ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Ρ‚ΠΎΡ‡Π½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒ Π½Π°Π΄ Ρ‚Π΅ΠΌ, ΠΊΠ°ΠΊΠΈΠ΅ изобраТСния ΠΈ Π³Π΄Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/fuzeservers.ru/wp-content/uploads/b/2/c/b2c4063a76f94d77d81b2ea79b06903c.jpeg' /><noscript><img loading='lazy' src='/800/600/http/fuzeservers.ru/wp-content/uploads/b/2/c/b2c4063a76f94d77d81b2ea79b06903c.jpeg' /></noscript></div><footer class="entry-footer"> <span class="cat-links">ΠšΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ: <a href="https://schtirlitz.ru/category/raznoe-2" rel="category tag">Π Π°Π·Π½ΠΎΠ΅</a></span></footer></article><nav class="navigation post-navigation" aria-label="Записи"><h2 class="screen-reader-text">Навигация ΠΏΠΎ записям</h2><div class="nav-links"><div class="nav-previous"><a href="https://schtirlitz.ru/raznoe-2/chto-takoe-subd-v-informatike-opredelenie-chto-takoe-subd-naibolee-populyarnye-subd.html" rel="prev"><span class="be-post-nav-label btn btn-sm cont-btn no-underl"><small class="fas fa-chevron-left mr-2"></small>Назад</span></a></div><div class="nav-next"><a href="https://schtirlitz.ru/raznoe-2/kak-sdelat-kartinku-fonom-html-kak-dobavit-fonovyj-risunok-na-veb-stranicu.html" rel="next"><span class="be-post-nav-label btn btn-sm cont-btn no-underl">Π’ΠΏΠ΅Ρ€Π΅Π΄<small class="fas fa-chevron-right ml-2"></small></span></a></div></div></nav><div id="comments" class="comments-area"> <a href="#" class="btn btn-primary btn-sm be-open-comment-form">ΠžΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ</a><div id="respond" class="comment-respond"><h3 id="reply-title" class="comment-reply-title">Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ <small><a rel="nofollow" id="cancel-comment-reply-link" href="/raznoe-2/kak-vstavit-fonovoe-izobrazhenie-v-html-kak-vstavit-fon-v-html-yandeks-kyu-2.html#respond" style="display:none;">ΠžΡ‚ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΎΡ‚Π²Π΅Ρ‚</a></small></h3><form action="https://schtirlitz.ru/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½.</span> <span class="required-field-message">ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ <span class="required">*</span></label><textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Имя <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p><p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p><p class="comment-form-url"><label for="url">Π‘Π°ΠΉΡ‚</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="ΠžΡ‚ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ" /> <input type='hidden' name='comment_post_ID' value='36498' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p></form></div></div></main></div></div></div><footer id="colophon" class="site-footer row"><div class="site-info col-md-8"><p>© 2019 Π¨Ρ‚ΠΈΡ€Π»ΠΈΡ† Π‘Π΅Ρ‚ΡŒ ΠΏΠ΅Ρ‡Π°Ρ‚Π½Ρ‹Ρ… салонов Π² ΠŸΠ΅Ρ€ΠΌΠΈ</p><p>Цифровая ΠΏΠ΅Ρ‡Π°Ρ‚ΡŒ, Ρ†Π²Π΅Ρ‚Π½ΠΎΠ΅ ΠΈ Ρ‡Π΅Ρ€Π½ΠΎ-Π±Π΅Π»ΠΎΠ΅ ΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ², сканированиС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ², ризография Π² ΠŸΠ΅Ρ€ΠΌΠΈ.</p></div><div class="col-md-4"> <a href="/sitemap.xml">ΠšΠ°Ρ€Ρ‚Π° сайта</a></div></footer></div></div> <noscript><style>.lazyload{display:none}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://schtirlitz.ru/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script> </body></html>