Π₯Π΅Π΄Π΅Ρ€ Ρ„ΡƒΡ‚Π΅Ρ€ ΠΈ: НазначСниС Header ΠΈ Footer

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

ΠΈ | Π£Ρ‡Π΅Π±Π½Ρ‹Π΅ курсы

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ <header> ΠΈ <footer> ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Ρ‹ для добавлСния «шапки» ΠΈ Β«ΠΏΠΎΠ΄Π²Π°Π»Π°Β» Π²Π΅Π±-страницы ΠΈΠ»ΠΈ Ρ€Π°Π·Π΄Π΅Π»Π°. БоотвСтствСнно, это Π²ΡΡ‚ΡƒΠΏΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΈ Π·Π°ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ элСмСнты Π²Π΅Π±-страницы.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <header>

Π¨Π°ΠΏΠΊΠ° сайта прСдставляСт собой Ρ€Π°Π·Π΄Π΅Π», с ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ начинаСтся сайт, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, ΠΎΠ½ содСрТит Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ, Π½Π°Π·Π²Π°Π½ΠΈΠ΅ сайта, Ρ„ΠΎΡ€ΠΌΡƒ поиска ΠΏΠΎ сайту ΠΈ Π΄Ρ€. Π’ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅Β 1 ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ использованиС <header> для сайта Ρ†Π΅Π»ΠΈΠΊΠΎΠΌ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 1. Π¨Π°ΠΏΠΊΠ° сайта

<!DOCTYPE html> <html> <head> <title>header</title> <meta charset=»utf-8″> </head> <body> <header> <img src=»/example/image/logo.png» alt=»Π›ΠΎΠ³ΠΎΡ‚ΠΈΠΏ» > <h2>Π”ΠΎΠ±Ρ€ΠΎ ΠΏΠΎΠΆΠ°Π»ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° сайт</h2> </header> <main> ОсновноС содСрТимоС </main> </body> </html>

ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π·Π΄Π΅Π», созданный Ρ‡Π΅Ρ€Π΅Π· <article>, <aside>, <nav>, <section>, Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ <header>.

Π’ этом случаС элСмСнт <header> ΡƒΠΆΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒ ΡˆΠ°ΠΏΠΊΡƒ Ρ€Π°Π·Π΄Π΅Π»Π°, Π° Π½Π΅ сайта. Π’Π½ΡƒΡ‚Ρ€ΡŒ <header> ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Ρ€Π°Π·Π΄Π΅Π»Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ элСмСнтов <h3>, <h4> ΠΈ Π΄Π°Π»Π΅Π΅, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ элСмСнты, Π²Ρ€ΠΎΠ΄Π΅ поисковой Ρ„ΠΎΡ€ΠΌΡ‹, оглавлСния, ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. Π’ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅Β 2 ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ использованиС <header> для Ρ€Π°Π·Π΄Π΅Π»Π°. Π—Π°ΠΌΠ΅Ρ‚ΡŒΡ‚Π΅, ΡˆΠ°ΠΏΠΊΡƒ ΠΈΠ· ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅Π³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΌΡ‹ сохранили, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ шапка сайта ΠΈ шапка Ρ€Π°Π·Π΄Π΅Π»Π° ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΡΡƒΡ‰Π΅ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ вмСстС.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 2. Π¨Π°ΠΏΠΊΠ° Ρ€Π°Π·Π΄Π΅Π»Π°

<!DOCTYPE html> <html> <head> <title>header</title> <meta charset=»utf-8″> </head> <body> <header> <img src=»/example/image/logo.png» alt=»Π›ΠΎΠ³ΠΎΡ‚ΠΈΠΏ» > <h2>Π”ΠΎΠ±Ρ€ΠΎ ΠΏΠΎΠΆΠ°Π»ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° сайт</h2> </header> <section> <header> <h3>Новости</h3> <p><input type=»search» placeholder=»ΠŸΠΎΠΈΡΠΊ новостСй»></p> </header> <p>Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ Ρ€Π°Π·Π΄Π΅Π»Π°</p> </section> </body> </html>

Для <header> Π΅ΡΡ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½Ρ‹Π΅ ограничСния β€” элСмСнт нСльзя Π²ΠΊΠ»Π°Π΄Ρ‹Π²Π°Ρ‚ΡŒ Π²Π½ΡƒΡ‚Ρ€ΡŒ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ <header>, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π²Π½ΡƒΡ‚Ρ€ΡŒ <address> ΠΈ <footer>. Π’Π½ΡƒΡ‚Ρ€ΠΈ <header> Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ элСмСнта <main>.

Если <header> содСрТит СдинствСнный Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, Ρ‚ΠΎ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π½Π΅Ρ‚ смысла ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ <header>, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π² Ρ€Π°Π·Π΄Π΅Π» ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <footer>

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <footer> Π·Π°Π΄Π°Ρ‘Ρ‚ ΠΏΠΎΠ΄Π²Π°Π» сайта ΠΈΠ»ΠΈ Ρ€Π°Π·Π΄Π΅Π»Π° Π²Π΅Π±-страницы, Π² Π½Ρ‘ΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π°ΡΠΏΠΎΠ»Π°Π³Π°Ρ‚ΡŒΡΡ имя Π°Π²Ρ‚ΠΎΡ€Π°, Π΄Π°Ρ‚Π° Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, контактная ΠΈ правовая информация.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΏΠΎΠ΄Π²Π°Π» для сайта, <footer> Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ Π²Π½ΡƒΡ‚Ρ€ΠΈ <body>, ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎ элСмСнту <header>, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π² ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅Β 3.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 3. Подвал сайта

<!DOCTYPE html> <html> <head> <title>footer</title> <meta charset=»utf-8″> </head> <body> <footer> <p>Copyright Β© <time datetime=»2018″>2018</time> Black Mesa Research Facility</p> <address>New Mexico, USA.</address> </footer> </body> </html>

Π—Π΄Π΅ΡΡŒ Π²Π½ΡƒΡ‚Ρ€ΠΈ <footer> вставлСн адрСс ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ элСмСнта <address> ΠΈ ΠΊΠΎΠΏΠΈΡ€Π°ΠΉΡ‚. Π“ΠΎΠ΄ ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ особо с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ элСмСнта <time> с Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ datetime. Π’ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Π³ΠΎΠ΄ ΠΏΡ€ΠΈ этом Π½ΠΈΠΊΠ°ΠΊ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚Π»ΠΈΡ‡Π°Ρ‚ΡŒΡΡ ΠΎΡ‚ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ³ΠΎ тСкста, Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ° ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π° для поисковых систСм.

Π£Ρ‡Ρ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ элСмСнт <footer> нСльзя Π²ΠΊΠ»Π°Π΄Ρ‹Π²Π°Ρ‚ΡŒ Π²Π½ΡƒΡ‚Ρ€ΡŒ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ <footer>, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π²Π½ΡƒΡ‚Ρ€ΡŒ элСмСнтов <address> ΠΈ <header>. Π’Π½ΡƒΡ‚Ρ€ΠΈ <footer> Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ элСмСнта <main>.

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ <footer> Π²Π½ΡƒΡ‚Ρ€ΡŒ ΡΡ‚Π°Ρ‚ΡŒΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π΄Π°Ρ‚Ρƒ Π΅Ρ‘ ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ (ΠΏΡ€ΠΈΠΌΠ΅Ρ€Β 4).

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 4. Подвал ΡΡ‚Π°Ρ‚ΡŒΠΈ

<!DOCTYPE html> <html> <head> <title>footer</title> <meta charset=»utf-8″> </head> <body> <article> <header> <h2>О влиянии мСталличСских инструмСнтов Π½Π° ΠΈΠ½ΠΎΠΏΠ»Π°Π½Π΅Ρ‚Π½Ρ‹Π΅ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΌΡ‹</h2> <p>Автор: Π“ΠΎΡ€Π΄ΠΎΠ½ Π€Ρ€ΠΈΠΌΠ΅Π½</p> </header> <footer> <p>ΠžΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½ΠΎ <time datetime=»2018-11-27″>27 ноября 2018</time></p> </footer> </article> </body> </html>

Π’ Π΄Π°Π½Π½ΠΎΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π²Π½ΡƒΡ‚Ρ€ΠΈ <article> ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ элСмСнт <header> для Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΡΡ‚Π°Ρ‚ΡŒΠΈ ΠΈ ΠΈΠΌΠ΅Π½ΠΈ Π°Π²Ρ‚ΠΎΡ€Π°, Π° Π²Π½ΠΈΠ·Ρƒ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ элСмСнт <footer> для Π΄Π°Ρ‚Ρ‹ ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ.

Как Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ Π² Ρ…Π΅Π΄Π΅Ρ€ ΠΈ Ρ„ΡƒΡ‚Π΅Ρ€ сайта WordPress β€” WordPressify

Вас ΠΊΠΎΠ³Π΄Π°-Π½ΠΈΠ±ΡƒΠ΄ΡŒ просили Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ ΠΊΠΎΠ΄Π° Π² Ρ€Π°Π·Π΄Π΅Π» <header> ΠΈΠ»ΠΈ <footer> вашСго Π²Π΅Π±-сайта WordPress? Часто Ρ‚Π°ΠΊΠΈΠ΅ ΠΏΡ€ΠΎΡΡŒΠ±Ρ‹ Π²ΠΎΠ·Π½ΠΈΠΊΠ°ΡŽΡ‚ ΠΏΡ€ΠΈ ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΠΈ с Π²Π΅Π±-сСрвисами, Ρ‚Π°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ Google Analytics, Facebook Pixel, Google Search Console ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ.

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°Ρ‚ΠΎΠ»ΠΊΠ½ΡƒΡ‚ΡŒΡΡ Π½Π° ΡƒΡ‡Π΅Π±Π½ΠΈΠΊΠΈ ΠΈΠ»ΠΈ справочники ΠΏΠΎ WordPress, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽΡ‚ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΊΠΎΠ΄ CSS ΠΈΠ»ΠΈ Javascript Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» WordPress.


По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ WordPress Π½Π΅ прСдоставляСт Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΊΠΎΠ΄ Π² Ρ…Π΅Π΄Π΅Ρ€ ΠΈΠ»ΠΈ Ρ„ΡƒΡ‚Π΅Ρ€ вашСго сайта. Но всС ΠΆΠ΅ Π΅ΡΡ‚ΡŒ простоС Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ….

Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ ΠΏΠΎΠΊΠ°ΠΆΠ΅ΠΌ, ΠΊΠ°ΠΊ Π»Π΅Π³ΠΊΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π° Π² WordPress. ЦСлью являСтся бСзопасноС Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° Π±Π΅Π· нСпосрСдствСнного рСдактирования Ρ„Π°ΠΉΠ»ΠΎΠ² Ρ‚Π΅ΠΌ WordPress.

Π›ΡƒΡ‡ΡˆΠΈΠΉ способ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈ Ρ„ΡƒΡ‚Π΅Ρ€

Π•ΡΡ‚ΡŒ Ρ‚Ρ€ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Ρ… Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ:

  1. Π’Ρ€ΡƒΡ‡Π½ΡƒΡŽ, рСдактируя Ρ„Π°ΠΉΠ»Ρ‹ header.php ΠΈ footer.php вашСй Ρ‚Π΅ΠΌΡ‹.
  2. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ встроСнного Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π° вашСй Ρ‚Π΅ΠΌΡ‹.
  3. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΏΠ»Π°Π³ΠΈΠ½.

ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ Π½Π΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ…, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ добавлСния ΠΊΠΎΠ΄Π° Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π° ΠΏΡƒΡ‚Π΅ΠΌ нСпосрСдствСнного рСдактирования Ρ„Π°ΠΉΠ»ΠΎΠ² header.php ΠΈ footer.php Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ.

Π”Ρ€ΡƒΠ³ΠΎΠΉ нСдостаток использования этого ΠΌΠ΅Ρ‚ΠΎΠ΄Π°: ваш ΠΊΠΎΠ΄ Π±ΡƒΠ΄Π΅Ρ‚ ΡƒΠ΄Π°Π»Π΅Π½, Ссли Π²Ρ‹ установитС ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ для Ρ‚Π΅ΠΌΡ‹.

Π’Ρ‚ΠΎΡ€ΠΎΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ – использованиС встроСнной Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ вашСй Ρ‚Π΅ΠΌΡ‹. НСкоторыС Ρ‚Π΅ΠΌΡ‹ WordPress, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Elegant ThemesΒ ΠΈΒ Genesis Framework ΠΎΡ‚ StudioPress,Β ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽΡ‚ Π²ΡΡ‚Ρ€ΠΎΠ΅Π½Π½ΡƒΡŽ ΠΎΠΏΡ†ΠΈΡŽ для быстрого добавлСния ΠΊΠΎΠ΄Π° ΠΈ сцСнариСв Π² Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ WordPress.

Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Ρ‚Π΅ΠΌΡƒ со встроСнной Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠ΅ΠΉ, это каТСтся бСзопасным ΠΈ простым Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ. Однако, Ссли Π²Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ свою Ρ‚Π΅ΠΌΡƒ, всС Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ ΠΊΠΎΠ΄Π°, Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π½Ρ‹Π΅ Π½Π° ваш сайт, исчСзнут, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΡƒ сайта Π² консоли поиска Google, Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΡƒ сайта с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Google Analytics ΠΈ ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅ сСрвисы.

Π’ΠΎΡ‚ ΠΏΠΎΡ‡Π΅ΠΌΡƒ ΠΌΡ‹ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Ρ€Π΅Ρ‚ΠΈΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚, ΠΏΠ»Π°Π³ΠΈΠ½ Π²Π΅Ρ€Ρ…Π½ΠΈΡ… ΠΈ Π½ΠΈΠΆΠ½ΠΈΡ… ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»ΠΎΠ². Π­Ρ‚Π° опция Π½Π° сСгодняшний дСнь являСтся самым простым ΠΈ бСзопасным способом добавлСния ΠΊΠΎΠ΄Π° Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈ Ρ„ΡƒΡ‚Π΅Ρ€ WordPress.

Π‘ ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹ΠΌΠΈ Π·Π°Π΄Π°Ρ‡Π°ΠΌΠΈ справится бСсплатный ΠΏΠ»Π°Π³ΠΈΠ½ Insert Headers and Footers.



Π’ΠΎΡ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ прСимущСства использования ΠΏΠ»Π°Π³ΠΈΠ½Π° Insert Headers and Footers:

1. Π›Π΅Π³ΠΊΠΎ, быстро ΠΈ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½ΠΎ: позволяСт Π»Π΅Π³ΠΊΠΎ ΠΈ быстро Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ ΠΊΠΎΠ΄Ρ‹ Π² Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ сайта. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΠΎΠ½ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π²Π°ΠΌ ΡƒΠΏΠΎΡ€ΡΠ΄ΠΎΡ‡ΠΈΡ‚ΡŒΡΡ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Ρ…Ρ€Π°Π½ΠΈΡ‚ всС ваши ΠΊΠΎΠ΄Ρ‹ Ρ„ΡƒΡ‚Π΅Ρ€Π° ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π² ΠΎΠ΄Π½ΠΎΠΌ мСстС.

2. ΠŸΡ€Π΅Π΄ΠΎΡ‚Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ ошибки: ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΏΡ€Π΅Π΄ΠΎΡ‚Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ ошибки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡƒΡ‚ΡŒ, Ссли Π²Ρ‹ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ Ρ„Π°ΠΉΠ»Ρ‹ Ρ‚Π΅ΠΌΡ‹ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ.

3. Π‘ΠΌΠ΅Π»ΠΎ обновляйтС ΠΈΠ»ΠΈ измСняйтС свою Ρ‚Π΅ΠΌΡƒ: ΠΏΠ»Π°Π³ΠΈΠ½ сохранит ваш Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈ ΠΊΠΎΠ΄ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π° Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠΌ мСстС, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΠ±Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ свою Ρ‚Π΅ΠΌΡƒ, Π½Π΅ бСспокоясь ΠΎΠ± ΡƒΠ΄Π°Π»Π΅Π½ΠΈΠΈ ΠΊΠΎΠ΄Π°.

Π‘ΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ Ρ‚Π°ΠΊΠΆΠ΅:

ΠŸΠΎΠ΄Π±ΠΎΡ€ΠΊΡƒ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Π½Π° всС случаи тут.

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° Π² Ρ…Π΅Π΄Π΅Ρ€ ΠΈ Ρ„ΡƒΡ‚Π΅Ρ€ WordPress

ΠŸΠ΅Ρ€Π²ΠΎΠ΅, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, это ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΈ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΒ ΠΏΠ»Π°Π³ΠΈΠ½Β Insert Headers and Footers.

ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΏΠ»Π°Π³ΠΈΠ½ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Π½, ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ в Настройки β€“Β»Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ…Π΅Π΄Π΅Ρ€ ΠΈ Ρ„ΡƒΡ‚Π΅Ρ€ ΠΈΠ· вашСй ΠΏΠ°Π½Π΅Π»ΠΈ администратора. Π’Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ Π΄Π²Π° поля для добавлСния ΠΊΠΎΠ΄Π° Π² Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹.



ΠŸΡ€ΠΎΡΡ‚ΠΎ Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅ ΠΊΠΎΠ΄ Π² ΠΎΠ΄Π½ΠΎ ΠΈΠ»ΠΈ Π² ΠΎΠ±Π° поля. ПослС этого Π½Π΅ Π·Π°Π±ΡƒΠ΄ΡŒΡ‚Π΅ Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒΒ», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΊΠΎΠ΄ сохранился.

Плагин Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π±ΡƒΠ΄Π΅Ρ‚ автоматичСски Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Π² ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… мСстах Π½Π° вашСм сайтС WordPress.

Π’Ρ‹ всСгда ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΡƒΠ΄Π°Π»ΡΡ‚ΡŒ любой ΠΊΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ.

ДСактивация ΠΏΠ»Π°Π³ΠΈΠ½Π° автоматичСски ΡƒΠ±Π΅Ρ€Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΊΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ добавляли Π½Π° сайт.

Если Π²Ρ‹ случайно ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΠ΄ всС Ρ€Π°Π²Π½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ бСзопасно Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒΡΡ Π² вашСй Π±Π°Π·Π΅ Π΄Π°Π½Π½Ρ‹Ρ… WordPress. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ просто ΠΏΠ΅Ρ€Π΅ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΈ ΠΊΠΎΠ΄ снова Π½Π°Ρ‡Π½Π΅Ρ‚ ΠΏΠΎΡΠ²Π»ΡΡ‚ΡŒΡΡ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅.Β Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Π°ΠΌ ΠΏΡ€ΠΈΠ΄Π΅Ρ‚ΡΡΒ ΠΎΡ‡ΠΈΡΡ‚ΠΈΡ‚ΡŒ кэш WordPress послС сохранСния ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΊΠΎΠ΄ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ отобраТался Π² интСрфСйсС вашСго Π²Π΅Π±-сайта.

ΠœΡ‹ Π·Π°ΠΌΠ΅Ρ‚ΠΈΠ»ΠΈ, Ρ‡Ρ‚ΠΎ основная ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°, ΠΏΠΎ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΠ΅ Π²Π΅Π±-мастСра ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ Insert Headers and Footers, Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ Google Analytics Π½Π° свой Π²Π΅Π±-сайт. Для этого ΠΌΡ‹ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ

бСсплатный ΠΏΠ»Π°Π³ΠΈΠ½ MonsterInsights. Π­Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Google Analytics для WordPress, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ отслСТиваниС Google Analytics ΠΈ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΏΠΎΠ»Π΅Π·Π½ΡƒΡŽ статистику прямо Π½Π° вашСй ΠΏΠ°Π½Π΅Π»ΠΈ WordPress.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: hostenko.com/wpcafe

ΠŸΠΎΠ½Ρ€Π°Π²ΠΈΠ»ΠΎΡΡŒ это:

Нравится Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ°…

ΠŸΠΎΡ…ΠΎΠΆΠ΅Π΅

Π›ΡƒΡ‡ΡˆΠΈΠΉ способ ΠΏΡ€ΠΈΠΆΠ°Ρ‚ΡŒ Ρ„ΡƒΡ‚Π΅Ρ€ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ flexbox

Π­Ρ‚ΠΎΡ‚ явно «сломанный» ΠΌΠ°ΠΊΠ΅Ρ‚ происходит, ΠΊΠΎΠ³Π΄Π° Ρ„ΡƒΡ‚Π΅Ρ€ располоТСн статичСски Π² ΠΊΠΎΠ½Ρ†Π΅ Ρ‚Π΅Π»Π°, Π½ΠΎ Π½Π° страницС Π½Π΅Ρ‚ большого количСства ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°. НСт Π½ΠΈΠΊΠ°ΠΊΠΎΠΉ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ Π² CSS ΠΏΡ€ΠΈΠΆΠ°Ρ‚ΡŒ Ρ„ΡƒΡ‚Π΅Ρ€, ΠΈ ΠΎΠ½ остаСтся посСрСдинС экрана, оставляя ΠΏΠ΅Ρ€Π΅Π΄ собой ΠΎΠ³Ρ€ΠΎΠΌΠ½ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ².

Π’ этом ΠΊΡ€Π°Ρ‚ΠΊΠΎΠΌ ΡƒΡ‡Π΅Π±Π½ΠΎΠΌ пособии ΠΌΡ‹ рассмотрим соврСмСнный ΠΌΠ΅Ρ‚ΠΎΠ΄ построСния Ρ„ΡƒΡ‚Π΅Ρ€ΠΎΠ², ΠΊΠ°ΠΊ Π² CSS ΠΏΡ€ΠΈΠΆΠ°Ρ‚ΡŒ Ρ„ΡƒΡ‚Π΅Ρ€, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ всСгда придСрТивался самого Π½ΠΈΠ·Π° страницы.

Π Π°Π·Π±Π΅Ρ€Π΅ΠΌ наш способ

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π΅Π΄ΠΎΡ‚Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ эту ΠΎΡˆΠΈΠ±ΠΊΡƒ, ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π½Π°ΡˆΡƒ страницу, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ flexbox β€” самый ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚Ρ‹ΠΉ инструмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ CSS3 ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚ΡŒ для построСния Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ².

Π˜Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π² CSS ΠΏΡ€ΠΈΠΆΠ°Ρ‚ΡŒ Ρ„ΡƒΡ‚Π΅Ρ€, flexbox-модСль становится самым Π»ΡƒΡ‡ΡˆΠΈΠΌ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠΌ. На нашСй простой страницС для дСмонстрации Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, основной Ρ€Π°Π·Π΄Π΅Π» ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ».

<body>
    <header>...</header>
    <section>...</section>
    <footer>...</footer>
</body>

Π§Ρ‚ΠΎΠ±Ρ‹ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ модСль flex, ΠΌΡ‹ добавляСм

display: flex Π² Ρ‚Π΅Π»ΠΎ ΠΈ измСняСм Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ Π² столбСц (ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ это строка, которая являСтся Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΎΠΉ). ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, html ΠΈ body ΠΏΠΎΡ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ 100% высоты с Ρ†Π΅Π»ΡŒΡŽ заполнСния всСго экрана.

html{
    height: 100%;
}
body{
    display: flex;
    flex-direction: column;
    height: 100%;
}

ПослС этого Π½ΡƒΠΆΠ½ΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠ΅ количСство мСста Π·Π°ΠΉΠΌΠ΅Ρ‚ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π·Π΄Π΅Π». ΠœΡ‹ добились этого благодаря свойству flex, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΠ΅Ρ‚ Ρ‚Ρ€ΠΈ Π³ΠΈΠ±ΠΊΠΈΡ… спСцификации Π² ΠΎΠ΄Π½Ρƒ:

  • flex-grow β€” опрСдСляСт, сколько свободного мСста Π² ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π΅ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ ΠΊ элСмСнту;
  • flex-shrink β€” опрСдСляСт, насколько Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΠΊΡ€Π°Ρ‰Π°Ρ‚ΡŒΡΡ элСмСнт, ΠΊΠΎΠ³Π΄Π° для всСго Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ достаточно мСста;
  • flex-basis β€” Ρ€Π°Π·ΠΌΠ΅Ρ€ для элСмСнта, установлСнный ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.

ΠœΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ наш Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ Π±Π»ΠΎΠΊΠΈ Π·Π°Π½ΠΈΠΌΠ°Π»ΠΈ Ρ‚Π°ΠΊΠΎΠ΅ количСства мСста, ΠΊΠ°ΠΊΠΎΠ΅ ΠΈΠΌ Π½ΡƒΠΆΠ½ΠΎ, ΠΈ всС ΠΎΡΡ‚Π°Π»ΡŒΠ½ΠΎΠ΅ Π±Ρ‹Π»ΠΎ Π·Π°Ρ€Π΅Π·Π΅Ρ€Π²ΠΈΡ€ΠΎΠ²Π°Π½ΠΎ для основного Ρ€Π°Π·Π΄Π΅Π»Π° ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°. Для Ρ‚Π°ΠΊΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ‡Π΅Ρ€Π΅Π· CSS ΠΏΡ€ΠΈΠΆΠ°Ρ‚ΡŒ Ρ„ΡƒΡ‚Π΅Ρ€ (flexbox), всС выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

header{
   /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
   flex: 0 0 auto;
}
.main-content{
   /* 1 flex-grow, 0 flex-shrink, auto flex-basis */
   flex: 1 0 auto;
}
footer{
   /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
   flex: 0 0 auto;
}

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ эту Ρ‚Π΅Ρ…Π½ΠΈΠΊΡƒ Π² дСйствии, ΠΎΠ·Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ с нашСй дСмонстрационной страницСй Π² ΠΊΠΎΠ½Ρ†Π΅ страницы. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Ρ€ΠΎΠ·ΠΎΠ²ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ количСство ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ½Π°Π±Π»ΡŽΠ΄Π°Ρ‚ΡŒ Π·Π° Ρ‚Π΅ΠΌ, ΠΊΠ°ΠΊ ΠΌΠ°ΠΊΠ΅Ρ‚ адаптируСтся.

Подводим ΠΈΡ‚ΠΎΠ³ΠΈ ΠΈ Π΄Π΅Π»Π°Π΅ΠΌ Π²Ρ‹Π²ΠΎΠ΄Ρ‹

Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, flexbox ΠΌΠΎΠΆΠ½ΠΎ ΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ союзником ΠΏΡ€ΠΈ построСнии ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² с нуля. ВсС основныС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ Π΅Π³ΠΎ с нСсколькими Π½Π΅Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡΠΌΠΈ, поэтому Π΅Π³ΠΎ довольно бСзопасно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π²ΠΎ всСх ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ… IE9+. На сайтС Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ Π΅Ρ‰Ρ‘ ΠΎΠ΄ΠΈΠ½ способ, Π½ΠΎ ΡƒΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ CSS – «Как ΠΏΡ€ΠΈΠΆΠ°Ρ‚ΡŒ Ρ„ΡƒΡ‚Π΅Ρ€ ΠΊ Π½ΠΈΠ·Ρƒ страницы».

НадССмся, наш ΠΌΠ΅Ρ‚ΠΎΠ΄ создания Π·Π°ΠΊΡ€Π΅ΠΏΠ»Π΅Π½Π½Ρ‹Ρ… Ρ„ΡƒΡ‚Π΅Ρ€ΠΎΠ² Π±Ρ‹Π» Π²Π°ΠΌ ΠΏΠΎΠ»Π΅Π·Π΅Π½, Π²Ρ‹ ΡƒΠ·Π½Π°Π»ΠΈ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π½ΠΎΠ²ΠΎΠ΅ ΠΈ Π²Π°ΠΌ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ»Π°ΡΡŒ эта ΡΡ‚Π°Ρ‚ΡŒΡ. ΠžΡΡ‚Π°Π²ΡŒΡ‚Π΅ Π½Π°ΠΌ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ, Ссли Π·Π½Π°Π΅Ρ‚Π΅ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ способ использования flexbox!

Как Β«ΠΏΡ€ΠΈΠ»Π΅ΠΏΠΈΡ‚ΡŒΒ» (Π·Π°ΠΊΡ€Π΅ΠΏΠΈΡ‚ΡŒ) Ρ„ΡƒΡ‚Π΅Ρ€ ΠΊ Π½ΠΈΠ·Ρƒ страницы

На Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ сайтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π°ΠΌ нравятся часто ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ„ΠΈΠΊΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Ρ„ΡƒΡ‚Π΅Ρ€ (ΠΏΠΎΠ΄Π²Π°Π») ΠΈ Ρ…Π΅Π΄Π΅Ρ€ (вСрхняя Ρ‡Π°ΡΡ‚ΡŒ сайта).

Бмотрятся ΠΎΠ½ΠΈ просто классно, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ скролитС ΠΌΡ‹ΡˆΠΊΠΎΠΉ ΠΊ Π½ΠΈΠ·Ρƒ страницы Ρ…Π΅Π΄Π΅Ρ€ ΠΈ Ρ„ΡƒΡ‚Π΅Ρ€ Β«ΠΏΡƒΡ‚Π΅ΡˆΠ΅ΡΡ‚Π²ΡƒΡŽΡ‚Β» вмСстС с Π²Π°ΠΌΠΈ.

Π§Ρ‚ΠΎ Ρ‚ΠΎ Π²Ρ€ΠΎΠ΄Π΅ ΠΏΠ»Π°Π²Π°ΡŽΡ‰Π΅Π³ΠΎ Π±Π»ΠΎΠΊΠ° Π½Π° сайтС. БСгодня Π² этой Π·Π°ΠΌΠ΅Ρ‚ΠΊΠ΅ я ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΡŽ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΠ»Π΅ΠΏΠΈΡ‚ΡŒ Ρ„ΡƒΡ‚Π΅Ρ€ ΠΊ Π½ΠΈΠ·Ρƒ страницы.

Π’Π°ΠΊΠΆΠ΅ Π²Π°ΠΌ интСрСсно Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с Π·Π°ΠΌΠ΅Ρ‚ΠΊΠΎΠΉ β€” ΠΏΠ»Π°Π²Π°ΡŽΡ‰ΠΈΠΉ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ Π² сайдбарС

Π—Π°ΠΌΠ΅Ρ‚ΠΊΠ° Π±ΡƒΠ΄Π΅Ρ‚ практичСской. Π’ тСкстС Π΅ΡΡ‚ΡŒ исходники, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ сСбС Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ ΠΈ ΠΏΡ€ΠΎΠ΄Π΅Π»Π°Ρ‚ΡŒ всС ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ. Π—Π°ΠΊΡ€Π΅ΠΏΠ»ΡΡ‚ΡŒ всС эти элСмСнты страницы ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ html ΠΈ css

Π˜ΡΡ…ΠΎΠ΄Π½Ρ‹ΠΉ ΠΊΠΎΠ΄ html:

<!—Начало ΠΏΠ»Π°Π²Π°ΡŽΡ‰Π΅Π³ΠΎ Ρ…Π΅Π΄Π΅Ρ€Π° —> <div> <div> Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Ρ…Π΅Π΄Π΅Ρ€Π° </div> </div> <!β€”ΠšΠΎΠ½Π΅Ρ† ΠΏΠ»Π°Π²Π°ΡŽΡ‰Π΅Π³ΠΎ Ρ…Π΅Π΄Π΅Ρ€Π° —> <!—Начало страницы с ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ —> <div> <div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet ipsum magna, et convallis sem. Nunc pulvinar magna vitae orci malesuada blandit. Proin ac purus dui. Suspendisse venenatis egestas egestas. Sed tincidunt diam et massa convallis et mollis enim malesuada. Nullam eget metus nunc, eget imperdiet urna. Quisque vehicula ipsum non sapien vulputate convallis quis quis ligula. Aenean gravida mollis blandit. Nullam lacus tortor, viverra a auctor ac, porta eget neque. Duis placerat mi metus, a gravida quam. <br /><br /> Nam ut augue mauris, at dapibus quam. Pellentesque eu nunc enim. Proin facilisis, dolor nec sollicitudin mattis, sem velit mollis sem, sagittis sagittis libero ante id nunc. Nam congue, mauris non porttitor convallis, purus elit faucibus nunc, in mollis sem lorem eu tortor. Cras nec justo id libero fringilla placerat ac et leo. Mauris ac vehicula odio. Cras augue erat, sodales vel porttitor ut, scelerisque nec justo. Praesent vitae lorem erat. Suspendisse elementum tortor vitae diam venenatis eget fermentum lacus suscipit. Quisque varius vulputate tempus. … </div> </div> <!β€”ΠšΠΎΠ½Π΅Ρ† страницы с ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ —> <!—Начало ΠΏΠ»Π°Π²Π°ΡŽΡ‰Π΅Π³ΠΎ Ρ„ΡƒΡ‚Π΅Ρ€Π° —> <div> <div> Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ Ρ„ΡƒΡ‚Π΅Ρ€Π° </div> </div> <!β€”ΠšΠΎΠ½Π΅Ρ† ΠΏΠ»Π°Π²Π°ΡŽΡ‰Π΅Π³ΠΎ Ρ„ΡƒΡ‚Π΅Ρ€Π° —>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

<!—Начало ΠΏΠ»Π°Π²Π°ΡŽΡ‰Π΅Π³ΠΎ Ρ…Π΅Π΄Π΅Ρ€Π° —>

<div>

Β Β Β Β <div>

Β Β Β Β Β Β Β Β Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Ρ…Π΅Π΄Π΅Ρ€Π°

Β Β Β Β </div>

</div>

<!β€”ΠšΠΎΠ½Π΅Ρ† ΠΏΠ»Π°Π²Π°ΡŽΡ‰Π΅Π³ΠΎ Ρ…Π΅Π΄Π΅Ρ€Π° —>

<!—Начало страницы с ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ —>

<div>

Β Β Β Β <div>

Β Β Β Β Β Β Β Β Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet ipsum magna, et convallis sem. Nunc pulvinar magna vitae orci malesuada blandit. Proin ac purus dui. Suspendisse venenatis egestas egestas. Sed tincidunt diam et massa convallis et mollis enim malesuada. Nullam eget metus nunc, eget imperdiet urna. Quisque vehicula ipsum non sapien vulputate convallis quis quis ligula. Aenean gravida mollis blandit. Nullam lacus tortor, viverra a auctor ac, porta eget neque. Duis placerat mi metus, a gravida quam.

Β Β Β Β Β Β Β Β <br /><br />

Β Β Β Β Β Β Β Β Nam ut augue mauris, at dapibus quam. Pellentesque eu nunc enim. Proin facilisis, dolor nec sollicitudin mattis, sem velit mollis sem, sagittis sagittis libero ante id nunc. Nam congue, mauris non porttitor convallis, purus elit faucibus nunc, in mollis sem lorem eu tortor. Cras nec justo id libero fringilla placerat ac et leo. Mauris ac vehicula odio. Cras augue erat, sodales vel porttitor ut, scelerisque nec justo. Praesent vitae lorem erat. Suspendisse elementum tortor vitae diam venenatis eget fermentum lacus suscipit. Quisque varius vulputate tempus.

Β Β Β Β Β Β Β Β …

Β Β Β Β </div>

</div>

<!β€”ΠšΠΎΠ½Π΅Ρ† страницы с ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ —>

<!—Начало ΠΏΠ»Π°Π²Π°ΡŽΡ‰Π΅Π³ΠΎ Ρ„ΡƒΡ‚Π΅Ρ€Π° —>

<div>

Β Β Β Β <div>

Β Β Β Β Β Β Β Β Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ Ρ„ΡƒΡ‚Π΅Ρ€Π°

Β Β Β Β </div>

</div>

<!β€”ΠšΠΎΠ½Π΅Ρ† ΠΏΠ»Π°Π²Π°ΡŽΡ‰Π΅Π³ΠΎ Ρ„ΡƒΡ‚Π΅Ρ€Π° —>

А Π²ΠΎΡ‚ исходник Ρ„Π°ΠΉΠ»Π° стилСй CSS:

/* ΠžΠ±Π½ΡƒΠ»ΡΠ΅ΠΌ margin ΠΈ padding */ body { margin:0; padding:0; } /* Π”Π΅Π»Π°Π΅ΠΌ ΠΏΡ€ΠΈΠ»ΠΈΠΏΠ°ΡŽΡ‰ΠΈΠΉ Ρ…Π΅Π΄Π΅Ρ€ */ #header_container { background:#eee; border:1px solid #666; height:60px; left:0; position:fixed; width:100%; top:0; } #header{ line-height:60px; margin:0 auto; width:940px; text-align:center; } /* CSS for the content of page. I am giving top and bottom padding of 80px to make sure the header and footer do not overlap the content.*/ #container { margin:0 auto; overflow:auto; padding:80px 0; width:940px; } #content{} /* Π”Π΅Π»Π°Π΅ΠΌ ΠΏΡ€ΠΈΠ»ΠΈΠΏΠ°ΡŽΡ‰ΠΈΠΉ Ρ„ΡƒΡ‚Π΅Ρ€ */ #footer_container { background:#eee; border:1px solid #666; bottom:0; height:60px; left:0; position:fixed; width:100%; } #footer { line-height:60px; margin:0 auto; width:940px; text-align:center; }

/* ΠžΠ±Π½ΡƒΠ»ΡΠ΅ΠΌ margin ΠΈ padding */

body { margin:0; padding:0; }

/* Π”Π΅Π»Π°Π΅ΠΌ ΠΏΡ€ΠΈΠ»ΠΈΠΏΠ°ΡŽΡ‰ΠΈΠΉ Ρ…Π΅Π΄Π΅Ρ€ */

#header_container { background:#eee; border:1px solid #666; height:60px; left:0; position:fixed; width:100%; top:0; }

#header{ line-height:60px; margin:0 auto; width:940px; text-align:center; }

/* CSS for the content of page. I am giving top and bottom padding of 80px to make sure the header and footer do not overlap the content.*/

#container { margin:0 auto; overflow:auto; padding:80px 0; width:940px; }

#content{}

/* Π”Π΅Π»Π°Π΅ΠΌ ΠΏΡ€ΠΈΠ»ΠΈΠΏΠ°ΡŽΡ‰ΠΈΠΉ Ρ„ΡƒΡ‚Π΅Ρ€ */

#footer_container { background:#eee; border:1px solid #666; bottom:0; height:60px; left:0; position:fixed; width:100%; }

#footer { line-height:60px; margin:0 auto; width:940px; text-align:center; }

А Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ исходный ΠΊΠΎΠ΄ html ΠΈ Ρ„Π°ΠΉΠ» стилСй. Π•Ρ‰Π΅ Ρ€Π°Π· напоминаю, Ρ‡Ρ‚ΠΎ ΡΠΎΠ΅Π΄ΠΈΠ½ΡΡ‚ΡŒΡΡ с каскадными Ρ‚Π°Π±Π»ΠΈΡ†Π°ΠΌΠΈ стилСй ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ Ρ‡Π΅Ρ€Π΅Π· ΠΊΠΎΠ½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡŽ <style></style>  помСстив ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ ΠΊΠΎΠ΄ Π²Ρ‹ΡˆΠ΅. Π’ΠΎΡ‚ Ρ‡Ρ‚ΠΎ получится Ρƒ вас Π² ΠΈΡ‚ΠΎΠ³Π΅:

<!DOCTYPE html> <html> <head> <title>Sticky Header and Footer</title> <style type=»text/css»> /* Reset body padding and margins */ body { margin:0; padding:0; } /* Make Header Sticky */ #header_container { background:#eee; border:1px solid #666; height:60px; left:0; position:fixed; width:100%; top:0; } #header{ line-height:60px; margin:0 auto; width:940px; text-align:center; } /* CSS for the content of page. I am giving top and bottom padding of 80px to make sure the header and footer do not overlap the content.*/ #container { margin:0 auto; overflow:auto; padding:80px 0; width:940px; } #content{} /* Make Footer Sticky */ #footer_container { background:#eee; border:1px solid #666; bottom:0; height:60px; left:0; position:fixed; width:100%; } #footer { line-height:60px; margin:0 auto; width:940px; text-align:center; } </style> </head> <body> <!— BEGIN: Sticky Header —> <div> <div> Header Content </div> </div> <!— END: Sticky Header —> <!— BEGIN: Page Content —> <div> <div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet ipsum magna, et convallis sem. Nunc pulvinar magna vitae orci malesuada blandit. Proin ac purus dui. Suspendisse venenatis egestas egestas. Sed tincidunt diam et massa convallis et mollis enim malesuada. Nullam eget metus nunc, eget imperdiet urna. Quisque vehicula ipsum non sapien vulputate convallis quis quis ligula. Aenean gravida mollis blandit. Nullam lacus tortor, viverra a auctor ac, porta eget neque. Duis placerat mi metus, a gravida quam. <br /><br /> Nam ut augue mauris, at dapibus quam. Pellentesque eu nunc enim. Proin facilisis, dolor nec sollicitudin mattis, sem velit mollis sem, sagittis sagittis libero ante id nunc. Nam congue, mauris non porttitor convallis, purus elit faucibus nunc, in mollis sem lorem eu tortor. Cras nec justo id libero fringilla placerat ac et leo. Mauris ac vehicula odio. Cras augue erat, sodales vel porttitor ut, scelerisque nec justo. Praesent vitae lorem erat. Suspendisse elementum tortor vitae diam venenatis eget fermentum lacus suscipit. Quisque varius vulputate tempus. … </div> </div> <!— END: Page Content —> <!— BEGIN: Sticky Footer —> <div> <div> Footer Content </div> </div> <!— END: Sticky Footer —> </body> </html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

<!DOCTYPE html>

<html>

<head>

<title>Sticky Header and Footer</title>

<style type=»text/css»>

/* Reset body padding and margins */

body { margin:0; padding:0; }

/* Make Header Sticky */

#header_container { background:#eee; border:1px solid #666; height:60px; left:0; position:fixed; width:100%; top:0; }

#header{ line-height:60px; margin:0 auto; width:940px; text-align:center; }

/* CSS for the content of page. I am giving top and bottom padding of 80px to make sure the header and footer do not overlap the content.*/

#container { margin:0 auto; overflow:auto; padding:80px 0; width:940px; }

#content{}

/* Make Footer Sticky */

#footer_container { background:#eee; border:1px solid #666; bottom:0; height:60px; left:0; position:fixed; width:100%; }

#footer { line-height:60px; margin:0 auto; width:940px; text-align:center; }

</style>

</head>

<body>

<!— BEGIN: Sticky Header —>

<div>

Β Β Β Β <div>

Β Β Β Β Β Β Β Β Header Content

Β Β Β Β </div>

</div>

<!— END: Sticky Header —>

<!— BEGIN: Page Content —>

<div>

Β Β Β Β <div>

Β Β Β Β Β Β Β Β Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet ipsum magna, et convallis sem. Nunc pulvinar magna vitae orci malesuada blandit. Proin ac purus dui. Suspendisse venenatis egestas egestas. Sed tincidunt diam et massa convallis et mollis enim malesuada. Nullam eget metus nunc, eget imperdiet urna. Quisque vehicula ipsum non sapien vulputate convallis quis quis ligula. Aenean gravida mollis blandit. Nullam lacus tortor, viverra a auctor ac, porta eget neque. Duis placerat mi metus, a gravida quam.

Β Β Β Β Β Β Β Β <br /><br />

Β Β Β Β Β Β Β Β Nam ut augue mauris, at dapibus quam. Pellentesque eu nunc enim. Proin facilisis, dolor nec sollicitudin mattis, sem velit mollis sem, sagittis sagittis libero ante id nunc. Nam congue, mauris non porttitor convallis, purus elit faucibus nunc, in mollis sem lorem eu tortor. Cras nec justo id libero fringilla placerat ac et leo. Mauris ac vehicula odio. Cras augue erat, sodales vel porttitor ut, scelerisque nec justo. Praesent vitae lorem erat. Suspendisse elementum tortor vitae diam venenatis eget fermentum lacus suscipit. Quisque varius vulputate tempus.

Β Β Β Β Β Β Β Β …

Β Β Β Β </div>

</div>

<!— END: Page Content —>

<!— BEGIN: Sticky Footer —>

<div>

Β Β Β Β <div>

Β Β Β Β Β Β Β Β Footer Content

Β Β Β Β </div>

</div>

<!— END: Sticky Footer —>

</body>

</html>

Π—Π΄Π΅ΡΡŒ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°ΠΊ всС это Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅

Π”Π΅ΠΌΠΎ

ВсС это Π±Ρ‹Π»ΠΎ протСстировано Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…:

  • Internet Explorer 9 on Windows 7 Professional(64 bit)
  • Internet Explorer 8 on Windows XP Professional
  • Firefox 8.0.1 on Windows 7 Professional(64 bit) and Windows XP Professional
  • Chrome 16 on Windows 7 Professional(64 bit) and Windows XP Professional
  • Opera 11.50 on Windows XP Professional
  • Safari 5.0.3 on Windows XP Professional

[sociallocker id=Β»3259β€³]

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ исходники

Π’Π°ΠΊΠΆΠ΅ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с Π²ΠΈΠ΄Π΅ΠΎ ΡƒΡ€ΠΎΠΊΠΎΠΌ Π³Π΄Π΅ всС Ρ‚ΠΎΠΆΠ΅ ΠΏΡ€Π΅Π΄Π΅Π»ΡŒΠ½ΠΎ просто объясняю ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΠ»Π΅ΠΏΠΈΡ‚ΡŒ Ρ„ΡƒΡ‚Π΅Ρ€ ΠΊ Π½ΠΈΠ·Ρƒ страницы

[/sociallocker]

Плагин Header and Footer для вставки ΠΊΠΎΠ΄Π° Π² WordPress

Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ я вас познакомлю с ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ Head Footer and Post Injections (Π±Ρ‹Π²ΡˆΠΈΠΉ Header and Footer). Он ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ для Π»Π΅Π³ΠΊΠΎΠΉ вставки ΠΊΠΎΠ΄Π° Π½Π° сайт WordPress.

НавСрноС, Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠ· вас ΡΡ‚Π°Π»ΠΊΠΈΠ²Π°Π»ΠΈΡΡŒ с Ρ‚Π°ΠΊΠΎΠΉ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΠΉ, ΠΊΠ°ΠΊ вставка нСпонятных HTML ΠΊΠΎΠ΄ΠΎΠ² ΠΈΠ»ΠΈ скриптов Π½Π° Π±Π»ΠΎΠ³. НуТно Π±Ρ‹Π»ΠΎ ΠΏΠΎΠ½Π°Ρ‡Π°Π»Ρƒ ΠΏΠΎΡ‚Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ врСмя для ΠΈΡ… ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΉ вставки ΠΈ Ρ€Π°Π±ΠΎΡ‚Ρ‹.

Π£ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΈΠ½ΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡƒΡ‡Π°Π»ΠΎΡΡŒ. А Ρƒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΏΠΎΡ€ΠΎΠΉ Π΄Π°ΠΆΠ΅ слСтал сам сайт.

Π”Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ, станСт для вас Π½Π΅Π·Π°ΠΌΠ΅Π½ΠΈΠΌΡ‹ΠΌ ΠΏΠΎΠΌΠΎΡ‰Π½ΠΈΠΊΠΎΠΌ. Он ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ Π»Π΅Π³ΠΊΠΎ ΠΈ Π±Π΅Π·Π±ΠΎΠ»Π΅Π·Π½Π΅Π½Π½ΠΎ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Π»ΡŽΠ±Ρ‹Π΅ HTML ΠΊΠΎΠ΄Ρ‹, ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅ скрипты ΠΈΠ»ΠΈ CSS.

Head Footer and Post Injections

Допустим Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π±Π΅Π· ΠΏΠ»Π°Π³ΠΈΠ½Π° Π½Π° свой Π±Π»ΠΎΠ³. Π§Ρ‚ΠΎΠ±Ρ‹ это ΠΎΡΡƒΡ‰Π΅ΡΡ‚Π²ΠΈΡ‚ΡŒ, Π²Π°ΠΌ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ скрипты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½ΡƒΠΆΠ½ΠΎ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Π² HTML ΠΊΠΎΠ΄ Ρ‚Π΅ΠΌΡ‹.

Π’Π°ΠΊΠΆΠ΅ Π½ΡƒΠΆΠ½ΠΎ Π½Π΅ просто Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ, Π½ΠΎ ΠΈ Π½Π°ΠΉΡ‚ΠΈ мСсто для вставки, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π² дальнСйшСм этот скрипт Ρ€Π°Π±ΠΎΡ‚Π°Π» ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ.

МоТно ΡƒΠΌΡƒΠ΄Ρ€ΠΈΡ‚ΡŒΡΡ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎ сам сайт Π²ΠΎΠΎΠ±Ρ‰Π΅, Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ. ИмСнно для Ρ‚Π°ΠΊΠΈΡ…, ΠΏΠΎΡ€ΠΎΠΉ нСпростых Π·Π°Π΄Π°Ρ‡ Π½ΡƒΠΆΠ΅Π½ ΠΏΠ»Π°Π³ΠΈΠ½ Header and Footer ΠΈ сСйчас ΠΌΡ‹ Π΅Π³ΠΎ Π²Π½ΠΈΠΌΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎ рассмотрим.

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Ρ‚ΡƒΡ‚.

Настройки Header and Footer

АктивируйтС Π΅Π³ΠΎ ΠΈ Π·Π°ΠΉΠ΄ΠΈΡ‚Π΅ Π² мСню Β«ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹Β» β€”> Β«Header and FooterΒ» Π² административной ΠΏΠ°Π½Π΅Π»ΠΈ WordPress. Π’Π°ΠΌ Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ нСсколько ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… возмоТностСй, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ прСдоставляСт сам ΠΏΠ»Π°Π³ΠΈΠ½.

1)Β Page head and footer. Π’ΠΊΠ»Π°Π΄ΠΊΠ° ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π° для добавлСния ΠΊΠΎΠ΄Π° Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ (Ρ„Π°ΠΉΠ» header.php) ΠΈ ΠΏΠΎΠ΄Π²Π°Π» (footer.php) Π³Π»Π°Π²Π½ΠΎΠΉ страницы:

  • Code to be added on HEAD section of the home β€” Π² этом ΠΏΠΎΠ»Π΅ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ автоматичСски Π±ΡƒΠ΄Π΅Ρ‚ установлСн послС Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎ Ρ‚Π΅Π³Π° <body> Ρ€Π°Π·Π΄Π΅Π»Π° HEAD. Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π² самом Π²Π΅Ρ€Ρ…Ρƒ Π³Π»Π°Π²Π½ΠΎΠΉ страницы, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ Π½Π°Π΄ Π΅Π΅ шапкой. Он Π±ΡƒΠ΄Π΅Ρ‚ всСгда ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° Π³Π»Π°Π²Π½ΠΎΠΉ страницС. Для ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° я вставил Π² это ΠΏΠΎΠ»Π΅ скрипт ΠΊΠ½ΠΎΠΏΠΎΠΊ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтСй. Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π½Π° Π½ΠΈΠΆΠ½Π΅ΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅.

  • Code to be added on HEAD section of every page β€” сюда ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ автоматичСски Π±ΡƒΠ΄Π΅Ρ‚ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ Π² Ρ€Π°Π·Π΄Π΅Π» HEAD. Π—Π΄Π΅ΡΡŒ Ρ‚ΠΎΠΆΠ΅ наш ΠΊΠΎΠ΄ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π½Π°Π΄ шапкой (ΠΊΠ°ΠΊ Π½Π° Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ рисункС). Но ΠΎΠ½ ΡƒΠΆΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ выводится Π½Π° всСх страницах сайта.
  • Code to be added before the end of the page β€” автоматичСски добавляСт ваш ΠΊΠΎΠ΄ Π² ΠΏΠΎΠ΄Π²Π°Π» ΠΏΠ΅Ρ€Π΅Π΄ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΌ Ρ‚Π΅Π³ΠΎΠΌ </body> (Ρ„Π°ΠΉΠ» footer.php). Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π² самом Π½ΠΈΠ·Ρƒ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницы.

2) Post content. Π­Ρ‚Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ° ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π° для добавлСния ΠΊΠΎΠ΄Π° Π² ΡΡ‚Π°Ρ‚ΡŒΠΈ ΠΏΡ€ΠΈ ΠΈΡ… ΠΏΠΎΠ»Π½ΠΎΠΌ ΠΎΠ±Π·ΠΎΡ€Π΅. Бюда Π²Ρ‹, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ, Ρ„ΠΎΡ€ΠΌΡƒ подписки ΠΈΠ»ΠΈ Ρ€Π΅ΠΊΠ»Π°ΠΌΡƒ.

ВсС это Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π² Π½Π°Ρ‡Π°Π»Π΅ ΠΈΠ»ΠΈ Π² ΠΊΠΎΠ½Ρ†Π΅ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡ‚Π°Ρ‚ΡŒΠΈ:

  • Code to be inserted before each post β€” автоматичСская вставка ΠΊΠΎΠ΄Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π² Π½Π°Ρ‡Π°Π»Π΅ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡ‚Π°Ρ‚ΡŒΠΈ
  • Code to be inserted after each post β€” вставляСм ΠΊΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ выводится ΡƒΠΆΠ΅ Π² ΠΊΠΎΠ½Ρ†Π΅ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡ‚Π°Ρ‚ΡŒΠΈ

3)Β Page content. Данная Π²ΠΊΠ»Π°Π΄ΠΊΠ° ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π° для добавлСния ΠΊΠΎΠ΄Π° Π² статичСскиС страницы сайта. НапримСр, ΠΎΠ±ΠΎ ΠΌΠ½Π΅, ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹, ΠΊΠ°Ρ€Ρ‚Π° сайта ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅:

  • Code to be inserted before each page β€” сюда вставляСм ΠΊΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π² самом Π½Π°Ρ‡Π°Π»Π΅ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ статичСской страницы.
  • Code to be inserted after each page β€” вставляСм ΠΊΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΡƒΠΆΠ΅ Π² ΠΊΠΎΠ½Ρ†Π΅ страницы, сразу послС Π΅Π΅ записСй.

4)Β Facebook. Π’ΠΊΠ»Π°Π΄ΠΊΠ° Π½ΡƒΠΆΠ½Π° для ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΠΈ с сСрвисом Facebook. Π’ΡƒΡ‚ я Π½Π΅ особо ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ ΠΈΠ·Π»ΠΎΠΆΡƒ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ сам ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ с этой Π²ΠΊΠ»Π°Π΄ΠΊΠΎΠΉ ΠΏΠΎΠΊΠ° Π½Π΅ Ρ€Π°Π·Π±ΠΈΡ€Π°Π». Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ ΠΈ Π²Π°ΠΌ ΠΏΠΎΠΊΠ° Π½Π΅ Π·Π°ΠΌΠΎΡ€Π°Ρ‡ΠΈΠ²Π°Ρ‚ΡŒΡΡ Π½Π° этом.

Если ΠΊΡ€Π°Ρ‚ΠΊΠΎ, Ρ‚ΠΎ:

  • Enable the OG metatag β€” Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΌΠ΅Ρ‚Π°Ρ‚Π΅Π³Π° Facebook Open Graph.
  • Facebook page type for the generic web page β€” вводится Ρ‚ΠΈΠΏ страницы Facebook для исходной страницы Π±Π»ΠΎΠ³Π° ΠΈΠ»ΠΈ сайта.
  • Facebook page type for the home β€” адрСс страницы Facebook для отобраТСния Π³Π»Π°Π²Π½ΠΎΠΉ страницы Π±Π»ΠΎΠ³Π° ΠΈΠ»ΠΈ сайта.
  • Facebook Open Graph Image β€” ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈΒ Facebook, Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒΡΡ список ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ Π½Π° Facebook ΠΌΠΎΠΆΠ΅Ρ‚ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒΡΡΒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ поста.
  • Facebook Open Graph default image β€” здСсь ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ. Если ΠΏΠΎ ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ поста Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ использовано, Ρ‚ΠΎ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.

5) SEO. По ΠΏΠΎΠ²ΠΎΠ΄Ρƒ этой Π²ΠΊΠ»Π°Π΄ΠΊΠΈ, сам Π°Π²Ρ‚ΠΎΡ€ ΠΏΠ»Π°Π³ΠΈΠ½Π° Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅.

Π― сюда Π΄ΠΎΠ±Π°Π²ΠΈΠ» нСсколько Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΏΠΎ ΠΌΠΎΠ΅ΠΌΡƒ мнСнию, Π½Π΅ Ρ…Π²Π°Ρ‚Π°Π΅Ρ‚ Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… SEO-ΠΏΠ»Π°Π³ΠΈΠ½Π°Ρ…. Π― Π½Π΅ экспСрт ΠΏΠΎ SEO, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ, Ссли Π’Ρ‹ ΡƒΠ²Π΅Ρ€Π΅Π½Ρ‹, Ρ‡Ρ‚ΠΎ эти Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ привСсти ΠΊ ΡƒΡ…ΡƒΠ΄ΡˆΠ΅Π½ΠΈΡŽ SEO продвиТСния, ΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ ΠΈΡ… Π²Ρ‹ΠΊΠ»ΡŽΡ‡Π΅Π½Π½Ρ‹ΠΌΠΈ.

Π― ΠΏΡ€ΠΈΡΠΎΠ΅Π΄ΠΈΠ½ΡΡŽΡΡŒ ΠΊ словам Π°Π²Ρ‚ΠΎΡ€Π° ΠΈ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽ Π²Π°ΠΌ Π½Π΅ ΠΎΠ±Ρ€Π°Ρ‰Π°Ρ‚ΡŒ внимания Π½Π° эту Π²ΠΊΠ»Π°Π΄ΠΊΡƒ.

Если ΠΊΡ€Π°Ρ‚ΠΊΠΎ, Ρ‚ΠΎ Ρ‚Π°ΠΌ Π΅ΡΡ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅:

  • Home β€” Ссли Π²Ρ‹ поставитС Π³Π°Π»ΠΎΡ‡ΠΊΡƒ Π² этом ΠΏΡƒΠ½ΠΊΡ‚Π΅, Ρ‚ΠΎ поисковик Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠ½Π΄Π΅ΠΊΡΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ±Ρ‰ΠΈΠ΅ страницы (ΠΊΡ€ΠΎΠΌΠ΅ Π³Π»Π°Π²Π½ΠΎΠΉ), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ содСрТат анонсы статСй. НапримСр, Ρƒ мСня Π½Π° Π±Π»ΠΎΠ³Π΅ Π² Π½ΠΈΠ·Ρƒ Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ ΠΏΠΎΡΡ‚Ρ€Π°Π½ΠΈΡ‡Π½ΡƒΡŽ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ (страница 1, 2, 3…). Π’ Ρ‚Π°ΠΊΠΎΠΌ случаС пСрвая страница (главная) Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠ½Π΄Π΅ΠΊΡΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ, Π° Π²ΠΎΡ‚ вторая, Ρ‚Ρ€Π΅Ρ‚ΡŒΡ ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅ ΡƒΠΆΠ΅ Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚. Π’Π°ΠΊΠΈΠ΅ страницы Π±Ρ‹Π²Π°ΡŽΡ‚ Ρ‚ΠΈΠΏΠ° ваш Π΄ΠΎΠΌΠ΅Π½.org/page/2Β  β€” это вторая страница. Когда Π²Ρ‹ ΠΏΡƒΠ±Π»ΠΈΠΊΡƒΠ΅Ρ‚Π΅ Π½ΠΎΠ²Ρ‹Π΅ ΡΡ‚Π°Ρ‚ΡŒΠΈ Π½Π° свой Π±Π»ΠΎΠ³, Ρ‚ΠΎ Ρ‚Π°ΠΊΠΈΠ΅ страницы ΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ смСщаСтся анонс статСй. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π°Π²Ρ‚ΠΎΡ€ Ρ€Π΅ΡˆΠΈΠ» ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚ΡŒ ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΈΡ… ΠΈΠ· индСксации.
  • Search results β€” Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Ρ‚Π΅Π³ noindex Π½Π° страницы Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ² поиска Π½Π° Π±Π»ΠΎΠ³Π΅. По мнСнию Π°Π²Ρ‚ΠΎΡ€Π°, Ρ‚Π°ΠΊΠΈΠ΅ адрСса, ΠΊΠ°ΠΊ ваш Π±Π»ΠΎΠ³.com/?s=searchword Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΠ»ΠΎΡ…ΠΎ ΡΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒΡΡ Π½Π° ΠΏΡ€ΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠΈ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Ρƒ Π½ΠΈΡ… ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡΡ‚ΡŒΡΡ содСрТания страниц. Данная функция добавляСт ΠΌΠ΅Ρ‚Π° Ρ‚Π΅Π³ΠΈ noindex Π½Π° страницы, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠΌ поиска Π½Π° сайтС.
  • Canonical on home β€” устанавливаСт каноничСскиС Ρ‚Π΅Π³ΠΈ Π½Π° Π³Π»Π°Π²Π½ΠΎΠΉ страницС.

6)Β Snippets. Π—Π΄Π΅ΡΡŒ ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΎΠ±Ρ‰ΠΈΠ΅ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅ΠΉ части ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°. Они ΠΏΠ΅Ρ€Π΅Π΄Π°ΡŽΡ‚ΡΡ ΠΊΠ°ΠΊ [snippet_N], Π³Π΄Π΅ N β€” это Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ число ΠΎΡ‚ 1 Π΄ΠΎ 5.

По мнСнию Π°Π²Ρ‚ΠΎΡ€Π°, это ΠΏΠΎΠ»Π΅Π·Π½ΠΎ для ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΊΠ½ΠΎΠΏΠΎΠΊ. Они ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Ρ‹ Π² Π½Π°Ρ‡Π°Π»Π΅, Π² ΠΊΠΎΠ½Ρ†Π΅ ΠΈΠ»ΠΈ Π² самой сСрСдинС поста.

7)Β BBPress. Π—Π΄Π΅ΡΡŒ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ скрипты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Ρ‹ Π² BBPress. Π­Ρ‚ΠΎ Π΄Π²ΠΈΠΆΠΎΠΊ Ρ„ΠΎΡ€ΡƒΠΌΠ° для WordPress. Автор Π²ΠΊΠ»ΡŽΡ‡ΠΈΠ» эту Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ Π² качСствС ΡΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΌΠΎΠΌΠ΅Π½Ρ‚Ρ‹ ΠΎΡΡ‚Π°ΡŽΡ‚ΡΡ нСясными.

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ ΠΏΠΎΠΊΠ° ΠΊ Π½Π΅ΠΉ Π½Π΅ ΠΎΠ±Ρ€Π°Ρ‰Π°Ρ‚ΡŒΡΡ.

8)Β Notes and parked codes. Π—Π΄Π΅ΡΡŒ ΠΌΠΎΠΆΠ½ΠΎ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΊΠΎΠ΄Ρ‹. ПослС всСх настроСк Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«SaveΒ».

Π˜Ρ‚Π°ΠΊ, ΠΌΡ‹ рассмотрСли основныС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Π°Β Header and Footer. ΠŸΠ΅Ρ€Π²Ρ‹Π΅ Ρ‚Ρ€ΠΈ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ со своими функциями ΡΠ²Π»ΡΡŽΡ‚ΡΡ вострСбованными. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ ΠΏΠΎΠΊΠ° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΈΠΌΠΈ.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ Π±Π΅Π· Ρ‚Ρ€ΡƒΠ΄Π°, Π° Π³Π»Π°Π²Π½ΠΎΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΈ Π½Π°Π΄Π΅ΠΆΠ½ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΊΠΎΠ΄Ρ‹ HTML, скрипты ΠΈΠ»ΠΈ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй Π½Π° свой сайт WordPress. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ установитС Ρ‚Π°ΠΊΠΎΠΉ ΠΏΠ»Π°Π³ΠΈΠ½. Π’Π΅Π΄ΡŒ ΠΎΠ½ Π²Π°ΠΌ Π² дальнСйшСм ΠΎΡ‡Π΅Π½ΡŒ ΠΏΡ€ΠΈΠ³ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ!

DIV вСрстка β€” Как ΠΏΡ€ΠΈΠΆΠ°Ρ‚ΡŒ Ρ„ΡƒΡ‚Π΅Ρ€ (footer, ΠΏΠΎΠ΄Π²Π°Π») ΠΊ Π½ΠΈΠ·Ρƒ экрана Π² нашСм ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ сайта

ОбновлСно 9 января 2021
  1. КакиС ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ Π²ΠΎΠ·Π½ΠΈΠΊΠ»ΠΈ с нашим ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ сайта
  2. Как ΠΏΡ€ΠΈΠΆΠ°Ρ‚ΡŒ Ρ„ΡƒΡ‚Π΅Ρ€ ΠΊ Π½ΠΈΠ·Ρƒ ΠΌΠ°ΠΊΠ΅Ρ‚Π° сайта
  3. ВставляСм распорку ΠΈ борСмся с Internet Explorer

ЗдравствуйтС, ΡƒΠ²Π°ΠΆΠ°Π΅ΠΌΡ‹Π΅ Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»ΠΈ Π±Π»ΠΎΠ³Π° KtoNaNovenkogo.ru. ΠŸΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅ΠΌ Ρ‚Π΅ΠΌΡƒ Π±Π»ΠΎΡ‡Π½ΠΎΠΉ вСрстки, которая Π±Ρ‹Π»Π° Π½Π°Ρ‡Π°Ρ‚Π° ΠΈ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ΅Π½Π° Π² Ρ‚Ρ€Π΅Ρ… ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΡ… ΡΡ‚Π°Ρ‚ΡŒΡΡ…. Π’ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ΅, Π½Π°ΠΌ ΡƒΠΆΠ΅ ΡƒΠ΄Π°Π»ΠΎΡΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ Π΄Π²ΡƒΡ…- , Ρ‚Π°ΠΊ ΠΈ Ρ‚Ρ€Π΅Ρ…ΠΊΠΎΠ»ΠΎΠ½ΠΎΡ‡Π½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ сайта, ΠΈ ΠΌΡ‹ Π΄Π°ΠΆΠ΅ успСли Ρ€Π°ΡΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π½ΡŽΠ°Π½ΡΡ‹ создания Ρ€Π΅Π·ΠΈΠ½ΠΎΠ²ΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Π°.

  1. ΠžΡΠ½ΠΎΠ²Ρ‹ Π±Π»ΠΎΡ‡Π½ΠΎΠΉ вСрстки
  2. Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ Π±Π»ΠΎΠΊΠΈ для Π΄Π²ΡƒΡ…ΠΊΠΎΠ»ΠΎΠ½ΠΎΡ‡Π½ΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π² HTML, опрСдСляСм ΠΈΡ… Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈ Π·Π°Π΄Π°Π΅ΠΌ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π² CSS
  3. Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ Π΄Π²ΡƒΡ…ΠΊΠΎΠ»ΠΎΠ½ΠΎΡ‡Π½Ρ‹ΠΉ, Ρ‚Ρ€Π΅Ρ…ΠΊΠΎΠ»ΠΎΠ½ΠΎΡ‡Π½Ρ‹ΠΉ ΠΈ Ρ€Π΅Π·ΠΈΠ½ΠΎΠ²Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ для сайта

КакиС ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ Π²ΠΎΠ·Π½ΠΈΠΊΠ»ΠΈ с нашим ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ сайта

БСгодня ΠΌΡ‹ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ ΠΎΠ΄Π½Ρƒ Π½Π΅Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ, которая ΠΌΠΎΠΆΠ΅Ρ‚ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡƒΡ‚ΡŒ с созданным Π½Π°ΠΌΠΈ Ρ€Π°Π½Π΅Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ. Π§Π°Ρ‰Π΅ всСго такая ситуация Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ ΠΏΡ€ΠΈ просмотрС Π΅Π³ΠΎ Π½Π° Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€Π°Ρ… (с высоким Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ) ΠΈ ΠΏΡ€ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ страницы с ΠΌΠ°Π»Ρ‹ΠΌ количСством ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ.

Π’ этом случаС ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎ Ρ„ΡƒΡ‚Π΅Ρ€ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΈΠΆΠ°Ρ‚ ΠΊ Π½ΠΈΠ·Ρƒ экрана, Π° Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°ΡΠΏΠΎΠ»Π°Π³Π°Ρ‚ΡŒΡΡ Ρ‡ΡƒΡ‚ΡŒ Π»ΠΈ Π½Π΅ Π½Π° Π΅Π³ΠΎ сСрСдинС ΠΏΠΎ высотС, Ρ‡Ρ‚ΠΎ Π² Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ случаСв Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ нСкрасиво ΠΈ Π½Π΅ эстСтично.

ВсС ΠΆΠ΅, ΠΏΠΎ ΠΌΠΎΠ΅ΠΌΡƒ мнСнию, ΠΏΡ€ΠΈΠΆΠ°Ρ‚ΡŒ footer ΠΊ самому Π½ΠΈΠ·Ρƒ ΠΌΠ°ΠΊΠ΅Ρ‚Π° сайта Π½ΡƒΠΆΠ½ΠΎ, ΠΈ особСнно это Π±ΡƒΠ΄Π΅Ρ‚ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎ Π² случаС, ΠΊΠΎΠ³Π΄Π° высота страницы ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ мСньшС, Ρ‡Π΅ΠΌ высота экрана ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. Π‘Ρ…Π΅ΠΌΠ°Ρ‚ΠΈΡ‡Π½ΠΎ это ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ‚Π°ΠΊ:

Π’.Π΅. ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Ρ„ΡƒΡ‚Π΅Ρ€Π° для случая ΠΌΠ°Π»ΠΎΠ³ΠΎ количСства ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π½Π° страницС ΠΈ большого экрана ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ:

Π§Ρ‚ΠΎ Π±Ρ‹ это Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ, Π½ΡƒΠΆΠ½ΠΎ ΠΎΡΡƒΡ‰Π΅ΡΡ‚Π²ΠΈΡ‚ΡŒ ряд манипуляций с ΠΊΠΎΠ΄ΠΎΠΌ нашСго ΠΌΠ°ΠΊΠ΅Ρ‚Π°. ΠŸΡ€ΠΈΡ‡Π΅ΠΌ, измСнСния ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ Π²Π½ΠΎΡΠΈΡ‚ΡŒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Ρ„Π°ΠΉΠ» стилСвого CSS оформлСния Style.css, Π½ΠΎ ΠΈ Π² Index.html, содСрТащий Html ΠΊΠΎΠ΄ ΠΈ Ρ„ΠΎΡ€ΠΌΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΉ Div Π±Π»ΠΎΠΊΠΈ. Но ΠΎΠ±ΠΎ всСм ΠΏΠΎ порядку.

Для ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ созданный Π½Π°ΠΌΠΈ Ρ€Π°Π½Π΅Π΅ Ρ‚Ρ€Π΅Ρ…ΠΊΠΎΠ»ΠΎΠ½ΠΎΡ‡Π½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ сайта. ΠŸΡ€ΠΈ этом Index.html Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ‚Π°ΠΊ:

<!DOCTYPE Html PUBLIC "-//W3C//DTD Html 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div>
<div>Π¨Π°ΠΏΠΊΠ° </div>
<div>ЛСвая ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ° МСню МСню МСню МСню</div>
<div>ΠŸΡ€Π°Π²Π°Ρ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ° МСню МСню МСню МСню</div>
<div>Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ страницы Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ страницы Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ страницы Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ страницы </div>
<div>Подвал</div>
</div>
 </body>
</html>

А Π² Ρ„Π°ΠΉΠ»Π΅ Style.css Π±Ρ‹Π»ΠΈ прописаны ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ CSS свойства:

body, html {
margin:0px;
padding:0px;
}
#maket {
width:800px;
margin:0 auto;
}
#header{
background-color:#C0C000;
}
#left{
background-color:#00C0C0;
width:200px;
float:left;
}
#right{
width:200px;
background-color:#FFFF00;
float:right;
}
#content{
background-color:#8080FF;
margin-left:202px;
margin-right:202px;
}
#footer{
background-color:#FFC0FF;
clear:both;
}

Ну, Π° сам ΠΌΠ°ΠΊΠ΅Ρ‚ выглядСл ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Ρ‚Π°ΠΊ:

Как ΠΏΡ€ΠΈΠΆΠ°Ρ‚ΡŒ Ρ„ΡƒΡ‚Π΅Ρ€ ΠΊ Π½ΠΈΠ·Ρƒ ΠΌΠ°ΠΊΠ΅Ρ‚Π° сайта

Π˜Ρ‚Π°ΠΊ, Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Div ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ с Ρ„ΡƒΡ‚Π΅Ρ€ΠΎΠΌ ΠΊ Π½ΠΈΠ·Ρƒ экрана. Для этого сначала потрСбуСтся Π·Π°Π΄Π°Ρ‚ΡŒ высоту всСй страницы, Ρ€Π°Π²Π½ΡƒΡŽ ста ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°ΠΌ (ΠΎΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒ вСсь экран). Π­Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°Ρ‚Π΅ΠΌ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ основного Π±Π»ΠΎΠΊΠ° с ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ Ρ‚ΠΎΠΆΠ΅ Π΄ΠΎ 100%.

ВсС содСрТимоС страницы сайта помСщаСтся Π² ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ ΠΈ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ Ρ‚Π΅Π³ΠΈ Body ΠΈ поэтому Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π² Style.css Π΄ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ для Ρ‚Π΅Π³Π° Body Π΅Ρ‰Π΅ ΠΎΠ΄Π½ΠΎ CSS свойство, Π·Π°Π΄Π°ΡŽΡ‰Π΅Π΅ высоту Ρ€Π°Π²Π½ΠΎΠΉ 100%:

body, html {
margin:0px;
padding:0px;
height: 100%;
} 

На внСшнСм Π²ΠΈΠ΄Π΅ это Π½ΠΈΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ° Π½Π΅ отразится, Π½ΠΎ Π·Π°Ρ‚ΠΎ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ основной Π±Π»ΠΎΠ³ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°ΡΡ‚ΡΠ½ΡƒΡ‚ΡŒΡΡ Π½Π° всю высоту экрана. Π’.Π΅. это Π±Ρ‹Π» своСобразный ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ этап.

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ свойства CSS, ΠΏΡ€ΠΈ ΠΆΠ΅Π»Π°Π½ΠΈΠΈ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π² Π£Ρ€ΠΎΠΊΠ°Ρ… CSS. Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π·Π°Π΄Π°Π΄ΠΈΠΌ для Div ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ вСсь наш ΠΌΠ°ΠΊΠ΅Ρ‚, ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½ΡƒΡŽ высоту Ρ€Π°Π²Π½ΡƒΡŽ 100%:

#maket {
width:300px;
margin:0 auto;
min-height: 100%;
}

Π•Ρ‰Π΅ я Ρ…ΠΎΡ‡Ρƒ Π΅Π³ΠΎ ΠΏΠΎΠ΄ΡΠ²Π΅Ρ‚ΠΈΡ‚ΡŒ (div с). Для этого Π·Π°Π΄Π°ΠΌ Π΅ΠΌΡƒ Ρ€Π°ΠΌΠΊΡƒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π³ΠΎ свойства Border (Ρ‚ΡƒΡ‚ Ρ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ ΠΏΡ€ΠΎ Ρ€Π°ΠΌΠΊΠΈ Π² CSS):

#maket {
width:300px;
margin:0 auto;
min-height: 100%;
border: solid 3px black;
}

Бвойство border: solid 3px black позволяСт Π·Π°Π΄Π°Ρ‚ΡŒ для Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° ΡΠΏΠ»ΠΎΡˆΠ½ΡƒΡŽ Ρ€Π°ΠΌΠΊΡƒ (solid) Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½ΠΎΠΉ Π² 3 пиксСля Ρ‡Π΅Ρ€Π½ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π°. Π­Ρ‚ΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ наглядно ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ с ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ растянулся Π½Π° всю высоту экрана Π΄Π°ΠΆΠ΅ ΠΏΡ€ΠΈ ΠΌΠ°Π»ΠΎΠΌ количСствС ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π½Π° страницС:

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ вынСсти Π±Π»ΠΎΠΊ Ρ„ΡƒΡ‚Π΅Ρ€Π° ΠΈΠ· ΠΎΠ±Ρ‰Π΅Π³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° ΠΈ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π½ΠΈΠΆΠ΅, сразу ΠΆΠ΅ послС ΠΎΠ±Ρ‰Π΅Π³ΠΎ. Π§Ρ‚ΠΎ это даст? А Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ, Π½Π°ΠΊΠΎΠ½Π΅Ρ†-Ρ‚ΠΎ, соизволит ΠΎΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒΡΡ Π²Π½ΠΈΠ· Ρ„ΡƒΡ‚Π΅Ρ€ Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π΅, Π° Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΊΠ°ΠΊ ΠΏΡ€Π΅ΠΆΠ΄Π΅ ΠΏΡ€ΠΈΠΆΠΈΠΌΠ°Ρ‚ΡŒΡΡ ΠΊ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ Π΄Π»ΠΈΠ½Π½ΠΎΠΉ Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅. Π’ этом случаС Index.html ΠΏΡ€ΠΈΠΌΠ΅Ρ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ Π²ΠΈΠ΄:

<!DOCTYPE Html PUBLIC "-//W3C//DTD Html 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div>

<div>Π¨Π°ΠΏΠΊΠ° </div>
<div>ЛСвая ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ° МСню МСню МСню МСню</div>
<div>ΠŸΡ€Π°Π²Π°Ρ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ° МСню МСню МСню МСню</div>
<div>Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ страницы Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ страницы Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ </div>
</div>
<div>Подвал</div>
 </body>
</html>

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Π±Π»ΠΎΠΊ с Ρ„ΡƒΡ‚Π΅Ρ€ΠΎΠΌ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π½Π΅ находится Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΎΠ±Ρ‰Π΅Π³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° (maket), Π° ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π΅Π³ΠΎ ΡˆΠΈΡ€ΠΈΠ½Π° Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΡƒΠΆΠ΅ Π½Π΅ рСгулируСтся CSS свойствами, Π·Π°Π΄Π°Π½Π½Ρ‹ΠΌΠΈ для maket Π² Ρ„Π°ΠΉΠ»Π΅ со стилСвым ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ΠΌ Style.css. Π€ΡƒΡ‚Π΅Ρ€ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅ Ρ€Π°ΡΡ‚ΡΠ³ΠΈΠ²Π°Ρ‚ΡŒΡΡ Π½Π° вСсь экран, Π½ΠΎ всС-Ρ‚Π°ΠΊΠΈ ΠΎΠ½ ΡƒΠΆΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ располоТСн Π²Π½ΠΈΠ·Ρƒ экрана, сразу ΠΏΠΎΠ΄ основным Π±Π»ΠΎΠΊΠΎΠΌ:

Но ΠΎΠΏΡΡ‚ΡŒ Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°, ΠΈΠ±ΠΎ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΏΠΎΠ΄Π²Π°Π», Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ приходится ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Ρ‚ΡŒ экран Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ (Π²ΠΈΠ΄ΠΈΡ‚Π΅ Π½Π° ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ рисункС полосу ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ).

ΠŸΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚ΡΡ это ΠΏΠΎΡ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ основной ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ (maket) Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ ΠΏΠΎ высотС вСсь Ρ€Π°Π·ΠΌΠ΅Ρ€ экрана (это опрСдСляСтся свойством min-height: 100%), Π° Ρ„ΡƒΡ‚Π΅Ρ€ располагаСтся сразу Π·Π° Π½ΠΈΠΌ ΠΈ для Π΅Π³ΠΎ просмотра ΡƒΠΆΠ΅ придСтся ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΡƒ, Ρ‡Ρ‚ΠΎ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ Ρ‚ΠΎ ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ.

Π Π΅ΡˆΠΈΡ‚ΡŒ эту ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ ΠΌΠΎΠΆΠ½ΠΎ, Π·Π°Π΄Π°Π² ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ отступ для Div ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° с Ρ„ΡƒΡ‚Π΅Ρ€ΠΎΠΌ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ смСстился Π²Π²Π΅Ρ€Ρ…, Π½Π° расстояниС Ρ€Π°Π²Π½ΠΎΠ΅ Π΅Π³ΠΎ высотС. ΠŸΡ€ΠΈ этом ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ footer Π½Π°Π΅Π΄Π΅Ρ‚ Π½Π° основной ΠΈ Π²ΠΏΠΈΡˆΠ΅Ρ‚ΡΡ Π² высоту экрана Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° (Ρ‚.Π΅. Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΡƒ для Π΅Π³ΠΎ просмотра).

Но для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°Π΄Π°Ρ‚ΡŒ ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ отступ ΠΎΡ‚ Π²Π΅Ρ€Ρ…Π°, Π½ΡƒΠΆΠ½ΠΎ Π·Π½Π°Ρ‚ΡŒ эту ΡΠ°ΠΌΡƒΡŽ высоту footer, Π° ΠΌΡ‹ Π΅Π΅ ΠΏΠΎΠΊΠ° Ρ‡Ρ‚ΠΎ Π½Π΅ Π·Π½Π°Π΅ΠΌ.

ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ сначала Π·Π°Π΄Π°Π΄ΠΈΠΌ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Ρƒ содСрТащСму ΠΏΠΎΠ΄Π²Π°Π» высоту, прописав ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π΅ свойство Π² Style.css:

#footer{
background-color:#FFC0FF;
clear:both;
height: 50px;
}

А Π·Π°Ρ‚Π΅ΠΌ Π·Π°Π΄Π°Π΅ΠΌ для Π½Π΅Π³ΠΎ ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ отступ свСрху Π½Π° высоту Ρ€Π°Π²Π½ΡƒΡŽ Π΅Π³ΠΎ высотС:

#footer{
background-color:#FFC0FF;
clear:both;
height: 50px;
margin-top:-50px;
}

Π­Ρ‚ΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ ΠΏΠΎΠ΄Π²Π°Π»Ρƒ ΠΏΠΎΠ΄Π½ΡΡ‚ΡŒΡΡ Π²Π²Π΅Ρ€Ρ… Ρ€ΠΎΠ²Π½ΠΎ Π½Π° свою ΡΠΎΠ±ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ высоту ΠΈ Ρ‚Π΅ΠΌ самым Π²ΠΏΠΈΡΠ°Ρ‚ΡŒΡΡ Π² экран Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° (Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ±Ρ€Π°Ρ‚ΡŒ CSS свойство border: solid 3px black ΠΈΠ· ΠΏΡ€Π°Π²ΠΈΠ»Π° для maket, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Π° Ρ€Π°ΠΌΠΊΠΈ Π½Π΅ мСшала всСму Π½Π°ΡˆΠ΅ΠΌΡƒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ вмСстС с Ρ„ΡƒΡ‚Π΅Ρ€ΠΎΠΌ ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒΡΡ Π² экранС ΠΏΠΎ высотС):

ВставляСм распорку ΠΈ борСмся с Internet Explorer

Но Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°, которая проявится Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚ΠΎΠ³Π΄Π°, ΠΊΠΎΠ³Π΄Π° ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π½Π° страницС ΠΌΠ°ΠΊΠ΅Ρ‚Π° станСт большС ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ такая ситуация:

ΠŸΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚ΡΡ, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡƒΡ‚ΡŒ ситуация, ΠΊΠΎΠ³Π΄Π° информация Π² ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π½Π°Π΅Π΄Π΅Ρ‚ Π½Π° Ρ„ΡƒΡ‚Π΅Ρ€, Ρ‡Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π½Π΅ красиво. ΠŸΡ€ΠΎΠΈΡΡ…ΠΎΠ΄ΠΈΡ‚ это ΠΈΠ·-Π·Π° прСсловутого ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ отступа, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΡ‹ Π·Π°Π΄Π°Π»ΠΈ для Π½Π΅Π³ΠΎ ΠΈ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠ³ ΠΏΠΎΠ΄Π½ΡΡ‚ΡŒ наш ΠΏΠΎΠ΄Π²Π°Π» с Π½Π°Π΅Π·Π΄ΠΎΠΌ Π½Π° основной ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ ΠΌΠ°ΠΊΠ΅Ρ‚Π°.

Π’.Π΅. получаСтся, Ρ‡Ρ‚ΠΎ Π²Π½ΠΈΠ·Ρƒ экрана располоТСны Π΄Π²Π° Π±Π»ΠΎΠΊΠ°, ΠΏΠ΅Ρ€Π΅ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ Π΄Ρ€ΡƒΠ³ Π΄Ρ€ΡƒΠ³Π° Π² области ΠΏΠΎΠ΄Π²Π°Π»Π°.

РСшСниС Π΄Π°Π½Π½ΠΎΠΉ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ Π½ΠΎΠ²ΠΎΠ³ΠΎ пустого Div ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° (Ρ‚Π°ΠΊ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΠΎΠΉ распорки) Π² основной ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ нашСго ΠΌΠ°ΠΊΠ΅Ρ‚Π° (maket), Π² Ρ‚ΠΎ мСсто, Π³Π΄Π΅ Ρ€Π°Π½ΡŒΡˆΠ΅ располагался Π±Π»ΠΎΠΊ с Ρ„ΡƒΡ‚Π΅Ρ€ΠΎΠΌ.

Π—Π°Π΄Π°Π² для этого Π½ΠΎΠ²ΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° высоту, Ρ€Π°Π²Π½ΡƒΡŽ высотС ΠΏΠΎΠ΄Π²Π°Π»Π°, ΠΌΡ‹ смоТСм ΠΈΠ·Π±Π΅ΠΆΠ°Ρ‚ΡŒ Π½Π°Π΅Π·Π΄Π° ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΈΠ· основного ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° Π½Π° Π±Π»ΠΎΠΊ с Ρ„ΡƒΡ‚Π΅Ρ€ΠΎΠΌ. ΠŸΡ€ΠΈΡΠ²ΠΎΠΈΠΌ этому ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Ρƒ ID (Ρ‚ΡƒΡ‚ Ρ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ ΠΏΡ€ΠΎ CSS сСлСкторы) с Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Rasporka ΠΈ Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ Index.html нашСго Ρ‚Ρ€Π΅Ρ…ΠΊΠΎΠ»ΠΎΠ½ΠΎΡ‡Π½ΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ‚ Π²ΠΈΠ΄:

<!DOCTYPE Html PUBLIC "-//W3C//DTD Html 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div>
<div>Π¨Π°ΠΏΠΊΠ° </div>
<div>ЛСвая ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ° МСню МСню МСню МСню</div>
<div>ΠŸΡ€Π°Π²Π°Ρ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ° МСню МСню МСню МСню</div>
<div>Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ страницы Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ страницы Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ страницы страницы страницы страницы страницы страницы</div>
<div></div>
</div>
<div>Подвал</div>
 </body>
</html>

А Π² Style.css ΠΏΡ€ΠΎΠΏΠΈΡˆΠ΅ΠΌ для этого (ID свойство Height, Π·Π°Π΄Π°ΡŽΡ‰Π΅Π΅ высоту этому ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Ρƒ-распоркС Ρ€Π°Π²Π½ΡƒΡŽ высотС ΠΏΠΎΠ΄Π²Π°Π»Π°:

#rasporka {
height: 50px;
}

Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ Ρ„ΡƒΡ‚Π΅Ρ€ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΈΠΆΠΈΠΌΠ°Ρ‚ΡŒΡΡ снизу Π½Π΅ ΠΊ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, содСрТащСйся Π² основном ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π΅ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, тСкст Π² самой высокой ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅), Π° Π½Π° Ρ€Π°Π²Π½ΡƒΡŽ ΠΏΠΎΠ΄Π²Π°Π»Ρƒ ΠΏΠΎ высотС ΠΎΠ±Π»Π°ΡΡ‚ΡŒ с ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ΠΎΠΌ-распоркой, Π½Π΅ содСрТащим Π½ΠΈΠΊΠ°ΠΊΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ.

Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΌΡ‹ ΠΈΠ·Π±Π΅Π³Π°Π΅ΠΌ Π½Π°Π΅Π·Π΄ΠΎΠ² ΠΈ пСрСкосов Π² нашСм Ρ‚Ρ€Π΅Ρ…ΠΊΠΎΠ»ΠΎΠ½ΠΎΡ‡Π½ΠΎΠΌ ΠΌΠ°ΠΊΠ΅Ρ‚Π΅. ВсС Π±ΡƒΠ΄Π΅Ρ‚ Ρ‡Π΅Ρ‚ΠΊΠΎ ΠΈ красиво (Ρ‡ΠΈΠ½Π½ΠΎ ΠΈ Π±Π»Π°Π³ΠΎΡ€ΠΎΠ΄Π½ΠΎ):

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

Π¨ΠΈΡ€ΠΈΠ½Ρƒ ΠΈΠΌΠ΅Π΅Ρ‚ смысл Π·Π°Π΄Π°Ρ‚ΡŒ Ρ€Π°Π²Π½ΠΎΠΉ ΡˆΠΈΡ€ΠΈΠ½Π΅ всСго ΠΌΠ°ΠΊΠ΅Ρ‚Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ свойства Width, Π° Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΡƒΡ‰Π΅ΡΡ‚Π²ΠΈΡ‚ΡŒ Ρ‚Π°ΠΊΠΈΠΌ ΠΆΠ΅ способом, ΠΊΠ°ΠΊ ΠΌΡ‹ это сдСлали для всСго ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π½Π° Π±Π»ΠΎΡ‡Π½ΠΎΠΉ вСрсткС.

Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ для ID Footer Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ свойства:

#footer{
background-color:#FFC0FF;
clear:both;
height: 20px;
margin-top:-20px;
width:800px;
margin-left: auto;
margin-right: auto;
}

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ свойства width:800px задаСтся ΡˆΠΈΡ€ΠΈΠ½Π° равная 800 пиксСлСй, Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π΄Π²ΡƒΡ… свойств margin-left: auto ΠΈ margin-right: auto задаСтся настройка отступа слСва ΠΈ справа ΠΎΡ‚ ΠΏΠΎΠ΄Π²Π°Π»Π° автоматичСски, Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ Ρ‡Π΅Π³ΠΎ эти отступы Π±ΡƒΠ΄ΡƒΡ‚ Ρ€Π°Π²Π½Ρ‹ΠΌΠΈ ΠΈ наш Π³Π΅Ρ€ΠΎΠΉ выровняСтся ΠΏΠΎ сСрСдинС:

Ну Π²ΠΎΡ‚, Π²Ρ€ΠΎΠ΄Π΅ большС ΡƒΠΆΠ΅ Π½Π΅Ρ‡Π΅Π³ΠΎ ΡƒΠ»ΡƒΡ‡ΡˆΠ°Ρ‚ΡŒ, Π½ΠΎ Π½Π΅ Ρ‚ΡƒΡ‚-Ρ‚ΠΎ Π±Ρ‹Π»ΠΎ. Как всСгда наш Π»ΡŽΠ±ΠΈΠΌΡ‹ΠΉ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Internet Explorer 6 Ρ‡Π΅Π³ΠΎ-Ρ‚ΠΎ Π΄Π° Π½Π΅ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚ ΠΈΠ· ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… Π½Π°ΠΌΠΈ свойств CSS. Π’ этом Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ (ΠΈ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π² ΠΊΠ°ΠΊΠΈΡ…-Ρ‚ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΡ… старых Ρ‚ΠΎΠΆΠ΅) Π½Π΅ смотря Π½Π° всС наши старания ΠΏΠΎΠ΄Π²Π°Π» Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΈΠΆΠ°Ρ‚ ΠΊ Π½ΠΈΠ·Ρƒ, Π° ΠΏΠΎ ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΈΠ»ΠΈΠΏΠ°Ρ‚ΡŒ ΠΊ самой высокой ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚Π° сайта.

ВсС это происходит ΠΈΠ·-Π·Π° Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ (Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Internet Explorer 6 Π½Π΅ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚ свойство min-height: 100%, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΌΡ‹ использовали для задания минимальной высоты основного Π±Π»ΠΎΠΊΠ°, Ρ€Π°Π²Π½ΠΎΠΉ высотС экрана.

ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ для Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ этой ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ Π½Π°ΠΌ придСтся ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ‚Π°ΠΊ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹ΠΉ Ρ…Π°ΠΊ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠΉ ΠΎΠ±ΡŠΡΡΠ½ΠΈΡ‚ΡŒ (Π½Π° ΠΏΠ°Π»ΡŒΡ†Π°Ρ…) старым Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌ, Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ. ΠŸΠ΅Ρ€Π΅Π΄ списком CSS свойств для maket Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΡƒΡŽ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡŽ:

* html #maket {
height: 100%;
}

Π­Ρ‚ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° Internet Explorer 6, ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅ Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚ Π΅Π³ΠΎ ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΈ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ.

Π˜Ρ‚Π°ΠΊ, ΠΎΠΊΠΎΠ½Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π²ΠΈΠ΄ Style.css с ΠΏΡ€ΠΈΠΆΠ°Ρ‚Ρ‹ΠΌ ΠΊ Π½ΠΈΠ·Ρƒ экрана Ρ„ΡƒΡ‚Π΅Ρ€ΠΎΠΌ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ:

body, html {
margin:0px;
padding:0px;
height: 100%;
}
* html #maket {
height: 100%;
}
#maket {
width:800px;
margin:0 auto;
min-height: 100%;
}
#header{
background-color:#C0C000;
}
#left{
background-color:#00C0C0;
width:200px;
float:left;
}
#right{
width:200px;
background-color:#FFFF00;
float:right;
}
#content{
background-color:#8080FF;
margin-left:202px;
margin-right:202px;
}
#footer{
background-color:#FFC0FF;
clear:both;
height: 50px;
margin-top:-50px;
width:800px;
margin-left: auto;
margin-right: auto;
}
#rasporka {
height: 50px;
}

Ну, Π° ΠΎΠΊΠΎΠ½Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π²ΠΈΠ΄ Index.html Π±Ρ‹Π» ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½ Ρ‡ΡƒΡ‚ΡŒ Π²Ρ‹ΡˆΠ΅. ВсС, Π½Π° этом ΡΠ΅Ρ€ΠΈΡŽ статСй, ΠΏΠΎΡΠ²ΡΡ‰Π΅Π½Π½ΡƒΡŽ Π±Π»ΠΎΡ‡Π½ΠΎΠΉ вСрсткС 2 ΠΈ 3 ΠΊΠΎΠ»ΠΎΠ½ΠΎΡ‡Π½Ρ‹Ρ… фиксированных ΠΈ Ρ€Π΅Π·ΠΈΠ½ΠΎΠ²Ρ‹Ρ… ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² сайта, ΠΌΠΎΠΆΠ½ΠΎ ΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎΠΉ.

ΠœΠΎΠΆΠ΅Ρ‚Π΅ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ Β«Π Π°Π±ΠΎΡ‚Π° с Html Ρ‚Π΅Π³ΠΎΠΌ divΒ»:



Π£Π΄Π°Ρ‡ΠΈ Π²Π°ΠΌ! Π”ΠΎ скорых встрСч Π½Π° страницах Π±Π»ΠΎΠ³Π° KtoNaNovenkogo.ru

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΡƒΡ‚Π΅Ρ€ (footer) ΠΈ ΠΊΠ°ΠΊ Π΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° Π²Π΅Π±-сайтах

Π€ΡƒΡ‚Π΅Ρ€Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ Π² Π½ΠΈΠΆΠ½Π΅ΠΉ части ΠΏΠΎΡ‡Ρ‚ΠΈ любой Π²Π΅Π±-страницы, ΠΈ ΠΎΠ½ΠΈ часто ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°ΡŽΡ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Ρ„ΠΎΡ€ΠΌΡ‹, Π² зависимости ΠΎΡ‚ Ρ‚ΠΈΠΏΠ° ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, прСдставлСнного Π½Π° Π²Π΅Π±-сайтС. НСзависимо ΠΎΡ‚ Ρ„ΠΎΡ€ΠΌΡ‹, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΎΠ½ΠΈ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°ΡŽΡ‚, ΠΈΡ… присутствиС являСтся критичСски Π²Π°ΠΆΠ½Ρ‹ΠΌ (ΠΈ сильно Π½Π΅Π΄ΠΎΠΎΡ†Π΅Π½Π΅Π½Π½Ρ‹ΠΌ).

ΠžΡΠ½ΠΎΠ²Ρ‹ Ρ„ΡƒΡ‚Π΅Ρ€ΠΎΠ²

Как профСссионалы Π² области UX Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΌΡ‹ стрСмимся ΠΏΠΎΡΠ²ΡΡ‚ΠΈΡ‚ΡŒ своС врСмя ΠΈ ΡΠ½Π΅Ρ€Π³ΠΈΡŽ всСму, Ρ‡Ρ‚ΠΎ располоТСно Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части страницы. Π­Ρ‚ΠΎ связано с Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ глобальная навигация, поиск ΠΈ высокоприоритСтный ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ располоТСны Π²Ρ‹ΡˆΠ΅ сгиба, ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, проводят Π½Π΅ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ Ρ‡Π°ΡΡ‚ΠΈΒ Π»ΡŽΠ±ΠΎΠΉ страницы. Π‘Π»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Ρ„ΡƒΡ‚Π΅Ρ€Ρ‹, располоТСнныС Π² Π½ΠΈΠΆΠ½Π΅ΠΉ части Π²Π΅Π±-страниц, ΠΏΠΎΠ»ΡƒΡ‡Π°ΡŽΡ‚ остатки Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈ рСсурсов Π±ΡŽΠ΄ΠΆΠ΅Ρ‚Π°. Однако Π²Ρ‹ всС Ρ€Π°Π²Π½ΠΎ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΎΠ±Ρ€Π°Ρ‰Π°Ρ‚ΡŒ Π½Π° Π½ΠΈΡ… Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚.

Π€ΡƒΡ‚Π΅Ρ€ – это ΠΎΠ±Π»Π°ΡΡ‚ΡŒ, располоТСнная Π²Π½ΠΈΠ·Ρƒ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницы сайта ΠΏΠΎΠ΄ основным ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ.

Π’Π΅Ρ€ΠΌΠΈΠ½ Β«Ρ„ΡƒΡ‚Π΅Ρ€Β» ΠΏΡ€ΠΈΡˆΠ΅Π» ΠΈΠ· ΠΌΠΈΡ€Π° ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΎΠ½ являСтся ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ элСмСнтом Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ просматриваСтся Π½Π° всСх страницах Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. Однако, ΠΊΠ°ΠΊ ΠΌΡ‹ объяснили 20 Π»Π΅Ρ‚ Π½Π°Π·Π°Π΄, Ρ€Π°Π·Π»ΠΈΡ‡ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΏΠ΅Ρ‡Π°Ρ‚Π½Ρ‹ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ ΠΈ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌΒ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ элСмСнты Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Ρ„ΡƒΡ‚Π΅Ρ€Ρ‹, ΠΌΠ΅Π½ΡΡŽΡ‚ своС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ (Π² Π΄Π°Π½Π½ΠΎΠΌ случаС, ΡΡ‚Π°Π½ΠΎΠ²ΡΡΡŒ дСйствСнными), ΠΊΠΎΠ³Π΄Π° пСрСносятся ΠΈΠ· ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ Π² ΠΎΠ½Π»Π°ΠΉΠ½.

Π€ΡƒΡ‚Π΅Ρ€Ρ‹ сайта Π² ΠΏΡ€ΠΎΡˆΠ»ΠΎΠΌ Π±Ρ‹Π»ΠΈ Π»ΠΈΠ±ΠΎ нСбольшими слуТСбными Π·ΠΎΠ½Π°ΠΌΠΈ с ΠΌΠ°Π»Ρ‹ΠΌ объСмом ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, Π»ΠΈΠ±ΠΎ большими ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΊΠ°ΠΌΠΈ для размСщСния Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ссылок. Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ ΠΎΠ½ΠΈ часто содСрТали ΠΊΡ€ΠΎΡˆΠ΅Ρ‡Π½Ρ‹ΠΉ тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±Ρ‹Π» Π΅Π΄Π²Π° Ρ‡ΠΈΡ‚Π°Π±Π΅Π»ΡŒΠ½Ρ‹ΠΌ. БСгодня Ρ„ΡƒΡ‚Π΅Ρ€Ρ‹ слуТат Π²Π°ΠΆΠ½Ρ‹ΠΌ ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠΌ для людСй, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ΠΈ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡŽΡ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Π·Π°Π΄Π°Ρ‡ΠΈ Π½Π° Π²Π΅Π±-сайтах.

Π›ΡŽΠ΄ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Ρ„ΡƒΡ‚Π΅Ρ€Π°ΠΌΠΈ

7 Π΄Π½Π΅ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ

ΠœΠΎΡ‰Π½Π΅ΠΉΠ½ΠΈΠ΅ спикСры, самоС Π΄Ρ€ΡƒΠΆΠ΅Π»ΡŽΠ±Π½ΠΎΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΊΠΎΠΌΡŒΠ½ΠΈΡ‚ΠΈ ΠΈ ΠΆΠ΅Π»Π°Π½ΠΈΠ΅ Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ»Π΅Π²Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½.
Π‘ΠΊΠΈΠ΄ΠΊΠ° 10% ΠΏΠΎ ΠΏΡ€ΠΎΠΌΠΎΠΊΠΎΠ΄Ρƒ UXPUB

ΠŸΡ€ΠΈΡΠΎΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒΡΡ

Π₯отя Ρ„ΡƒΡ‚Π΅Ρ€Ρ‹ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°ΡŽΡ‚ мСньшС внимания, Ρ‡Π΅ΠΌ вСрхняя Ρ‡Π°ΡΡ‚ΡŒ страницы, ΠΈΡ… всС Ρ€Π°Π²Π½ΠΎ достаточно Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚. НиТС Π΄Π²Π° Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ распространСнных Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° использования Ρ„ΡƒΡ‚Π΅Ρ€ΠΎΠ²:

  1. ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΡΠΊΠ°Π½ΠΈΡ€ΡƒΡŽΡ‚ ΠΈΠ»ΠΈ Ρ‡ΠΈΡ‚Π°ΡŽΡ‚ страницу ΠΈ Π»ΠΈΠ±ΠΎ Π½Π΅ находят Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ хотят, Π»ΠΈΠ±ΠΎ Π½ΡƒΠΆΠ΄Π°ΡŽΡ‚ΡΡ Π² Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ. Они ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°ΡŽΡ‚ страницу Π΄ΠΎ ΠΊΠΎΠ½Ρ†Π° ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Ρ„ΡƒΡ‚Π΅Ρ€, ΠΊΠ°ΠΊ:

Π°) Π’Ρ‚ΠΎΡ€ΠΎΠΉ шанс ΠΏΡ€ΠΈΠ½ΡΡ‚ΡŒ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅.
НапримСр, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ, ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Π² всС Π΄Π΅Ρ‚Π°Π»ΠΈ, Ρ€Π΅ΡˆΠΈΠ», Ρ‡Ρ‚ΠΎ ΠΎΠ½ Π½Π΅ Ρ…ΠΎΡ‡Π΅Ρ‚ Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ банковский счСт, Π½ΠΎ ΠΎΠ½ всС Π΅Ρ‰Π΅ Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Π½ Π±Π°Π½ΠΊΠΎΠΌ ΠΈ Ρ…ΠΎΡ‡Π΅Ρ‚ ΡΡ‚Π°Ρ‚ΡŒ ΠΈΡ… ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠΌ. Π€ΡƒΡ‚Π΅Ρ€ – Ρ…ΠΎΡ€ΠΎΡˆΠ°Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π½Π°ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌ ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΡ… прСдлоТСниях ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ.

b) ПослСднюю Π½Π°Π΄Π΅ΠΆΠ΄Ρƒ для труднодоступного ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°
Иногда ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΎΠ±Ρ€Π°Ρ‰Π°ΡŽΡ‚ΡΡ ΠΊ Ρ„ΡƒΡ‚Π΅Ρ€Ρƒ Π·Π° Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°ΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ Π² глобальной Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ. НапримСр, Ρ‚Π΅, ΠΊΡ‚ΠΎ заинтСрСсован Π² поискС Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ, Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‰Π΅ΠΉΡΡ элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠ΅ΠΉ (Π·Π°Π΄Π°Ρ‡Π°, которая отличаСтся ΠΎΡ‚ Π·Π°Π΄Π°Ρ‡ΠΈ Ρ‚ΠΈΠΏΠΈΡ‡Π½ΠΎΠ³ΠΎ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π° ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°) ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒΡΡ ΠΊ Ρ„ΡƒΡ‚Π΅Ρ€Ρƒ для получСния ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅ΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ.

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

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

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

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ Ρ„ΡƒΡ‚Π΅Ρ€Π°

По Ρ€Π°Π·Π½Ρ‹ΠΌ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ сайтов Π²Ρ‹Π±ΠΈΡ€Π°ΡŽΡ‚ для Ρ„ΡƒΡ‚Π΅Ρ€Π° ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·Π½Ρ‹Ρ… Ρ‚ΠΈΠΏΠΎΠ² ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ Ρ„ΡƒΡ‚Π΅Ρ€Π° ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½Π΅Π½Ρ‹ Π² зависимости ΠΎΡ‚ Ρ†Π΅Π»Π΅ΠΉ бизнСса ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. Π’ΠΎΡ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠ· Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ распространСнных ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² Ρ„ΡƒΡ‚Π΅Ρ€Π°, ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ ΠΈ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΡ‹Π΅ ситуации для ΠΈΡ… использования:

  • ΠŸΠΎΠ»Π΅Π·Π½Ρ‹Π΅ ссылки
  • Doormat navigation
  • Бсылки Π½Π° второстСпСнныС Π·Π°Π΄Π°Ρ‡ΠΈ
  • ΠšΠ°Ρ€Ρ‚Π° сайта
  • ΠžΡ‚Π·Ρ‹Π²Ρ‹ ΠΈΠ»ΠΈ Π½Π°Π³Ρ€Π°Π΄Ρ‹
  • Π‘Ρ€Π΅Π½Π΄Ρ‹ Π² ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ
  • Π’ΠΎΠ²Π»Π΅Ρ‡Π΅Π½ΠΈΠ΅ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² (рассылки ΠΏΠΎ элСктронной ΠΏΠΎΡ‡Ρ‚Π΅ ΠΈ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ сСти)
Π€ΡƒΡ‚Π΅Ρ€ Π½Π° сайтС Uscreen.tv Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя нСсколько Ρ‚ΠΈΠΏΠΎΠ² ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ 1) ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ второстСпСнной Π·Π°Π΄Π°Ρ‡ΠΈ 2) слуТСбный ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ ΠΈ 3) ссылки Π½Π° ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ сСти

ΠŸΠΎΠ»Π΅Π·Π½Ρ‹Π΅ ссылки

Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ сайтов ΠΈΠΌΠ΅ΡŽΡ‚ Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΡŽ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π² Ρ„ΡƒΡ‚Π΅Ρ€ ΠΊΠΎΠΌΠΏΠ°ΠΊΡ‚Π½ΠΎΠ΅ мСню, ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ Π½Π°:

Π₯отя ΠΌΠ½ΠΎΠ³ΠΈΠ΅ сайты ΠΈΠΌΠ΅ΡŽΡ‚ ΠΊΠΎΠΌΠΏΠ°ΠΊΡ‚Π½ΠΎΠ΅ мСню, располоТСнноС Π² Π²Π΅Ρ€Ρ…Π½ΠΈΡ… областях, Ρ„ΡƒΡ‚Π΅Ρ€ – это мСсто, ΠΊΡƒΠ΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ смотрят ΠΏΡ€ΠΈ поискС этих ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Ρ… элСмСнтов. ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ часто пСрСходят нСпосрСдствСнно ΠΊ Ρ„ΡƒΡ‚Π΅Ρ€Ρƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΉΡ‚ΠΈ ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΈΠ»ΠΈ способы связи со слуТбой ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ². Π”Π°ΠΆΠ΅, Π΅ΡΡ‚ΡŒ Π»ΠΈ Ρƒ вас ссылки Π½Π° эти слуТСбныС элСмСнты Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части страницы, всСгда Π΄ΡƒΠ±Π»ΠΈΡ€ΡƒΠΉΡ‚Π΅ ΠΈΡ… Π² Ρ„ΡƒΡ‚Π΅Ρ€Π΅. (БлуТСбная ΠΎΠ±Π»Π°ΡΡ‚ΡŒ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части страницы ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ Π΄ΠΎΠ»ΠΆΠ½Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ для поиска, Π²Ρ…ΠΎΠ΄Π° Π² систСму / Π°ΠΊΠΊΠ°ΡƒΠ½Ρ‚ ΠΈ Π²Ρ‹Π±ΠΎΡ€ языка).

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ для: всСх сайтов

Π€ΡƒΡ‚Π΅Ρ€ сайта Clarity Money ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ Π·Π°Π΄Π°Ρ‡Ρƒ, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ ссылки Π½Π° Условия использования ΠΈ ΠŸΠΎΠ»ΠΈΡ‚ΠΈΠΊΡƒ ΠΊΠΎΠ½Ρ„ΠΈΠ΄Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ссылки Π½Π° Π°ΠΊΠΊΠ°ΡƒΠ½Ρ‚Ρ‹ Π² ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтяхJ. Crew прСдоставляСт ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π² Π²ΠΈΠ΄Π΅ ссылок Π½Π° свой Π°ΠΊΠΊΠ°ΡƒΠ½Ρ‚ Π² Twitter для обслуТивания ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ², Π½ΠΎΠΌΠ΅Ρ€ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π° ΠΈ адрСс элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹ слуТбы ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ

Doormat Navigation

Как ΠΈ ΠΊΠΎΠ²Ρ€ΠΈΠΊ Π² ΠΆΠΈΠ»Ρ‹Ρ… Π΄ΠΎΠΌΠ°Ρ…, doormat navigation – это ΠΏΠ΅Ρ€Π²ΠΎΠ΅, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΡ‚Π΅, ΠΈ послСднСС, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅, ΠΊΠΎΠ³Π΄Π° ΡƒΡ…ΠΎΠ΄ΠΈΡ‚Π΅, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ ΠΎΠ½Π° Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Π° ΠΊΠ°ΠΊ Π²Π²Π΅Ρ€Ρ…Ρƒ, Ρ‚Π°ΠΊ ΠΈ Π²Π½ΠΈΠ·Ρƒ страницы. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ„ΡƒΡ‚Π΅Ρ€ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Π³Π»ΠΎΠ±Π°Π»ΡŒΠ½ΡƒΡŽ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ. Π­Ρ‚ΠΎΡ‚ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ ΠΏΠΎΠ»Π΅Π·Π΅Π½, ΠΊΠΎΠ³Π΄Π° страницы Π΄Π»ΠΈΠ½Π½Ρ‹Π΅ (Ρ‡Ρ‚ΠΎ присущС ΠΌΠ½ΠΎΠ³ΠΈΠΌ соврСмСнным ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π°ΠΌ), ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ позволяСт ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ быстро ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ Π² Π΄Ρ€ΡƒΠ³ΠΎΠΉ Ρ€Π°Π·Π΄Π΅Π» сайта Π±Π΅Π· скроллинга Π½Π°Π·Π°Π΄ для ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° ΠΊ основной Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ для: сайтов с Π΄Π»ΠΈΠ½Π½Ρ‹ΠΌΠΈ страницами, особСнно Ссли глобальная навигация нСдоступна Π² Π½ΠΈΠΆΠ½Π΅ΠΉ части страницы.

United Healthcare ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ doormat navigation: основныС ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ ΠΊΠ°ΠΊ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ (Π²Π²Π΅Ρ€Ρ…Ρƒ), Ρ‚Π°ΠΊ ΠΈ Π² Ρ„ΡƒΡ‚Π΅Ρ€Π΅ (Π²Π½ΠΈΠ·Ρƒ)

ВторостСпСнныС Π·Π°Π΄Π°Ρ‡ΠΈ

Π€ΡƒΡ‚Π΅Ρ€ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ссылки Π½Π° Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅ интСрСс для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. НСкоторыС ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ второстСпСнных Π·Π°Π΄Π°Ρ‡ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Π² сСбя:

  • ΠΏΠΎΠ΄Π°Ρ‡Ρƒ заявки Π½Π° Ρ€Π°Π±ΠΎΡ‚Ρƒ Π² ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ
  • задания для создатСлСй ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°
  • доступ ΠΊ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ для инвСсторов
  • поиск Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ ΠΈΠ»ΠΈ спСцификаций ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°, ΠΈΠ»ΠΈ услуги
  • доступ ΠΊ ΠΌΠ΅Π΄ΠΈΠ°-ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡ‚Π°ΠΌ ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠΉ PR-ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ
  • поиск Ρ„ΠΈΠ»ΠΈΠ°Π»ΠΎΠ² ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ

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

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ для: ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Π² поискС Π²Ρ‚ΠΎΡ€ΠΈΡ‡Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π΅ ΠΈΠΌΠ΅Ρ‚ΡŒ прямого ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ ΠΊ основной Ρ†Π΅Π»ΠΈ сайта

НапримСр, Π½Π° Π²Π΅Π±-сайтС Dwell Magazine прСдставлСны ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ, Π½Π΅ относящиСся ΠΊ Ρ‚Π΅ΠΌΠ°ΠΌ ΠΆΡƒΡ€Π½Π°Π»Π°, Π² Ρ‚ΠΎΠΌ числС About, Dwell Magazine, Professionals ΠΈΒ Merchants, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π·Π°ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΠΎΠ²Π°Ρ‚ΡŒ Π²Ρ‚ΠΎΡ€ΠΈΡ‡Π½Ρ‹Π΅ Π³Ρ€ΡƒΠΏΠΏΡ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ: профСссионалов Π² области БМИ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΏΡ€ΠΎΠ΄Π°Π²Ρ†ΠΎΠ², инвСсторов ΠΈ Ρ€Π΅ΠΊΠ»Π°ΠΌΠΎΠ΄Π°Ρ‚Π΅Π»Π΅ΠΉ (ΠΈ ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сотрудников).

Π€ΡƒΡ‚Π΅Ρ€ сайта Dwell Magazine содСрТит ссылки Π½Π° второстСпСнныС Π·Π°Π΄Π°Ρ‡ΠΈ

ΠšΠ°Ρ€Ρ‚Π° сайта

ΠšΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ Ρ„ΡƒΡ‚Π΅Ρ€Π° Π² стилС ΠΊΠ°Ρ€Ρ‚Ρ‹ сайта дСмонстрируСт сочСтаниС глобальной Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… Π²Π°ΠΆΠ½Ρ‹Ρ… страниц, ΠΎΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… Π² Π½Π΅ΠΉ. Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ doormat navigation, ΠΎΠ½Π° прСдоставляСт ΠΏΠΎΠ΄ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ Π½ΠΈΠΆΠ½ΠΈΡ… ΡƒΡ€ΠΎΠ²Π½Π΅ΠΉ основных ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ. Π­Ρ‚ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ для:

  • выявлСния основных Ρ‚Π΅ΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½Ρ‹ Π½Π° ΡƒΡ€ΠΎΠ²Π½Π΅ глобальной Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ
  • ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡ освСдомлСнности ΠΎΠ± основном ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π΅ сайта
  • напоминания ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ ΠΎ прСдлоТСниях ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ

ΠšΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ Ρ„ΡƒΡ‚Π΅Ρ€Π° Π² Π²ΠΈΠ΄Π΅ ΠΊΠ°Ρ€Ρ‚Ρ‹ сайта Π½Π΅ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ ΠΏΠΎΠ»Π½ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚Ρƒ сайта, Ссли Π½Π° сайтС ΠΌΠ°Π»ΠΎ страниц (ΠΎΠΊΠΎΠ»ΠΎ 25 ΠΈΠ»ΠΈ мСньшС). Π‘ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ³ΠΎ, Ρ„ΡƒΡ‚Π΅Ρ€ рискуСт ΡΡ‚Π°Ρ‚ΡŒ Π³Ρ€ΠΎΠΌΠΎΠ·Π΄ΠΊΠΈΠΌ ΠΈ слоТным Π² использовании. (Π’ качСствС Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Ρ‹ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΏΠΎΠ»Π½ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚Ρƒ сайта Π½Π° ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠΉ страницС ΠΈ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ссылку Π½Π° Π½Π΅Π΅ Π² Ρ„ΡƒΡ‚Π΅Ρ€Π΅, Π³Π΄Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΈ ΠΎΠΆΠΈΠ΄Π°ΡŽΡ‚ Π½Π°ΠΉΡ‚ΠΈ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡƒΡŽ ссылку).

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ для: Π±ΠΎΠ»ΡŒΡˆΠΈΡ… сайтов с нСсколькими уровнями ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΈΠ»ΠΈ ΠΏΠΎΠ΄Π΄ΠΎΠΌΠ΅Π½ΠΎΠ²

Π€ΡƒΡ‚Π΅Ρ€ CNN содСрТит ссылки Π½Π° Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ уровня ΠΈ Π½Π° ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ уровня

ΠžΡ‚Π·Ρ‹Π²Ρ‹ ΠΈΠ»ΠΈ Π½Π°Π³Ρ€Π°Π΄Ρ‹

МногиС ΠΈΠ· участников нашСго исслСдования рассказали ΠΎ ΠΌΠΎΡ‚ΠΈΠ²Π°Ρ†ΠΈΠΈ Π²Ρ‹Π±ΠΎΡ€Π° сайта Π½Π° основС Π½Π°Π³Ρ€Π°Π΄ ΠΈ ΠΎΡ‚Π·Ρ‹Π²ΠΎΠ², ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½Ρ‹Ρ… этим сайтом. Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΏΠΎΡ…Π²Π°Π» Π² Ρ„ΡƒΡ‚Π΅Ρ€Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠ΅ΠΉ Ρ‚Π°ΠΊΡ‚ΠΈΠΊΠΎΠΉ для создания Π°Π²Ρ‚ΠΎΡ€ΠΈΡ‚Π΅Ρ‚Π° ΠΈ завоСвания довСрия. Однако, ΠΏΠΎΠΊΠ°Π· слишком большого количСства ΠΎΡ‚Π·Ρ‹Π²ΠΎΠ² ΠΈ Π½Π°Π³Ρ€Π°Π΄ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ‚Π·Ρ‹Π²Ρ‹, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΎΠ½Π° Π½Π΅ являСтся Π·Ρ€Π΅Π»ΠΎΠΉ ΠΈΠ»ΠΈ ΡΡ‚Π°Π±ΠΈΠ»ΡŒΠ½ΠΎΠΉ.

ΠŸΡ€ΠΎΠ²Π΅Π΄ΠΈΡ‚Π΅Β ΡŽΠ·Π°Π±ΠΈΠ»ΠΈΡ‚ΠΈ-тСсты и A/B тСсты со своСй Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠ΅ΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ, ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ Π»ΠΈ эта стратСгия для вашСго Ρ„ΡƒΡ‚Π΅Ρ€Π°, ΠΈ ΠΊΠ°ΠΊΠΎΠ²ΠΎ подходящСС количСство ΠΎΡ‚Π·Ρ‹Π²ΠΎΠ².

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для: стартапов ΠΈΠ»ΠΈ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ с мСньшСй ΡƒΠ·Π½Π°Π²Π°Π΅ΠΌΠΎΡΡ‚ΡŒΡŽ Π±Ρ€Π΅Π½Π΄Π°

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΡ€Π΅ΠΏΠΈΡ‚ΡŒ свой Π°Π²Ρ‚ΠΎΡ€ΠΈΡ‚Π΅Ρ‚, Reykjavik Excursions ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π² своСм Ρ„ΡƒΡ‚Π΅Ρ€Π΅ Π½Π°Π³Ρ€Π°Π΄Ρ‹ ΠΈ ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ, ΠΎΡ‚ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΎΠ½ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΈ ΠΏΡ€ΠΈΠ·Π½Π°Π½ΠΈΠ΅

Π‘Ρ€Π΅Π½Π΄Ρ‹ Π² ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ

НСкоторыС ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹, Ρ‡Ρ‚ΠΎ Π²Π»Π°Π΄Π΅ΡŽΡ‚ ΠΈΠ»ΠΈ Π²ΠΎΠ·Π³Π»Π°Π²Π»ΡΡŽΡ‚ дСсятки Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ. НСкоторыС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½ΡƒΡŽ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ²ΡΠ·Π°Ρ‚ΡŒ Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ с Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠΉ. Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ Π² Ρ„ΡƒΡ‚Π΅Ρ€Π΅ список Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΡ… ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ ΠΈ Π±Ρ€Π΅Π½Π΄ΠΎΠ², Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ²Ρ‹ΡΠΈΡ‚ΡŒ ΠΎΡΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½Π½ΠΎΡΡ‚ΡŒ ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΡ… Π±Ρ€Π΅Π½Π΄Π°Ρ… ΠΈΠ»ΠΈ компаниях, ΠΏΠΎΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΡ… Π² ΠΏΠΎΡ€Ρ‚Ρ„Π΅Π»ΡŒ ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ ΠΈΡ… Π½Π°ΠΉΡ‚ΠΈ.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ для: ΠΊΡ€ΡƒΠΏΠ½Ρ‹Ρ… ΠΌΠ΅ΠΆΠ΄ΡƒΠ½Π°Ρ€ΠΎΠ΄Π½Ρ‹Ρ… ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΉ с большим количСством Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΡ… ΠΈΠ»ΠΈ партнСрских Π±Ρ€Π΅Π½Π΄ΠΎΠ²

Π€ΡƒΡ‚Π΅Ρ€ Π½Π° сайтС Walmart пСрСчисляСт Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π±Ρ€Π΅Π½Π΄Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Π²Π»Π°Π΄Π΅Π΅Ρ‚ компания, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Hayneedle, Jet ΠΈ Modcloth

Π’ΠΎΠ²Π»Π΅Ρ‡Π΅Π½ΠΈΠ΅ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ²

ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ часто пСрСходят сразу ΠΊ Ρ„ΡƒΡ‚Π΅Ρ€Ρƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΉΡ‚ΠΈ Ρ‚Π°ΠΊΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, ​​как ΠΊΡƒΠΏΠΎΠ½Ρ‹ ΠΈ Ρ€Π΅ΠΊΠ»Π°ΠΌΠ½Ρ‹Π΅ Π°ΠΊΡ†ΠΈΠΈ, ΠΈΠ»ΠΈ просто Π±Ρ‹Ρ‚ΡŒ Π² курсС ΠΏΡ€ΠΎΠ΄Π°ΠΆ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΠΈ Ρ€Π΅Π»ΠΈΠ·ΠΎΠ² ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ². Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ„ΡƒΡ‚Π΅Ρ€ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΡƒΡŽ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ связь с ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠ΅ΠΉ – ссылки Π½Π° Π°ΠΊΠΊΠ°ΡƒΠ½Ρ‚Ρ‹ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Π² ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтях ΠΈ прСдлоТСния ΠΏΠΎΠ΄ΠΏΠΈΡΠ°Ρ‚ΡŒΡΡ Π½Π° рассылку.

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

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ для: всСх Ρ‚ΠΈΠΏΠΎΠ² сайтов ΠΏΡ€ΠΈ использовании ссылок Π² ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтях; сайтов с большим Π°ΠΊΡ†Π΅Π½Ρ‚ΠΎΠΌ Π½Π° Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ эффСкты ΠΈΠ»ΠΈ эстСтику (искусство, красота) ΠΏΡ€ΠΈ использовании встроСнного Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π° Ρ„ΠΈΠ΄Π° ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтСй.

На всСх страницах сайта TheGoodTrade.com имССтся большой ΠΌΠ½ΠΎΠ³ΠΎΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π½Ρ‹ΠΉ Ρ„ΡƒΡ‚Π΅Ρ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя: 1) ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ΄ΠΏΠΈΡΠ°Ρ‚ΡŒΡΡ Π½Π° рассылку, 2) Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ с Ρ„ΠΈΠ΄ΠΎΠΌ Instagram Π°ΠΊΠΊΠ°ΡƒΠ½Ρ‚Π°, 3) ссылки Π½Π° Π°ΠΊΠΊΠ°ΡƒΠ½Ρ‚Ρ‹ Π² ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтях, 4) ссылки Π½Π° второстСпСнныС Π·Π°Π΄Π°Ρ‡ΠΈ ΠΈ 5) ΠΎΡ‚ΠΊΠ°Π· ΠΎΡ‚ отвСтствСнности с ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ ΠΎΠ± авторских ΠΏΡ€Π°Π²Π°Ρ…

Π’Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ Ρ„ΡƒΡ‚Π΅Ρ€ΠΎΠ²

БСсконСчный скролл ΠΈ ΠΌΠΈΠ½ΠΈ-Ρ„ΡƒΡ‚Π΅Ρ€

МногиС сайты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΎΡ‰Ρ€ΡΡŽΡ‚ просмотр, Π²Ρ‹Π±ΠΈΡ€Π°ΡŽΡ‚ бСсконСчный скролл, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Π½Π° страницС. Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ постоянно загруТаСтся, поэтому Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницС Π½Π΅Ρ‚ Π΅Π΄ΠΈΠ½ΠΎΠ³ΠΎ Π½ΠΈΠ·Π° ΠΈ, ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Π½Π΅Ρ‚ Ρ„ΡƒΡ‚Π΅Ρ€Π°. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±Ρ‹Π» Π±Ρ‹ Π² Ρ„ΡƒΡ‚Π΅Ρ€Π΅ (ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, ссылки для Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ), отобраТаСтся Π² Π²ΠΈΠ΄Π΅ Β«ΠΌΠΈΠ½ΠΈ-Ρ„ΡƒΡ‚Π΅Ρ€Π°Β» справа ΠΈΠ»ΠΈ Π² Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½ΠΎΠΉ глобальной Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ.

Π§Ρ‚ΠΎΠ±Ρ‹ Ρ„ΡƒΡ‚Π΅Ρ€ Π±Ρ‹Π» ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΌ, ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡ€ΠΈΡΡƒΡ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° всСх страницах сайта. НСкоторыС сайты ΠΏΡ‹Ρ‚Π°ΡŽΡ‚ΡΡ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΠΈ Ρ‚ΠΎΡ‚ ΠΆΠ΅ Ρ„ΡƒΡ‚Π΅Ρ€ для страниц ΠΊΠ°ΠΊ статичСской, Ρ‚Π°ΠΊ ΠΈ динамичСской Π΄Π»ΠΈΠ½Ρ‹. Однако, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΏΡ‹Ρ‚Π°ΡŽΡ‚ΡΡ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ эти Ρ„ΡƒΡ‚Π΅Ρ€Ρ‹ Π½Π° сайтах с бСсконСчным скроллом, это часто прСвращаСтся Π² Ρ€Π°Π·ΠΎΡ‡Π°Ρ€ΠΎΠ²Ρ‹Π²Π°ΡŽΡ‰ΡƒΡŽ ΠΈΠ³Ρ€Ρƒ Π² догонялки, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΏΡ‹Ρ‚Π°ΡŽΡ‚ΡΡ Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° ссылки ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ быстрСС, ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ Ρ‚Π΅ снова исчСзнут. ВмСсто этого, Ссли Π²Ρ‹ ΠΏΠ»Π°Π½ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ бСсконСчный скролл, рассмотритС Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ размСщСния ΠΌΠΈΠ½ΠΈ-Ρ„ΡƒΡ‚Π΅Ρ€Π° Π² ΠΏΡ€Π°Π²ΠΎΠΌ столбцС ΠΈ ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ Π·Π°ΠΊΡ€Π΅ΠΏΠ»Π΅Π½ рядом с основным ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ Π²ΠΎ врСмя скроллинга.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для: страниц с бСсконСчным скроллом

Π‘Π°ΠΉΡ‚Ρ‹ с бСсконСчной ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΎΠΉ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ LinkedIn.com, часто содСрТат ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Ρ„ΡƒΡ‚Π΅Ρ€Π° Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… мСстах, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π² Π½ΠΈΠΆΠ½Π΅ΠΉ части ΠΏΡ€Π°Π²ΠΎΠ³ΠΎ столбцаBarstoolSports.com содСрТит Π² глобальной Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Ρ‚Ρ€Π°Π΄ΠΈΡ†ΠΈΠΎΠ½Π½ΠΎ отобраТаСтся Π² Ρ„ΡƒΡ‚Π΅Ρ€Π΅. Barstool.com Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ Ρ„ΡƒΡ‚Π΅Ρ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ смСщаСтся ΠΏΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ Π½ΠΎΠ²ΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°. (Π’ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² Π½Π°Π²Π΅Π΄ΠΈΡ‚Π΅ курсор Π½Π° Π²ΠΈΠ΄Π΅ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ элСмСнты управлСния, Ссли ΠΎΠ½ΠΈ Π΅Ρ‰Π΅ Π½Π΅ Π²ΠΈΠ΄Π½Ρ‹)

ΠšΠΎΠ½Ρ‚Π΅ΠΊΡΡ‚Π½Ρ‹Π΅ Ρ„ΡƒΡ‚Π΅Ρ€Ρ‹

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

НапримСр, Π½Π° домашнСй страницС Medium.com Π½Π΅Ρ‚ Ρ„ΡƒΡ‚Π΅Ρ€Π°. На страницС отобраТаСтся бСсконСчно ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Π΅ΠΌΡ‹ΠΉ список статСй. (На страницС Π΅ΡΡ‚ΡŒ ΠΌΠΈΠ½ΠΈ-Ρ„ΡƒΡ‚Π΅Ρ€ справа, ΠΊΠ°ΠΊ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Π½ΠΎ Π²Ρ‹ΡˆΠ΅). Однако Π½Π° страницС ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠΉ ΡΡ‚Π°Ρ‚ΡŒΠΈ отобраТаСтся Ρ„ΡƒΡ‚Π΅Ρ€ Π½Π° основС Π·Π°Π΄Π°Ρ‡, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ зависят ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, являСтся Π»ΠΈ Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»ΡŒ подписчиком ΠΈΠ»ΠΈ Π½Π΅Ρ‚.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ для: сайтов с Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΌΠΈ ролями (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Β«ΡΠΎΠ·Π΄Π°Ρ‚Π΅Π»ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°Β» vs «потрСбитСля ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°Β» ΠΈΠ»ΠΈ «участник» vs Β«Π³ΠΎΡΡ‚ΡŒΒ»)

Π€ΡƒΡ‚Π΅Ρ€ Π½Π° сайтС Medium содСрТит нСсколько ссылок Π½Π° связанныС ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ, ΠΈ ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠΈΠ²Π°Π΅Ρ‚ прСимущСства члСнства Π² Medium для людСй, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ вошли Π² Π°ΠΊΠΊΠ°ΡƒΠ½Ρ‚

Π₯Π°Ρ€Π°ΠΊΡ‚Π΅Ρ€Π½Ρ‹Π΅ ошибки Ρ„ΡƒΡ‚Π΅Ρ€Π° (ΠΈ ΠΈΡ… Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ)

Π€ΡƒΡ‚Π΅Ρ€Ρ‹ ΠΏΡ€ΠΎΡˆΠ»ΠΈ Π΄ΠΎΠ»Π³ΠΈΠΉ ΠΏΡƒΡ‚ΡŒ с 1990-Ρ… Π³ΠΎΠ΄ΠΎΠ², Π½ΠΎ ΠΏΠΎ сСй дСнь Π΅Ρ‰Π΅ Π²ΡΡ‚Ρ€Π΅Ρ‡Π°ΡŽΡ‚ΡΡ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ распространСнныС ошибки:

  • Π‘ΠΎΠ»Π΅Π΅ Π΄Π²ΡƒΡ… ΡƒΡ€ΠΎΠ²Π½Π΅ΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΠΈ
    НСльзя Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ всю ΠΊΠ°Ρ€Ρ‚Ρƒ сайта Π² Ρ„ΡƒΡ‚Π΅Ρ€. Π€ΡƒΡ‚Π΅Ρ€ – это ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½ΠΎΠ΅ количСство пространства экрана, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ посвящСно Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Π°ΠΆΠ½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ. Как ΠΎΠ΄Π½Π°ΠΆΠ΄Ρ‹ ΠΌΠ΅Ρ‚ΠΊΠΎ сказала моя ΠΌΠ°ΠΌΠ°: «Если всС Π²Π°ΠΆΠ½ΠΎ, Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ Π²Π°ΠΆΠ½ΠΎΒ». Β 
    • Π Π•Π¨Π•ΠΠ˜Π•: ΠŸΠΎΠ΄ΡƒΠΌΠ°ΠΉΡ‚Π΅ ΠΎ пСрСраспрСдСлСнии ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ссылок Π½Π° ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ ΠΈ Π²Ρ‚ΠΎΡ€ΠΎΠ³ΠΎ уровня, Π° Π½Π΅ Π½Π° вСсь сайт. Если ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Π°Ρ страница Π½ΠΈΠΆΠ½Π΅Π³ΠΎ уровня достаточно Π²Π°ΠΆΠ½Π°, ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚Π΅ эту ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΡƒΡŽ ссылку Π² Ρ„ΡƒΡ‚Π΅Ρ€Π΅, Π½ΠΎ Π²Π°ΠΌ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ всС ΡƒΡ€ΠΎΠ²Π½ΠΈ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΅Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΡ‚ΡŒ.
  • НСясныС ΠΈΠΌΠ΅Π½Π° ссылок Π² Ρ„ΡƒΡ‚Π΅Ρ€Π΅ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Company InfoΒ ΠΈΠ»ΠΈΒ Help вмСсто Contact Us)
    ΠŸΡ€Π΅ΡΠ»ΠΎΠ²ΡƒΡ‚Π°Ρ ссылка «РСсурсы»  Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ… Ρ„ΡƒΡ‚Π΅Ρ€Π°Ρ… являСтся ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· прискорбных ΠΏΠ΅Ρ€Π΅ΠΆΠΈΡ‚ΠΊΠΎΠ² ΠΏΡ€ΠΎΡˆΠ»ΠΎΠ³ΠΎ. Β 
    • Π Π•Π¨Π•ΠΠ˜Π•: ΠšΠΎΠΌΠ°Π½Π΄Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡΡ‚Π°Ρ€Π°Ρ‚ΡŒΡΡ ΠΏΡ€ΠΈΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒΡΡ общСпринятых, Ρ‡Π΅Ρ‚ΠΊΠΈΡ… условий. Если ΠΊΠΎΠΌΠ°Π½Π΄Π° Π½Π΅ ΡƒΠ²Π΅Ρ€Π΅Π½Π°, ΠΊΠ°ΠΊΠΎΠΉ Ρ‚Π΅Ρ€ΠΌΠΈΠ½ Π±ΡƒΠ΄Π΅Ρ‚ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ подходящим, сортировка ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ ΠΈΠ»ΠΈ тСст ΡŽΠ·Π°Π±ΠΈΠ»ΠΈΡ‚ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ с Ρ‚Π΅Ρ€ΠΌΠΈΠ½ΠΎΠ»ΠΎΠ³ΠΈΠ΅ΠΉ.
  • НСясная структура ΠΈΠ»ΠΈ информационная иСрархия
    Иногда Ρ„ΡƒΡ‚Π΅Ρ€ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ «свалкой» для потСрянных ссылок, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ ссылок, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅, ΠΏΠΎ-Π²ΠΈΠ΄ΠΈΠΌΠΎΠΌΡƒ, Π½Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ ΠΊ глобальной Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΈΠ»ΠΈ второстСпСнным Π·Π°Π΄Π°Ρ‡Π°ΠΌ. Если Ρƒ Ρ„ΡƒΡ‚Π΅Ρ€Π° отсутствуСт ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½ ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Π»ΠΈΠ±ΠΎ придСтся ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ всС ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, Π»ΠΈΠ±ΠΎ ΠΎΠ½ΠΈ потратят ΠΎΡ‡Π΅Π½ΡŒ ΠΌΠ°Π»ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π½Π° Π΅Π³ΠΎ ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠ΅.
Π€ΡƒΡ‚Π΅Ρ€ GM Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ Ρ‡Π΅Ρ‚ΠΊΠΎΠΉ структуры ΠΈΠ·-Π·Π° отсутствия ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΠΈ. Подобная настройка затрудняСт сканированиС ΠΈΠ»ΠΈ поиск содСрТимого
  • Π Π•Π¨Π•ΠΠ˜Π•: Π§Π΅Ρ‚ΠΊΠΎ ΠΏΠ΅Ρ€Π΅Π΄Π°ΠΉΡ‚Π΅ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΡƒΡŽ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΡŽ элСмСнтов Π² Ρ„ΡƒΡ‚Π΅Ρ€Π΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ группирования ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… шаблонов Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΡŽ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΆΠΈΡ€Π½Ρ‹Π΅ ссылки Π½Π° страницы Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ уровня ΠΈ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Π΅ ссылки Π½Π° страницы Π½ΠΈΠΆΠ½Π΅Π³ΠΎ уровня).

Иногда ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°ΡŽΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΡ€ΠΎΡˆΠ΅Ρ‡Π½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° для ссылок Ρ„ΡƒΡ‚Π΅Ρ€Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ всС ссылки ΠΈΠ»ΠΈ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ссылки ΠΌΠ΅Π½Π΅Π΅ ΠΎΡ‚Π²Π»Π΅ΠΊΠ°ΡŽΡ‰ΠΈΠΌΠΈ. Π₯ΡƒΠΆΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ сайты ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ ΠΈΠ»ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ Ρ„ΡƒΡ‚Π΅Ρ€ Π² эстСтичСских цСлях. Π₯отя Ρ„ΡƒΡ‚Π΅Ρ€ Π½Π΅ являСтся элСмСнтом основной Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, люди всС Π΅Ρ‰Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π΅Π³ΠΎ ΠΈ ΠΏΠΎΠ»Π°Π³Π°ΡŽΡ‚ΡΡ Π½Π° Π½Π΅Π³ΠΎ, поэтому Π½Π΅ ΠΏΡ‹Ρ‚Π°ΠΉΡ‚Π΅ΡΡŒ Π΅Π³ΠΎ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ.

Π’ Π±ΠΎΠ»Π΅Π΅ Ρ€Π°Π½Π½Π΅ΠΉ ΠΈΡ‚Π΅Ρ€Π°Ρ†ΠΈΠΈ Ρ„ΡƒΡ‚Π΅Ρ€Π° Π½Π° сайтС Reserved.com использовалась функция Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°, которая ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π±Ρ‹Π»Π° свСрнута, Ρ‡Ρ‚ΠΎ затрудняло Π΅Π΅ поискВ Π±ΠΎΠ»Π΅Π΅ Ρ€Π°Π½Π½Π΅ΠΉ ΠΈΡ‚Π΅Ρ€Π°Ρ†ΠΈΠΈ Ρ„ΡƒΡ‚Π΅Ρ€Π° Π½Π° сайтС Reserved.com использовалась функция Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°, которая ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π±Ρ‹Π»Π° свСрнута, Ρ‡Ρ‚ΠΎ затрудняло Π΅Π΅ поиск
  • Π Π•Π¨Π•ΠΠ˜Π•: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ€Π°Π·Π±ΠΎΡ€Ρ‡ΠΈΠ²Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ Ρ†Π²Π΅Ρ‚ ΡˆΡ€ΠΈΡ„Ρ‚Π° (с ΠΏΡ€ΠΈΠ»ΠΈΡ‡Π½Ρ‹ΠΌ контрастом) ΠΈ ΠΈΠ·Π±Π΅Π³Π°ΠΉΡ‚Π΅ использования Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ². Π‘Π°ΠΌΠΎΠ΅ Π³Π»Π°Π²Π½ΠΎΠ΅, Π½Π΅ скрывайтС Ρ„ΡƒΡ‚Π΅Ρ€ – люди ΠΎΠΆΠΈΠ΄Π°ΡŽΡ‚ Π΅Π³ΠΎ Ρ‚Π°ΠΌ Π½Π°ΠΉΡ‚ΠΈ.

Π’Ρ‹Π²ΠΎΠ΄

Π€ΡƒΡ‚Π΅Ρ€ – это мСсто, ΠΊΡƒΠ΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΈΠ΄ΡƒΡ‚, ΠΊΠΎΠ³Π΄Π° Ρ‚Π΅Ρ€ΡΡŽΡ‚ΡΡ. Если ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π΅ Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Π½ΠΈΠ΅, Π²Π°ΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΌΡ‹ Π½Π΅ ΠΏΡ€Π΅Π½Π΅Π±Ρ€Π΅Π³Π°Π»ΠΈ Π½ΠΈΠΆΠ½Π΅ΠΉ Ρ‡Π°ΡΡ‚ΡŒΡŽ страницы. Π’ ΠΊΠΎΠ½Ρ†Π΅ ΠΊΠΎΠ½Ρ†ΠΎΠ², Π΄Π°ΠΆΠ΅ самыС ΠΎΠ±Ρ‹Π΄Π΅Π½Π½Ρ‹Π΅, ΡƒΡ‚ΠΈΠ»ΠΈΡ‚Π°Ρ€Π½Ρ‹Π΅ Ρ€Π°Π·Π΄Π΅Π»Ρ‹ интСрфСйса ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ наибольшСС влияниС Π½Π° ΠΎΠΏΡ‹Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ.

ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ большС совСтов ΠΏΠΎΒ  созданию Π±ΠΎΠ»Π΅Π΅ эффСктивных Π²Π΅Π±-страниц Π² нашСм курсС Web Page UX Design.

РСсурсы

Jakob Nielsen & Kara Pernice, 2010,Β Eyetracking Web Usability,Β The New Riders

Word: Π²Π΅Ρ€Ρ…Π½ΠΈΠ΅ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹

Π£Ρ€ΠΎΠΊ 16: Π’Π΅Ρ€Ρ…Π½ΠΈΠ΅ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹

/ ru / word / columns / content /

Π’Π²Π΅Π΄Π΅Π½ΠΈΠ΅

Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ — это Ρ€Π°Π·Π΄Π΅Π» Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ отобраТаСтся Π½Π° Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΠΏΠΎΠ»Π΅ , Π° Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» — это Ρ€Π°Π·Π΄Π΅Π» Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ отобраТаСтся Π½Π° Π½ΠΈΠΆΠ½Π΅ΠΌ ΠΏΠΎΠ»Π΅ . Π’Π΅Ρ€Ρ…Π½ΠΈΠ΅ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ содСрТат Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, Ρ‚Π°ΠΊΡƒΡŽ ​​как Π½ΠΎΠΌΠ΅Ρ€ΠΎΠ² страниц , Π΄Π°Ρ‚ , имя Π°Π²Ρ‚ΠΎΡ€Π° ΠΈ сносок , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ Π΄Π»ΠΈΠ½Π½Ρ‹Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ ΠΈ ΠΎΠ±Π»Π΅Π³Ρ‡ΠΈΡ‚ΡŒ ΠΈΡ… Ρ‡Ρ‚Π΅Π½ΠΈΠ΅.ВСкст, Π²Π²Π΅Π΄Π΅Π½Π½Ρ‹ΠΉ Π² Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ», Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.

ΠΠ΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ: Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ наш практичСский Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚.

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ Π²ΠΈΠ΄Π΅ΠΎ Π½ΠΈΠΆΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ большС ΠΎ Π²Π΅Ρ€Ρ…Π½ΠΈΡ… ΠΈ Π½ΠΈΠΆΠ½ΠΈΡ… ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°Ρ… Π² Word.

Для создания Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°:

Π’ нашСм ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ имя Π°Π²Ρ‚ΠΎΡ€Π° Π²Π²Π΅Ρ€Ρ…Ρƒ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницы, поэтому ΠΌΡ‹ помСстим Π΅Π³ΠΎ Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ.

  1. Π”Π²Π°ΠΆΠ΄Ρ‹ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π² любом мСстС Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ поля Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.Π’ нашСм ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΌΡ‹ Π΄Π²Π°ΠΆΠ΄Ρ‹ Ρ‰Π΅Π»ΠΊΠ½Π΅ΠΌ Π²Π΅Ρ€Ρ…Π½Π΅Π΅ ΠΏΠΎΠ»Π΅.
  2. ΠžΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ΡΡ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ», Π° с ΠΏΡ€Π°Π²ΠΎΠΉ стороны Π»Π΅Π½Ρ‚Ρ‹ появится Π²ΠΊΠ»Π°Π΄ΠΊΠ° Design . Π’ΠΎΡ‡ΠΊΠ° вставки появится Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅ΠΌ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π΅.
  3. Π’Π²Π΅Π΄ΠΈΡ‚Π΅ ΠΆΠ΅Π»Π°Π΅ΠΌΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π² Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ». Π’ нашСм ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΌΡ‹ Π²Π²Π΅Π΄Π΅ΠΌ имя Π°Π²Ρ‚ΠΎΡ€Π° ΠΈ Π΄Π°Ρ‚Ρƒ.
  4. Когда Π²Ρ‹ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΡ‚Π΅, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π—Π°ΠΊΡ€Ρ‹Ρ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ . Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Esc .
  5. ΠŸΠΎΡΠ²ΠΈΡ‚ΡΡ тСкст Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°.
Π§Ρ‚ΠΎΠ±Ρ‹ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ прСдустановлСнный Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»:

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

  1. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Insert , Π·Π°Ρ‚Π΅ΠΌ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Header ΠΈΠ»ΠΈ Footer . Π’ нашСм ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΌΡ‹ Ρ‰Π΅Π»ΠΊΠ½Π΅ΠΌ ΠΏΠΎ ΠΊΠΎΠΌΠ°Π½Π΄Π΅ Header .
  2. Π’ появившСмся мСню Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΆΠ΅Π»Π°Π΅ΠΌΡ‹ΠΉ прСдустановлСнный Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» .
  3. ΠŸΠΎΡΠ²ΠΈΡ‚ΡΡ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ». МногиС прСдустановлСнныС Π²Π΅Ρ€Ρ…Π½ΠΈΠ΅ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ содСрТат тСкстовыС Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΠΈ, Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹Π΅ полями Content Control . Π­Ρ‚ΠΈ поля ΡƒΠ΄ΠΎΠ±Π½Ρ‹ для добавлСния Ρ‚Π°ΠΊΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, ΠΊΠ°ΠΊ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, имя Π°Π²Ρ‚ΠΎΡ€Π°, Π΄Π°Ρ‚Π° ΠΈ Π½ΠΎΠΌΠ΅Ρ€ страницы.
  4. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π΅ Content Control, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π΅Π³ΠΎ ΠΈ Π²Π²Π΅Π΄ΠΈΡ‚Π΅ ΠΆΠ΅Π»Π°Π΅ΠΌΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ .
  5. Когда Π²Ρ‹ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΡ‚Π΅, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π—Π°ΠΊΡ€Ρ‹Ρ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ . Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Esc .

Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ ΠΏΠΎΠ»Π΅ Content Control, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π΅Π³ΠΎ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Remove Content Control Π² появившСмся мСню.

Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π²Π΅Ρ€Ρ…Π½ΠΈΡ… ΠΈ Π½ΠΈΠΆΠ½ΠΈΡ… ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»ΠΎΠ²

ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ Π·Π°ΠΊΡ€ΠΎΠ΅Ρ‚Π΅ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ», ΠΎΠ½ ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ Π±ΡƒΠ΄Π΅Ρ‚ Π²ΠΈΠ΄Π΅Π½, Π½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Π½ . ΠŸΡ€ΠΎΡΡ‚ΠΎ Π΄Π²Π°ΠΆΠ΄Ρ‹ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ», Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ , Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π²Π°ΠΌ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ.

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Β«Π”ΠΈΠ·Π°ΠΉΠ½Β»

Когда Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ вашСго Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Ρ€Π°Π·Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Π½Ρ‹, справа ΠΎΡ‚ Π»Π΅Π½Ρ‚Ρ‹ появится Π²ΠΊΠ»Π°Π΄ΠΊΠ° Design , ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰Π°Ρ Π²Π°ΠΌ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ рСдактирования:

  • Π‘ΠΊΡ€Ρ‹Ρ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ ΠΏΠ΅Ρ€Π²ΠΎΠΉ страницы : для Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π΅ Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π° Π½Π° ΠΏΠ΅Ρ€Π²ΠΎΠΉ страницС, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ссли Ρƒ вас Π΅ΡΡ‚ΡŒ Ρ‚ΠΈΡ‚ΡƒΠ»ΡŒΠ½Π°Ρ страница ΠΈ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π½Π°Ρ‡Π°Ρ‚ΡŒ Π½ΡƒΠΌΠ΅Ρ€Π°Ρ†ΠΈΡŽ страниц Π½Π° Π²Ρ‚ΠΎΡ€ΠΎΠΉ страницС.Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ ΠΏΠ΅Ρ€Π²ΠΎΠΉ страницы, установитС Ρ„Π»Π°ΠΆΠΎΠΊ Другая пСрвая страница .
  • Π£Π΄Π°Π»ΠΈΡ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» : Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ всю ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‰ΡƒΡŽΡΡ Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ΅, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π£Π΄Π°Π»ΠΈΡ‚ΡŒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π² появившСмся мСню. Π’ΠΎΡ‡Π½ΠΎ Ρ‚Π°ΠΊ ΠΆΠ΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ Footer .
  • НомСр страницы : Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ автоматичСски ΠΏΡ€ΠΎΠ½ΡƒΠΌΠ΅Ρ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΆΠ΄ΡƒΡŽ страницу с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ НомСр страницы.ΠŸΡ€ΠΎΡ‡Ρ‚ΠΈΡ‚Π΅ наш ΡƒΡ€ΠΎΠΊ «НомСра страниц», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ большС.
  • Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ : Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΠΌΠ°Π½Π΄, доступных Π² Π³Ρ€ΡƒΠΏΠΏΠ΅ Β«Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒΒ», Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΄Π°Ρ‚Ρƒ ΠΈ врСмя , ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ , ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π² свой Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ».
Π§Ρ‚ΠΎΠ±Ρ‹ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΄Π°Ρ‚Ρƒ ΠΈΠ»ΠΈ врСмя Π² Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»:

Иногда ΠΏΠΎΠ»Π΅Π·Π½ΠΎ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π΄Π°Ρ‚Ρƒ ΠΈΠ»ΠΈ врСмя Π² Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ». НапримСр, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Ρ…ΠΎΡ‚Π΅Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π² вашСм Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π»Π°ΡΡŒ Π΄Π°Ρ‚Π° , ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ Π±Ρ‹Π» создан .

Π‘ Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Ρ…ΠΎΡ‚Π΅Ρ‚ΡŒ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π΄Π°Ρ‚Ρƒ , ΠΊΠΎΠ³Π΄Π° ΠΎΠ½Π° Π±Ρ‹Π»Π° Π½Π°ΠΏΠ΅Ρ‡Π°Ρ‚Π°Π½Π° , Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, установив для Π½Π΅Π΅ , ΠΎΠ±Π½ΠΎΠ²Π»ΡΡ‚ΡŒ автоматичСски . Π­Ρ‚ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ, Ссли Π²Ρ‹ часто обновляСтС ΠΈ распСчатываСтС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π²Ρ‹ всСгда смоТСтС ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ, какая вСрсия являСтся самой послСднСй.

  1. Π”Π²Π°ΠΆΠ΄Ρ‹ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π² любом мСстС Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ. ΠŸΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚Π΅ Ρ‚ΠΎΡ‡ΠΊΡƒ вставки Π² Ρ‚ΠΎ мСсто, Π³Π΄Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π΄Π°Ρ‚Π° ΠΈΠ»ΠΈ врСмя. Π’ нашСм ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΌΡ‹ помСстим Ρ‚ΠΎΡ‡ΠΊΡƒ вставки Π² строку ΠΏΠΎΠ΄ ΠΈΠΌΠ΅Π½Π΅ΠΌ Π°Π²Ρ‚ΠΎΡ€Π°.
  2. ΠžΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΠ° Design . Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Π”Π°Ρ‚Π° ΠΈ врСмя .
  3. ΠžΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ΡΡ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ Π”Π°Ρ‚Π° ΠΈ врСмя . Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΆΠ΅Π»Π°Π΅ΠΌΡƒΡŽ Π΄Π°Ρ‚Ρƒ ΠΈΠ»ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ .
  4. УстановитС Ρ„Π»Π°ΠΆΠΎΠΊ рядом с ΠžΠ±Π½ΠΎΠ²Π»ΡΡ‚ΡŒ автоматичСски , Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄Π°Ρ‚Π° измСнялась ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π· ΠΏΡ€ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠΈ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. Если Π²Ρ‹ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄Π°Ρ‚Π° мСнялась, Π½Π΅ устанавливайтС этот Ρ„Π»Π°ΠΆΠΎΠΊ.
  5. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ОК .
  6. Π”Π°Ρ‚Π° появится Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ΅.

Π’Ρ‹Π·ΠΎΠ²!

  1. ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ наш практичСский Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚. Если Π²Ρ‹ ΡƒΠΆΠ΅ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΠ»ΠΈ наш практичСский Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ вмСстС с ΡƒΡ€ΠΎΠΊΠΎΠΌ, ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ Π½ΠΎΠ²ΡƒΡŽ копию, Ρ‰Π΅Π»ΠΊΠ½ΡƒΠ² ссылку Π½Π° этом шагС.
  2. ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ .
  3. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Align Right Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Home ΠΈ Π²Π²Π΅Π΄ΠΈΡ‚Π΅ своС имя.
  4. Под своим ΠΈΠΌΠ΅Π½Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Date & Time Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Design ΠΈ Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅ Π΄Π°Ρ‚Ρƒ Π² любом ΠΆΠ΅Π»Π°Π΅ΠΌΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅.
  5. Π’ Ρ€Π°Π·Π΄Π΅Π»Π΅ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅ прСдустановлСнный Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» Π‘Π΅Ρ‚ΠΊΠ° . Если Π² вашСй вСрсии Word Π½Π΅Ρ‚ прСдустановки сСтки, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π»ΡŽΠ±ΡƒΡŽ Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΡƒΡŽ прСдустановку.
  6. Π—Π°ΠΊΡ€ΠΎΠΉΡ‚Π΅ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹.
  7. Когда Π²Ρ‹ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΡ‚Π΅, ваша страница Π΄ΠΎΠ»ΠΆΠ½Π° Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Ρ‚Π°ΠΊ:

/ ru / word / page-numbers / content /

Π²Π΅Ρ€Ρ…Π½ΠΈΡ… ΠΈ Π½ΠΈΠΆΠ½ΠΈΡ… ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»ΠΎΠ² | ΠšΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π½Ρ‹Π΅ прилоТСния для ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ΠΎΠ²

Π¦Π΅Π»ΠΈ обучСния

  • Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ тСкст Π² Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹.

Π’Π΅Ρ€Ρ…Π½ΠΈΠ΅ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ — это вСрхняя ΠΈ ниТняя части Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° соотвСтствСнно. Π­Ρ‚ΠΎ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π°Π·Π΄Π΅Π»Ρ‹ ΠΎΡ‚ основного Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для хранСния сносок, Π½ΠΎΠΌΠ΅Ρ€ΠΎΠ² страниц, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ управлСния Β«Π’Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹Β» находятся Π² Π³Ρ€ΡƒΠΏΠΏΠ΅ Β«Π’Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹Β» Π²ΠΊΠ»Π°Π΄ΠΊΠΈ «Вставка». (Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ> Π’Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹)

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Β«Π’Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Β» ΠΈ «НиТний ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Β» содСрТат Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· встроСнных ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ², Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ, ΠΈΠ»ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Β» (ΠΈΠ»ΠΈ Β«Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Β»), Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ (ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ) ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ».

Π’Π΅Ρ€Ρ…Π½ΠΈΠΉ / Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ Π±ΡƒΠ΄ΡƒΡ‚ прСдставлСны ΠΏΡƒΠ½ΠΊΡ‚ΠΈΡ€Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠ΅ΠΉ. Π’ Ρ€Π΅ΠΆΠΈΠΌΠ΅ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ / Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π° (ΠΊΠΎΠ³Π΄Π° Π²ΠΈΠ΄Π½Ρ‹ ΠΏΡƒΠ½ΠΊΡ‚ΠΈΡ€Π½Ρ‹Π΅ Π»ΠΈΠ½ΠΈΠΈ) Π²Ρ‹ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ основной тСкст. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ ΠΊ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ основного тСкста, Π²Ρ‹Π±Ρ€Π°Π² ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Β«Π—Π°ΠΊΡ€Ρ‹Ρ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹Β» Π² ΠΏΡ€Π°Π²ΠΎΠΉ части Π»Π΅Π½Ρ‚Ρ‹.

Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ

НиТний ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»

Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅ΠΌ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π΅ повторяСтся Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅ΠΌ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.

ΠŸΠ΅Ρ€Π²Π°Ρ страница

Вторая страница

НомСра страниц

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ автоматичСски ΠΏΡ€ΠΎΠ½ΡƒΠΌΠ΅Ρ€ΠΎΠ²Π°Ρ‚ΡŒ страницы Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π² ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°Ρ… Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ / Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π° «НомСр страницы».Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ мСсто Π½Π° страницС, пСрСйдя ΠΊ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°ΠΌ Β«Π’Π΅Ρ€Ρ… страницы», «Низ страницы», «Поля страницы» ΠΈΠ»ΠΈ Β«Π’Π΅ΠΊΡƒΡ‰Π΅Π΅ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅Β» ΠΈ Π²Ρ‹Π±Ρ€Π°Π² Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅. (ВСкущая позиция ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Π³Π΄Π΅ находится курсор.)

НомСр страницы Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡΡ‚ΡŒΡΡ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницС Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅ΠΌ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π΅, Π½ΠΎ Π½ΠΎΠΌΠ΅Ρ€ измСнится, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚Ρ€Π°Π·ΠΈΡ‚ΡŒ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ Π½ΠΎΠΌΠ΅Ρ€ страницы. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ способ Π½ΡƒΠΌΠ΅Ρ€Π°Ρ†ΠΈΠΈ страниц, Π²Ρ‹Π±Ρ€Π°Π² ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Β«Π€ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½ΠΎΠΌΠ΅Ρ€Π° страниц».

ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ своС ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅

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

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ этот тСст, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ своС ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΈ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ, слСдуСт Π»ΠΈ (1) ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠΉ Ρ€Π°Π·Π΄Π΅Π» дальшС ΠΈΠ»ΠΈ (2) ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌΡƒ Ρ€Π°Π·Π΄Π΅Π»Ρƒ.

Π’Π΅Ρ€Ρ…Π½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹, Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ ΠΈ Π½ΠΎΠΌΠ΅Ρ€Π° страниц Π£Ρ‡Π΅Π±Π½ΠΎΠ΅ пособиС Π½Π° GCFLearnFree

Π’Π²Π΅Π΄Π΅Π½ΠΈΠ΅

Π’ΠΈΠ΄Π΅ΠΎ: Π²Π΅Ρ€Ρ…Π½ΠΈΠ΅ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹,


ΠΈ Π½ΠΎΠΌΠ΅Ρ€Π° страниц

Π’Π°Ρˆ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π²ΠΈΠ΄Π΅ΠΎ Ρ‚Π΅Π³.

Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ — это Ρ€Π°Π·Π΄Π΅Π» Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ отобраТаСтся Π½Π° Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΠΏΠΎΠ»Π΅ , Π° Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» — это Ρ€Π°Π·Π΄Π΅Π» Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ отобраТаСтся Π½Π° Π½ΠΈΠΆΠ½Π΅ΠΌ ΠΏΠΎΠ»Π΅ . Π’Π΅Ρ€Ρ…Π½ΠΈΠ΅ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ содСрТат Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, Ρ‚Π°ΠΊΡƒΡŽ ​​как Π½ΠΎΠΌΠ΅Ρ€ΠΎΠ² страниц , Π΄Π°Ρ‚ , имя Π°Π²Ρ‚ΠΎΡ€Π° ΠΈ сносок , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ Π΄Π»ΠΈΠ½Π½Ρ‹Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ ΠΈ ΠΎΠ±Π»Π΅Π³Ρ‡ΠΈΡ‚ΡŒ ΠΈΡ… Ρ‡Ρ‚Π΅Π½ΠΈΠ΅. ВСкст, Π²Π²Π΅Π΄Π΅Π½Π½Ρ‹ΠΉ Π² Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ», Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ: Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ наш практичСский Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»:

Π’ нашСм ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ имя Π°Π²Ρ‚ΠΎΡ€Π° Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницы, поэтому ΠΌΡ‹ помСстим Π΅Π³ΠΎ Π² Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ».

  1. Π”Π²Π°ΠΆΠ΄Ρ‹ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π² любом мСстС Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ поля Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. Π’ нашСм ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π΄Π²Π°ΠΆΠ΄Ρ‹ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π²Π΅Ρ€Ρ…Π½Π΅Π΅ ΠΏΠΎΠ»Π΅. Π”Π²Π°ΠΆΠ΄Ρ‹ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ
  2. Π’Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» откроСтся, Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ° Design появится справа ΠΎΡ‚ Π»Π΅Π½Ρ‚Ρ‹ .Π’ΠΎΡ‡ΠΊΠ° вставки появится Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅ΠΌ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π΅. ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΉ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»
  3. Π’Π²Π΅Π΄ΠΈΡ‚Π΅ ΠΆΠ΅Π»Π°Π΅ΠΌΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π² Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ». Π’ нашСм ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΌΡ‹ Π²Π²Π΅Π΄Π΅ΠΌ имя Π°Π²Ρ‚ΠΎΡ€Π°. Π’Π²ΠΎΠ΄ тСкста Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ
  4. Когда Π²Ρ‹ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΡ‚Π΅, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Close Header and Footer . ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Esc . НаТав Π—Π°ΠΊΡ€Ρ‹Ρ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹
  5. ΠŸΠΎΡΠ²ΠΈΡ‚ΡΡ тСкст Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°. Π“ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»
Π§Ρ‚ΠΎΠ±Ρ‹ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ прСдустановлСнный Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»:

Word ΠΈΠΌΠ΅Π΅Ρ‚ мноТСство прСдустановлСнных Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² ΠΈ Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.Π’ нашСм ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΌΡ‹ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π² наш Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ прСдустановлСнный Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ.

  1. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ , Π·Π°Ρ‚Π΅ΠΌ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Π’Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» ΠΈΠ»ΠΈ НиТний ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» . Π’ нашСм ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΌΡ‹ Ρ‰Π΅Π»ΠΊΠ½Π΅ΠΌ ΠΏΠΎ ΠΊΠΎΠΌΠ°Π½Π΄Π΅ Header . Π©Π΅Π»ΠΊΠ½Π΅ΠΌ ΠΏΠΎ ΠΊΠΎΠΌΠ°Π½Π΄Π΅ Header
  2. Π’ появившСмся мСню Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΆΠ΅Π»Π°Π΅ΠΌΡ‹ΠΉ прСдустановлСнный Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» . Π’ нашСм ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΌΡ‹ Π²Ρ‹Π±Π΅Ρ€Π΅ΠΌ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ». Π’Ρ‹Π±ΠΎΡ€ прСдустановлСнного Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°
  3. ΠŸΠΎΡΠ²ΠΈΡ‚ΡΡ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ». ΠŸΡ€Π΅Π΄ΡƒΡΡ‚Π°Π½ΠΎΠ²Π»Π΅Π½Π½Ρ‹Π΅ Π²Π΅Ρ€Ρ…Π½ΠΈΠ΅ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ содСрТат Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΠΈ для Ρ‚Π°ΠΊΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, ΠΊΠ°ΠΊ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈΠ»ΠΈ Π΄Π°Ρ‚Π°; ΠΎΠ½ΠΈ извСстны ΠΊΠ°ΠΊ поля Content Control .Поля Content Control
  4. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π΅ Content Control, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π΅Π³ΠΎ ΠΈ Π²Π²Π΅Π΄ΠΈΡ‚Π΅ ΠΆΠ΅Π»Π°Π΅ΠΌΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ . Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ поля Content Control
  5. Когда Π²Ρ‹ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΡ‚Π΅, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Close Header and Footer . ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Esc . Π—Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°

Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ ΠΏΠΎΠ»Π΅ Content Control, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π΅Π³ΠΎ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Remove Content Control Π² появившСмся мСню.

УдалСниС поля Content Control

Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π²Π΅Ρ€Ρ…Π½ΠΈΡ… ΠΈ Π½ΠΈΠΆΠ½ΠΈΡ… ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»ΠΎΠ²

ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ Π·Π°ΠΊΡ€ΠΎΠ΅Ρ‚Π΅ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ», ΠΎΠ½ всС Π΅Ρ‰Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Π²ΠΈΠ΄Π΅Π½, Π½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Π½ .ΠŸΡ€ΠΎΡΡ‚ΠΎ Π΄Π²Π°ΠΆΠ΄Ρ‹ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ», Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ , Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π²Π°ΠΌ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ.

ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°
ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Β«Π”ΠΈΠ·Π°ΠΉΠ½Β»

Когда Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Ρ€Π°Π·Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Π½Ρ‹, Π²ΠΊΠ»Π°Π΄ΠΊΠ° Π”ΠΈΠ·Π°ΠΉΠ½ появится Π² ΠΏΡ€Π°Π²ΠΎΠΉ части Π»Π΅Π½Ρ‚Ρ‹, прСдоставляя Π²Π°ΠΌ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ рСдактирования:

  • Π‘ΠΊΡ€Ρ‹Ρ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» ΠΏΠ΅Ρ€Π²ΠΎΠΉ страницы ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» : для Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π΅ Π·Π°Ρ…ΠΎΡ‚Π΅Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π° ΠΏΠ΅Ρ€Π²ΠΎΠΉ страницС ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π»ΠΈΡΡŒ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ссли Ρƒ вас Π΅ΡΡ‚ΡŒ Ρ‚ΠΈΡ‚ΡƒΠ»ΡŒΠ½Π°Ρ страница ΠΈ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π½Π°Ρ‡Π°Ρ‚ΡŒ Π½ΡƒΠΌΠ΅Ρ€Π°Ρ†ΠΈΡŽ страниц Π½Π° Π²Ρ‚ΠΎΡ€ΠΎΠΉ страницС.Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ ΠΏΠ΅Ρ€Π²ΠΎΠΉ страницы, установитС Ρ„Π»Π°ΠΆΠΎΠΊ Другая пСрвая страница . Π‘ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π° ΠΏΠ΅Ρ€Π²ΠΎΠΉ страницы
  • Π£Π΄Π°Π»ΠΈΡ‚Π΅ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» : Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ всю ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‰ΡƒΡŽΡΡ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π΅, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π² появившСмся мСню Π£Π΄Π°Π»ΠΈΡ‚ΡŒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ . Π£Π΄Π°Π»Π΅Π½ΠΈΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°
  • Π£Π΄Π°Π»ΠΈΡ‚ΡŒ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» : Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ всю ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‰ΡƒΡŽΡΡ Π² Π½ΠΈΠΆΠ½Π΅ΠΌ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π΅, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ НиТний ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π£Π΄Π°Π»ΠΈΡ‚Π΅ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» ΠΈΠ· появившСгося мСню.Π£Π΄Π°Π»Π΅Π½ΠΈΠ΅ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°
  • Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ : Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ «НомСр страницы» ΠΈ ΠΊΠΎΠΌΠ°Π½Π΄, доступных Π² Π³Ρ€ΡƒΠΏΠΏΠ΅ Β«Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒΒ», Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½ΠΎΠΌΠ΅Ρ€Π° страниц , Π΄Π°Ρ‚Ρƒ ΠΈ врСмя , ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ Ρ‚. Π”. Π’ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ». Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π³Ρ€ΡƒΠΏΠΏΡƒ Π½Π° Π»Π΅Π½Ρ‚Π΅
Π§Ρ‚ΠΎΠ±Ρ‹ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΄Π°Ρ‚Ρƒ ΠΈΠ»ΠΈ врСмя Π² Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»:

Иногда ΠΏΠΎΠ»Π΅Π·Π½ΠΎ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π΄Π°Ρ‚Ρƒ ΠΈΠ»ΠΈ врСмя Π² Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ». НапримСр, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Ρ…ΠΎΡ‚Π΅Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π² вашСм Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π»Π°ΡΡŒ Π΄Π°Ρ‚Π° , ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ Π±Ρ‹Π» создан .

Π‘ Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Ρ…ΠΎΡ‚Π΅Ρ‚ΡŒ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π΄Π°Ρ‚Ρƒ , ΠΊΠΎΠ³Π΄Π° ΠΎΠ½Π° Π±Ρ‹Π»Π° Π½Π°ΠΏΠ΅Ρ‡Π°Ρ‚Π°Π½Π° , Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, установив для Π½Π΅Π΅ , ΠΎΠ±Π½ΠΎΠ²Π»ΡΡ‚ΡŒ автоматичСски . Π­Ρ‚ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ, Ссли Π²Ρ‹ часто обновляСтС ΠΈ распСчатываСтС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π²Ρ‹ всСгда смоТСтС ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ, какая вСрсия являСтся самой послСднСй.

  1. Π”Π²Π°ΠΆΠ΄Ρ‹ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π² любом мСстС Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ . ΠŸΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚Π΅ Ρ‚ΠΎΡ‡ΠΊΡƒ вставки Π² Ρ‚ΠΎ мСсто, Π³Π΄Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π΄Π°Ρ‚Π° ΠΈΠ»ΠΈ врСмя. Π’ нашСм ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΌΡ‹ помСстим Ρ‚ΠΎΡ‡ΠΊΡƒ вставки Π² строку ΠΏΠΎΠ΄ ΠΈΠΌΠ΅Π½Π΅ΠΌ Π°Π²Ρ‚ΠΎΡ€Π°.Π Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ Ρ‚ΠΎΡ‡ΠΊΠΈ вставки Π² Π½Π΅Π·Π°Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠΌ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ΅
  2. ΠŸΠΎΡΠ²ΠΈΡ‚ΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΠ° Design . Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Π”Π°Ρ‚Π° ΠΈ врСмя . Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Π”Π°Ρ‚Π° ΠΈ врСмя
  3. ΠžΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ΡΡ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ Π”Π°Ρ‚Π° ΠΈ врСмя . Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΆΠ΅Π»Π°Π΅ΠΌΡƒΡŽ Π΄Π°Ρ‚Ρƒ ΠΈΠ»ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ .
  4. УстановитС Ρ„Π»Π°ΠΆΠΎΠΊ ΠžΠ±Π½ΠΎΠ²Π»ΡΡ‚ΡŒ автоматичСски , Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄Π°Ρ‚Π° измСнялась ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π· ΠΏΡ€ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠΈ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. Если Π²Ρ‹ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄Π°Ρ‚Π° мСнялась, Π½Π΅ устанавливайтС этот Ρ„Π»Π°ΠΆΠΎΠΊ.
  5. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ OK . Π’Ρ‹Π±ΠΎΡ€ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° Π΄Π°Ρ‚Ρ‹
  6. Π”Π°Ρ‚Π° появится Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ΅. Π”Π°Ρ‚Π° Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ΅

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π½ΠΎΠΌΠ΅Ρ€ΠΎΠ² страниц

Word ΠΌΠΎΠΆΠ΅Ρ‚ автоматичСски ΠΏΠΎΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ ΠΊΠ°ΠΆΠ΄ΡƒΡŽ страницу Π½ΠΎΠΌΠ΅Ρ€ΠΎΠΌ страницы ΠΈ ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π² Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» , Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» ΠΈΠ»ΠΈ Π±ΠΎΠΊΠΎΠ²Ρ‹Π΅ поля . Если Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠ½ΡƒΠΌΠ΅Ρ€ΠΎΠ²Π°Ρ‚ΡŒ нСсколько страниц ΠΏΠΎ-Π΄Ρ€ΡƒΠ³ΠΎΠΌΡƒ, Word позволяСт ΠΏΠ΅Ρ€Π΅Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ страницы с Π½ΡƒΠΌΠ΅Ρ€Π°Ρ†ΠΈΠ΅ΠΉ .

Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½ΠΎΠΌΠ΅Ρ€Π° страниц Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚:

Π’ нашСм ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΌΡ‹ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π½ΡƒΠΌΠ΅Ρ€Π°Ρ†ΠΈΡŽ страниц Π² Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» нашСго Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.

  1. Π”Π²Π°ΠΆΠ΄Ρ‹ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π² любом мСстС Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π° с ΠΏΠΎ , Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ . Если Ρƒ вас Π΅Ρ‰Π΅ Π½Π΅Ρ‚ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄Π²Π°ΠΆΠ΄Ρ‹ Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ рядом с Π²Π²Π΅Ρ€Ρ…Ρƒ ΠΈΠ»ΠΈ Π²Π½ΠΈΠ·Ρƒ страницы . Π’ΠΊΠ»Π°Π΄ΠΊΠ° Design появится с ΠΏΡ€Π°Π²ΠΎΠΉ стороны Π»Π΅Π½Ρ‚Ρ‹. Π Π°Π·Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°
  2. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ НомСр страницы . Π’ появившСмся мСню Π½Π°Π²Π΅Π΄ΠΈΡ‚Π΅ ΡƒΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ ΠΌΡ‹ΡˆΠΈ Π½Π° ВСкущая позиция ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½ΡƒΠΆΠ½ΡƒΡŽ страницу с Π½ΡƒΠΌΠ΅Ρ€Π°Ρ†ΠΈΠ΅ΠΉ , ΡΡ‚ΠΈΠ»ΡŒ .Π’Ρ‹Π±ΠΎΡ€ стиля Π½ΠΎΠΌΠ΅Ρ€Π° страницы
  3. ΠŸΠΎΡΠ²ΠΈΡ‚ΡΡ нумСрация страниц. НомСр страницы Π² Π½ΠΈΠΆΠ½Π΅ΠΌ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π΅
  4. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚ , Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° ΠΈ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ Π½ΠΎΠΌΠ΅Ρ€ΠΎΠ² страниц, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½ΠΎΠΌΠ΅Ρ€ страницы ΠΈ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Home Ρ‚Π°Π±. ΠŸΠΎΡΠ²ΡΡ‚ΡΡ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ форматирования тСкста Word. НаТатиС Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΡƒ «Главная»
  5. Когда Π²Ρ‹ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΡ‚Π΅, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Esc . НумСрация страниц Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π°. ΠžΡ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Π½ΠΎΠΌΠ΅Ρ€ страницы

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½ΠΎΠΌΠ΅Ρ€Π° страниц Π² Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ», Ρ‰Π΅Π»ΠΊΠ½ΡƒΠ² ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ НомСр страницы , Π° Π·Π°Ρ‚Π΅ΠΌ Π²Ρ‹Π±Ρ€Π°Π² Π’Π²Π΅Ρ€Ρ…Ρƒ страницы ΠΈΠ»ΠΈ Π’Π½ΠΈΠ·Ρƒ страницы .Если Ρƒ вас Π΅ΡΡ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ», ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ ΡƒΠ΄Π°Π»Π΅Π½ ΠΈ Π·Π°ΠΌΠ΅Π½Π΅Π½ Π½ΠΎΠΌΠ΅Ρ€ΠΎΠΌ страницы.

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ ΠΈ Π½ΠΈΠΆΠ½Π΅ΠΉ части страницы
Для возобновлСния Π½ΡƒΠΌΠ΅Ρ€Π°Ρ†ΠΈΠΈ страниц:

Word позволяСт ΠΏΠ΅Ρ€Π΅Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ Π½ΡƒΠΌΠ΅Ρ€Π°Ρ†ΠΈΡŽ страниц Π½Π° любой страницС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это, вставив Ρ€Π°Π·Ρ€Ρ‹Π² Ρ€Π°Π·Π΄Π΅Π»Π°, Π° Π·Π°Ρ‚Π΅ΠΌ Π²Ρ‹Π±Ρ€Π°Π² Π½ΠΎΠΌΠ΅Ρ€, с ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π²ΠΎΠ·ΠΎΠ±Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π½ΡƒΠΌΠ΅Ρ€Π°Ρ†ΠΈΡŽ. Π’ нашСм ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΌΡ‹ пСрСзапустим Π½ΡƒΠΌΠ΅Ρ€Π°Ρ†ΠΈΡŽ страниц для Ρ€Π°Π·Π΄Π΅Π»Π° Works Cited нашСго Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.

  1. ΠŸΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚Π΅ Ρ‚ΠΎΡ‡ΠΊΡƒ вставки Π² Π²Π΅Ρ€Ρ…Π½ΡŽΡŽ Ρ‡Π°ΡΡ‚ΡŒ страницы , для ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π²ΠΎΠ·ΠΎΠ±Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π½ΡƒΠΌΠ΅Ρ€Π°Ρ†ΠΈΡŽ страниц.Если Π½Π° страницС Π΅ΡΡ‚ΡŒ тСкст, помСститС Ρ‚ΠΎΡ‡ΠΊΡƒ вставки Π² Π½Π°Ρ‡Π°Π»ΠΎ тСкста . Π Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ Ρ‚ΠΎΡ‡ΠΊΠΈ вставки
  2. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Page Layout , Π·Π°Ρ‚Π΅ΠΌ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Breaks . Π’ появившСмся Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌΡΡ мСню Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π‘Π»Π΅Π΄ΡƒΡŽΡ‰Π°Ρ страница . Π’Ρ‹Π±ΠΎΡ€ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ страницы
  3. Π’ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ Ρ€Π°Π·Ρ€Ρ‹Π² Ρ€Π°Π·Π΄Π΅Π»Π°.
  4. Π”Π²Π°ΠΆΠ΄Ρ‹ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ содСрТит Π½ΠΎΠΌΠ΅Ρ€ страницы, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ. Π’Ρ‹Π±ΠΎΡ€ Π½ΠΎΠΌΠ΅Ρ€Π° страницы для пСрСзапуска
  5. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ НомСр страницы .Π’ появившСмся мСню Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π€ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½ΠΎΠΌΠ΅Ρ€Π° страниц . Π€ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π½ΠΎΠΌΠ΅Ρ€Π° страницы
  6. ΠŸΠΎΡΠ²ΠΈΡ‚ΡΡ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ. НаТмитС ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΠ°Ρ‡Π°Ρ‚ΡŒ с: . По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΎΠ½ начинаСтся с 1 . Если Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π½ΠΎΠΌΠ΅Ρ€.
  7. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ OK . Π’ΠΎΠ·ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ Π½ΡƒΠΌΠ΅Ρ€Π°Ρ†ΠΈΠΈ страниц
  8. НумСрация страниц Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅Π·Π°ΠΏΡƒΡ‰Π΅Π½Π°. ΠŸΠ΅Ρ€Π΅Π·Π°ΠΏΡƒΡ‰Π΅Π½Π½Π°Ρ нумСрация страниц

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ большС ΠΎ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ Ρ€Π°Π·Ρ€Ρ‹Π²ΠΎΠ² Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ² Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, посСтитС наш ΡƒΡ€ΠΎΠΊ Β«Π Π°Π·Ρ€Ρ‹Π²Ρ‹Β».

Π’Ρ‹Π·ΠΎΠ²!

  1. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π½ΠΎΠ²Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Word . Если Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ нашим практичСским Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ.
  2. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ пустой Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ . Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ€Π°Π·Π±Π»ΠΎΠΊΠΈΡ€ΡƒΠΉΡ‚Π΅ ΡˆΠ°ΠΏΠΊΡƒ.
  3. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ имя Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ . Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ этот ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π²Π²Π΅Π΄ΠΈΡ‚Π΅ имя Tom Shelby послС Professor .
  4. ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ прСдустановлСнный Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» .
  5. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ сСгодняшнюю Π΄Π°Ρ‚Ρƒ Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ .Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ этот ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ сСгодняшнюю Π΄Π°Ρ‚Ρƒ ΠΏΠΎΠ΄ , профСссор Π’ΠΎΠΌ Π¨Π΅Π»Π±ΠΈ .
  6. ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½ΠΎΠΌΠ΅Ρ€ страницы Π² Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» . Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ этот ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π½ΠΎΠΌΠ΅Ρ€ страницы Π²Π½ΠΈΠ·Ρƒ страницы .
  7. ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ ΠΏΠ΅Ρ€Π΅Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ страницу с Π½ΡƒΠΌΠ΅Ρ€Π°Ρ†ΠΈΠ΅ΠΉ .

Π’Π΅Ρ€Ρ…Π½ΠΈΠ΅ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹: НаписаниС бизнСс-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ²

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»ΠΎΠ²

Π’Π΅Ρ€Ρ…Π½ΠΈΠ΅ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡΡŽΡ‚ΡΡ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΈ слуТат Ρ€Π°Π·Π½Ρ‹ΠΌ цСлям.

Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚:

  • НазваниС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°
  • Подзаголовок ΠΈΠ»ΠΈ Ρ€Π°Π·Π΄Π΅Π» ΠΈΠ»ΠΈ Ρ€Π°Π·Π΄Π΅Π»
  • Π›ΠΎΠ³ΠΎΡ‚ΠΈΠΏ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ

НиТниС ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚:

  • Имя Π°Π²Ρ‚ΠΎΡ€Π° (ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½ΠΎ)
  • Π”Π°Ρ‚Π° ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ
  • Имя Ρ„Π°ΠΉΠ»Π° (Π½Π΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ)
  • НомСр вСрсии (Π½Π΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ)
  • НомСр страницы

ИспользованиС строки Π²Ρ‹ΡˆΠ΅ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ΅ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π²Ρ‹ΡˆΠ΅, ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ²Ρ‹ΡΠΈΡ‚ΡŒ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ страницы.

ΠΠ΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ Π² Π²Π΅Ρ€Ρ…Π½ΠΈΡ… ΠΈ Π½ΠΈΠΆΠ½ΠΈΡ… ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°Ρ…

Имя Π°Π²Ρ‚ΠΎΡ€Π° ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½ΠΎ для Π·Π°Ρ‰ΠΈΡ‚Ρ‹ авторских ΠΏΡ€Π°Π² Π½Π° Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚. Имя Π°Π²Ρ‚ΠΎΡ€Π° ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ. Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ авторскиС ΠΏΡ€Π°Π²Π° ΠΏΡ€ΠΈΠ½Π°Π΄Π»Π΅ΠΆΠ°Ρ‚ ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ, Π° Π½Π΅ физичСскому Π»ΠΈΡ†Ρƒ. Как ΡƒΡ‡ΠΈΡ‚Π΅Π»ΡŽ всСгда приятно ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹, Ρƒ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π½Π΅Ρ‚ ΠΈΠΌΠ΅Π½ΠΈ Π°Π²Ρ‚ΠΎΡ€Π°.

Π‘ΠΎΠ·Π΄Π°Ρ‚Π΅Π»ΠΈ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΠ΅Ρ‡Π°Ρ‚Π°Ρ‚ΡŒ, Ρ€Π°Π·Π±ΠΈΡ€Π°Ρ‚ΡŒ, ΡΠΎΠ±ΠΈΡ€Π°Ρ‚ΡŒ, ΡΡˆΠΈΠ²Π°Ρ‚ΡŒ, ΡΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚.ВсСгда сущСствуСт Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ страницы ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ располоТСны Π² Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΌ порядкС, Π½Π΅ ΠΏΡ€ΠΈΠ½Π°Π΄Π»Π΅ΠΆΠ°Ρ‚ΡŒ ΠΎΠ΄Π½ΠΎΠΌΡƒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρƒ ΠΈΠ»ΠΈ утСряны. По этим ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ всСгда рСкомСндуСтся нумСрация страниц ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.

Π”Ρ€ΡƒΠ³ΠΈΠ΅ пСрСчислСнныС Π²Ρ‹ΡˆΠ΅ Π²Π΅Ρ€Ρ…Π½ΠΈΠ΅ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ Π½Π΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹, Π½ΠΎ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹. Π”Π°Ρ‚Π° ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ авторскиС ΠΏΡ€Π°Π²Π°, Π½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π°Π²Ρ‚ΠΎΡ€Ρƒ ΡƒΠ·Π½Π°Ρ‚ΡŒ, какая вСрсия являСтся самой послСднСй.

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π²Π΅Ρ€Ρ…Π½ΠΈΡ… ΠΈ Π½ΠΈΠΆΠ½ΠΈΡ… ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»ΠΎΠ² — Π΄Π΅Π»ΠΎ профСссионализма.

Π”ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Excel

НиТС ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Ρ‹ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Π²Π΅Ρ€Ρ…Π½ΠΈΡ… ΠΈ Π½ΠΈΠΆΠ½ΠΈΡ… ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»ΠΎΠ² Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ Microsoft Excel. ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Microsoft Excel Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π·Π½Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π²Π΅Ρ€Ρ…Π½ΠΈΠ΅ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ Π² Excel Ρ‚Π°ΠΊ ΠΆΠ΅ Π²Π°ΠΆΠ½Ρ‹, ΠΊΠ°ΠΊ ΠΈ Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ… Word.

Π Π°Π·ΠΌΠ΅Ρ€ ΠΈ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π²Π΅Ρ€Ρ…Π½ΠΈΡ… ΠΈ Π½ΠΈΠΆΠ½ΠΈΡ… ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»ΠΎΠ²

НиТниС ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ нСнавязчивыми, Π° Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° ΠΎΠΊΠΎΠ»ΠΎ 9 ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ² Π±ΡƒΠ΄Π΅Ρ‚ достаточным. НомСр страницы ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ большС. НазваниС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ большС, Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 10 ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ².На самом Π΄Π΅Π»Π΅ Π½Π΅Ρ‚ нСобходимости ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Ρ‚ΡŒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, Ссли ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницС.

Π’ Microsoft Excel ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ находятся Π½Π° расстоянии 1,25 см ΠΎΡ‚ края страницы. Π­Ρ‚ΠΎ ΡƒΠ΄ΠΎΠ²Π»Π΅Ρ‚Π²ΠΎΡ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ для Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°, Π½ΠΎ для Π½ΠΈΠΆΠ½ΠΈΡ… ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»ΠΎΠ² рСкомСндуСтся мСньшСС расстояниС 0,9 см ΠΎΡ‚ Π½ΠΈΠΆΠ½Π΅ΠΉ части страницы. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ эти ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Β«ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ страницы», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ находится Π½Π° Π»Π΅Π½Ρ‚Π΅ Β«ΠœΠ°ΠΊΠ΅Ρ‚ страницы».

(Архивы) Microsoft Word 2007: Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Π΅Ρ€Ρ…Π½ΠΈΡ… ΠΈ Π½ΠΈΠΆΠ½ΠΈΡ… ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»ΠΎΠ²

Π­Ρ‚Π° ΡΡ‚Π°Ρ‚ΡŒΡ основана Π½Π° ΡƒΡΡ‚Π°Ρ€Π΅Π²ΡˆΠ΅ΠΌ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠΌ обСспСчСнии.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΠΈΠ΅ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ Word, Ρ‡Ρ‚ΠΎΠ±Ρ‹ такая информация, ΠΊΠ°ΠΊ имя Π°Π²Ρ‚ΠΎΡ€Π°, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΈΠ»ΠΈ Π½ΠΎΠΌΠ΅Ρ€Π° страниц, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π»Π°ΡΡŒ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΠΈ / ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅ΠΌ ΠΏΠΎΠ»Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΌΠΈ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницС, ΠΈΠ»ΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ страницы с Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ Π²Π΅Ρ€Ρ…Π½ΠΈΠΌΠΈ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΌΠΈ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°ΠΌΠΈ.

Вставка Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°

По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π²Π΅Ρ€Ρ…Π½ΠΈΠ΅ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.Word прСдоставляСт Π²Π°ΠΌ нСсколько прСдустановок Π½Π° Π²Ρ‹Π±ΠΎΡ€; Π²Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°Ρ‡Π°Ρ‚ΡŒ с пустого Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°.

  1. На Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ Insert , Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Header & Footer Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ HEADER ΠΈΠ»ΠΈ FOOTER
    ΠŸΠΎΡΠ²ΠΈΡ‚ΡΡ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Π΅ΠΌΡ‹ΠΉ список прСдустановлСнных Π²Π΅Ρ€Ρ…Π½ΠΈΡ… ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΡ… ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»ΠΎΠ².

  2. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½ΡƒΠΆΠ½Ρ‹ΠΉ ΡΡ‚ΠΈΠ»ΡŒ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°
    Π‘ΠžΠ’Π•Π’: Π§Ρ‚ΠΎΠ±Ρ‹ Π½Π°Ρ‡Π°Ρ‚ΡŒ с пустого Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ / Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» ΠΈΠ»ΠΈ Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»

Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ содСрТимого Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°

ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ вставили Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ», Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ содСрТимоС.Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Β«Π”ΠΈΠ·Π°ΠΉΠ½ инструмСнтов для Π²Π΅Ρ€Ρ…Π½ΠΈΡ… ΠΈ Π½ΠΈΠΆΠ½ΠΈΡ… ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»ΠΎΠ²Β».

  1. Π”Π²Π°ΠΆΠ΄Ρ‹ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»

  2. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ содСрТимоС Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°, Π½Π° Π»Π΅Π½Ρ‚Π΅ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π—ΠΠ“ΠžΠ›ΠžΠ’ΠžΠš Β»Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ
    Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ содСрТимоС Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°, Π½Π° Π»Π΅Π½Ρ‚Π΅ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ FOOTER Β»Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»

  3. ΠžΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ тСкст ΠΏΠΎ ТСланию

  4. На Π»Π΅Π½Ρ‚Π΅ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ настройки ΠΏΠΎ ТСланию

  5. НаТмитС Π—ΠΠšΠ Π«Π’Π¬ Π—ΠΠ“ΠžΠ›ΠžΠ’ΠžΠš И Π€Π£Π’Π‘ΠžΠ›ΠšΠ

Π’ΠΊΠ»Π°Π΄ΠΊΠ° Β«Π”ΠΈΠ·Π°ΠΉΠ½Β» инструмСнтов Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°

Командная Π²ΠΊΠ»Π°Π΄ΠΊΠ° Β«Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ для Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°Β» отобраТаСтся Π½Π° Π»Π΅Π½Ρ‚Π΅ , Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ссли Π°ΠΊΡ‚ΠΈΠ²Π΅Π½ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ».Π­Ρ‚Π° ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Π°Ρ Π²ΠΊΠ»Π°Π΄ΠΊΠ° ΠΊΠΎΠΌΠ°Π½Π΄ прСдоставляСт нСсколько ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² форматирования Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°.

  1. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Design Π² инструмСнтС Headers & Footers Tools , Π΄Π²Π°ΠΆΠ΄Ρ‹ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»
    Новая контСкстная Π²ΠΊΠ»Π°Π΄ΠΊΠ° ΠΊΠΎΠΌΠ°Π½Π΄ появляСтся рядом с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ ΠΊΠΎΠΌΠ°Π½Π΄ Π½Π° Π»Π΅Π½Ρ‚Π΅ ΠΈ Π΄Π°Π΅Ρ‚ Π²Π°ΠΌ доступ ΠΊ функциям Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°.

Π“Ρ€ΡƒΠΏΠΏΠ° Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»ΠΎΠ²
Π“Ρ€ΡƒΠΏΠΏΠ° Π’Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ Π“Ρ€ΡƒΠΏΠΏΠ° позволяСт Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ внСшний Π²ΠΈΠ΄ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π° ΠΈ / ΠΈΠ»ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½ΠΎΠΌΠ΅Ρ€Π° страниц.

Π“Ρ€ΡƒΠΏΠΏΠ° пластин
Кнопки Π² Π³Ρ€ΡƒΠΏΠΏΠ΅ Insert ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ ΠΈ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΡ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ тСкстовыС элСмСнты (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, врСмя ΠΈ Π΄Π°Ρ‚Ρƒ, свойства Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°) ΠΊ вашим Π²Π΅Ρ€Ρ…Π½ΠΈΠΌ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΌ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°ΠΌ.

Π“Ρ€ΡƒΠΏΠΏΠ° Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ
Кнопки Π³Ρ€ΡƒΠΏΠΏΡ‹ Navigation ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒΡΡ ΠΌΠ΅ΠΆΠ΄Ρƒ Π²Π΅Ρ€Ρ…Π½ΠΈΠΌΠΈ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΌΠΈ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°ΠΌΠΈ ΠΈ ΠΎΡ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π² ΠΎΠ΄Π½ΠΎΠΌ Ρ€Π°Π·Π΄Π΅Π»Π΅ ΠΊ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΡƒ Π² Π΄Ρ€ΡƒΠ³ΠΎΠΌ Ρ€Π°Π·Π΄Π΅Π»Π΅.

Π“Ρ€ΡƒΠΏΠΏΠ° ΠΎΠΏΡ†ΠΈΠΉ
Π­Ρ‚Π° Π³Ρ€ΡƒΠΏΠΏΠ° прСдоставляСт Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ создания Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π½Π° ΠΏΠ΅Ρ€Π²ΠΎΠΉ страницС.Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΎΠΉ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ / Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» Π½Π° Π½Π΅Ρ‡Π΅Ρ‚Π½Ρ‹Ρ… ΠΈ Ρ‡Π΅Ρ‚Π½Ρ‹Ρ… страницах, это ΠΏΠΎΠ»Π΅Π·Π½ΠΎ, Ссли Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ Π²Π΅Ρ€Ρ…Π½ΠΈΡ… / Π½ΠΈΠΆΠ½ΠΈΡ… ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»ΠΎΠ² для Ρ€Π°Π·Π²ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°ΡŽΡ‰ΠΈΡ…ΡΡ страниц. Если ΠŸΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ тСкст Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π½Π΅ Π²Ρ‹Π±Ρ€Π°Π½ (Ρ‚.Π΅.Π½Π΅Ρ‚ Π³Π°Π»ΠΎΡ‡ΠΊΠΈ), Ρ‚ΠΎ тСкст вашСго Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ — Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ваш Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ / Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ».

Π“Ρ€ΡƒΠΏΠΏΠ° ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΉ
Π­Ρ‚Π° Π³Ρ€ΡƒΠΏΠΏΠ° позволяСт Π²Π°ΠΌ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ, Π³Π΄Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ваш Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π½Π° страницС (Π°Ρ…). Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ — 0.5 дюймов ΠΎΡ‚ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ края страницы.

Π—Π°ΠΊΡ€Ρ‹Ρ‚ΡŒ Π³Ρ€ΡƒΠΏΠΏΡƒ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°
ΠžΡ‚ΡΡŽΠ΄Π° Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹ΠΉΡ‚ΠΈ ΠΈΠ· тСкстового поля Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ / Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π° ΠΈ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π° ΠΏΠ΅Ρ€Π²ΠΎΠΉ страницы

Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ / Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ вашСго Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π½Π° ΠΏΠ΅Ρ€Π²ΠΎΠΉ страницС отличался, Π²Π°ΠΌ сначала Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ». Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΠΈΠ΅ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Header & Footer Tools Design , которая появляСтся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°.

  1. На ΠΏΠ΅Ρ€Π²ΠΎΠΉ страницС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π΄Π²Π°ΠΆΠ΄Ρ‹ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»
    ΠžΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΠ° Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π²Π΅Ρ€Ρ…Π½ΠΈΠΌ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΌ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°ΠΌΠΈ Π”ΠΈΠ·Π°ΠΉΠ½ .

  2. На Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ ΠΊΠΎΠΌΠ°Π½Π΄ Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π° Π² Π³Ρ€ΡƒΠΏΠΏΠ΅ ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Другая пСрвая страница
    ΠœΠ΅Ρ‚ΠΊΠ° Π² тСкстовом ΠΏΠΎΠ»Π΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΏΠ΅Ρ€Π²ΠΎΠΉ страницы измСнится с Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π½Π° Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΏΠ΅Ρ€Π²ΠΎΠΉ страницы .

  3. Π’ тСкстовоС ΠΏΠΎΠ»Π΅ First Page Header Π²Π²Π΅Π΄ΠΈΡ‚Π΅ ΠΆΠ΅Π»Π°Π΅ΠΌΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ

  4. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» ΠΏΠ΅Ρ€Π²ΠΎΠΉ страницы , Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠŸΠ•Π Π•Π™Π’Π˜ К ΠΠ˜Π–ΠΠ•ΠœΠ£

  5. Π’ тСкстовоС ΠΏΠΎΠ»Π΅ НиТний ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» ΠΏΠ΅Ρ€Π²ΠΎΠΉ страницы Π²Π²Π΅Π΄ΠΈΡ‚Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ

  6. Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ Π²Π΅Ρ€Ρ…Π½ΠΈΠ΅ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹, Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Navigation , Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ NEXT

  7. Π’ тСкстовом ΠΏΠΎΠ»Π΅ НиТний ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» Π²Π²Π΅Π΄ΠΈΡ‚Π΅ Π½ΡƒΠΆΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ

  8. НаТмитС ΠŸΠ•Π Π•Π™Π’Π˜ К Π—ΠΠ“ΠžΠ›ΠžΠ’ΠšΠ•

  9. Π’ тСкстовоС ΠΏΠΎΠ»Π΅ Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π²Π²Π΅Π΄ΠΈΡ‚Π΅ Π½ΡƒΠΆΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ

  10. Π§Ρ‚ΠΎΠ±Ρ‹ Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ ΠΊ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρƒ, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π—ΠΠšΠ Π«Π’Π¬ Π—ΠΠ“ΠžΠ›ΠžΠ’ΠžΠš И ΠŸΠžΠ”ΠΠžΠ–ΠšΠ

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π½Π΅Ρ‡Π΅Ρ‚Π½Ρ‹Ρ… ΠΈ Ρ‡Π΅Ρ‚Π½Ρ‹Ρ… Π²Π΅Ρ€Ρ…Π½ΠΈΡ… ΠΈ Π½ΠΈΠΆΠ½ΠΈΡ… ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»ΠΎΠ² страниц

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Ρ€Π°Π·Π½Ρ‹Π΅ Π²Π΅Ρ€Ρ…Π½ΠΈΠ΅ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ Ρ‡Π΅Ρ‚Π½Ρ‹Ρ… ΠΈ Π½Π΅Ρ‡Π΅Ρ‚Π½Ρ‹Ρ… страниц, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π½Π° Ρ‡Π΅Ρ‚Π½Ρ‹Ρ… ΠΈ Π½Π΅Ρ‡Π΅Ρ‚Π½Ρ‹Ρ… страницах Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.

  1. На ΠΏΠ΅Ρ€Π²ΠΎΠΉ страницС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π΄Π²Π°ΠΆΠ΄Ρ‹ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»
    ΠžΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΠ° Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π²Π΅Ρ€Ρ…Π½ΠΈΠΌ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΌ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°ΠΌΠΈ Π”ΠΈΠ·Π°ΠΉΠ½ .

  2. На Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π’Π΅Ρ€Ρ…Π½ΠΈΠ΅ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Π”ΠΈΠ·Π°ΠΉΠ½ Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Ρ‡Π΅Ρ‚Π½Ρ‹Π΅ ΠΈ Π½Π΅Ρ‡Π΅Ρ‚Π½Ρ‹Π΅ страницы

  3. Π’ тСкстовоС ΠΏΠΎΠ»Π΅ Odd Page Header Π²Π²Π΅Π΄ΠΈΡ‚Π΅ ΠΆΠ΅Π»Π°Π΅ΠΌΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ

  4. НаТмитС ΠŸΠ•Π Π•Π™Π’Π˜ К Π€Π£Π’Π•Π Π£

  5. Π’ тСкстовоС ΠΏΠΎΠ»Π΅ Odd Page Footer Π²Π²Π΅Π΄ΠΈΡ‚Π΅ ΠΆΠ΅Π»Π°Π΅ΠΌΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ

  6. Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ для Ρ‡Π΅Ρ‚Π½Ρ‹Ρ… страниц, Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Navigation , Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ NEXT

  7. Π’ тСкстовоС ΠΏΠΎΠ»Π΅ Even Page Footer Π²Π²Π΅Π΄ΠΈΡ‚Π΅ ΠΆΠ΅Π»Π°Π΅ΠΌΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ

  8. НаТмитС ΠŸΠ•Π Π•Π™Π’Π˜ К Π—ΠΠ“ΠžΠ›ΠžΠ’ΠšΠ•

  9. Π’ тСкстовоС ΠΏΠΎΠ»Π΅ Even Page Header Π²Π²Π΅Π΄ΠΈΡ‚Π΅ ΠΆΠ΅Π»Π°Π΅ΠΌΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ

  10. Π§Ρ‚ΠΎΠ±Ρ‹ Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ ΠΊ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρƒ, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π—ΠΠšΠ Π«Π’Π¬ Π—ΠΠ“ΠžΠ›ΠžΠ’ΠžΠš И ΠŸΠžΠ”ΠΠžΠ–ΠšΠ

Плагин WordPress для Π²Π΅Ρ€Ρ…Π½ΠΈΡ… ΠΈ Π½ΠΈΠΆΠ½ΠΈΡ… ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»ΠΎΠ²

Плагин

Header and Footer WordPress позволяСт Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ всС, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ, Π² части head ΠΈ footer ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницы Π±Π»ΠΎΠ³Π° ΠΈ ΠΏΠ΅Ρ€Π΅Π΄ ΠΈ послС содСрТимого сообщСний .

Π•Π³ΠΎ основная Ρ†Π΅Π»ΡŒ — Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ сцСнарии для отслСТивания доступа ΠΊ Π±Π»ΠΎΠ³Ρƒ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΊΠΎΠ΄ Google Analytics, ΠΊΠΎΠ΄ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ, Ρ‚Ρ€Π΅Π±ΡƒΠ΅ΠΌΡ‹ΠΉ инструмСнтами Google для Π²Π΅Π±-мастСров, сцСнарий Facebook для ΠΊΠ½ΠΎΠΏΠΊΠΈ «Нравится», ΠΈΠ»ΠΈ сцСнарий Twitter ΠΈΠ»ΠΈ Google для Google. Плюс 1 ΠΊΠ½ΠΎΠΏΠΊΠ°).

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

Код, добавляСмый Π² Ρ€Π°Π·Π΄Π΅Π» Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°, Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Ρ‡Π°ΡΡ‚ΡŒ сцСнария PHP, которая Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒΡΡ.

Код

ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ Π΄ΠΎ ΠΈΠ»ΠΈ послС сообщСний, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ ΠΌΠΎΠ³Π»ΠΈ Π»Π΅Π³ΠΊΠΎ «ввСсти» ΠΊΠΎΠ΄ AdSense ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠΉ Ρ€Π΅ΠΊΠ»Π°ΠΌΠ½ΠΎΠΉ сСти.

ΠŸΡ€ΠΈΠ³ΠΎΠ΄ΠΈΠ»ΠΎΡΡŒ Π»ΠΈ Π²Π°ΠΌ? НС пропуститС ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΊΡƒ +1 ΠΈΠ»ΠΈ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΊΡƒ «ΠΡ€Π°Π²ΠΈΡ‚ся», спасибо!

ΠžΡ‚Π·Ρ‹Π²Ρ‹

Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ° ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ°

Π’Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹

доступны Π² ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² WordPress, для ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΡƒΠΉΡ‚Π΅ здСсь свою ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ.

ΠšΡ€Π°Ρ‚ΠΊΠΈΠΉ список Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ

(Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Ρ€Π΅ΡˆΠ°Ρ‚ΡŒ ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ Π½Π΅Ρ‚)

  1. Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ собствСнный ΠΊΠΎΠ΄ (Javascript, CSS, HTML) Π² Ρ€Π°Π·Π΄Π΅Π» Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° () ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Π²Π΅Π±-страницы Π±Π»ΠΎΠ³Π° (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Google Analytics, Facebook,…)
  2. Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ собствСнный ΠΊΠΎΠ΄ Π² Ρ€Π°Π·Π΄Π΅Π» Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° Π³Π»Π°Π²Π½ΠΎΠΉ страницС (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΊΠΎΠ΄ подтвСрТдСния Google для Π²Π΅Π±-мастСров)
  3. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ собствСнный ΠΊΠΎΠ΄ Π² Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» (ΠΏΠ΅Ρ€Π΅Π΄ ) ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Π²Π΅Π±-страницы Π±Π»ΠΎΠ³Π° (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, поздняя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° стороннСго скрипта)
  4. ΠšΠΎΠ΄Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ части PHP , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‚ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒΡΡ для добавлСния Π»ΠΎΠ³ΠΈΠΊΠΈ внСдрСния (Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ΡΡ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹Π΅ Π½Π°Π²Ρ‹ΠΊΠΈ программирования)
  5. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ собствСнный ΠΊΠΎΠ΄ Π΄ΠΎ ΠΈ послС ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ содСрТимого сообщСния
  6. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ собствСнный ΠΊΠΎΠ΄ Π΄ΠΎ ΠΈ послС ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ содСрТимого страницы
  7. ΠŸΡ€ΠΈ ΠΆΠ΅Π»Π°Π½ΠΈΠΈ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Ρ‚Π΅Π³ Facebook og: image , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΊΠ° «МнС ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ»ΠΎΡΡŒΒ» Π² сообщСнии ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π»Π°ΡΡŒ вмСстС с ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€ΠΎΠΉ ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ сообщСния
  8. НастраиваСмоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ для Ρ‚Π΅Π³Π° og: image Facebook для сообщСний Π±Π΅Π· изобраТСния
  9. Facebook og: Π²Π²Π΅Π΄ΠΈΡ‚Π΅ Ρ‚Π΅Π³ для Π΄ΠΎΠΌΠ°ΡˆΠ½ΠΈΡ… ΠΈ ΠΎΠ±Ρ‰ΠΈΡ… Π²Π΅Π±-страниц
  10. Π‘ΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒ с bbPress : Ρ‚Π΅Π³ og: image Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ Ρ„ΠΎΡ€ΡƒΠΌΠΎΠΌ (см. FAQ)

ΠžΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΈΠ½ΡŠΠ΅ΠΊΡ†ΠΈΠΈ для ΠΎΠ΄ΠΈΠ½ΠΎΡ‡Π½ΠΎΠ³ΠΎ поста / стр.

Π’Π½Π΅Π΄Ρ€Π΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π½Π° ΡƒΡ€ΠΎΠ²Π½Π΅ ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ ΠΈΠ»ΠΈ страницы.ΠŸΡ€ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ сообщСния, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΈΠ½ΡŠΠ΅ΠΊΡ†ΠΈΡŽ, ΠΏΠ΅Ρ€Π΅ΠΌΠ΅ΡΡ‚ΠΈΡ‚Π΅ΡΡŒ ΠΏΠΎΠ΄ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΈ Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ ΠΏΠΎΠ»Π΅ Β«Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹Β»: Ρ‚Π°ΠΌ Π²Ρ‹ смоТСтС ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΈΠ½ΡŠΠ΅ΠΊΡ†ΠΈΡŽ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°.

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅: Π½Π° самом Π΄Π΅Π»Π΅ Π½Π΅Ρ‚ способа ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π²Π½Π΅Π΄Ρ€Π΅Π½Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.

ΠœΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ контСкст

НС рСкомСндуСтся, начиная с вСрсии 3.2.0.

ΠžΠ±Π½Π°Ρ€ΡƒΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств для Π²Π²ΠΎΠ΄Π° Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ Π½Π°Π±ΠΎΡ€Π° ΠΊΠΎΠ΄ΠΎΠ² выполняСтся Π½Π° сторонС сСрвСра .БСгодня большС Π½Π΅ рСкомСндуСтся, ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΉ ΠΊΠΎΠ΄, ΠΊΠ°ΠΊ HTML, Ρ‚Π°ΠΊ ΠΈ JavaScript, являСтся ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΌ способом Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΌΠΈ устройствами.

Π‘ΠΌ. Π—Π΄Π΅ΡΡŒ ΠΏΡ€ΠΈΠΌΠ΅Ρ€.

Π’ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ случаСв сниппСты, прСдоставляСмыС внСшними ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°ΠΌΠΈ (Google, AddThis, Facebook,…), ΡƒΠΆΠ΅ Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Π½Ρ‹ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств ΠΈ Π½Π΅ Π½ΡƒΠΆΠ΄Π°ΡŽΡ‚ΡΡ Π² Ρ€Π°Π·Π»ΠΈΡ‡Π΅Π½ΠΈΠΈ Π½Π° сторонС сайта. ЀактичСски, Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΎΠ½ΠΈ ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Ρ‹ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ устройства.

Π’ любом случаС мобильная конфигурация ΠΈ ΠΏΡ€Π°Π²ΠΈΠ»Π° обнаруТСния всС Π΅Ρ‰Π΅ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚, ΠΈ ΠΎΠ½ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ: ΠΏΡ€ΠΈ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠ΅Π½ΠΈΠΈ мобильного устройства, Ссли конфигурация ΠΈΠΌΠ΅Π΅Ρ‚ Β«ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½ΡƒΡŽΒ» Π²Π΅Ρ€ΡΠΈΡŽ ΠΈ эта вСрсия Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Π°, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ послСдняя.Π’ ΠΏΡ€ΠΎΡ‚ΠΈΠ²Π½ΠΎΠΌ случаС активируСтся Β«Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹ΠΉΒ».

БСгодня Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ для ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ΠΎΠ² ΠΈ Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹Ρ… ПК практичСски ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ‡Π½Ρ‹, поэтому ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ ΠΎΡ‚ΠΊΠ»ΠΈΠΊΠ° Π½Π° сторонС сСрвСра ΠΏΠΎΠ»Π΅Π·Π½Π° для обнаруТСния Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ΠΎΠ² ΠΈ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠΈ ΠΈΠΌ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° (ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΠ΅ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы, сСтСвого Ρ‚Ρ€Π°Ρ„ΠΈΠΊΠ°, энСргопотрСблСния ΠΈ увСличСния скорости страницы).

Π’Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ НиТний ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΡƒΡŽ ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΡŽ для вставки Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Π²Π΅Ρ‰Π΅ΠΉ ΠΏΡ€ΠΈ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠ΅Π½ΠΈΠΈ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°. Π—Π΄Π΅ΡΡŒ Β«ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΉΒ» ΠΈ Β«Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Β» ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΈ Ρ‚ΠΎΠΌ ΠΆΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΈ (ΠΈΠ·Π²ΠΈΠ½ΠΈΡ‚Π΅).

Он ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ²Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ²Π°Π΅Ρ‚ совпадСниС ΠΌΠ΅ΠΆΠ΄Ρƒ устройством Β«ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ Π°Π³Π΅Π½Ρ‚Β», прСдоставлСнным списком ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… Π°Π³Π΅Π½Ρ‚ΠΎΠ², настраиваСмым Π½Π° Β«Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅Β».ΠŸΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΠ΅Ρ‚ΡΡ список ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… Π°Π³Π΅Π½Ρ‚ΠΎΠ² ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.

Когда Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹ ΠΈΠ½ΡŠΠ΅ΠΊΡ†ΠΈΠΈ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств, ΠΎΠ½ΠΈ Π·Π°ΠΌΠ΅Π½ΡΡŽΡ‚ стандартныС ΠΏΡ€ΠΈ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠ΅Π½ΠΈΠΈ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°.

ΠœΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΠΈ ΠΈ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹

Snippets ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ с ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΈΠ½ΡŠΠ΅ΠΊΡ†ΠΈΡΠΌΠΈ, поэтому Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ бСзопасно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… для опрСдСлСния ΠΎΠ±Ρ‰ΠΈΡ… частСй ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΌΠΈ конфигурациями ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ всСми конфигурациями.

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ SEO

SEO (поисковая оптимизация) Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π½Π΅ ΠΏΠΎ Ρ‚Π΅ΠΌΠ΅ Π² ΠΏΠ»Π°Π³ΠΈΠ½Π΅ Header and Footer, Π² любом случаС я Π΄ΠΎΠ±Π°Π²ΠΈΠ» нСсколько ΠΎΠΏΡ†ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅, ΠΊΠ°ΠΊ ΠΌΠ½Π΅ каТСтся, ΠΎΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‚ Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΏΠ»Π°Π³ΠΈΠ½Π°Ρ… SEO.Π― Π½Π΅ спСциалист ΠΏΠΎ SEO, поэтому, Ссли Π²Ρ‹ считаСтС, Ρ‡Ρ‚ΠΎ эти ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ привСсти ΠΊ ΡƒΡ…ΡƒΠ΄ΡˆΠ΅Π½ΠΈΡŽ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ SEO, ΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ ΠΈΡ… ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½Π½Ρ‹ΠΌΠΈ.

Π‘Π΅Π· индСкса для Π΄ΠΎΠΌΠ°ΡˆΠ½ΠΈΡ… подстраниц

Π―, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, Ρ…ΠΎΡ‡Ρƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ моя домашняя страница Π±Ρ‹Π»Π° проиндСксирована, Π½ΠΎ я Π½Π΅ Ρ…ΠΎΡ‡Ρƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Google добавлял Π² свой индСкс Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ домашниС страницы, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

http://www.myblog.com/page/2

, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ Π½Π΅ ΡΠ²Π»ΡΡŽΡ‚ΡΡ страницами содСрТания ΠΈ постоянно ΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ, ΠΊΠ°ΠΊ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ я добавляю Π½ΠΎΠ²ΡƒΡŽ ΡΡ‚Π°Ρ‚ΡŒΡŽ. Установка ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π° Β«Π’Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹Β» добавляСт Π½Π° Ρ‚Π°ΠΊΠΈΠ΅ страницы ΠΌΠ΅Ρ‚Π°Ρ‚Π΅Π³ Π±Π΅Π· указания индСкса.

Π‘Π΅Π· индСксации Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ² поиска

Π― Π½Π΅ Ρ…ΠΎΡ‡Ρƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Google индСксировал страницы Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ² поиска. Π’Π°Ρˆ Π±Π»ΠΎΠ³ WordPress ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ с Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°ΠΌΠΈ поиска, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚Π΅ Π΅Π³ΠΎ ΠΊΠ°ΠΊ:

http://www.myblog.com/?s=searchword

Π˜Π½Π΄Π΅ΠΊΡΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΈΠ΅ URL-адрСса бСсполСзно, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π² Π½ΠΈΡ… ΠΌΠΎΠΆΠ΅Ρ‚ Π΄ΡƒΠ±Π»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚. Установка ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π° Β«Π’Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹Β» добавляСт Π½Π° страницы ΠΌΠ΅Ρ‚Π°Ρ‚Π΅Π³ Π±Π΅Π· индСкса, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Β«trueΒ» Π½Π° Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ WordPress Β«is_search ()Β».

ΠšΠ°Π½ΠΎΠ½ΠΈΡ‡Π΅ΡΠΊΠΈΠΉ Ρ‚Π΅Π³ Π½Π° Π³Π»Π°Π²Π½ΠΎΠΉ страницС

НСкоторыС ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹Π΅ ΠΌΠΎΠ΄ΡƒΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ URL-адрСс домашнСй страницы (http: // www.myblog.com/) с ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°ΠΌΠΈ строки запроса (http://www.myblog.com/?a=value) для выполнСния ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ. Иногда эти URL выводят домашнюю страницу, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΎΠΈΠ½Π΄Π΅ΠΊΡΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Google (хотя ΠΌΡ‹ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ это происходило — это Π΄ΡƒΠ±Π»ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚). ΠŸΡ€ΠΈ Π°ΠΊΡ‚ΠΈΠ²Π°Ρ†ΠΈΠΈ каноничСского Ρ‚Π΅Π³Π° Π½Π° домашнСй страницС ΠΌΠ΅Ρ‚Π°Ρ‚Π΅Π³ Β«canonicalΒ» добавляСтся Π½Π° домашнюю страницу, поэтому Π±Π»ΠΎΠ³ ΠΎΠ±ΡŠΡΠ²Π»ΡΠ΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ URL для http://www.myblog.com/?a=value — это http: // www. myblog.com/, Π° Google рассматриваСт Ρ‚ΠΎΠ»ΡŒΠΊΠΎ послСднСС.

Π Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ

Π£Π΄Π°Π»Π΅Π½ΠΈΠ΅ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€Π° стиля для слияния CSS

WordPress ΠΈΠΌΠ΅Π΅Ρ‚ Ρ„Π°Π½Ρ‚Π°ΡΡ‚ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π½Π°Π·Π²Π°Ρ‚ΡŒ Β«ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ стилСй».ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ свой ΡΡ‚ΠΈΠ»ΡŒ Π½Π° страницу, ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΏΡ€ΠΎΡΠΈΡ‚ΡŒ WordPress ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π² ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ, ΠΈ WordPress Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ Π΅Π³ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ.

Но WordPress добавляСт ΠΊ этому CSS Π΄Π°ΠΆΠ΅ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€, поэтому ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ ΠΈΠ»ΠΈ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ пытаСтся ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ CSS, ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ блокируСтся. НазначСниС ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€Π° рСсурсу стиля ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΊΡ‚ΠΎ-Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡΡ‹Π»Π°Ρ‚ΡŒΡΡ Π½Π° Π½Π΅Π³ΠΎ, Π² Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ слияниС ΡƒΠ½ΠΈΡ‡Ρ‚ΠΎΠΆΠ°Π΅Ρ‚ эту ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ.

ΠžΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π²ΠΎΠΎΠ±Ρ‰Π΅, ΠΈ Ссли Π΅Π³ΠΎ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ, ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΡ‚ΠΈ слияниС CSS. НапримСр, mod_pagespeed Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚, Ρ‡Ρ‚ΠΎΠ±Ρ‹ этот ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ Π±Ρ‹Π» ΡƒΠ΄Π°Π»Π΅Π½, ΠΈΠ½Π°Ρ‡Π΅ стили Π½Π΅ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΡ‚ΡΡ.

(для этого Ρ‚Π°ΠΊΠΆΠ΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ сТатиС, поэтому, Ссли Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΊΠ΅ΡˆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ, ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ сТатиС, Ссли Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ mod_pagespeed).

Π£Π΄Π°Π»Π΅Π½ΠΈΠ΅ ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠ° для слияния CSS

Если Π²Ρ‹ Ρ‡ΠΈΡ‚Π°Π΅Ρ‚Π΅ Π°Π±Π·Π°Ρ† Π²Ρ‹ΡˆΠ΅, Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π·Π½Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ ссылки CSS ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ²Π»ΠΈΡΡ‚ΡŒ Π½Π° слияниС, ΠΈ это Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Β«mediaΒ». Атрибут media Π² основном ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для добавлСния Π½Π°Π±ΠΎΡ€Π° стилСй для измСнСния внСшнСго Π²ΠΈΠ΄Π° страницы ΠΏΡ€ΠΈ ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ, Π΄Π°ΠΆΠ΅ Ссли доступно мноТСство Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΎΠΏΡ†ΠΈΠΉ ΠΈ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² использования.

ΠžΠ±Ρ‹Ρ‡Π½ΠΎ всС ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ CSS с Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ Β«mediaΒ», установлСнным Π½Π° Β«allΒ», ΠΈ всС ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½Π΅Π½Ρ‹. Но Π΅ΡΡ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ добавляСт CSS с настройкой ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠ° Π½Π° «экран», Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π²Π°ΠΆΠ½ΠΎ ΠΈΠ»ΠΈ Π½Π΅Ρ‚ Π² вашСм Π±Π»ΠΎΠ³Π΅ (ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎ Ρ‚ΠΈΠΏΠ°Ρ… ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠ° Ρ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ здСсь).

Если ΡƒΠ΄Π°Π»Π΅Π½ΠΈΠ΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠ° Π½Π΅ являСтся ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΠΉ для вашСго Π±Π»ΠΎΠ³Π°, Π²Π°ΠΌ слСдуСт Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π±ΠΎΠ»Π΅Π΅ ΡˆΠΈΡ€ΠΎΠΊΠΈΠΌ слияниСм стилСй. Π’ любом случаС Β«ΠΏΠ΅Ρ‡Π°Ρ‚Π½Ρ‹ΠΉΒ» Ρ‚ΠΈΠΏ носитСля сохраняСтся.

F.A.Q.

О bbPress ΠΈ og: image Π’Π΅Π³ Facebook: ΠΊΡƒΠ΄Π° ΠΌΠ½Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅?

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Ρ„ΠΎΡ€ΡƒΠΌΠ° ΠΏΠΎΡ…ΠΎΠΆΠ΅ Π½Π° созданиС сообщСния.Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ· ΠΏΠ°Π½Π΅Π»ΠΈ рСдактирования Ρ„ΠΎΡ€ΡƒΠΌΠ° (Π΄Π°ΠΆΠ΅ Ссли Π½Π΅ вставляйтС Π΅Π³ΠΎ Π² описаниС Ρ„ΠΎΡ€ΡƒΠΌΠ°), ΠΈ это ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ использовано.

Π‘ΠΎΠ·Π΄Π°Π΅Ρ‚ Π»ΠΈ ΠΏΠ»Π°Π³ΠΈΠ½ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ‚Π΅Π³ΠΈ og: Facebook (Π½Π΅ упомянутыС Π²Ρ‹ΡˆΠ΅)?

На самом Π΄Π΅Π»Π΅ Π½Π΅Ρ‚.

КакоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для Ρ‚Π΅Π³Π° og: image Π½Π° домашнСй страницС?

Если ΡƒΠΊΠ°Π·Π°Π½ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, Ρ‚ΠΎ это.

Π― Π΄ΠΎΠ±Π°Π²ΠΈΠ» PHP, Π½ΠΎ ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ распСчатан, Ρ‡Π΅ΠΌ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½.

PHP Π½ΡƒΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ‚Π°ΠΊ: .Он ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒ нСсколько строк.

ИспользованиС

ВсС сообщСния ΠΎ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΠΈ Π½ΠΈΠΆΠ½Π΅ΠΌ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°Ρ… ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ ΠΏΠΎΠ΄ Ρ‚Π΅Π³ΠΎΠΌ Β«Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Β».

Π­Ρ‚ΠΎ Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ просто, Ρ‡Ρ‚ΠΎ этот Π°Π±Π·Π°Ρ† бСсполСзСн, Π½ΠΎ … Π²ΠΎΡ‚ снимок экрана ΠΏΠ°Π½Π΅Π»ΠΈ ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΠΈ со значСниями, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ я ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ Π² своСм Π±Π»ΠΎΠ³Π΅.

Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ Ρ‚Π΅ΠΌΡ‹, Ρƒ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π½Π΅Ρ‚ Π²Ρ‹Π·ΠΎΠ²Π° Β«wp_footerΒ» ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» Π·Π°ΡˆΠΈΡ„Ρ€ΠΎΠ²Π°Π½: ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ источник сгСнСрированных страниц, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ, Π²Π²Π΅Π΄Π΅Π½ Π»ΠΈ настроСнный Π²Π°ΠΌΠΈ ΠΊΠΎΠ΄ ΠΈΠ»ΠΈ Π½Π΅Ρ‚.Π”Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠΎΠ΄Ρ‹ Π² Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ», ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ Ρ‚Π°ΠΊΡƒΡŽ ​​ТС ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ!

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½ΠΈΠΆΠ΅ являСтся источником Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅ΠΉ страницы ΠΌΠΎΠ΅Π³ΠΎ Π±Π»ΠΎΠ³Π°: Ρ‚Π°ΠΌ Π΅ΡΡ‚ΡŒ ΠΊΠΎΠ΄ Google Analytics.

ИспользованиС кода PHP

Код PHP

ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΈ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π° для добавлСния ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ Π»ΠΎΠ³ΠΈΠΊΠΈ ΠΈ управлСния Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ вставлСно. ΠšΠ»Π°ΡΡΠΈΡ‡Π΅ΡΠΊΠΈΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ — ΠΈΠ·Π±Π΅ΠΆΠ°Ρ‚ΡŒ использования ΠΊΠΎΠ΄Π° Google Analytics, ΠΊΠΎΠ³Π΄Π° администратор находится Π² систСмС.

Π’ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ прямо ΠΈΠ· ΠΌΠΎΠ΅Π³ΠΎ Π±Π»ΠΎΠ³Π°:

    

ΠžΠΊΡ€Π΅ΡΡ‚Π½ΠΎΡΡ‚ΠΈ

  

ΠΈ

  

позволяСт Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ ΠΊΠΎΠ΄ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚ΠΎΠ³Π΄Π°, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π½Π΅ вошСл Π² систСму. ΠžΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎ, Ρ‡Ρ‚ΠΎ эта Π»ΠΎΠ³ΠΈΠΊΠ° Ρ…ΠΎΡ€ΠΎΡˆΠ° Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для Π±Π»ΠΎΠ³ΠΎΠ², Ρƒ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π΅ΡΡ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ администратор, Π° Π½Π΅ для Ρ‚Π΅Ρ…, Ρƒ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΌΠ½ΠΎΠ³ΠΎ зарСгистрированных людСй, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°Ρ‚ΡŒ.

ВСрсии ΠΈ Π±ΠΎΠ»Π΅Π΅

ВсС, Ρ‡Ρ‚ΠΎ я писал ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½Π΅ Header and Footer, ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ ΠΏΠΎΠ΄ Ρ‚Π΅Π³ΠΎΠΌ Β«header footerΒ».

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΈ ΡƒΠ΄Π°Π»Π΅Π½ΠΈΠ΅ Π²Π΅Ρ€Ρ…Π½ΠΈΡ… ΠΈ Π½ΠΈΠΆΠ½ΠΈΡ… ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»ΠΎΠ² Π² Pages Π½Π° Mac

  1. НавСдитС ΡƒΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ ΠΌΡ‹ΡˆΠΈ Π½Π° Π²Π΅Ρ€Ρ…Π½ΡŽΡŽ ΠΈΠ»ΠΈ ниТнюю Ρ‡Π°ΡΡ‚ΡŒ страницы, ΠΏΠΎΠΊΠ° Π½Π΅ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°, Π·Π°Ρ‚Π΅ΠΌ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ любоС ΠΈΠ· Ρ‚Ρ€Π΅Ρ… ΠΏΠΎΠ»Π΅ΠΉ (Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π»ΡŽΠ±ΡƒΡŽ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡŽ поля).

    Если Π²Ρ‹ Π½Π΅ Π²ΠΈΠ΄ΠΈΡ‚Π΅ поля, Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ Π²Π΅Ρ€Ρ…Π½ΠΈΠ΅ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ для всСх страниц Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° (Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов, Π·Π°Ρ‚Π΅ΠΌ установитС Ρ„Π»Π°ΠΆΠΊΠΈ Β«Π’Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹Β»).

  2. Π’Π²Π΅Π΄ΠΈΡ‚Π΅ тСкст ΠΈΠ»ΠΈ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ мСню Β«Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π½ΠΎΠΌΠ΅Ρ€ страницы» ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΡΡ‚ΠΈΠ»ΡŒ Π½ΡƒΠΌΠ΅Ρ€Π°Ρ†ΠΈΠΈ.

    ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Если Π²Ρ‹ ΡƒΠΆΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ Π½ΠΎΠΌΠ΅Ρ€ страницы Π½Π° Π΄Ρ€ΡƒΠ³ΡƒΡŽ страницу, Π²Ρ‹ Π½Π΅ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ мСню Β«Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π½ΠΎΠΌΠ΅Ρ€ страницы». ВмСсто этого Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ «НомСр страницы».

  3. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΠΈΠ΅ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹, Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΠΎΠ΄Π½ΠΎ ΠΈΠ· ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… дСйствий:

    • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ€Π°Π·Π½Ρ‹Π΅ Π²Π΅Ρ€Ρ…Π½ΠΈΠ΅ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ для Π»Π΅Π²ΠΎΠΉ ΠΈ ΠΏΡ€Π°Π²ΠΎΠΉ страниц: Если Π² вашСм Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Ρ€Π°Π·Π²ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°ΡŽΡ‰ΠΈΠ΅ΡΡ страницы ΠΈ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ввСсти Ρ€Π°Π·Π»ΠΈΡ‡Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ слСва ΠΈ справа страниц, установитС Ρ„Π»Π°ΠΆΠΎΠΊ «ЛСвая ΠΈ правая страницы Ρ€Π°Π·Π½Ρ‹Π΅Β».Π‘ΠΌ. Π Π°Π·Π΄Π΅Π» Настройка Ρ€Π°Π·Π²ΠΎΡ€ΠΎΡ‚Π° страниц.

    • УстановитС расстояниС ΠΎΡ‚ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΏΠΎΠ»Π΅ΠΉ страницы: Π©Π΅Π»ΠΊΠ°ΠΉΡ‚Π΅ стрСлки ΠΈΠ»ΠΈ Π²Π²Π΅Π΄ΠΈΡ‚Π΅ значСния Π² поля Β«Π’Π΅Ρ€Ρ…Π½ΠΈΠΉΒ» ΠΈ «НиТний» (ΠΏΠΎΠ΄ Ρ„Π»Π°ΠΆΠΊΠ°ΠΌΠΈ Β«Π’Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Β» ΠΈ «НиТний ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Β»).

    • ΠŸΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ для ΠΎΠ΄Π½ΠΎΠΉ страницы: Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π² ΡƒΠ³Π»Ρƒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° (Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ Π±Ρ‹Π»ΠΎ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΎ), Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов, Π·Π°Ρ‚Π΅ΠΌ установитС ΠΈΠ»ΠΈ снимитС Ρ„Π»Π°ΠΆΠΎΠΊ Β«ΠŸΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹Β», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ Π½Π° этой страницС.

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *