Π Π°Π·Π½ΠΎΠ΅

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список Π² html: Атрибут multiple | htmlbook.ru

31.03.2021

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

Как Π² html ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список


Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список Π² HTML (ВОП 16)

Π—Π° послСдниС Π΄Π²Π° Π³ΠΎΠ΄Π°, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ (сайтов) ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΠ»Π°ΡΡŒ Π΄Π°Π»Π΅ΠΊΠΎ Π²ΠΏΠ΅Ρ€Π΅Π΄ ΠΈ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ использовали для создания сайта Ρ€Π°Π½Π΅Π΅Β β€” ΡƒΠΆΠ΅ устарСло или появились Π±ΠΎΠ»Π΅Π΅ свСТиС ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹.

Π Π°Π½Π΅Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒΒ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список Π² html (Π½Π° Π°Π½Π³Π». β€”Β dropdown), ΠΌΡ‹ просто использовали ΠΈ . Π€Π°ΠΊΡ‚ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ ΠΈ сСйчас ΠΌΠΎΠΆΠ΅Ρ‚ Π΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ, Π½ΠΎ Π·Π°Ρ‡Π°ΡΡ‚ΡƒΡŽ Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΌΠ΅Π½ΡΡ‚ΡŒ стили ΠΈ Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΡƒΡŽ Π³Π°ΠΌΠΌΡƒΒ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка под ΡΡ‚ΠΈΠ»ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π°. К соТалСнию, Π½Π΅ всСгда получаСтся ΡΡ‚ΠΈΠ»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ хочСтся, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ select ΠΈ optionΒ ΠΈΠΌΠ΅ΡŽΡ‚ свои ограничСния ΠΈ ΠΏΠ»ΠΎΡ…ΡƒΡŽ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ кроссбраузСрности.

Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ для этой ΡΡ‚Π°Ρ‚ΡŒΠΈ, я нашСл 16 Ρ€Π°Π·Π½Ρ‹Ρ… ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€ΠΈΠ³ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Π²ΠΎ врСмя Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ сайта. И Ρ‚Π°ΠΊ приступим.

1. НастраиваСмый список

Html шаблон, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ собствСнныС Ρ†Π²Π΅Ρ‚Π° Π½Π° Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка.

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π² пСсочницС β€” http://codepen.io/silverdrop/pen/msrcE

2. Π‘Π΄Π΅Π»Π°Π½Π½Ρ‹ΠΉ Π½Π° CSS3/JavaScript

Написан Π½Π° CSS3 ΠΈ JavaScript. ΠžΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список.

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π² пСсочницС β€”Β http://codepen.io/pedronauck/pen/fcaDw

3. Π‘Ρ‚ΠΈΠ»ΡŒ: станции ΠΌΠ΅Ρ‚Ρ€ΠΎ

ΠŸΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉΒ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список со стилистикой станций ΠΌΠ΅Ρ‚Ρ€ΠΎ.

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π² пСсочницС β€”Β http://codepen.io/carlcalderon/pen/KhwDH

4. Dropy. НаписанноС на SCSS & jQuery

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π² пСсочницС β€”Β http://codepen.io/Tombek/pen/JAvHC

5. Для Π΄Π»ΠΈΠ½Π½Ρ‹Ρ… Π²Ρ‹Π΄Π°ΡŽΡ‰ΠΈΡ… списков

ΠžΡ‚Π»ΠΈΡ‡Π½ΠΎΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ для длинных Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΡ… мСню.

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π² пСсочницС β€”Β http://codepen.io/larrygeams/pen/feoDc

6. Π’Π΅ΠΌΠ½ΠΎΠ΅ ΠΈ свСтлоС Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π΅ мСню

Π’Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π΅ мСню, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ написано Π½Π° чисто CSS Π±Π΅Π· использования ΠΊΠ°ΠΊΠΈΡ…-Π»ΠΈΠ±ΠΎ скриптов.

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π² пСсочницС β€”Β http://codepen.io/Thibaut/pen/Jasci

7. Навигация, эффСкт раскрытия

ΠžΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ для Π±ΠΎΠΊΠΎΠ²Ρ‹Ρ… мСню Π½Π° сайтС,Β Ρ‡Ρ‚ΠΎΠ±Ρ‹Β Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ Π½Π° сайтС.

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π² пСсочницС β€”Β http://cssdeck.com/labs/navigation-dropdown-with-flip-effect

8. Π‘Ρ‚ΠΈΠ»ΡŒΠ½ΠΎΠ΅ мСню настроСк ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π² пСсочницС β€”Β http://codepen.io/jakestuts/pen/nEFyw

9.Β CSS3 Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π² пСсочницС β€”Β http://codepen.io/daniesy/pen/pfxFi

10. UI Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π΅ мСню

Π‘Π΄Π΅Π»Π°Π½ΠΎ Π² стилС UI, ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ ΠΏΠΎΠ΄ UI стилистику сайта.

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π² пСсочницС β€”Β http://codepen.io/Jeplaa/pen/IzAvx

11. ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ dropdown

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π² пСсочницС β€”Β http://codepen.io/Dianatomic/pen/HqICG

12. Π’Ρ‹Π±ΠΎΡ€ Ρ„Π»Π°Π³Π°

Dropdown Π² стилС Π²Ρ‹Π±ΠΎΡ€Π° страны.Β 

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π² пСсочницС β€”Β http://codepen.io/abhishek/pen/bkfLi

13. ΠžΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ HTML, CSS dropdown

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π² пСсочницС β€”Β http://codepen.io/Metty/pen/dglwH

14. ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ дСйствия

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π² пСсочницС β€”Β http://codepen.io/DKunin/pen/EIobp

15. АнимационноС Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π΅ мСню

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π² пСсочницС β€”Β http://codepen.io/MrBambule/pen/jIseg

16. 3DΒ dropdown

Π”ΠΎΠ²ΠΎΠ»ΡŒΠ½ΠΎ интСрСсный ΠΈ простой Π΄ΠΈΠ·Π°ΠΉΠ½.

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π² пСсочницС β€”Β http://codepen.io/mingger/pen/hdtiD

НадСюсь Π²Π°ΠΌ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ»ΠΎΡΡŒ моя ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΠ°. ΠžΡΡ‚Π°Π²Π»ΡΠΉΡ‚Π΅ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ, Π΄Π΅Π»ΠΈΡ‚Π΅ΡΡŒ ΠΌΠ½Π΅Π½ΠΈΠ΅ΠΌ ΠΈ присылайтС собствСнныС Ρ€Π°Π±ΠΎΡ‚Ρ‹!

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список Π² html (ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΠ° ВОП 16) ΠΎΡ‚ bologer

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список Π² HTML

ΠŸΡ€ΠΎΡΡ‚Π΅ΠΉΡˆΠΈΠΉ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список Π²Β HTML Π»Π΅Π³ΠΊΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ‚Π΅Π³ select. Π­Ρ‚ΠΎ Ρ‚Π΅Π³-ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€, Π² Π½Π΅Π³ΠΎ Π²ΠΊΠ»Π°Π΄Ρ‹Π²Π°ΡŽΡ‚ΡΡ Ρ‚Π΅Π³ΠΈ option – ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΎΠ½ΠΈ Π·Π°Π΄Π°ΡŽΡ‚ элСмСнты списка.

Π•ΡΡ‚ΡŒ нСсколько Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² списков, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ‚Π΅Π³Π° select: Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список (Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‚ послС ΠΊΠ»ΠΈΠΊΠ° Π½Π° основном ΠΏΠΎΠ»Π΅ ΠΈΠ»ΠΈ навСдСния Π½Π° Π½Π΅Π³ΠΎ курсора) ΠΈ список мноТСствСнного Π²Ρ‹Π±ΠΎΡ€Π° – Π² Π½Π΅ΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ нСсколько ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ². ΠŸΠ΅Ρ€Π²Ρ‹Π΅ Π±ΠΎΠ»Π΅Π΅ распространСны, ΠΎΠ½ΠΈ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Π·Π½Π°Ρ‡ΠΈΠΌΡ‹ΠΌ элСмСнтом Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ соврСмСнных сайтов. Π’Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список мноТСствСнного Π²Ρ‹Π±ΠΎΡ€Π° ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π² ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π°Ρ…, Π³Π΄Π΅ Π½ΡƒΠΆΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ нСсколько характСристик Ρ‚ΠΎΠ²Π°Ρ€Π°.

Π˜Π·ΠΌΠ΅Π½ΡΡ‚ΡŒ внСшний Π²ΠΈΠ΄ ΠΈ свойства списков ΠΌΠΎΠΆΠ½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΈ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ².

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

1. Multiple – Π·Π°Π΄Π°Π΅Ρ‚ мноТСствСнный Π²Ρ‹Π±ΠΎΡ€.

2. Size – Π·Π°Π΄Π°Π΅Ρ‚ количСство Π²ΠΈΠ΄ΠΈΠΌΡ‹Ρ… строк Π² спискС, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ высоту. И Ρ‚ΡƒΡ‚ всС зависит ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, присутствуСт Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ multiple ΠΈΠ»ΠΈ Π½Π΅Ρ‚. Если Π΄Π°, ΠΈ Π²Ρ‹ Π½Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚Π΅ size, Ρ‚ΠΎ ΠΏΡ€ΠΈ Π½Π°Π»ΠΈΡ‡ΠΈΠΈ multiple ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚ всС Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ Π²Ρ‹Π±ΠΎΡ€Π°, Ссли ΠΆΠ΅ multiple отсутствуСт, Ρ‚ΠΎ ΠΏΠΎΠΊΠ°Π·Π°Π½Π° Π±ΡƒΠ΄Π΅Ρ‚ всСго ΠΎΠ΄Π½Π° строчка, Π° ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŒ смоТСт ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ, ΠΊΠΎΠ³Π΄Π° Π½Π°ΠΆΠΌΠ΅Ρ‚ Π½Π° Π·Π½Π°Ρ‡ΠΎΠΊ Π»ΠΈΡ„Ρ‚Π° с ΠΏΡ€Π°Π²ΠΎΠΉ стороны. Если ΠΆΠ΅ высота size Π·Π°Π΄Π°Π½Π° ΠΈ ΠΎΠ½Π° мСньшС количСства Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ², Ρ‚ΠΎ справа появится полоса ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ.

3. Name – имя. Π’Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠ±ΠΎΠΉΡ‚ΠΈΡΡŒ ΠΈ Π±Π΅Π· Π½Π΅Π³ΠΎ, Π½ΠΎ ΠΎΠ½ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΌ для взаимодСйствия с ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΎΠΉ-ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠΌ Π½Π° сСрвСрС. Как ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, имя всС-Ρ‚Π°ΠΊΠΈ ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚.

Π’Π΅Π³Β select Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² Π² ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ Ρ‚Π΅Π³Π° option.

Атрибуты Π²Π»ΠΎΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ Ρ‚Π΅Π³Π° option

  1. Selected – ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ для выдСлСния ΠΏΡƒΠ½ΠΊΡ‚Π° списка. ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ смоТСт Π²Ρ‹Π΄Π΅Π»ΡΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΏΡƒΠ½ΠΊΡ‚Π°, Ссли Π·Π°Π΄Π°Π½ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ multiple (см. Π²Ρ‹ΡˆΠ΅).
  2. Value – Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅. Π­Ρ‚ΠΎΡ‚ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ обязатСлСн. Π’Π΅Π±-сСрвСр Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΈΠ΅ ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ списка Π²Ρ‹Π±Ρ€Π°Π» ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ.
  3. Label. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этого Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠΊΡ€Π°Ρ‰Π°Ρ‚ΡŒ слишком Π΄Π»ΠΈΠ½Π½Ρ‹Π΅ элСмСнты списков. НапримСр, Π½Π° экран Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ «Милан», вмСсто ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠ³ΠΎ Π² Ρ‚Π΅Π³Π΅ option «Милан — административный Ρ†Π΅Π½Ρ‚Ρ€ Π›ΠΎΠΌΠ±Π°Ρ€Π΄ΠΈΠΈ. БСвСрная Π˜Ρ‚Π°Π»ΠΈΡΒ». Π­Ρ‚ΠΎΡ‚ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²ΠΊΠΈ ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ² Π² спискС.

Π§Ρ‚ΠΎ касаСтся ΡˆΠΈΡ€ΠΈΠ½Ρ‹ списка, Ρ‚ΠΎ ΠΎΠ½Π° устанавливаСтся ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΏΠΎ Π΄Π»ΠΈΠ½Π΅ самого ΡˆΠΈΡ€ΠΎΠΊΠΎΠ³ΠΎ тСкста Π² спискС. РазумССтся, ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ стилСй HTML.

Π•Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ CSS, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, список Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΡΠ²Π»ΡΡ‚ΡŒΡΡ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора Π½Π° элСмСнт страницы. ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹Π΅ возмоТности для создания списков прСдоставляСт JavaScript , Ρ€Π°Π±ΠΎΡ‚Ρƒ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° Jquery. Π’Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список, ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½Π½Ρ‹ΠΉ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этой Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ, ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΡ‡Π΅Π½ΡŒ слоТным, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, каскадным. Π’ΠΎ Π΅ΡΡ‚ΡŒ ΠΏΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ элСмСнта Π² ΠΎΠ΄Π½ΠΎΠΌ спискС появляСтся ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ список, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, сущСствуСт ΠΏΡƒΠ½ΠΊΡ‚ мСню «ЖСнская ΠΎΠ΄Π΅ΠΆΠ΄Π°Β» (ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‚ Π²ΠΈΠ΄Ρ‹ ΠΎΠ΄Π΅ΠΆΠ΄Ρ‹), Π·Π°Ρ‚Π΅ΠΌ ΠΏΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈΠ· Π²ΠΈΠ΄ΠΎΠ², Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, «ВСрхняя ΠΎΠ΄Π΅ΠΆΠ΄Π°Β», Π²Ρ‹ΠΏΠ°Π΄Π°Π΅Ρ‚ список с элСмСнтами: ΠΊΡƒΡ€Ρ‚ΠΊΠΈ, ΠΏΠ°Ρ€ΠΊΠΈ, ΠΏΠ°Π»ΡŒΡ‚ΠΎ, ΠΏΠΎΠ»ΡƒΠΏΠ°Π»ΡŒΡ‚ΠΎ, ΡˆΡƒΠ±Ρ‹ ΠΈ Ρ‚. ΠΏ.

ΠœΡ‹ повСрхностно пСрСчислили основныС способы, ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список. РазумССтся, Π΅ΡΡ‚ΡŒ масса нюансов Π² HTML, Π² CSS ΠΈ Π² JavaScript, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΈ внСшний Π²ΠΈΠ΄ списков.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ Select. Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список Π½Π° HTML.

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список.

ΠŸΡƒΠ½ΠΊΡ‚ 1ΠŸΡƒΠ½ΠΊΡ‚ 2ΠŸΡƒΠ½ΠΊΡ‚ 3

Π­Ρ‚ΠΎΡ‚ список становится Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹ΠΌ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ языка HTML. Π”Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим ΠΊΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π·Π° это ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚.

ΠŸΡƒΠ½ΠΊΡ‚ 1 ΠŸΡƒΠ½ΠΊΡ‚ 2 ΠŸΡƒΠ½ΠΊΡ‚ 3

Π˜Ρ‚Π°ΠΊ Π·Π° созданиС самого списка ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ элСмСнт select, Π° Π·Π° ΠΏΡƒΠ½ΠΊΡ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‚ Π²Ρ‹ΠΏΠ°Π΄Π°Ρ‚ΡŒ элСмСнт option.

Π’ΠΏΠΎΠ»Π½Π΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Ρƒ вас Π±Ρ‹Π» Π²Ρ‹Π±Ρ€Π°Π½ Π½Π΅ Β«ΠŸΡƒΠ½ΠΊΡ‚ 1Β», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠ΄Π΅Ρ‚ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ ΠΏΠΎ списку, Π° скаТСм Β«ΠŸΡƒΠ½ΠΊΡ‚ 3Β». Для этой Ρ†Π΅Π»ΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ selected.

Π’ΠΎΡ‚ ΠΊΠ°ΠΊ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΊΠΎΠ΄:

ΠŸΡƒΠ½ΠΊΡ‚ 1 ΠŸΡƒΠ½ΠΊΡ‚ 2 ΠŸΡƒΠ½ΠΊΡ‚ 3

Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅ΠΌΡ‹ΠΉ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список Π² HTML?

Π― Π½Π΅ ΡƒΠ²Π΅Ρ€Π΅Π½, Ρ‡Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ способ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это автоматичСски Π±Π΅Π· javascript.

Π§Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ — это Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° сторонС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΡ€ΠΌΡƒ Π½Π° сСрвСр, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π΄Π΅Π»Π°Π΅Ρ‚ Π²Ρ‹Π±ΠΎΡ€ — ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, javascript.

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Ρƒ вас Π΅ΡΡ‚ΡŒ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠ΅ срСдство (Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠΈ) для Ρ‚Π΅Ρ…, Ρƒ ΠΊΠΎΠ³ΠΎ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ javascript.

Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€: Combo-Box Viewer

Π²Ρ‡Π΅Ρ€Π° Ρƒ мСня Π±Ρ‹Π» Π΄Π°ΠΆΠ΅ Π±ΠΎΠ»Π΅Π΅ слоТныС ΠΊΠΎΠΌΠ±ΠΎ-бокс, с этим dhtmlxCombo, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ajax, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ значСния срСди большого количСства Π΄Π°Π½Π½Ρ‹Ρ….

Π’Π΅Π³ select — Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список

Π’Π΅Π³ select создаСт Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список для использования Π² HTML Ρ„ΠΎΡ€ΠΌΠ°Ρ….

ΠžΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΡƒΠ½ΠΊΡ‚ списка Π΄ΠΎΠ»ΠΆΠ΅Π½ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒΡΡ Π² Ρ‚Π΅Π³Π΅ option.

Атрибуты

ΠΡ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠžΠΏΠΈΡΠ°Π½ΠΈΠ΅
multiple НаличиС Π΄Π°Π½Π½ΠΎΠ³ΠΎ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° создаСт ΠΌΡƒΠ»ΡŒΡ‚ΠΈΡΠ΅Π»Π΅ΠΊΡ‚
— Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ нСсколько ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ², Π·Π°ΠΆΠ°Π² ΠΊΠ»Π°Π²ΠΈΡˆΡƒ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ» (Ctrl) ΠΈΠ»ΠΈ Π²Ρ‹Π΄Π΅Π»ΠΈΠ² ΠΈΡ… ΠΌΡ‹ΡˆΠΊΠΎΠΉ.
ΠΠ΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚. ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Ρ‚Π°ΠΊ: <select multiple> ΠΈΠ»ΠΈ Ρ‚Π°ΠΊ <select multiple=»multiple»>.
name Имя Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка. НуТно для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΡΡ‚Π°Ρ‚ΡŒ Π΄Π°Π½Π½Ρ‹Π΅ поля Π²Π²ΠΎΠ΄Π° Π² PHP. Для ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈΠΌΠ΅Π½Π° ΠΏΠΎΠ»Π΅ΠΉ Π²Π²ΠΎΠ΄Π° Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡΠΎΠ²ΠΏΠ°Π΄Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ (Π² ΠΎΠ΄Π½ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΠ΅). Если ΠΎΠ½ΠΈ ΡΠΎΠ²ΠΏΠ°Π΄Π°ΡŽΡ‚ — Π² PHP ΠΏΡ€ΠΈΠ΄ΡƒΡ‚ Π΄Π°Π½Π½Ρ‹Π΅ Ρ‚ΠΎΠ³ΠΎ поля Π²Π²ΠΎΠ΄Π°, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π½ΠΈΠΆΠ΅ Π² HTML ΠΊΠΎΠ΄Π΅.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

Π”Π°Π²Π°ΠΉΡ‚Π΅ посмотрим, ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список:

<select> <option>Москва</option> <option>Минск</option> <option>КиСв</option> <option>Π›ΠΎΠ½Π΄ΠΎΠ½</option> </select>

:

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

Π”Π°Π²Π°ΠΉΡ‚Π΅ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка сдСлаСм Ρ€Π°Π²Π½ΠΎΠΉ ΡˆΠΈΡ€ΠΈΠ½Π΅ самого большого элСмСнта (Ссли ΠΎΠ½Π° Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ явно ΡƒΠΊΠ°Π·Π°Π½Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS свойства width):

<select> <option>Москва - столица России</option> <option>Минск</option> <option>КиСв</option> <option>Π›ΠΎΠ½Π΄ΠΎΠ½</option> </select>

:

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ . Π’Ρ‹Π±ΠΎΡ€ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ

А Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π³ΠΎΡ€ΠΎΠ΄ Минск. Π‘Π΄Π΅Π»Π°Π΅ΠΌ это с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°

selected:

<select> <option>Москва - столица России</option> <option selected>Минск</option> <option>КиСв</option> <option>Π›ΠΎΠ½Π΄ΠΎΠ½</option> </select>

:

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ . ΠœΡƒΠ»ΡŒΡ‚ΠΈΡΠ΅Π»Π΅ΠΊΡ‚

Π”Π°Π²Π°ΠΉΡ‚Π΅ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΠΌ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ select Π² ΠΌΡƒΠ»ΡŒΡ‚ΠΈΡΠ΅Π»Π΅ΠΊΡ‚ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° multiple. Для этого Π·Π°ΠΆΠΌΠ΅ΠΌ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ» (ctrl) ΠΈ, Π½Π΅ отпуская Π΅Π΅, ΠΌΠΎΠΆΠ΅ΠΌ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ нСсколько ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ² Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка. Или ΠΆΠ΅ просто Π²Ρ‹Π΄Π΅Π»ΠΈΠΌ ΠΌΡ‹ΡˆΠΊΠΎΠΉ нСсколько ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ² (Π·Π°ΠΆΠΌΠΈΠ΅ΠΌ Π»Π΅Π²ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΈ выдСляСм).

<select multiple name="city[]"> <option>Москва - столица России</option> <option>Минск</option> <option>КиСв</option> <option>Π›ΠΎΠ½Π΄ΠΎΠ½</option> </select>

:

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ . НСсколько Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π² ΠΌΡƒΠ»ΡŒΡ‚ΠΈΡΠ΅Π»Π΅ΠΊΡ‚Π΅

А Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ, Π² ΠΌΡƒΠ»ΡŒΡ‚ΠΈΡΠ΅Π»Π΅ΠΊΡ‚Π΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅, Ρ‡Π΅ΠΌ ΠΎΠ΄Π½ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅:

<select multiple name="city[]"> <option>Москва - столица России</option> <option selected>Минск</option> <option>КиСв</option> <option selected>Π›ΠΎΠ½Π΄ΠΎΠ½</option> </select>

:

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

  • Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ selected,
    ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π·Π°Π΄Π°Π΅Ρ‚ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹ΠΉ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΏΡƒΠ½ΠΊΡ‚ списка
  • Ρ‚Π΅Π³ optgroup,
    ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΡƒΠ΅Ρ‚ ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ списка
  • Ρ‚Π΅Π³ datalist,
    ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ создаСт Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список

Π’Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠ΅ списки Π² HTML-Ρ„ΠΎΡ€ΠΌΠ°Ρ…. Π‘Π°ΠΌΠΎΡƒΡ‡ΠΈΡ‚Π΅Π»ΡŒ HTML

Π’Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠ΅ списки Π² HTML-Ρ„ΠΎΡ€ΠΌΠ°Ρ… ΠΈΠΌΠ΅ΡŽΡ‚ ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΠ½ΡƒΡŽ ΠΊΠΎΠ½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡŽ, которорая состоит ΠΈΠ· Ρ‚Π΅Π³Π°-ΠΎΠ±ΠΎΠ»ΠΎΡ‡ΠΊΠΈ select ΠΈ Ρ‚Π΅Π³ΠΎΠ²-элСмСнтов option. Атрибут name присваиваСтся Ρ‚Π΅Π³Ρƒ select, Π° Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ value Ρ‚Π΅Π³Ρƒ option.

<select name="name_spiska" >
       <option value="0"> Π’Π°Ρˆ возраст </option>
       <option value="1"> Π΄ΠΎ 18 </option>
       <option value="2"> 18-35 </option>
       <option value="3"> 35-50 </option>
       <option value="4"> большС 50 </option>
 </select>

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚: Π’Π°Ρˆ возраст Π΄ΠΎ 18 18-35 35-50 большС 50

ΠŸΡ€ΠΈ использовании Π² ΠΎΠ΄Π½ΠΎΠΉ HTML-Ρ„ΠΎΡ€ΠΌΠ΅ Π΄Π²ΡƒΡ… ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ списков ΠΏΠΎΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ ΠΈΡ… Π² Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ Π½Π΅Ρ‚ нСобходимости. Π—Π° ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ΠΌ случаСв Ссли этого Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ ваш Π΄ΠΈΠ·Π°ΠΉΠ½(шаблон) сайта.

Π’ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅ΠΌ спискС всСгда(ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ) ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ отобраТаСтся Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ элСмСнт. Но умолчания для Ρ‚ΠΎΠ³ΠΎ ΠΈ ΠΏΡ€ΠΈΠ΄ΡƒΠΌΠ°Π»ΠΈ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ ΠΌΠ΅Π½ΡΡ‚ΡŒ Π½Π° Π½ΡƒΠΆΠ½ΠΎΠ΅ Π²Π°ΠΌ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅. ДСлаСтся это ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°

selected, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ присваиваСтся Ρ‚Π΅Π³Ρƒ option Π±Π΅Π· значСния.

<select name="name_spiska" >
       <option value="1"> Π΄ΠΎ 18 </option>
       <option value="2" selected> 18-35 </option>
       <option value="3"> 35-50 </option>
       <option value="4"> большС 50 </option>
 </select>

Π’Ρ‹Π±Ρ€Π°Ρ‚ΡŒ возраст: Π΄ΠΎ 18 18-35 35-50 большС 50

Из Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°ΡŽΡ‰ΠΈΠΉΡΡ список ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° size Ρ‚Π΅Π³Π° select.

<select name="name_spiska" size="3">
       <option value="1"> Π΄ΠΎ 18 </option>
       <option value="2"> 18-25 </option>
       <option value="3"> 25-35 </option>
       <option value="4"> 35-50 </option>
       <option value="5"> 50-60 </option>
       <option value="6"> большС 60 </option>
 </select>

до 18 18-25 25-35 35-50 50-60 большС 60
Как Π·Π°ΠΌΠ΅Ρ‚ΠΈΠ»ΠΈ, Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° size являСтся Ρ†ΠΈΡ„Ρ€Π°, которая ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ сколько элСмСнтом Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ, Π² ΠΌΠΎΠ΅ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Ρ‚Ρ€ΠΈ.

Π—Π°ΠΊΠΎΠ½Ρ‡ΠΈΡ‚ΡŒ эту Π³Π»Π°Π²Ρƒ Ρ…ΠΎΡ‚Π΅Π»-Π±Ρ‹ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ, Π½Π΅ всС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°ΡŽΡ‰ΠΈΠ΅ΡΡ списки, Ρƒ Π½ΠΈΡ… отсутствуСт полоса ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ, Π° это ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Π½Π΅ Π²Π΅Ρ€Π½Ρ‹ΠΉ Π²Ρ‹Π±ΠΎΡ€. Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ ΠΎΡ‚ΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ ΠΎΡ‚ использования Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° size.

Π Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список | Yocton

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

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <select> создаСт Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню, ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΡƒΠ½ΠΊΡ‚.

<select name="">
    <option value="1">Один</option>
    <option value="2">Π”Π²Π°</option>
    <option value="3">Π’Ρ€ΠΈ</option>
    <option value="4">Π§Π΅Ρ‚Ρ‹Ρ€Π΅</option>
</select>
ΠžΠ΄ΠΈΠ½Π”Π²Π°Π’Ρ€ΠΈΠ§Π΅Ρ‚Ρ‹Ρ€Π΅

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ количСство ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹Ρ… ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ² мСню с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° size. Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ этого Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° Ρ€Π°Π²Π½ΠΎΠ΅ 0 ΠΈΠ»ΠΈ 1 ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ стандартноС Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список. Если ΠΆΠ΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚size ΠΏΡ€Π΅Π²Ρ‹ΡˆΠ°Π΅Ρ‚ 1, Ρ‚ΠΎ список отобраТаСтся ΠΊΠ°ΠΊ ΠΏΠΎΠ»Π΅, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‰Π΅Π΅ нСсколько строк, с ΠΎΠ΄Π½ΠΈΠΌ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ Π½Π° строку ΠΈ полосой ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ для Π²Ρ‹Π±ΠΎΡ€Π° доступных ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ².

<select name="" size="3"></select>
ΠžΠ΄ΠΈΠ½Π”Π²Π°Π’Ρ€ΠΈΠ§Π΅Ρ‚Ρ‹Ρ€Π΅

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

<select name="" multiple></select>
ΠžΠ΄ΠΈΠ½Π”Π²Π°Π’Ρ€ΠΈΠ§Π΅Ρ‚Ρ‹Ρ€Π΅

ΠŸΡ€ΠΈ использовании Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° multiple сущСствуСт Ρ€Π°Π·Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ использованиСм Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ 0 ΠΈ 1 для Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° size. ИспользованиС 0 ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Ρ‚ ΠΊ Ρ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π±ΡƒΠ΄Π΅Ρ‚ вСсти сСбя ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Ρ‚ΠΎ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° size Π²ΠΎΠΎΠ±Ρ‰Π΅ Π½Π΅Ρ‚. ИспользованиС значСния Ρ€Π°Π²Π½ΠΎΠ³ΠΎ 1 Π±ΡƒΠ΄Π΅Ρ‚ явно Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΠΌΠΎΠ³ΠΎ поля Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² ΠΎΠ΄Π½Ρƒ строку.

ΠžΠ΄ΠΈΠ½Π”Π²Π°Π’Ρ€ΠΈΠ§Π΅Ρ‚Ρ‹Ρ€Π΅

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ option Π²Π½ΡƒΡ‚Ρ€ΠΈ элСмСнта select — это Ρ‚Π΅ ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ списка, ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ. Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½Ρ‹ΠΉ синтаксис для элСмСнта option выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

<option>Π’Ρ‹Π±Π΅Ρ€ΠΈ мСня</option>

Однако Π²Π°ΠΆΠ½ΠΎ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ тСкст Π²Π½ΡƒΡ‚Ρ€ΠΈ самого элСмСнта <option> Π½Π΅ всСгда ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ, ΠΈ ΠΏΠΎ сущСству становится Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ для Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΡƒΠΊΠ°Π·Π°Π½Ρ‹. На самом Π΄Π΅Π»Π΅ внСшним Π²ΠΈΠ΄ΠΎΠΌ ΠΈ ΠΏΠ΅Ρ€Π΅Π΄ΠΎΠ²Π°Π΅ΠΌΡ‹ΠΌ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ Π½Π° сСрвСр ΡΠ²Π»ΡΡŽΡ‚ΡΡ соотвСтствСнно Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ label ΠΈ value. Атрибут label прСдставляСт собой тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π² Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌΡΡ мСню (Π²ΠΈΠ΄ΠΈΠΌΡ‹ΠΉ ΠΏΡƒΠ½ΠΊΡ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚Π΅ ΠΈΠ· списка). Атрибут value — это тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΏΡ€Π°Π²Π»Π΅Π½ вмСстС с ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠΎΠΉ Ρ„ΠΎΡ€ΠΌΡ‹. Если ΠΎΠ΄Π½ΠΎ ΠΈΠ· этих Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ ΠΎΠΏΡƒΡ‰Π΅Π½ΠΎ, Ρ‚ΠΎ вмСсто Π½Π΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ тСкст Π²Π½ΡƒΡ‚Ρ€ΠΈ элСмСнта ΠΊΠ°ΠΊ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹ΠΉ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Β«Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Β»:

<option label="ΠŸΡƒΠ½ΠΊΡ‚ 1" value="1">Π’Ρ‹Π±Π΅Ρ€ΠΈ мСня</option>
<option label="ΠŸΡƒΠ½ΠΊΡ‚ 2" value="2">
Π’Ρ‹Π±Π΅Ρ€ΠΈ мСня

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° отсутствиС Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅Π³ΠΎ тСкста ΠΈ ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠ³ΠΎ Ρ‚Π΅Π³Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ΡΡ для фактичСского создания ΠΏΡƒΠ½ΠΊΡ‚Π° списка. Если ΠΎΠ½ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹, Ρ‚ΠΎ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΉ тСкст Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΎΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΠΎΠ²Π°Π½, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΎΠ±Π° Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° ΡƒΠΊΠ°Π·Π°Π½Ρ‹ ΠΈ тСкст Π½Π΅ Π½ΡƒΠΆΠ΅Π½. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΏΠΈΡˆΡƒΡ‚ ΠΈΠ½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

<option  value="1">ΠŸΡƒΠ½ΠΊΡ‚ 1</option>
<option  value="2">ΠŸΡƒΠ½ΠΊΡ‚ 1</option>

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ ΠΏΡƒΠ½ΠΊΡ‚, которая Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π±Ρ€Π°Π½ Π² спискС ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, Π΄ΠΎΠ±Π°Π²ΠΈΠ² Π΅ΠΌΡƒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ selected. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, Ссли Π² спискС Π½ΠΈ ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½ Π½ΠΈ ΠΎΠ΄ΠΈΠ½ ΠΏΡƒΠ½ΠΊΡ‚ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ selected, Ρ‚ΠΎ ΠΏΡ€ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ ΠΏΡƒΠ½ΠΊΡ‚. Если нСсколько ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ² ΠΈΠΌΠ΅ΡŽΡ‚ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ selected, Ρ‚ΠΎ послСдний ΠΏΡƒΠ½ΠΊΡ‚ с Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ selected Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π±Ρ€Π°Π½ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.

<option value="2" selected>Π”Π²Π°</option>
ΠžΠ΄ΠΈΠ½Π”Π²Π°Π’Ρ€ΠΈΠ§Π΅Ρ‚Ρ‹Ρ€Π΅

Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ selected Π² ΠΌΠ½ΠΎΠ³ΠΎΠ²Π°Ρ€ΠΈΠ°Π½Ρ‚Π½ΠΎΠΌ спискС, Ρ‚ΠΎ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π±ΡƒΠ΄ΡƒΡ‚ Π²Ρ‹Π±Ρ€Π°Π½Ρ‹ всС ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ с этим Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ, ΠΈ Π½ΠΈ ΠΏΡƒΠ½ΠΊΡ‚ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π±Ρ€Π°Π½, Ссли всС ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ Π½Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ этого Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°.

<option value="1">Один</option>
<option selected value="2">Π”Π²Π°</option>
<option value="3">Π’Ρ€ΠΈ</option>
<option selected value="4">Π§Π΅Ρ‚Ρ‹Ρ€Π΅</option>
ΠžΠ΄ΠΈΠ½Π”Π²Π°Π’Ρ€ΠΈΠ§Π΅Ρ‚Ρ‹Ρ€Π΅

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ свои ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ Π² Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΌΡΡ спискС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ структурированный ΠΌΠ°ΠΊΠ΅Ρ‚ Π² Π΄Π»ΠΈΠ½Π½ΠΎΠΌ спискС ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ², с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ элСмСнта <optgroup>. Бинтаксис ΠΎΡ‡Π΅Π½ΡŒ простой, просто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ элСмСнт с Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ label для ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° для Π³Ρ€ΡƒΠΏΠΏΡ‹ ΠΈ содСрТащий ноль ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Π²Π½ΡƒΡ‚Ρ€ΠΈ этой Π³Ρ€ΡƒΠΏΠΏΡ‹.

<select name="">
    <option value="milk">Молоко</option>
    <optgroup label="Π€Ρ€ΡƒΠΊΡ‚Ρ‹">
        <option value="banana">Π‘Π°Π½Π°Π½Ρ‹</option>
        <option value="strawberry">ΠšΠ»ΡƒΠ±Π½ΠΈΠΊΠ°</option>
    </optgroup>
    <optgroup label="ΠžΠ²ΠΎΡ‰ΠΈ" disabled>
        <option value="carrot">ΠœΠΎΡ€ΠΊΠΎΠ²ΡŒ</option>
        <option value="zucchini">Π¦ΡƒΠΊΠΈΠ½ΠΈ</option>
    </optgroup>
</select>
ΠœΠΎΠ»ΠΎΠΊΠΎΠ‘Π°Π½Π°Π½Ρ‹ΠšΠ»ΡƒΠ±Π½ΠΈΠΊΠ°ΠœΠΎΡ€ΠΊΠΎΠ²ΡŒΠ¦ΡƒΠΊΠΊΠΈΠ½ΠΈ

ΠŸΡ€ΠΈ использовании Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²ΠΊΠΈ ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ² Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ всС ΠΈΡ… Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΠΏΡ€ΠΈ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΈ Π³Ρ€ΡƒΠΏΠΏΡ‹ Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹ всС ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ Π²Π½ΡƒΡ‚Ρ€ΠΈ этой Π³Ρ€ΡƒΠΏΠΏΡ‹, ΠΈ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΠΏΡƒΠ½ΠΊΡ‚ Π² ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½Π½ΠΎΠΉ Π³Ρ€ΡƒΠΏΠΏΠ΅.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <datalist> ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ список ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ² для элСмСнта . Он позволяСт ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ автозаполнСния для элСмСнтов . ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ ΠΈΡ… записи. Бписок, создаваСмый элСмСнтом <datalist>, связываСтся с тСкстовым ΠΏΠΎΠ»Π΅ΠΌ посрСдством Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° id. Π•Π³ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΡΠΎΠ²ΠΏΠ°Π΄Π°Ρ‚ΡŒ со Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° list элСмСнта <input>.

<input list="Languages">
<datalist>
    <option value="PHP">
    <option value="Perl">
    <option value="Python">
    <option value="Ruby">
    <option value="C+">
</datalist>

Но Π½Π΅ всС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ Π΄Π°Π½Π½Ρ‹ΠΉ элСмСнт, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Safari.

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список Π² Excel

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

Excel прСдусматриваСт мноТСство Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ² Π³Π΅Π½Π΅Ρ€Π°Ρ†ΠΈΠΈ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ мСню, ΠΈ ΠΊΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π΄Π°Π΅Ρ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π³ΠΈΠ±ΠΊΠΎ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ ΠΈΡ…. Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΡ€ΠΎΠ°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΡƒΠ΅ΠΌ эти ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ.

ΠŸΡ€ΠΎΡ†Π΅ΡΡ создания списка

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠ³Π΅Π½Π΅Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ мСню, слСдуСт ΠΊΠ»ΠΈΠΊΠ½ΡƒΡ‚ΡŒ Π½Π° ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ мСню ΠΏΠΎ ΠΏΡƒΡ‚ΠΈ Β«Π”Π°Π½Π½Ρ‹Π΅Β» – Β«ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Π΄Π°Π½Π½Ρ‹Ρ…Β». ΠžΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ΡΡ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ окошко, Π³Π΄Π΅ Π½Π°Π΄ΠΎ Π½Π°ΠΉΡ‚ΠΈ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Β«ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹Β» ΠΈ Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΏΠΎ Π½Π΅ΠΉ, Ссли ΠΎΠ½Π° Π΄ΠΎ этого Π΅Ρ‰Π΅ Π½Π΅ Π±Ρ‹Π»Π° ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Π°. Π’ Π½Π΅ΠΌ Π΅ΡΡ‚ΡŒ мноТСство настроСк, Π½ΠΎ Π½Π°ΠΌ Π²Π°ΠΆΠ΅Π½ ΠΏΡƒΠ½ΠΊΡ‚ Β«Π’ΠΈΠΏ Π΄Π°Π½Π½Ρ‹Ρ…Β». Из всСх Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ «Бписок» – это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π½Π°Π΄ΠΎ.

1

ΠšΠΎΠ»ΠΈΡ‡Π΅ΡΡ‚Π²ΠΎ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ осущСствляСтся Π²Π²ΠΎΠ΄ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π²ΠΎ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ ΠΏΠ΅Ρ€Π΅Ρ‡Π΅Π½ΡŒ, достаточно большоС.

  1. Π‘Π°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ ΡƒΠΊΠ°Π·Π°Π½ΠΈΠ΅ элСмСнтов списка Ρ‡Π΅Ρ€Π΅Π· Ρ‚ΠΎΡ‡ΠΊΡƒ с запятой Π² ΠΏΠΎΠ»Π΅ Β«Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊΒ», располоТСнного Π½Π° Ρ‚ΠΎΠΉ ΠΆΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Ρ‚ΠΎΠ³ΠΎ ΠΆΠ΅ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ³ΠΎ ΠΎΠΊΠ½Π°.

    2

  2. ΠŸΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ ΡƒΠΊΠ°Π·Π°Π½ΠΈΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ. Π’ ΠΏΠΎΠ»Π΅ Β«Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊΒ» содСрТится Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½, Π³Π΄Π΅ имССтся нСобходимая информация.

    3

  3. Π£ΠΊΠ°Π·Π°Π½ΠΈΠ΅ ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π°. ΠœΠ΅Ρ‚ΠΎΠ΄, ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡΡŽΡ‰ΠΈΠΉ ΠΏΡ€ΠΎΡˆΠ»Ρ‹ΠΉ, Π½ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π°Π·Π²Π°Ρ‚ΡŒ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½.

    4

Π›ΡŽΠ±ΠΎΠΉ ΠΈΠ· этих ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ² выдаст Ρ‚Ρ€Π΅Π±ΡƒΠ΅ΠΌΡ‹ΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚. Π”Π°Π²Π°ΠΉΡ‚Π΅ Ρ€Π°Π·Π±Π΅Ρ€Π΅ΠΌ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ Π³Π΅Π½Π΅Ρ€Π°Ρ†ΠΈΠΈ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ…ΡΡ ΠΏΠ΅Ρ€Π΅Ρ‡Π½Π΅ΠΉ Π² Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Ρ… ситуациях.

На основС Π΄Π°Π½Π½Ρ‹Ρ… ΠΈΠ· пСрСчня

Допустим, Ρƒ нас Π΅ΡΡ‚ΡŒ Ρ‚Π°Π±Π»ΠΈΡ†Π°, ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‰Π°Ρ Π²ΠΈΠ΄Ρ‹ Ρ€Π°Π·Π½Ρ‹Ρ… Ρ„Ρ€ΡƒΠΊΡ‚ΠΎΠ².

5

Для создания пСрСчня Π² Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌΡΡ мСню, ΠΎΡΠ½ΠΎΠ²Ρ‹Π²Π°ΡΡΡŒ Π½Π° этом Π½Π°Π±ΠΎΡ€Π΅ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠ²Π΅Ρ€ΡˆΠΈΡ‚ΡŒ Ρ‚Π°ΠΊΠΈΠ΅ дСйствия:

  1. Π’Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ячСйку, ΠΎΡ‚Π²Π΅Π΄Π΅Π½Π½ΡƒΡŽ ΠΏΠΎΠ΄ Π±ΡƒΠ΄ΡƒΡ‰ΠΈΠΉ ΠΏΠ΅Ρ€Π΅Ρ‡Π΅Π½ΡŒ.
  2. На Π»Π΅Π½Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Β«Π”Π°Π½Π½Ρ‹Π΅Β». Π’Π°ΠΌ осущСствляСм Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ ΠΏΠΎ Β«ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Π΄Π°Π½Π½Ρ‹Ρ…Β».

    6

  3. Найти ΠΏΡƒΠ½ΠΊΡ‚ Β«Π’ΠΈΠΏ Π΄Π°Π½Π½Ρ‹Ρ…Β» ΠΈ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π½Π° «Бписок».

    7

  4. Π’ ΠΏΠΎΠ»Π΅, ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‰Π΅ΠΌ ΠΎΠΏΡ†ΠΈΡŽ Β«Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊΒ», ввСсти Π½ΡƒΠΆΠ½Ρ‹ΠΉ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹Π΅ ссылки, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈ ΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ списка информация Π½Π΅ ΡΠΌΠ΅Ρ‰Π°Π»Π°ΡΡŒ.

    8

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

Π‘ Ρ€ΡƒΡ‡Π½ΠΎΠΉ записью Π΄Π°Π½Π½Ρ‹Ρ…

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

Допустим, ΠΏΠ΅Ρ€Π΅Π΄ Π½Π°ΠΌΠΈ стоит Π·Π°Π΄Π°Ρ‡Π° ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ список, содСрТащий Π΄Π²Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Ρ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° Π²Ρ‹Π±ΠΎΡ€Π°: Π΄Π° ΠΈ Π½Π΅Ρ‚. Π§Ρ‚ΠΎΠ±Ρ‹ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΡΡ‚Π°Π²Π»Π΅Π½Π½ΡƒΡŽ Π·Π°Π΄Π°Ρ‡Ρƒ, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ:

  1. ΠΠ°ΠΆΠ°Ρ‚ΡŒ ΠΏΠΎ ячСйкС, ΠΎΡ‚Π²Π΅Π΄Π΅Π½Π½ΠΎΠΉ ΠΏΠΎΠ΄ ΠΏΠ΅Ρ€Π΅Ρ‡Π΅Π½ΡŒ.
  2. ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Β«Π”Π°Π½Π½Ρ‹Π΅Β» ΠΈ Ρ‚Π°ΠΌ ΠΎΡ‚Ρ‹ΡΠΊΠ°Ρ‚ΡŒ Π·Π½Π°ΠΊΠΎΠΌΡ‹ΠΉ Π½Π°ΠΌ Ρ€Π°Π·Π΄Π΅Π» Β«ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Π΄Π°Π½Π½Ρ‹Ρ…Β».

    9

  3. Π‘Π½ΠΎΠ²Π° Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Ρ‚ΠΈΠΏ «Бписок».

    10

  4. Π—Π΄Π΅ΡΡŒ Π² качСствС источника Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ввСсти β€œΠ”Π°;НСт”. Π’ΠΈΠ΄ΠΈΠΌ, Ρ‡Ρ‚ΠΎ информация ΠΏΡ€ΠΈ Ρ€ΡƒΡ‡Π½ΠΎΠΌ Π²Π²ΠΎΠ΄Π΅ вводится с использованиСм Ρ‚ΠΎΡ‡ΠΊΠΈ с запятой для пСрСчислСния.

ПослС наТатия «ОК» Ρƒ нас появился ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚.

11

Π”Π°Π»Π΅Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΎΠΉ Π±ΡƒΠ΄Π΅Ρ‚ автоматичСски создано Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню Π² подходящСй ячСйкС. Вся информация, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΡƒΠΊΠ°Π·Π°Π» качСствС ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ² Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎ пСрСчня. ΠŸΡ€Π°Π²ΠΈΠ»Π° создания пСрСчня Π² Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ячСйках Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½Ρ‹Π΅ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠΌ Π·Π° Ρ‚Π΅ΠΌ лишь ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ΠΌ, Ρ‡Ρ‚ΠΎ слСдуСт ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ с использованиСм Ρ‚ΠΎΡ‡ΠΊΠΈ с запятой.

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ списка ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Π‘ΠœΠ•Π©

ΠšΡ€ΠΎΠΌΠ΅ классичСского ΠΌΠ΅Ρ‚ΠΎΠ΄Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Π‘ΠœΠ•Π©, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠ΅ мСню.

ΠžΡ‚ΠΊΡ€ΠΎΠ΅ΠΌ лист.

12

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ для Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка Π½Π°Π΄ΠΎ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ Ρ‚Π°ΠΊΠΎΠ΅:

  1. Π’Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΡƒΡŽΡ‰ΡƒΡŽ ячСйку, Π³Π΄Π΅ Π½Π°Π΄ΠΎ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π±ΡƒΠ΄ΡƒΡ‰ΠΈΠΉ список.
  2. ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Β«Π”Π°Π½Π½Ρ‹Π΅Β» ΠΈ ΠΎΠΊΠ½ΠΎ Β«ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Π΄Π°Π½Π½Ρ‹Ρ…Β».

    13

  3. Π—Π°Π΄Π°Π΅ΠΌ «Бписок». ДСлаСтся это Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½ΠΎ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°ΠΌ. НаконСц, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ такая Ρ„ΠΎΡ€ΠΌΡƒΠ»Π°: =Π‘ΠœΠ•Π©(A$2$;0;0;5). ΠœΡ‹ Π΅Π΅ Π²Π²ΠΎΠ΄ΠΈΠΌ Ρ‚Π°ΠΌ, Π³Π΄Π΅ Π·Π°Π΄Π°ΡŽΡ‚ΡΡ ячСйки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π² качСствС Π°Ρ€Π³ΡƒΠΌΠ΅Π½Ρ‚Π°.

ΠŸΠΎΡ‚ΠΎΠΌ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΎΠΉ создастся мСню с ΠΏΠ΅Ρ€Π΅Ρ‡Π½Π΅ΠΌ Ρ„Ρ€ΡƒΠΊΡ‚ΠΎΠ².

Бинтаксис этой Ρ‚Π°ΠΊΠΎΠΉ:

=Π‘ΠœΠ•Π©(ссылка;смСщ_ΠΏΠΎ_строкам;смСщ_ΠΏΠΎ_столбцам;[высота];[ΡˆΠΈΡ€ΠΈΠ½Π°])

Π’ΠΈΠ΄ΠΈΠΌ, Ρ‡Ρ‚ΠΎ сия функция прСдусматриваСт 5 Π°Ρ€Π³ΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ². Π‘Π½Π°Ρ‡Π°Π»Π° даСтся ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ адрСс ячСйки для смСщСния. Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ Π΄Π²Π° Π°Ρ€Π³ΡƒΠΌΠ΅Π½Ρ‚Π° ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚, сколько рядов ΠΈ ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ, Π½Π° ΠΊΠ°ΠΊΠΎΠ΅ происходит смСщСниС. Если Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ΡŒ ΠΎ нас, Π² качСствС Π°Ρ€Π³ΡƒΠΌΠ΅Π½Ρ‚Π° «Высота» приводится Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ 5, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ высоту пСрСчня.Β 

Π’Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список Π² Excel с подстановкой Π΄Π°Π½Π½Ρ‹Ρ… (+ с использованиСм Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Π‘ΠœΠ•Π©)

Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ случаС Π‘ΠœΠ•Π© ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΠ»Π° ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ мСню, располоТСнноС Π² фиксированном Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π΅. НСдостаток этого ΠΌΠ΅Ρ‚ΠΎΠ΄Π° – послС добавлСния ΠΏΡƒΠ½ΠΊΡ‚Π° придСтся ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΡƒΠ»Ρƒ.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ динамичСский ΠΏΠ΅Ρ€Π΅Ρ‡Π΅Π½ΡŒ с ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ Π²Π²ΠΎΠ΄Π° Π½ΠΎΠ²ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ:

  1. ΠžΡΡƒΡ‰Π΅ΡΡ‚Π²ΠΈΡ‚ΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΡƒΡŽΡ‰Π΅ΠΉ ячСйки.
  2. Π Π°ΡΠΊΡ€Ρ‹Ρ‚ΡŒ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Β«Π”Π°Π½Π½Ρ‹Π΅Β» ΠΈ Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΏΠΎ Β«ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Π΄Π°Π½Π½Ρ‹Ρ…Β».
  3. Π’ ΠΎΡ‚ΠΊΡ€Ρ‹Π²ΡˆΠ΅ΠΌΡΡ окошкС снова осущСствляСм Π²Ρ‹Π±ΠΎΡ€ ΠΏΡƒΠ½ΠΊΡ‚Π° «Бписок» ΠΈ источником Π΄Π°Π½Π½Ρ‹Ρ… ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ Ρ‚Π°ΠΊΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒΠ»Ρƒ: =Π‘ΠœΠ•Π©(A$2$;0;0;Π‘Π§Π•Π’Π•Π‘Π›Π˜($A$2:$A$100;”<>”))
  4. НаТимаСм «ОК».

Π—Π΄Π΅ΡΡŒ содСрТится функция Π‘Π§Π•Π’Π•Π‘Π›Π˜, Ρ‡Ρ‚ΠΎΠ±Ρ‹ сразу ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡ‚ΡŒ, сколько ячССк Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΎ (хотя Ρƒ Π½Π΅Π΅ Π΅ΡΡ‚ΡŒ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ большСС количСство ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠΉ, просто ΠΌΡ‹ записываСм Π΅Π΅ здСсь для ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠΉ Ρ†Π΅Π»ΠΈ).

Π§Ρ‚ΠΎΠ±Ρ‹ Ρ„ΠΎΡ€ΠΌΡƒΠ»Π° Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π»Π° Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎ, Π½Π°Π΄ΠΎ ΠΏΡ€ΠΎΡΠ»Π΅Π΄ΠΈΡ‚ΡŒ Π΅ΡΡ‚ΡŒ Π»ΠΈ Π½Π° ΠΏΡƒΡ‚ΠΈ Ρ„ΠΎΡ€ΠΌΡƒΠ»Ρ‹ пустыС ячСйки. Π˜Ρ… Π±Ρ‹Ρ‚ΡŒ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ.

Π’Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список с Π΄Π°Π½Π½Ρ‹ΠΌΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ листа ΠΈΠ»ΠΈ Ρ„Π°ΠΉΠ»Π° Excel

ΠšΠ»Π°ΡΡΠΈΡ‡Π΅ΡΠΊΠΈΠΉ ΠΌΠ΅Ρ‚ΠΎΠ΄ Π½Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½ΠΈΡ€ΡƒΠ΅Ρ‚, Ссли трСбуСтся ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΈΠ· Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ содСрТащСгося Π² этом ΠΆΠ΅ Ρ„Π°ΠΉΠ»Π΅ листа. Для этого ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ функция Π”Π’Π‘Π‘Π«Π›, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰Π°Ρ ввСсти Π² Π²Π΅Ρ€Π½ΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ ссылку Π½Π° ячСйку, Π½Π°Ρ…ΠΎΠ΄ΡΡ‰ΡƒΡŽΡΡ Π² Π΄Ρ€ΡƒΠ³ΠΎΠΌ листС ΠΈΠ»ΠΈ Π²ΠΎΠΎΠ±Ρ‰Π΅ – Ρ„Π°ΠΉΠ»Π΅. НСобходимо Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ Ρ‚Π°ΠΊΠΈΠ΅ дСйствия:

  1. ΠΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ячСйку, Π³Π΄Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Π΅ΠΌ ΠΏΠ΅Ρ€Π΅Ρ‡Π΅Π½ΡŒ.
  2. ΠžΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ ΡƒΠΆΠ΅ Π·Π½Π°ΠΊΠΎΠΌΠΎΠ΅ Π½Π°ΠΌ ΠΎΠΊΠ½ΠΎ. Π’ Ρ‚ΠΎΠΌ ΠΆΠ΅ мСстС, Π³Π΄Π΅ ΠΌΡ‹ Ρ€Π°Π½Π΅Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π»ΠΈ источники Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Ρ‹, указываСтся Ρ„ΠΎΡ€ΠΌΡƒΠ»Π° Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ =Π”Π’Π‘Π‘Π«Π›(β€œ[Бписок1.xlsx]Лист1!$A$1:$A$9”). ЕстСствСнно, вмСсто Бписок1 ΠΈ Лист1 ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ свои ΠΈΠΌΠ΅Π½Π° ΠΊΠ½ΠΈΠ³ΠΈ ΠΈ листа соотвСтствСнно.Β 

Π’Π½ΠΈΠΌΠ°Π½ΠΈΠ΅! Имя Ρ„Π°ΠΉΠ»Π° указываСтся Π² ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½Ρ‹Ρ… скобках. ΠŸΡ€ΠΈ этом Excel Π½Π΅ смоТСт ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ Π² качСствС источника ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Ρ„Π°ΠΉΠ», Π·Π°ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΉ Π² Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚.

Π’Π°ΠΊΠΆΠ΅ слСдуСт ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»Π° сам ΠΏΠΎ сСбС Π΅ΡΡ‚ΡŒ смысл ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ссли Ρ‚Ρ€Π΅Π±ΡƒΠ΅ΠΌΡ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ располагаСтся Π² Ρ‚ΠΎΠΉ ΠΆΠ΅ ΠΏΠ°ΠΏΠΊΠ΅, Ρ‡Ρ‚ΠΎ ΠΈ Ρ‚Π°, Π³Π΄Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒΡΡ ΠΏΠ΅Ρ€Π΅Ρ‡Π΅Π½ΡŒ. Если Π½Π΅Ρ‚, Ρ‚ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ адрСс этого Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ зависимых Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΡ… списков

Зависимый список – это Ρ‚ΠΎΡ‚, Π½Π° содСрТимоС ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ влияСт Π²Ρ‹Π±ΠΎΡ€ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π² Π΄Ρ€ΡƒΠ³ΠΎΠΌ ΠΏΠ΅Ρ€Π΅Ρ‡Π½Π΅. Допустим, ΠΏΠ΅Ρ€Π΅Π΄ Π½Π°ΠΌΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Π° Ρ‚Π°Π±Π»ΠΈΡ†Π°, содСрТащая Ρ‚Ρ€ΠΈ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π°, ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡƒ ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… присвоСно имя.

24

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

  1. Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ 1-ΠΉ ΠΏΠ΅Ρ€Π΅Ρ‡Π΅Π½ΡŒ с ΠΈΠΌΠ΅Π½Π°ΠΌΠΈ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ΠΎΠ².

    25

  2. Π’ мСстС Π²Π²ΠΎΠ΄Π° источника ΠΎΠ΄ΠΈΠ½ Π·Π° ΠΎΠ΄Π½ΠΈΠΌ Π²Ρ‹Π΄Π΅Π»ΡΡŽΡ‚ΡΡ Ρ‚Ρ€Π΅Π±ΡƒΠ΅ΠΌΡ‹Π΅ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΠΈ.

    26

  3. Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ 2-ΠΉ ΠΏΠ΅Ρ€Π΅Ρ‡Π΅Π½ΡŒ, зависящий ΠΎΡ‚ Ρ‚ΠΈΠΏΠ° растСний, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Π΅Π» Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ. Как Π²Π°Ρ€ΠΈΠ°Π½Ρ‚, Ссли Π² ΠΏΠ΅Ρ€Π²ΠΎΠΌ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π΄Π΅Ρ€Π΅Π²ΡŒΡ, Ρ‚ΠΎ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ Π²ΠΎ Π²Ρ‚ΠΎΡ€ΠΎΠΌ спискС станСт Β«Π΄ΡƒΠ±, Π³Ρ€Π°Π±, ΠΊΠ°ΡˆΡ‚Π°Π½Β» ΠΈ дальшС. НСобходимо Π·Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ Π² мСстС Π²Π²ΠΎΠ΄Π° источника Π΄Π°Π½Π½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌΡƒΠ»Ρƒ =Π”Π’Π‘Π‘Π«Π›(E3). E3 – ячСйка содСрТащая Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π° 1.=Π”Π’Π‘Π‘Π«Π›(E3). E3 – ячСйка с Π½Π°ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ списка 1.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ всС Π³ΠΎΡ‚ΠΎΠ²ΠΎ.

27

Как Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ нСсколько Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ ΠΈΠ· Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка?

Иногда Π½Π΅Ρ‚ возмоТности ΠΎΡ‚Π΄Π°Ρ‚ΡŒ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚Π΅Π½ΠΈΠ΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄Π½ΠΎΠΌΡƒ Π·Π½Π°Ρ‡Π΅Π½ΠΈΡŽ, поэтому Π½Π°Π΄ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ большС ΠΎΠ΄Π½ΠΎΠ³ΠΎ. Π’ΠΎΠ³Π΄Π° Π½Π°Π΄ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π² ΠΊΠΎΠ΄ страницы макрос. Π‘ использованиСм ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠΈ клавиш Alt + F11 открываСтся Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Visual Basic. И Ρ‚ΡƒΠ΄Π° вставляСтся ΠΊΠΎΠ΄.

Private Sub Worksheet_Change(ByVal Target As Range)

Β Β Β Β On Error Resume Next

Β Β Β Β If Not Intersect(Target, Range(β€œΠ•2:Π•9”)) Is Nothing And Target.Cells.Count = 1 Then

Β Β Β Β Β Β Β Β Application.EnableEvents = False

Β Β Β Β Β Β Β Β If Len(Target.Offset(0, 1)) = 0 Then

Β Β Β Β Β Β Β Β Β Β Β Β Target.Offset(0, 1) = Target

Β Β Β Β Β Β Β Β Else

Β Β Β Β Β Β Β Β Β Β Β Β Target.End(xlToRight).Offset(0, 1) = Target

Β Β Β Β Β Β Β Β End If

Β Β Β Β Β Β Β Β Target.ClearContents

Β Β Β Β Β Β Β Β Application.EnableEvents = True

Β Β Β Β End If

End SubΒ 

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

Private Sub Worksheet_Change(ByVal Target As Range)

Β Β Β Β On Error Resume Next

Β Β Β Β If Not Intersect(Target, Range(β€œΠ2:К2”)) Is Nothing And Target.Cells.Count = 1 Then

Β Β Β Β Β Β Β Β Application.EnableEvents = False

Β Β Β Β Β Β Β Β If Len(Target.Offset(1, 0)) = 0 Then

Β Β Β Β Β Β Β Β Β Β Β Β Target.Offset(1, 0) = Target

Β Β Β Β Β Β Β Β Else

Β Β Β Β Β Β Β Β Β Β Β Β Target.End(xlDown).Offset(1, 0) = Target

Β Β Β Β Β Β Β Β End If

Β Β Β Β Β Β Β Β Target.ClearContents

Β Β Β Β Β Β Β Β Application.EnableEvents = True

Β Β Β Β End If

End Sub

Ну ΠΈ Π½Π°ΠΊΠΎΠ½Π΅Ρ†, для записи Π² ΠΎΠ΄Π½ΠΎΠΉ ячСйкС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ этот ΠΊΠΎΠ΄.

Private Sub Worksheet_Change(ByVal Target As Range)

Β Β Β Β On Error Resume Next

Β Β Β Β If Not Intersect(Target, Range(β€œC2:C5”)) Is Nothing And Target.Cells.Count = 1 Then

Β Β Β Β Β Β Β Β Application.EnableEvents = False

Β Β Β Β Β Β Β Β newVal = Target

Β Β Β Β Β Β Β Β Application.Undo

Β Β Β Β Β Β Β Β oldval = Target

Β Β Β Β Β Β Β Β If Len(oldval) <> 0 And oldval <> newVal Then

Β Β Β Β Β Β Β Β Β Β Β Β Target = Target & β€œ,” & newVal

Β Β Β Β Β Β Β Β Else

Β Β Β Β Β Β Β Β Β Β Β Β Target = newVal

Β Β Β Β Β Β Β Β End If

Β Β Β Β Β Β Β Β If Len(newVal) = 0 Then Target.ClearContents

Β Β Β Β Β Β Β Β Application.EnableEvents = True

Β Β Β Β End If

End Sub

Π”ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Ρ‹ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅ΠΌΡ‹.

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список с поиском?

Π’ этом случаС Π½Π°Π΄ΠΎ ΠΈΠ·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΎΠΉ Ρ‚ΠΈΠΏ пСрСчня. ΠžΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΠ° Β«Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΒ», послС Ρ‡Π΅Π³ΠΎ Π½Π°Π΄ΠΎ ΠΊΠ»ΠΈΠΊΠ½ΡƒΡ‚ΡŒ ΠΈΠ»ΠΈ Ρ‚Π°ΠΏΠ½ΡƒΡ‚ΡŒ (Ссли экран сСнсорный) Π½Π° элСмСнт Β«Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒΒ» – Β«ActiveXΒ». Π’Π°ΠΌ Π΅ΡΡ‚ΡŒ «ПолС со списком». Π‘ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΎ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ этот список, послС Ρ‡Π΅Π³ΠΎ ΠΎΠ½ добавится Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚.

28

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

Π’Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список с автоматичСской подстановкой Π΄Π°Π½Π½Ρ‹Ρ…

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

  1. Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½Π°Π±ΠΎΡ€ ячССк для Π±ΡƒΠ΄ΡƒΡ‰Π΅Π³ΠΎ пСрСчня. Π’ случаС с Π½Π°ΠΌΠΈ это Π½Π°Π±ΠΎΡ€ Ρ†Π²Π΅Ρ‚ΠΎΠ². ВыдСляСм Π΅Π³ΠΎ.

    14

  2. Π”Π°Π»Π΅Π΅ Π΅Π³ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΡ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ. НуТно Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΎΠ΄Π½ΠΎΠΈΠΌΠ΅Π½Π½ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΈ ΠΎΡΡƒΡ‰Π΅ΡΡ‚Π²ΠΈΡ‚ΡŒ Π²Ρ‹Π±ΠΎΡ€ стиля Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹. 15

    16

Π”Π°Π»Π΅Π΅ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠ΄Ρ‚Π²Π΅Ρ€Π΄ΠΈΡ‚ΡŒ этот Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ ΠΏΡƒΡ‚Π΅ΠΌ наТатия клавиши «ОК».

17

ВыдСляСм ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ²ΡˆΡƒΡŽΡΡ Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ ΠΈ Π΄Π°Π΅ΠΌ Π΅ΠΉ имя Ρ‡Π΅Ρ€Π΅Π· ΠΏΠΎΠ»Π΅ Π²Π²ΠΎΠ΄Π°, находящССся свСрху столбца А.

18

ВсС, Ρ‚Π°Π±Π»ΠΈΡ†Π° Π΅ΡΡ‚ΡŒ, ΠΈ ΠΎΠ½Π° ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π² качСствС основы для Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка, для Ρ‡Π΅Π³ΠΎ Π½Π°Π΄ΠΎ:

  1. Π’Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ячСйку, Π³Π΄Π΅ ΠΏΠ΅Ρ€Π΅Ρ‡Π΅Π½ΡŒ располагаСтся.
  2. ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Π΄ΠΈΠ°Π»ΠΎΠ³ Β«ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Π΄Π°Π½Π½Ρ‹Ρ…Β».

    19

  3. Π’ΠΈΠΏ Π΄Π°Π½Π½Ρ‹Ρ… выставляСм «Бписок», Π° ΠΊΠ°ΠΊ значСния Π΄Π°Π΅ΠΌ имя Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ Ρ‡Π΅Ρ€Π΅Π· Π·Π½Π°ΠΊ =. 20

    21

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

22

Π’ этом ΠΈ Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ прСимущСство Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹, Ρ‡Ρ‚ΠΎ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ автоматичСски увСличиваСтся ΠΏΡ€ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ Π½ΠΎΠ²Ρ‹Ρ… Π΄Π°Π½Π½Ρ‹Ρ…. БоотвСтствСнно, это самый ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ способ добавлСния списка.

23

Как ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список?

Для копирования достаточно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡŽ клавиш Ctrl + C ΠΈ Ctrl + V. Π’Π°ΠΊ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список Π±ΡƒΠ΄Π΅Ρ‚ скопирован вмСстС с Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ. Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Ρ€Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, Π½ΡƒΠΆΠ½ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΉ вставкой (Π² контСкстном мСню такая опция появляСтся послС копирования списка), Π³Π΄Π΅ выставляСтся опция «условия Π½Π° значСния».

Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ всСх ячССк, содСрТащих Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список

Π§Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ эту Π·Π°Π΄Π°Ρ‡Ρƒ, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠ΅ΠΉ Β«Π’Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ Π³Ρ€ΡƒΠΏΠΏΡƒ ячССк» Π² Π³Ρ€ΡƒΠΏΠΏΠ΅ «Найти ΠΈ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒΒ».

29

ПослС этого откроСтся Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ, Π³Π΄Π΅ слСдуСт Π² мСню Β«ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Π΄Π°Π½Π½Ρ‹Ρ…Β» Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ «ВсСх» ΠΈ Β«Π­Ρ‚ΠΈΡ… ΠΆΠ΅Β». ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ ΠΏΡƒΠ½ΠΊΡ‚ выдСляСт всС списки, Π° Π²Ρ‚ΠΎΡ€ΠΎΠΉ – Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎΡ…ΠΎΠΆΠΈΠ΅ Π½Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅.

ΠžΡ†Π΅Π½ΠΈΡ‚Π΅ качСство ΡΡ‚Π°Ρ‚ΡŒΠΈ. Нам Π²Π°ΠΆΠ½ΠΎ вашС ΠΌΠ½Π΅Π½ΠΈΠ΅:

ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΏΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ ΠΏΡƒΠ½ΠΊΡ‚Π° ΠΈΠ· Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка

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

НиТСпривСдСнный способ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для создания элСмСнта Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΏΠΎ сайту ΠΈΠ»ΠΈ ΠΆΠ΅ ΠΊΠ°ΠΊ способ Π²Ρ‹Π±ΠΎΡ€Π° Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠΉ языковой/гСографичСской вСрсии сайта.

Π’ Π½Π°Ρ‡Π°Π»Π΅ вставим Π² ΠΊΠΎΠ΄ страницы скрипт, написанный Π½Π° языкС JavaScript, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚Π²Π΅Ρ‡Π°Ρ‚ΡŒ Π·Π° ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄.

<script language="JavaScript" type="text/javascript">
<!--
function linklist(what){
var selectedopt=what.options[what.selectedIndex]
if (document.getElementById && selectedopt.getAttribute("target")=="new")
window.open(selectedopt.value)
else
window.location=selectedopt.value
}
-->
</script>

Π’ Ρ‚Ρ€Π΅Ρ‚ΡŒΠ΅ΠΉ сточкС Ρƒ нас указываСтся имя Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ (Β«linklistΒ» Π² Π΄Π°Π½Π½ΠΎΠΌ случаС), ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½ΠΎ, Π³Π»Π°Π²Π½ΠΎΠ΅ Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ страницС Π½Π΅ сущСствовало Π΅Ρ‰Ρ‘ ΠΎΠ΄Π½ΠΎΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ с Ρ‚Π°ΠΊΠΈΠΌ ΠΆΠ΅ ΠΈΠΌΠ΅Π½Π΅ΠΌ.

Π”Π°Π»Π΅Π΅ вставляСм сам ΠΊΠΎΠ΄ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка.

<form name="menu">
<select name="sel" onChange="linklist(document.menu.sel)">
<option value="#">Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ€Π°Π·Π΄Π΅Π» для ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π°</option>
<option title="ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ Π½Π° Π³Π»Π°Π²Π½ΡƒΡŽ страницу (откроСтся Π² Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅)" 
        value="http://www.redsimple.ru/" target="new">Главная страница</option>
<option title="ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΊ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ ΠΏΠΎ сайтам" value="http://www.redsimple.ru/sites/">Π‘Π°ΠΉΡ‚Ρ‹</option>
<option title="ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΊ страницС с изобраТСниями" value="http://www.redsimple.ru/foto/">Π€ΠΎΡ‚ΠΎ</option>
<option title="ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΊ Π°Ρ€Ρ…ΠΈΠ²Ρƒ ссылок" value="http://www.redsimple.ru/links/">Π›ΠΈΠ½ΠΊΠΈ</option>
</select>
</form>

Имя Ρ„ΠΎΡ€ΠΌΡ‹ (<form name=»имя_Ρ„ΠΎΡ€ΠΌΡ‹Β»>) ΠΈ имя списка (<form name=»имя_списка» … >) ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½Ρ‹ΠΌΠΈ, Π³Π»Π°Π²Π½ΠΎΠ΅ Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π±Ρ‹Π»ΠΈ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ. Π‘Π°ΠΌΠΎΠ΅ Π²Π°ΠΆΠ½ΠΎΠ΅ β€” Π½Π΅ Π½Π°ΠΏΡƒΡ‚Π°Ρ‚ΡŒ ΠΈΡ… Π² ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°Ρ… Π²Ρ‹Π·ΠΎΠ²Π° нашСй Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π°. ΠŸΡ€ΠΎΠΏΠΈΡΡ‹Π²Π°Π΅Ρ‚ΡΡ Π²Ρ‹Π·ΠΎΠ² Π² Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°Ρ… списка (вторая строчка):

onChange=»имя_Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ(document.имя_Ρ„ΠΎΡ€ΠΌΡ‹.имя_списка)Β»

Π’ нашСм случаС onChange=Β»linklist(document.menu.sel)Β»

Если ΠΏΡ€ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ тэгу элСмСнта (<option>)списка Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ target=Β»newΒ», Ρ‚ΠΎ ссылка Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒΡΡ Π² Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ (пятая строчка).

Π’ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π΅ title=»…» ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΡƒΡŽ подсказку для ссылки (Ρ‚ΠΎΡ‡Π½ΠΎ Ρ‚Π°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ для тэга <a>).

Π’Π°ΠΊ ΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΏΠΎ ссылкС осущСствлялся Π½Π΅ сразу, Π° послС наТатия ΠΊΠ½ΠΎΠΏΠΊΠΈ. Π‘ΠΊΡ€ΠΈΠΏΡ‚ остаСтся Ρ‚Π΅ΠΌ ΠΆΠ΅ самым:

<script language="JavaScript" type="text/javascript">
<!--
function linklist(what){
var selectedopt=what.options[what.selectedIndex]
if (document.getElementById && selectedopt.getAttribute("target")=="new")
window.open(selectedopt.value)
else
window.location=selectedopt.value
}
-->
</script>

А Π² ΠΊΠΎΠ΄Π΅ списка мСняСм событиС OnChangeΒ Π½Π°Β OnClick

<form name="menu">
<select name="sel">
<option value="#">Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ€Π°Π·Π΄Π΅Π» для ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π°</option>
<option title="ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ Π½Π° Π³Π»Π°Π²Π½ΡƒΡŽ страницу (откроСтся Π² Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅)" 
        value="http://www.redsimple.ru/" target="new">Главная страница</option>
<option title="ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΊ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ ΠΏΠΎ сайтам" value="http://www.redsimple.ru/sites/">Π‘Π°ΠΉΡ‚Ρ‹</option>
<option title="ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΊ страницС с изобраТСниями" value="http://www.redsimple.ru/foto/">Π€ΠΎΡ‚ΠΎ</option>
<option title="ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΊ Π°Ρ€Ρ…ΠΈΠ²Ρƒ ссылок" value="http://www.redsimple.ru/links/">Π›ΠΈΠ½ΠΊΠΈ</option>
<input type="button" value="ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄">
</select>
</form>

Ну ΠΈ ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ ΠΆΠ΅ смотрим, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π° ΠΎΠ΄Π½ΠΎΠΉ страницС Π½Π΅ Π±Ρ‹Π»ΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, Ρ„ΠΎΡ€ΠΌ ΠΈ списков с ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΌΠΈ ΠΈΠΌΠ΅Π½Π°ΠΌΠΈ.

И Π΅Ρ‰Ρ‘, Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ Joomla Ρ€Π΅ΠΆΡƒΡ‚ JavaSrcipt, ΠΏΠΎ этому Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» с этим списком Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Β«Π‘Π΅Π· Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°Β».

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список Π² HTML

      Π ΡƒΠ±Ρ€ΠΈΠΊΠΈ

    • Автомобили
    • БизнСс
    • Π”ΠΎΠΌ ΠΈ сСмья
    • Π”ΠΎΠΌΠ°ΡˆΠ½ΠΈΠΉ ΡƒΡŽΡ‚
    • Π”ΡƒΡ…ΠΎΠ²Π½ΠΎΠ΅ Ρ€Π°Π·Π²ΠΈΡ‚ΠΈΠ΅
    • Π•Π΄Π° ΠΈ Π½Π°ΠΏΠΈΡ‚ΠΊΠΈ
    • Π—Π°ΠΊΠΎΠ½
    • Π—Π΄ΠΎΡ€ΠΎΠ²ΡŒΠ΅
    • Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚
    • Π˜ΡΠΊΡƒΡΡΡ‚Π²ΠΎ ΠΈ развлСчСния
    • ΠšΠ°Ρ€ΡŒΠ΅Ρ€Π°
    • ΠšΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Ρ‹
    • ΠšΡ€Π°ΡΠΎΡ‚Π°
    • ΠœΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³
    • Мода
    • Новости ΠΈ общСство
    • ΠžΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅
    • ΠžΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ
    • ΠŸΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ ΠΈ написаниС статСй
    • ΠŸΡƒΡ‚Π΅ΡˆΠ΅ΡΡ‚Π²ΠΈΡ
    • Π Π΅ΠΊΠ»Π°ΠΌΠ°
    • Π‘Π°ΠΌΠΎΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½ΡΡ‚Π²ΠΎΠ²Π°Π½ΠΈΠ΅
    • Π‘ΠΏΠΎΡ€Ρ‚ ΠΈ ЀитнСс
    • Π’Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ
    • Ѐинансы
    • Π₯ΠΎΠ±Π±ΠΈ
    • О ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅
    • Π Π΅ΠΊΠ»Π°ΠΌΠ° Π½Π° сайтС
    • Условия
    • ΠšΠΎΠ½Ρ„ΠΈΠ΄Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ
    • Вопросы ΠΈ ΠΎΡ‚Π²Π΅Ρ‚Ρ‹

    FB

    Π’ΠΎΠΉΡ‚ΠΈ Π•ΠΌΡƒ Ρ‚Ρ€ΠΎΠ½Π° Π½Π΅ Π²ΠΈΠ΄Π°Ρ‚ΡŒ: экспСрты Π΄ΡƒΠΌΠ°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈΠ½Ρ† Π§Π°Ρ€Π»ΡŒΠ· ΠΊΠΎΡ€ΠΎΠ»Π΅ΠΌ Π½Π΅ станСт Уинстон Π§Π΅Ρ€Ρ‡ΠΈΠ»Π»ΡŒ остроумно ΠΏΠΎΠ΄ΠΌΠ΅Ρ‚ΠΈΠ» ΠΎΠ΄Π½Ρƒ Ρ‡Π΅Ρ€Ρ‚Ρƒ Ρ…Π°Ρ€Π°ΠΊΡ‚Π΅Ρ€Π°, ΡΠ²ΠΎΠΉΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ русским Как Π½Π° самом Π΄Π΅Π»Π΅ Ρ‚Π΅Ρ€ΡΡŽΡ‚ΡΡ Π΄Ρ€ΡƒΠ·ΡŒΡ? ΠžΡ‚Π½ΡŽΠ΄ΡŒ Π½Π΅ ссорах (ΠΌΠ½Π΅Π½ΠΈΠ΅ Π‘Π΅

    ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² ΠΈ ΠΏΠ΅Ρ€Π΅Π΄ΠΎΠ²Ρ‹Ρ… ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ² — Smashing Magazine

    Об Π°Π²Ρ‚ΠΎΡ€Π΅

    ΠœΡΡ‚Ρ‚ ΠšΡ€ΠΎΠ½ΠΈΠ½ — заядлый графичСский Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€, Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ / Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ, программист ΠΊΠ°ΠΊΠ°ΠΎ, Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„, Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠΉ Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊ ΠΈ Ρ‚.ΠΏ. Π•Ρ‰Π΅ Π΅ΠΌΡƒ нравится ΠΏΠΈΡΠ°Ρ‚ΡŒ, ΠΈ ΠΎΠ½ … Π‘ΠΎΠ»ΡŒΡˆΠ΅ ΠΎ ΠœΡΡ‚Ρ‚ ↬

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

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

    Π­Ρ‚ΠΈ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ Π²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ ΠΈ ΠΈΡΡ‡Π΅Π·Π°ΡŽΡ‚ сами ΠΏΠΎ сСбС, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ ΡƒΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ уровня ΠΈΠ»ΠΈ Π½Π° Β«ΠΎΠ±Ρ‹Ρ‡Π½ΡƒΡŽΒ» Ρ‡Π°ΡΡ‚ΡŒ экрана.


    ΠžΠ³Ρ€ΠΎΠΌΠ½Π°Ρ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Π°Ρ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π°Ρ панСль ΠΎΡ‚ Foodnetwork; ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ закрытия (Β«xΒ» Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ).

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

    Π’Ρ‹ часто ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ ΠΌΠ½ΠΎΠ³ΠΎ Ρ‚Ρ€Π΅Π½Π΄ΠΎΠ², Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ΡΡ мСню. Π’ΠΎΡ‚ нСсколько Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ распространСнных.

    ΠžΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΡ страниц Π² Ρ€Π°Π·Π΄Π΅Π»Π΅

    Π§Π°Ρ‰Π΅ всСго Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ΡΡ мСню ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для объСдинСния всСх страниц ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ Π² ΠΎΠ΄ΠΈΠ½ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ элСмСнт. По сути, это суб-навигация. ВзглянитС Π½Π° Π΄ΠΈΠ·Π°ΠΉΠ½ Π½ΠΈΠΆΠ΅. Π’Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ элСмСнт содСрТит всС Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ для ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ Ρ€Π°Π·Π΄Π΅Π»Π° Π²Π΅Π±-сайта.

    ΠžΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΡ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ Π² Π±Π»ΠΎΠ³Π΅

    Π’Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π±Π»ΠΎΠ³ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню для ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ ΠΈ Ρ‚Π΅Π³ΠΎΠ². ΠŸΠΎΡ‡Π΅ΠΌΡƒ? Π‘Π»ΠΎΠ³ΠΈ ΡƒΠΏΡ€Π°Π²Π»ΡΡŽΡ‚ΡΡ большим объСмом ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, поэтому ΠΌΠ°ΠΊΠ΅Ρ‚ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π±ΠΎΠ»Π΅Π΅ чистым, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ этот ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚. Π’Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π΅ мСню Π² ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ ΠΈΡ‚ΠΎΠ³Π΅ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ ссылки, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ, ΠΈΠ· элСмСнтов ΠΌΠ°ΠΊΠ΅Ρ‚Π°, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ боковая панСль.

    ΠŸΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹ Π½Π° Π²Π΅Π±-сайтС элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ

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

    ДисплСйныС ΠΌΠΎΠ΄ΡƒΠ»ΠΈ

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

    Best Practices

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

    Π˜Π·Π±Π΅Π³Π°ΠΉΡ‚Π΅ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ списка с Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ двумя уровнями

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

    Π’Π΅Π±-сайт, ΠΏΠΎΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΉ Π½ΠΈΠΆΠ΅, ΡΠΎΠ²Π΅Ρ€ΡˆΠ°Π΅Ρ‚ эту ΠΎΡˆΠΈΠ±ΠΊΡƒ. МСню ΠΎΡ‡Π΅Π½ΡŒ слоТно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Ссли Π²Ρ‹ Π΄Π°ΠΆΠ΅ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ потСряСтС фокус мСню с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ указатСля ΠΌΡ‹ΡˆΠΈ, Π²Π°ΠΌ придСтся Π½Π°Ρ‡ΠΈΠ½Π°Ρ‚ΡŒ свСрху. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΡƒΡŽ подсказку, которая Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠ΅ΡˆΠ°Π΅Ρ‚ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ.

    Π’ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ΅, Π΅ΡΡ‚ΡŒ Π΄Π²Π° способа доступа ΠΊ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌΡƒΡΡ мСню: с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ навСдСния ΠΈΠ»ΠΈ Ρ‰Π΅Π»Ρ‡ΠΊΠ°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ мСню. Π‘ Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ удобства, Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ мСню Π»ΡƒΡ‡ΡˆΠ΅.

    Π‘ Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π±ΡƒΠ΄ΡƒΡ‚ ΡƒΡ‚Π²Π΅Ρ€ΠΆΠ΄Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠ΅ мСню Π»ΡƒΡ‡ΡˆΠ΅, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΎ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΡƒΠ΄ΠΎΠ±Π½Π΅Π΅. ΠŸΡ€ΠΈΡ‡ΠΈΠ½Π°? Из-Π·Π° способа построСния Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎ мСню ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π΄ΠΎΠ»ΠΆΠ΅Π½ постоянно Π΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΡƒΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ Π½Π°Π΄ мСню. Если ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ тСряСт фокус Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎ мСню, ΠΎΠ½ΠΎ закрываСтся. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π»ΡƒΡ‡ΡˆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ активируСтся Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ΠΌ ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π° Π·Π°Ρ‚Π΅ΠΌ дСактивируСтся Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ΠΌ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΅Ρ‰Π΅ Ρ€Π°Π·.

    CSS-Tricks содСрТит руководство, ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚, ΠΏΠΎΡ…ΠΎΠΆΠΈΠΉ Π½Π° ΠΌΠ°ΠΊΠ΅Ρ‚ Digg.Π­Ρ‚ΠΎ идСальноС Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню с Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠ΅ΠΉ Π°ΠΊΡ‚ΠΈΠ²Π°Ρ†ΠΈΠΈ / Π΄Π΅Π°ΠΊΡ‚ΠΈΠ²Π°Ρ†ΠΈΠΈ Ρ‰Π΅Π»Ρ‡ΠΊΠΎΠΌ, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ, бСзусловно, стоит Π²Π·Π³Π»ΡΠ½ΡƒΡ‚ΡŒ Π½Π° Π½Π΅Π³ΠΎ.

    ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π² Google Π΅ΡΡ‚ΡŒ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Ρ‚Ρ€ΡŽΠΊ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ / Π²Ρ‹ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ.

    Π—Π°Π΄Π΅Ρ€ΠΆΠΊΠ° Π΄Π΅Π°ΠΊΡ‚ΠΈΠ²Π°Ρ†ΠΈΠΈ навСдСния

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

    Π’ΠΎΠ·ΡŒΠΌΠ΅ΠΌ, ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, Dell. Он ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΠΌΠ½ΠΎΠ³ΠΎΡƒΡ€ΠΎΠ²Π½Π΅Π²ΠΎΠ΅ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню, Π½ΠΎ Π΅Π³ΠΎ всС ΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ. Π­Ρ‚ΠΎ СдинствСнноС ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΈΠ· использования ΠΌΠ½ΠΎΠ³ΠΎΡƒΡ€ΠΎΠ²Π½Π΅Π²Ρ‹Ρ… Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ…ΡΡ мСню.

    ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, мСню Π½Π° сайтС Porsche ΠΈΠΌΠ΅Π΅Ρ‚ нСсколько ΡƒΡ€ΠΎΠ²Π½Π΅ΠΉ.Однако Π² мСню ΠΎΡ‡Π΅Π½ΡŒ ΡˆΠΈΡ€ΠΎΠΊΠΈΠΉ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ фокусировки. Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ΡƒΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ Π½Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ΅ расстояниС ΠΎΡ‚ мСню, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΊΡ€Ρ‹Ρ‚ΡŒ Π΅Π³ΠΎ.

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

    ΠŸΡ€ΠΈΠΌΠ΅Ρ€ Π½ΠΈΠΆΠ΅, домашняя страница MediaTemple, дСмонстрируСт ΡΠΈΠ»ΡŒΠ½Ρ‹ΠΉ эффСкт навСдСния курсора Π½Π° ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню.

    Π‘Π΅ΡΡˆΠΎΠ²Π½Ρ‹Π΅ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Ρ‹

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

    Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° — Π΅Ρ‰Π΅ ΠΎΠ΄Π½Π° Π΄Π΅Ρ‚Π°Π»ΡŒ, которая ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΊΡ€ΡƒΡ‚ΠΎ. ВмСсто Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ просто ΠΏΠΎΡΠ²ΠΈΡ‚ΡŒΡΡ мСню, ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ постСпСнно ΠΈΡΡ‡Π΅Π·Π½ΡƒΡ‚ΡŒ. ΠŸΡ€ΠΎΡΡ‚ΠΎ ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ Π±Ρ‹Π» быстрым ΠΈ Π½Π΅ ΠΌΠ΅ΡˆΠ°ΡŽΡ‰ΠΈΠΌ.

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

    Π£Π΄Π°Π»ΠΈΡ‚ΡŒ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ подсказки

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

    Π”Π°, ΠΌΡ‹ Π΅Ρ‰Π΅ Ρ€Π°Π· Π²Ρ‹Π±Π΅Ρ€Π΅ΠΌ Microsoft. Microsoft допускаСт эту ΠΎΡˆΠΈΠ±ΠΊΡƒ Π½Π° своСй ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠΉ страницС. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΠΊΠ°ΠΊ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π°Ρ подсказка Π±Π»ΠΎΠΊΠΈΡ€ΡƒΠ΅Ρ‚ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ элСмСнты списка, Ρ‡Ρ‚ΠΎ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ услоТняСт Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ.

    ΠŸΡ€ΠΈΠ΅ΠΌΡ‹ стилизации

    Π€ΠΎΠ½ ΠΈΠ· ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Ρ‚ΠΎΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΠΉ.Π€ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Ρ‚ΠΎΠ½ΠΊΠΈΠΌ, ΠΈΠ½Π°Ρ‡Π΅ ΠΎΠ½ испортит ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚. Π’ΠΎΡ‚ нСсколько способов ΠΎΠΆΠΈΠ²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, Π½Π΅ пСрСусСрдствуя.

    Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ чистый список

    Π’Π°ΠΆΠ΅Π½ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΡΡ‚ΠΈΠ»ΡŒ элСмСнта, Π½ΠΎ ΠΈ ΡΡ‚ΠΈΠ»ΡŒ содСрТимого. Чистая Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ° ΠΈ Ρ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹ΠΉ список Π²Π°ΠΆΠ½Ρ‹. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ€Π°Π·ΡƒΠΌΠ½Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π» ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами Π² спискС ΠΈ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π³Ρ€Π°Π½ΠΈΡ†Ρƒ Π½Π°Π΄ ΠΈ ΠΏΠΎΠ΄ элСмСнтами списка.

    ΠŸΡ€ΠΈΠΌΠ΅Ρ€ Π½ΠΈΠΆΠ΅ ΠΎΡ‚ Audi ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΎΡ‡Π΅Π½ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ ΠΈ Ρ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹ΠΉ список.Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ списка Ρ€Π°Π·Π΄Π΅Π»Π΅Π½Ρ‹, ΠΈ Π΅ΡΡ‚ΡŒ Π΄Π°ΠΆΠ΅ Π·Π½Π°Ρ‡ΠΊΠΈ элСмСнтов списка.

    Π‘ Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, Π½Π° сайтС The Washington Post список Π² Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌΡΡ мСню ΠΎΡ‡Π΅Π½ΡŒ скудный. ΠœΠ΅ΠΆΠ΄Ρƒ элСмСнтами списка нСдостаточно ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»ΠΎΠ², поэтому мСню ΠΎΡ‡Π΅Π½ΡŒ Π·Π°Π³Ρ€ΠΎΠΌΠΎΠΆΠ΄Π΅Π½ΠΎ ΠΈ Π΅Π³ΠΎ слоТно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ.

    Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹ навСдСния Π½Π° элСмСнты списка

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

    ΠŸΠΎΠ»ΡƒΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉ Ρ„ΠΎΠ½

    Π­Ρ‚ΠΎ Π½Π΅ сработаСт для всСх Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ², Π½ΠΎ Π²Π°ΠΌ слСдуСт ΠΏΠΎΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ ΠΎ ΠΏΠΎΠ»ΡƒΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΠΌ Ρ„ΠΎΠ½Π΅ для мСню. Π’Π΅Π±-сайт, ΠΏΠΎΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΉ Π½ΠΈΠΆΠ΅, ΠΈΠΌΠ΅Π΅Ρ‚ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ, поэтому ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ всС Π΅Ρ‰Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ„ΠΎΠ½ изобраТСния. ΠšΠ»ΡŽΡ‡ ΠΊ ΠΏΠΎΠ»ΡƒΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌ элСмСнтам — ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ ΡΠΈΠ»ΡŒΠ½Ρ‹ΠΉ ΠΈ Ρ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹ΠΉ контраст.

    ΠŸΠΎΠ²ΡΡŽΠ΄Ρƒ Π²Ρ‹ ΡƒΡΠ»Ρ‹ΡˆΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ Π² стилС являСтся ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ, ΠΈ это, бСзусловно, Ρ‚Π°ΠΊ. Π§Ρ‚ΠΎΠ±Ρ‹ навигация ΠΈ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню Ρ€Π°Π±ΠΎΡ‚Π°Π»ΠΈ вмСстС ΠΊΠ°ΠΊ ΠΎΠ΄Π½ΠΎ Ρ†Π΅Π»ΠΎΠ΅, ΡΡ‚ΠΈΠ»ΡŒ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΠΏΠΎΡ…ΠΎΠΆΠΈΠΌ.Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ‚Π΅ ΠΆΠ΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ ΠΈ Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½Ρ‹ΠΉ Ρ„ΠΎΠ½.

    Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π½ΠΈΠΆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню выглядит Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Π΄ΠΎΠ»ΠΆΠ½ΠΎ.

    НиТС ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Ρ‹ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ…ΡΡ мСню, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π³Π΄Π΅-Ρ‚ΠΎ Π½Π΅ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‚ ΡΡ‚ΠΈΠ»ΡŽ ΠΈ удобству использования.

    Navigant Consulting

    Π­Ρ‚ΠΎ мСню ΠΏΠ»ΠΎΡ…ΠΎ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΎ ΠΈ Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚.

    Panasonic

    Π₯отя это мСню Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΎ, Π΅Π³ΠΎ Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ·-Π·Π° ΠΏΠ»ΠΎΡ…ΠΎΠ³ΠΎ эффСкта навСдСния.

    Toshiba

    МСню Toshiba слишком малСнькоС ΠΈ Π½Π΅ соотвСтствуСт ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌ оформлСния.

    LG

    Как ΠΈ Π² мСню Microsoft Π²Ρ‹ΡˆΠ΅, Ρƒ этого Π΅ΡΡ‚ΡŒ нСбольшая Π·Π°Π΄Π΅Ρ€ΠΆΠΊΠ°, Ρ‡Ρ‚ΠΎ затрудняСт использованиС.

    Chrysler

    На страницС Chrysler ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню с ΠΎΡ‡Π΅Π½ΡŒ ΠΌΠ΅Π»ΠΊΠΈΠΌ тСкстом, Ρ‡Ρ‚ΠΎ затрудняСт Ρ‡Ρ‚Π΅Π½ΠΈΠ΅.

    Sun

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

    Creative Labs

    МСню Π½ΠΈΠΆΠ΅ Π·Π°Π³Ρ€ΠΎΠΌΠΎΠΆΠ΄Π΅Π½ΠΎ ΠΈ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΡ‚Π»ΠΎΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ скрытия ΠΈΠ»ΠΈ Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½ΠΎΠΉ Ρ‚Π΅Ρ…Π½ΠΈΠΊΠΈ, поэтому Π΅Π³ΠΎ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ.

    HP

    Π•Ρ‰Π΅ ΠΎΠ΄Π½ΠΎ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ мСню, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΎΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‚ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ.

    Alienware

    Π§Π΅Ρ€Π½ΠΎΠ΅ мСню Π½Π° Ρ‡Π΅Ρ€Π½ΠΎΠΌ Ρ„ΠΎΠ½Π΅ затрудняСт использованиС этого Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ списка.

    Π—Π΄Π΅ΡΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ…ΡΡ мСню с ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌΠΈ функциями ΠΈ функциями стилизации.

    Sony

    Π₯ΠΎΡ€ΠΎΡˆΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΌΠ°Π½Π½ΠΎΠ΅ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ мСню с Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΌ списком.

    ActionEnvelope

    Чистая Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Π°Ρ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π°ΡΡΡ панСль с большим количСством отступов; ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΠΊΠ°ΠΊ панСль выглядит Π²Ρ‹ΡˆΠ΅ Π΄Ρ€ΡƒΠ³ΠΈΡ… элСмСнтов Π΄ΠΈΠ·Π°ΠΉΠ½Π°.ΠŸΡ€ΠΎΡΡ‚ΠΎΠ΅ ΠΈ красивоС Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅.

    Helmy Bern

    ΠšΡ€Π°ΡΠΈΠ²ΠΎ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½Π½ΠΎΠ΅ мСню с ΠΏΠ»Π°Π²Π½Ρ‹ΠΌ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠΌ.

    RedBrick

    Π­Ρ‚ΠΎ мСню Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½ΠΎ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΎ ΠΈ Π»Π΅Π³ΠΊΠΎ читаСтся.

    REI

    Π­Ρ‚ΠΎ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню ΠΎΡ‡Π΅Π½ΡŒ ΡˆΠΈΡ€ΠΎΠΊΠΎΠ΅, поэтому ΠΌΡ‹ΡˆΡŒ Π»Π΅Π³ΠΊΠΎ ΡƒΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ Π² фокусС.

    Philips

    Philips ΠΈΠΌΠ΅Π΅Ρ‚ большой ΠΈ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ.

    Walmart

    На сайтС Walmart ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Ρ‰Π΅Π»ΠΊΠ°Π΅Ρ‚ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ Π·Π° ΠΏΡ€Π΅Π΄Π΅Π»Π°ΠΌΠΈ мСню, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΊΡ€Ρ‹Ρ‚ΡŒ Π΅Π³ΠΎ.

    Samsung

    МСню Samsung ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ·-Π·Π° большого Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΈ стиля.

    Epson

    Epson ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π΄Ρ€ΡƒΠ³ΠΎΠ΅ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ.

    Mini Cooper

    На этом Π²Π΅Π±-сайтС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню с ΠΎΡ‚Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΌ Π·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ΠΌ.

    Шлюз

    Π’ΠΎΡ‚ Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ элСмСнт.

    Asus Global

    Π₯ΠΎΡ€ΠΎΡˆΠΎ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½Π½ΠΎΠ΅ мСню с ΠΎΡ‚Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΌ скрытиСм.

    Intel

    ΠžΡ‡Π΅Π½ΡŒ чистоС Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π΅ мСню.

    Target

    Π₯ΠΎΡ€ΠΎΡˆΠΎ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½ΠΎΠ΅ мСню с ΠΎΡ‚Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΌ Π·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ΠΌ.

    Garmin

    Π­Ρ‚ΠΎ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню простоС, Π½ΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ΅.

    Logitech

    Π Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список с ΠΎΡ‡Π΅Π½ΡŒ красивым стилСм, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ соотвСтствуСт мСню.

    Incase

    Π­Ρ‚ΠΎ мСню ΠΎΡ‡Π΅Π½ΡŒ простоС, Π½ΠΎ слуТит своСй Ρ†Π΅Π»ΠΈ.

    evelMerch

    НСбольшоС, Π½ΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ΅ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню с Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ, ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ, Ρ‡Ρ‚ΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ мСню.

    IBM

    Π—Π΄Π΅ΡΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΌΠ½ΠΎΠ³ΠΎΡƒΡ€ΠΎΠ²Π½Π΅Π²Ρ‹ΠΉ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список, Π½ΠΎ нСбольшая Π·Π°Π΄Π΅Ρ€ΠΆΠΊΠ° ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ Π΅Π³ΠΎ использованиС.

    EA

    ΠžΡ‡Π΅Π½ΡŒ чистый ΠΈ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ элСмСнт.

    Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ Π»ΠΈΡ‚Π΅Ρ€Π°Ρ‚ΡƒΡ€Π° ΠΏΠΎ SmashingMag:

    (al, il)

    Π’Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠ΅ списки Excel — ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Π΄Π°Π½Π½Ρ‹Ρ…

    Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список элСмСнтов Π² ячСйкС с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ Π΄Π°Π½Π½Ρ‹Ρ… Excel.Π­Ρ‚ΠΎ упростит Π²Π²ΠΎΠ΄ Π΄Π°Π½Π½Ρ‹Ρ… ΠΈ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ количСство ошибок Π²Π²ΠΎΠ΄Π° ΠΈ ΠΎΠΏΠ΅Ρ‡Π°Ρ‚ΠΎΠΊ. Π’ΠΈΠ΄Π΅ΠΎΡƒΡ€ΠΎΠΊΠΈ ΠΈ ΠΏΠΎΡˆΠ°Π³ΠΎΠ²Ρ‹Π΅ инструкции Π½ΠΈΠΆΠ΅

    Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Π΄Π°Π½Π½Ρ‹Ρ…?

    Π’ Excel функция ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ Π΄Π°Π½Π½Ρ‹Ρ… ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π²Π²Π΅Π΄Π΅Π½Π½Ρ‹ΠΌ Π² ваш Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ лист. НапримСр, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅:

    • ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список элСмСнтов Π² ячСйкС
    • ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΡ‚ΡŒ записи, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π΄Π°Ρ‚Ρƒ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ ΠΈΠ»ΠΈ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ†Π΅Π»Ρ‹Π΅ числа
    • ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π·Π°ΠΊΠ°Π· ΠΏΡ€Π°Π²ΠΈΠ»Π° Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ввСсти

    Π’ этом руководствС Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ². Π² ячСйкС, ΠΊΠ°ΠΊ Π² спискС ΠΈΠΌΠ΅Π½ сотрудников, ΠΏΠΎΠΊΠ°Π·Π°Π½Π½ΠΎΠΌ Π½ΠΈΠΆΠ΅.

    Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список Π² ячСйкС

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

    ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ шаги Π² этом ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΎΠΌ Π²ΠΈΠ΄Π΅ΠΎ ΠΈ ΠΏΠΈΡΡŒΠΌΠ΅Π½Π½Ρ‹Π΅ инструкции находятся ΠΏΠΎΠ΄ Π²ΠΈΠ΄Π΅ΠΎ

    Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список

    Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ Π΄Π°Π½Π½Ρ‹Ρ… Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² Π² ΠΊΠ»Π΅Ρ‚ΠΊΠ°.Π•ΡΡ‚ΡŒ 3 простых шага:

    1. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ элСмСнтов Π˜Π›Π˜ создайтС список

    2. НазовитС список

    3. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список

    ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅ : ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Π΄Π°Π½Π½Ρ‹Ρ… Π½Π΅ являСтся Π½Π°Π΄Π΅ΠΆΠ½ΠΎΠΉ. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ±ΠΎΠΉΡ‚ΠΈ вставив Π΄Π°Π½Π½Ρ‹Π΅ Π² ячСйку ΠΈΠ»ΠΈ Π²Ρ‹Π±Ρ€Π°Π² Β«ΠžΡ‡ΠΈΡΡ‚ΠΈΡ‚ΡŒΒ»> Β«ΠžΡ‡ΠΈΡΡ‚ΠΈΡ‚ΡŒ всС», Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ «Π“лавная» Π»Π΅Π½Ρ‚Ρ‹.

    1. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ²

    Π‘Π°ΠΌΡ‹ΠΉ простой способ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ список ΠΎΠΏΡ†ΠΈΠΉ — это Π²Π²Π΅Π΄ΠΈΡ‚Π΅ ΠΈΡ… Π½Π° листС.Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это Π½Π° листС, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Π² Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ…ΡΡ списках ΠΈΠ»ΠΈ Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΌ листС. Π’ этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Бписок Π±ΡƒΠ΄Π΅Ρ‚ сохранСн Π½Π° листС с ΠΈΠΌΠ΅Π½Π΅ΠΌ Бписки .

    ΠŸΠ Π˜ΠœΠ•Π§ΠΠΠ˜Π•. Π’ спискС ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ Π΄Π°Π½Π½Ρ‹Ρ… ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π΄ΠΎ 32 767 элСмСнтов ΠΈΠ· список Π½Π° листС.

    1. Π’Π²Π΅Π΄ΠΈΡ‚Π΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ для списка — Π‘ΠΎΡ‚Ρ€ΡƒΠ΄Π½ΠΈΠΊΠΈ Π² этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅
    2. Π‘Ρ€Π°Π·Ρƒ ΠΏΠΎΠ΄ ячСйкой Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π² ΠΎΠ΄Π½ΠΎΠΌ столбцС Π²Π²Π΅Π΄ΠΈΡ‚Π΅ записи, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Π² Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌΡΡ спискС.НС оставляйтС пустым ячСйки ΠΌΠ΅ΠΆΠ΄Ρƒ записями.

    3. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ячСйку Π² спискС ΠΈ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ «Вставка» Π»Π΅Π½Ρ‚Ρ‹ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π‘Ρ‚ΠΎΠ»

    4. ΠŸΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ Π³Π°Π»ΠΎΡ‡ΠΊΡƒ Π² «Моя Ρ‚Π°Π±Π»ΠΈΡ†Π° с Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°ΠΌΠΈΒ» ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Ok

    Π’Π΅ΠΏΠ΅Ρ€ΡŒ Ρ‚Π°Π±Π»ΠΈΡ†Π° являСтся ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½Π½ΠΎΠΉ Ρ‚Π°Π±Π»ΠΈΡ†Π΅ΠΉ Excel.

    2. НазовитС список

    Π—Π°Ρ‚Π΅ΠΌ Π²Ρ‹ создадитС ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½, Π½Π΅ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‰ΠΈΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ячСйка Π² Ρ‚Π°Π±Π»ΠΈΡ†Π΅.Π­Ρ‚ΠΎΡ‚ ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ динамичСским — ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ автоматичСски, Ссли элСмСнты Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ΡΡ Π² список ΠΈΠ»ΠΈ ΡƒΠ΄Π°Π»ΡΡŽΡ‚ΡΡ ΠΈΠ· Π½Π΅Π³ΠΎ.

    Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ДиспСтчСр ΠΈΠΌΠ΅Π½, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° Π²ΠΈΠ΄Π΅ΠΎ, ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π΅ ΠΈΠΌΠ΅Π½ΠΈ. Оба ΠΌΠ΅Ρ‚ΠΎΠ΄Π° описаны Π½ΠΈΠΆΠ΅. ΠœΠ΅Ρ‚ΠΎΠ΄ Name Box быстрСС, Π½ΠΎ Π²Ρ‹ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ.

    Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ диспСтчСр ΠΈΠΌΠ΅Π½

    Π­Ρ‚ΠΎ ΠΌΠ΅Ρ‚ΠΎΠ΄, ΠΏΠΎΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΉ Π½Π° Π²ΠΈΠ΄Π΅ΠΎ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ имя, объСм ΠΈ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ.

    1. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΎΠ΄Π½Ρƒ ΠΈΠ· ячССк Π² спискС ΠΈΠΌΠ΅Π½ сотрудников.
    2. На Π»Π΅Π½Ρ‚Π΅ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Π€ΠΎΡ€ΠΌΡƒΠ»Ρ‹ ΠΈ Π² Π³Ρ€ΡƒΠΏΠΏΠ΅ ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ ΠΈΠΌΠ΅Π½Π° Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠžΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ имя
    3. Π’ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ «НовоС имя» Π²Π²Π΅Π΄ΠΈΡ‚Π΅ имя ΠΈΠ· ΠΎΠ΄Π½ΠΎΠ³ΠΎ слова для Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π°, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ EmpNames
    4. ΠžΡΡ‚Π°Π²ΡŒΡ‚Π΅ объСм Ρ€Π°Π±ΠΎΡ‚ ΠΊΠ°ΠΊ ΠΊΠ½ΠΈΠ³Ρƒ
    5. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎΠ»Π΅ «БсылаСтся Π½Π°Β» (Π½Π° листС ячСйка, которая Π² настоящСС врСмя ΡƒΠΊΠ°Π·Π°Π½Π° Π² ΠΏΠΎΠ»Π΅ «БсылаСтся Π½Π°Β», Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π΄Π΅Π»Π΅Π½Π°)
    6. Π§Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ всС ΠΈΠΌΠ΅Π½Π° Π² спискС, Π½Π°Π²Π΅Π΄ΠΈΡ‚Π΅ ΡƒΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ ΠΌΡ‹ΡˆΠΈ Π½Π° Π²Π΅Ρ€Ρ…Π½ΡŽΡŽ Ρ‡Π°ΡΡ‚ΡŒ ячСйки Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° (B1) ΠΈ, ΠΊΠΎΠ³Π΄Π° появится чСрная стрСлка, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ всС ΠΈΠΌΠ΅Π½Π° Π±Π΅Π· ячСйки Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°.(ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π°ΠΆΠΈΠΌΠ°ΠΉΡ‚Π΅, ΠΊΠΎΠ³Π΄Π° стрСлка находится Π² ячСйкС B1, Π° Π½Π΅ Π² ΠΊΠ½ΠΎΠΏΠΊΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° столбца B)
    7. Имя Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ ΠΈ имя столбца появятся Π² ΠΏΠΎΠ»Π΅ «БсылаСтся Π½Π°Β»: = Π’Π°Π±Π»ΠΈΡ†Π°1 [Π‘ΠΎΡ‚Ρ€ΡƒΠ΄Π½ΠΈΠΊΠΈ]
    8. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ OK, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ввСсти имя.
    Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΏΠΎΠ»Π΅ ΠΈΠΌΠ΅Π½ΠΈ

    Π­Ρ‚ΠΎ быстрый способ ΠΏΡ€ΠΈΡΠ²ΠΎΠΈΡ‚ΡŒ имя Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Ρƒ ячССк.

    1. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π²Π²Π΅Ρ€Ρ…Ρƒ ячСйки Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ всС ячСйки Π² спискС (Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π²Ρ‹Π΄Π΅Π»ΡΡ‚ΡŒΡΡ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚).

    2. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎΠ»Π΅ Имя слСва ΠΎΡ‚ строки Ρ„ΠΎΡ€ΠΌΡƒΠ»
    3. Π’Π²Π΅Π΄ΠΈΡ‚Π΅ имя ΠΈΠ· ΠΎΠ΄Π½ΠΎΠ³ΠΎ слова для Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π°, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ EmpNames, Π° Π·Π°Ρ‚Π΅ΠΌ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Enter , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ввСсти имя.
    • ΠŸΠ Π˜ΠœΠ•Π§ΠΠΠ˜Π•: ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Enter, имя исчСзнСт, ​​а имя Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ появится Π² ΠΏΠΎΠ»Π΅ ΠΈΠΌΠ΅Π½ΠΈ.

    3.Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список

    Π’Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ создали ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ для создания Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список Π² ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ячСйках

    1. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ячСйки, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… трСбуСтся Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список
    2. На Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Β«Π”Π°Π½Π½Ρ‹Π΅Β» Π»Π΅Π½Ρ‚Ρ‹ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Β«ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Π΄Π°Π½Π½Ρ‹Ρ…Β».

    3. Π’ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌΡΡ спискС Π Π°Π·Ρ€Π΅ΡˆΠΈΡ‚ΡŒ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Бписок

    4. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎΠ»Π΅ Β«Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊΒ», Π²Π²Π΅Π΄ΠΈΡ‚Π΅ Π·Π½Π°ΠΊ равСнства ΠΈ список имя, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:
      = EmpNames
      Π˜Π›Π˜ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ F3, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ список ΠΈΠΌΠ΅Π½, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ имя ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ОК

    5. НаТмитС ОК, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΊΡ€Ρ‹Ρ‚ΡŒ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Π΄Π°Π½Π½Ρ‹Ρ….
    6. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΎΠ΄Π½Ρƒ ΠΈΠ· ячССк ΠΈ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ стрСлку Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ списка.

    7. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ элСмСнт Π² Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌΡΡ спискС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ввСсти Π΅Π³ΠΎ Π² ячСйку.

    Π’ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π”Ρ€ΡƒΠ³ΠΎΠΉ лист

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

    ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ это Π²ΠΈΠ΄Π΅ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ шаги, ΠΈ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ с ΠΏΠΈΡΡŒΠΌΠ΅Π½Π½Ρ‹ΠΌΠΈ инструкциями здСсь: Бписок ΠΈΠ· Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΊΠ½ΠΈΠ³ΠΈ

    Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ список с раздСлитСлями

    ВмСсто Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Ρ€Π°Ρ‰Π°Ρ‚ΡŒΡΡ ΠΊ списку элСмСнтов Π½Π° листС, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Π²Π΅Π΄ΠΈΡ‚Π΅ список Π² ΠΏΠΎΠ»Π΅ Β«Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊΒ» Ρ‡Π΅Ρ€Π΅Π· Π·Π°ΠΏΡΡ‚ΡƒΡŽ. НапримСр:

    Π”Π°, НСт, Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ

    ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΡ :

    1. Π­Ρ‚ΠΎΡ‚ ΠΌΠ΅Ρ‚ΠΎΠ΄ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ Π΄Π°Π½Π½Ρ‹Ρ… чувствитСлСн ΠΊ рСгистру — Ссли ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π²Π²ΠΎΠ΄ΠΈΡ‚ ДА, Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΠΏΡ€Π΅Π΄ΡƒΠΏΡ€Π΅ΠΆΠ΄Π΅Π½ΠΈΠ΅ ΠΎΠ± ошибкС.
    2. ΠŸΡ€ΠΎΠ±Π΅Π»Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ Π²Π²ΠΎΠ΄ΠΈΡ‚ΡŒ Π΄ΠΎ ΠΈΠ»ΠΈ послС допустимых элСмСнтов, ΠΈ сообщСниС ΠΎΠ± ошибкС Π½Π΅ отобраТаСтся, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ » Π”Π° » Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΎ. (Бпасибо ΠŸΠΈΡ‚Π΅Ρ€Ρƒ Π·Π° этот совСт.)

    Π Π°Π·Ρ€Π΅ΡˆΠΈΡ‚ΡŒ записи, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π½Π΅Ρ‚ Π² Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌΡΡ спискС

    Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³Π»ΠΈ Ρ‚Π°ΠΊΠΆΠ΅ Π²Π²ΠΎΠ΄ΠΈΡ‚ΡŒ элСмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π½Π΅Ρ‚ Π² спискС, снимитС Ρ„Π»Π°ΠΆΠΎΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠŸΡ€Π΅Π΄ΡƒΠΏΡ€Π΅ΠΆΠ΄Π΅Π½ΠΈΠ΅ ΠΎΠ± ошибкС.

    Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΎΠ±Ρ€Π°Π·Π΅Ρ† Ρ„Π°ΠΉΠ»Π°

    Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΎΠ±Ρ€Π°Π·Π΅Ρ† Ρ„Π°ΠΉΠ»Π° Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ…ΡΡ списков здСсь: Drop Книга Π²Π½ΠΈΠ· ΠΏΠΎ списку.Π—Π°Π°Ρ€Ρ…ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Ρ„Π°ΠΉΠ» ΠΈΠΌΠ΅Π΅Ρ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ xlsx ΠΈ Π½Π΅ содСрТит макросов.

    Π’ΠΈΠ΄Π΅ΠΎ для ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ Π΄Π°Π½Π½Ρ‹Ρ…

    Π’ этом плСйлистС основных Π²ΠΈΠ΄Π΅ΠΎ с ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΎΠΉ Π΄Π°Π½Π½Ρ‹Ρ… . Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ список воспроизвСдСния. Или Π² Π»Π΅Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ Π²ΠΈΠ΄Π΅ΠΎ, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π·Π½Π°Ρ‡ΠΎΠΊ Β«ΠŸΠ»Π΅ΠΉΠ»ΠΈΡΡ‚Β» ΠΈ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Ρƒ Π²ΠΈΠ΄Π΅ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°Ρ‡Π°Ρ‚ΡŒ это Π²ΠΈΠ΄Π΅ΠΎ.

    Π’ этом плСйлистС Π²ΠΈΠ΄Π΅ΠΎ с Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½ΠΎΠΉ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΎΠΉ Π΄Π°Π½Π½Ρ‹Ρ… . Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ список воспроизвСдСния. Или Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ Π»Π΅Π²ΠΎΠΌ ΡƒΠ³Π»Ρƒ Π²ΠΈΠ΄Π΅ΠΎ, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π·Π½Π°Ρ‡ΠΎΠΊ Β«ΠŸΠ»Π΅ΠΉΠ»ΠΈΡΡ‚Β» ΠΈ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Ρƒ Π²ΠΈΠ΄Π΅ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°Ρ‡Π°Ρ‚ΡŒ это Π²ΠΈΠ΄Π΅ΠΎ

    НС пропуститС наши совСты ΠΏΠΎ Excel

    НС пропуститС ΠΌΠΎΠΈ послСдниС совСты ΠΈ Π²ΠΈΠ΄Π΅ΠΎ ΠΏΠΎ Excel! НаТмитС OK, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ ΠΌΠΎΠΉ Π΅ΠΆΠ΅Π½Π΅Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½ΡŒ с совСтами ΠΏΠΎ Excel ΠΈ ссылками Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ новости ΠΈ рСсурсы Excel.

    Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΡƒΡ€ΠΎΠΊΠΈ

    Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ зависимых Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ…ΡΡ списков

    ИндСкс ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ Π΄Π°Π½Π½Ρ‹Ρ… Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π°

    Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° Π½Π° ΠΊΠΎΠ΄

    Dependent Drop Down Lists Π’ΠΈΠ΄Π΅ΠΎ

    Π‘ΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Π½Π½Ρ‹Π΅ ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚Ρ‹ Π² Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌΡΡ спискС

    Бписок ΠΈΠ· Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΊΠ½ΠΈΠ³ΠΈ

    ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ ΠΊΡ€ΠΈΡ‚Π΅Ρ€ΠΈΠ΅Π² ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ Π΄Π°Π½Π½Ρ‹Ρ…

    ΠŸΡ€Π°Π²ΠΈΠ»Π° Π΄Π°Ρ‚Ρ‹ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ Π΄Π°Π½Π½Ρ‹Ρ…

    Π‘ΠΎΠ²Π΅Ρ‚Ρ‹ ΠΏΠΎ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ΅ Π΄Π°Π½Π½Ρ‹Ρ…

    ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Π΄Π°Π½Π½Ρ‹Ρ… с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ списка

    Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ списка Excel 2003

    Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ мСню Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HTML5 ΠΈ CSS3

    Π•ΡΡ‚ΡŒ нСсколько ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ для Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ…ΡΡ мСню Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΏΠ»Π°Π³ΠΈΠ½ jquery superfish.МногиС ΠΈΠ· Π½ΠΈΡ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΌΠ½ΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈ рСсурсов для создания Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ…ΡΡ списков, Π½ΠΎ ΠΈΠ½ΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ Π²Π°ΠΌ Π½Π΅ Π½ΡƒΠΆΠ½Ρ‹. Π― Ρ…ΠΎΡ‡Ρƒ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π²Π°ΠΌ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ собствСнноС простоС, Π½ΠΎ ΡΡ‚ΠΈΠ»ΡŒΠ½ΠΎΠ΅ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Π½ΠΎΠ²Ρ‹Π΅ Ρ‚Π΅Π³ΠΈ HTML5 ΠΈ Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠ½Ρ‹Π΅ стили CSS3.

    Nav Menu (7783 Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ)

    Π Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΡ‹ собираСмся ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ, скрываСтся ΠΈ открываСтся ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ CSS. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Π½ΠΎΠ²Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠ² CSS3, ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ состояния навСдСния ΠΈ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ΡΡ списки. Π­Ρ‚ΠΈ эффСкты Π΄Π΅ΠΉΡΡ‚Π²ΡƒΡŽΡ‚ Ρ‚ΠΎΡ‡Π½ΠΎ Ρ‚Π°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ эффСкты javascript, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ использовали.Π‘Ρ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€Π° Ρ„Π°ΠΉΠ»ΠΎΠ² проста. Π’Π°ΠΌ понадобятся Ρ„Π°ΠΉΠ»Ρ‹ index.html ΠΈ style.css для хранСния стилСй css.

    Π’ΠΎΡ‚ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ построим сСгодня:

    НачнСм со структуры HTML. Π­Ρ‚ΠΎ головная Ρ‡Π°ΡΡ‚ΡŒ:

    
    
     Π Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ HTML5 / CSS3 
    
    
    
    
       
    
    
     

    Π’ основной части ΠΌΡ‹ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ html-ΠΊΠΎΠ΄ для Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ мСню. ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ список ul Π²Π½ΡƒΡ‚Ρ€ΠΈ li прСдставляСт собой Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню. Π― Π΄ΠΎΠ±Π°Π²ΠΈΠ» «» ΠΊ ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡƒ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠΌΡƒ li, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΡŽ. Код создаСт Π΄Π²ΠΎΠΉΠ½Ρ‹Π΅ ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ ΠΏΠΎΠ΄ прямым ΡƒΠ³Π»ΠΎΠΌ ΠΊ ​​элСмСнту.

    
    
     
    
    

    Π’Π΅ΠΏΠ΅Ρ€ΡŒ стилизуСм Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ.НачнСм со стилСй для основной Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ. ΠŸΡ€ΠΈ ΠΆΠ΅Π»Π°Π½ΠΈΠΈ стили для #nav id ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ. Они просто Π² Ρ†Π΅Π½Ρ‚Ρ€Π΅ мСню. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΈΡ…, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ соотвСтствовали Π²Π°ΡˆΠ΅ΠΌΡƒ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ.

    
    / * Основная навигация * /
    #nav {
    ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅: ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅;
    ΡˆΠΈΡ€ΠΈΠ½Π°: 620 пиксСлСй;
    ΠΌΠ°Ρ€ΠΆΠ°: 0 Π°Π²Ρ‚ΠΎ;
    ΠΌΠ°Ρ€ΠΆΠ° свСрху: 50 пиксСлСй;
    отступ: 10 пиксСлСй;
    }
    
    ul # navigation {
    ΠΌΠ°Ρ€ΠΆΠ°: 0px Π°Π²Ρ‚ΠΎ;
    ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅: ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅;
    ΠΏΠ»Ρ‹Ρ‚ΡŒ Π½Π°Π»Π΅Π²ΠΎ;
    Π³Ρ€Π°Π½ΠΈΡ†Π° слСва: сплошной 1px # c4dbe7;
    Π³Ρ€Π°Π½ΠΈΡ†Π° справа: сплошной 1px # c4dbe7;
    }
    
    ul # navigation li {
    дисплСй: встроСнный;
    Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π°: 12 пиксСлСй;
    font-weight: ΠΆΠΈΡ€Π½Ρ‹ΠΉ;
    ΠΌΠ°Ρ€ΠΆΠ°: 0;
    отступ: 0;
    ΠΏΠ»Ρ‹Ρ‚ΡŒ Π½Π°Π»Π΅Π²ΠΎ;
    ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅: ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅;
    вСрхняя Π³Ρ€Π°Π½ΠΈΡ†Π°: 1px solid # c4dbe7;
    ниТняя Π³Ρ€Π°Π½ΠΈΡ†Π°: 2px solid # c4dbe7;
    }
    
    ul # navigation li a {
    отступ: 10px 25px;
    Ρ†Π²Π΅Ρ‚: # 616161;
    Ρ‚Π΅Π½ΡŒ тСкста: 1px 1px 0px #fff;
    тСкстовоС ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅: Π½Π΅Ρ‚;
    дисплСй: встроСнный Π±Π»ΠΎΠΊ;
    Π³Ρ€Π°Π½ΠΈΡ†Π° справа: сплошной 1px #fff;
    Π³Ρ€Π°Π½ΠΈΡ†Π° слСва: сплошной Ρ†Π²Π΅Ρ‚ 1px # C2C2C2;
    вСрхняя Π³Ρ€Π°Π½ΠΈΡ†Π°: 1px solid #fff;
    Ρ„ΠΎΠ½: # f5f5f5;
    
    -webkit-transition: Ρ†Π²Π΅Ρ‚ 0.2 с Π»ΠΈΠ½Π΅ΠΉΠ½Ρ‹ΠΉ, Ρ„ΠΎΠ½ 0,2 с Π»ΠΈΠ½Π΅ΠΉΠ½Ρ‹ΠΉ;
    -moz-transition: Ρ†Π²Π΅Ρ‚ 0,2 с Π»ΠΈΠ½Π΅ΠΉΠ½Ρ‹ΠΉ, Ρ„ΠΎΠ½ 0,2 с Π»ΠΈΠ½Π΅ΠΉΠ½Ρ‹ΠΉ;
    -o-ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄: Ρ†Π²Π΅Ρ‚Π½ΠΎΠΉ 0,2 с Π»ΠΈΠ½Π΅ΠΉΠ½Ρ‹ΠΉ, Ρ„ΠΎΠ½ 0,2 с Π»ΠΈΠ½Π΅ΠΉΠ½Ρ‹ΠΉ;
    ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄: Ρ†Π²Π΅Ρ‚Π½ΠΎΠΉ 0,2 с Π»ΠΈΠ½Π΅ΠΉΠ½Ρ‹ΠΉ, Ρ„ΠΎΠ½ 0,2 с Π»ΠΈΠ½Π΅ΠΉΠ½Ρ‹ΠΉ;
    }
    
    ul # navigation li a: hover {
    Ρ„ΠΎΠ½: # f8f8f8;
    Ρ†Π²Π΅Ρ‚: # 282828;
    }
    
    ul # navigation li a.first {
    Π³Ρ€Π°Π½ΠΈΡ†Π° слСва: 0 Π½Π΅Ρ‚;
    }
    
    ul # navigation li a.last {
    Π³Ρ€Π°Π½ΠΈΡ†Π° справа: 0 Π½Π΅Ρ‚;
    }
    
    ul # navigation li: hover> a {
    Ρ„ΠΎΠ½: #fff;
    }
    
     

    ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ ul # navigation li a ΠΈΠΌΠ΅Π΅Ρ‚ нСсколько стилСй ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π°.Они ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для создания приятного эффСкта затухания ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора.

    Π’Π΅ΠΏΠ΅Ρ€ΡŒ стилизуСм Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠ΅ мСню:

    
    / * Π’Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π°Ρ навигация * /
    ul # навигация li: hover> ul
    {
    / * эти 2 стиля ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½Ρ‹,
    это Ρ‚Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π·Π°ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список ΠΏΠΎΡΠ²Π»ΡΡ‚ΡŒΡΡ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ * /
    Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ: видимая;
    Π½Π΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ: 1;
    }
    
    ul # navigation ul, ul # navigation ul li ul {
    ΡΡ‚ΠΈΠ»ΡŒ списка: Π½Π΅Ρ‚;
        ΠΌΠ°Ρ€ΠΆΠ°: 0;
        отступ: 0;
    / * ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ 2 стиля ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½Ρ‹,
    это Ρ‚Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π·Π°ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список ΠΎΡΡ‚Π°Π²Π°Ρ‚ΡŒΡΡ скрытым * /
        Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ: скрыта;
        Π½Π΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ: 0;
        позиция: Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Π°Ρ;
        z-индСкс: 99999;
    ΡˆΠΈΡ€ΠΈΠ½Π°: 180 пиксСлСй;
    Ρ„ΠΎΠ½: # f8f8f8;
    box-shadow: 1px 1px 3px #ccc;
    / * css3 ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Ρ‹ для ΠΏΠ»Π°Π²Π½ΠΎΠ³ΠΎ навСдСния * /
    -webkit-transition: Π½Π΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ 0.2 с Π»ΠΈΠ½Π΅ΠΉΠ½Ρ‹ΠΉ, Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ 0,2 с линСйная;
    -moz-transition: Π½Π΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ 0,2 с линСйная, Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ 0,2 с линСйная;
    -o-ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄: Π½Π΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ 0,2 с линСйная, Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ 0,2 с линСйная;
    ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄: Π½Π΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ 0,2 с линСйная, Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ 0,2 с линСйная;
    }
    
    ul # navigation ul {
        Π²Π΅Ρ€Ρ…: 43px;
        слСва: 1px;
    }
    
    ul # navigation ul li ul {
        Π²Π΅Ρ€Ρ…: 0;
        слСва: 181px; / * сильно зависит ΠΎΡ‚ ΡˆΠΈΡ€ΠΈΠ½Ρ‹: 180 пиксСлСй; свСрху */
    }
    
    ul # navigation ul li {
    ясно: оба;
    ΡˆΠΈΡ€ΠΈΠ½Π°: 100%;
    Π³Ρ€Π°Π½ΠΈΡ†Π°: 0 Π½Π΅Ρ‚;
    ниТняя Π³Ρ€Π°Π½ΠΈΡ†Π°: 1px solid # c9c9c9;
    }
    
    ul # navigation ul li a {
    Ρ„ΠΎΠ½: Π½Π΅Ρ‚;
    отступ: 7px 15px;
    Ρ†Π²Π΅Ρ‚: # 616161;
    Ρ‚Π΅Π½ΡŒ тСкста: 1px 1px 0px #fff;
    тСкстовоС ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅: Π½Π΅Ρ‚;
    дисплСй: встроСнный Π±Π»ΠΎΠΊ;
    Π³Ρ€Π°Π½ΠΈΡ†Π°: 0 Π½Π΅Ρ‚;
    ΠΏΠ»Ρ‹Ρ‚ΡŒ Π½Π°Π»Π΅Π²ΠΎ;
    ясно: оба;
    ΡˆΠΈΡ€ΠΈΠ½Π°: 150 пиксСлСй;
    }
     

    Π’Π΅ΠΏΠ΅Ρ€ΡŒ мСню стилизовано ΠΈ процСсс Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½.МСню Π³ΠΎΡ‚ΠΎΠ²ΠΎ ΠΊ использованию Π² Π²Π°ΡˆΠΈΡ… собствСнных ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ…. ΠŸΡ€ΠΈ использовании CSS3, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π²ΠΎΠ·Π½ΠΈΠΊΠ°ΡŽΡ‚ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ с ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒΡŽ IE с мСню. ΠŸΠ»Π°Π²Π½Ρ‹Π΅ эффСкты, Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ‹Π΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠ² CSS3, Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π² IE, Π½ΠΎ мСню всС Π΅Ρ‰Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π°Π΄Π΅ΠΆΠ½ΠΎΠΉ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²ΠΎΠΉ мСню javascript.

    Π‘Π»Π°Π³ΠΎΠ΄Π°Ρ€ΡŽ вас Π·Π° вашС врСмя ΠΈ Π·Π° Π»ΡŽΠ±Ρ‹Π΅ ΠΎΡ‚Π·Ρ‹Π²Ρ‹ / вопросы, Π½Π΅ ΡΡ‚Π΅ΡΠ½ΡΠΉΡ‚Π΅ΡΡŒ ΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ Π½ΠΈΠΆΠ΅!

    [ВсСго: 25 Π‘Ρ€Π΅Π΄Π½Π΅Π΅: 4,4 / 5]

    Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню Π² Dreamweaver

    Dreamweaver ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ созданиС Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ…ΡΡ мСню для вашСго Π²Π΅Π±-сайта.Но, ΠΊΠ°ΠΊ ΠΈ всС Ρ„ΠΎΡ€ΠΌΡ‹ HTML, ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ слоТными. Π­Ρ‚ΠΎ руководство ΠΏΡ€ΠΎΠ²Π΅Π΄Π΅Ρ‚ вас Ρ‡Π΅Ρ€Π΅Π· шаги ΠΏΠΎ созданию Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ мСню Π² Dreamweaver.

    МСню ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠ² Dreamweaver

    Dreamweaver 8 Ρ‚Π°ΠΊΠΆΠ΅ прСдоставляСт мастСр для создания мСню ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° для Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΏΠΎ Π²Π°ΡˆΠ΅ΠΌΡƒ Π²Π΅Π±-сайту. Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ Π±Π°Π·ΠΎΠ²Ρ‹Ρ… Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ…ΡΡ мСню, это мСню Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ сдСлаСт, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΡ‚Π΅. Π’Π°ΠΌ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΈΡΠ°Ρ‚ΡŒ JavaScript ΠΈΠ»ΠΈ CGI, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π°ΡΡΡ Ρ„ΠΎΡ€ΠΌΠ° Π·Π°Ρ€Π°Π±ΠΎΡ‚Π°Π»Π°. Π’ этом руководствС Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΠ±ΡŠΡΡΠ½ΡΠ΅Ρ‚ΡΡ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ мастСр Dreamweaver 8 для создания мСню ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π°.

    Π‘Π½Π°Ρ‡Π°Π»Π° создайтС Ρ„ΠΎΡ€ΠΌΡƒ

    Π—Π° ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ΠΌ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… мастСров, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ мСню ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π°, Dreamweaver Π½Π΅ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π·Π°ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ HTML-Ρ„ΠΎΡ€ΠΌΡ‹ Β«Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒΒ». Для этого Π²Π°ΠΌ понадобится CGI ΠΈΠ»ΠΈ JavaScript.

    Когда Π²Ρ‹ добавляСтС Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню Π½Π° свой Π²Π΅Π±-сайт, ΠΏΠ΅Ρ€Π²ΠΎΠ΅, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ, — это Ρ„ΠΎΡ€ΠΌΠ°, ΠΎΠΊΡ€ΡƒΠΆΠ°ΡŽΡ‰Π°Ρ Π΅Π³ΠΎ. Π’ Dreamweaver ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² мСню «Вставка» ΠΈ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Β«Π€ΠΎΡ€ΠΌΠ°Β», Π·Π°Ρ‚Π΅ΠΌ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«Π€ΠΎΡ€ΠΌΠ°Β».

    ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Ρ„ΠΎΡ€ΠΌ Π² прСдставлСнии Β«Π”ΠΈΠ·Π°ΠΉΠ½Β»

    Dreamweaver Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ располоТСниС Ρ„ΠΎΡ€ΠΌΡ‹ Π² прСдставлСнии Β«Π”ΠΈΠ·Π°ΠΉΠ½Β», Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ Π·Π½Π°Π»ΠΈ, Π³Π΄Π΅ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ элСмСнты Ρ„ΠΎΡ€ΠΌΡ‹.Π­Ρ‚ΠΎ Π²Π°ΠΆΠ½ΠΎ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π΅Π³ΠΈ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ мСню Π½Π΅Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ (ΠΈ Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ) Π²Π½Π΅ элСмСнта Ρ„ΠΎΡ€ΠΌΡ‹. Как Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ, Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ конструктора Ρ„ΠΎΡ€ΠΌΠ° прСдставляСт собой ΠΊΡ€Π°ΡΠ½ΡƒΡŽ ΠΏΡƒΠ½ΠΊΡ‚ΠΈΡ€Π½ΡƒΡŽ линию.

    Π’Ρ‹Π±Ρ€Π°Ρ‚ΡŒ список / мСню

    Π’Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠ΅ мСню Π² Dreamweaver Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ элСмСнтами «списка» ΠΈΠ»ΠΈ «мСню». Π˜Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π² Ρ„ΠΎΡ€ΠΌΡƒ, Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π·Π°ΠΉΡ‚ΠΈ Π² мСню Β«Π€ΠΎΡ€ΠΌΠ°Β» Π² мСню «Вставка» ΠΈ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ «Бписок / МСню». Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ курсор находится Π²Π½ΡƒΡ‚Ρ€ΠΈ красной ΠΏΡƒΠ½ΠΊΡ‚ΠΈΡ€Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ поля Ρ„ΠΎΡ€ΠΌΡ‹.

    Окно ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ²

    Π’ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°Ρ… Dreamweaver Π΅ΡΡ‚ΡŒ экран ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… возмоТностСй.Π€ΠΎΡ€ΠΌΡ‹ — это мСсто, Π³Π΄Π΅ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π²Π΅Π±-сайты Ρ‚Π΅Ρ€ΡΡŽΡ‚ Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ, ΠΈ послС заполнСния этих пяти Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ΡΡ мСню сразу станут Π±ΠΎΠ»Π΅Π΅ доступными.

    Π”ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ Ρ„ΠΎΡ€ΠΌΡ‹

    Π’Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ доступности:

    Π­Ρ‚ΠΈΠΊΠ΅Ρ‚ΠΊΠ°

    Π­Ρ‚ΠΎ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ поля. Он Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π² Π²ΠΈΠ΄Π΅ тСкста рядом с вашим элСмСнтом Ρ„ΠΎΡ€ΠΌΡ‹.
    ΠΠ°ΠΏΠΈΡˆΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π²Ρ‹Π·Π²Π°Ρ‚ΡŒ Π² Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌΡΡ мСню. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ вопрос ΠΈΠ»ΠΈ короткая Ρ„Ρ€Π°Π·Π°, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΡ‚ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню.

    Π‘Ρ‚ΠΈΠ»ΡŒ

    HTML Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Ρ‚Π΅Π³ ΠΌΠ΅Ρ‚ΠΊΠΈ для ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ ΠΌΠ΅Ρ‚ΠΎΠΊ вашСй Ρ„ΠΎΡ€ΠΌΡ‹ Π² Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. По Π²Π°ΡˆΠ΅ΠΌΡƒ Π²Ρ‹Π±ΠΎΡ€Ρƒ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню ΠΈ тСкст ΠΌΠ΅Ρ‚ΠΊΠΈ Π² Ρ‚Π΅Π³, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Β«forΒ» Π² Ρ‚Π΅Π³Π΅ ΠΌΠ΅Ρ‚ΠΊΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ, Π½Π° ΠΊΠ°ΠΊΠΎΠΉ Ρ‚Π΅Π³ Ρ„ΠΎΡ€ΠΌΡ‹ ΠΎΠ½ ссылаСтся, ΠΈΠ»ΠΈ Π²ΠΎΠΎΠ±Ρ‰Π΅ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π΅Π³ ΠΌΠ΅Ρ‚ΠΊΠΈ.

    ΠŸΠΎΠ·ΠΈΡ†ΠΈΡ

    Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ свой ярлык Π΄ΠΎ ΠΈΠ»ΠΈ послС Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ мСню.

    ΠšΠ»ΡŽΡ‡ доступа

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

    Π£ΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ

    Π­Ρ‚ΠΎ порядок, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ слСдуСт ΠΎΠ±Ρ€Π°Ρ‰Π°Ρ‚ΡŒΡΡ ΠΊ полю Ρ„ΠΎΡ€ΠΌΡ‹ ΠΏΡ€ΠΈ использовании ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹ для ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° Ρ‡Π΅Ρ€Π΅Π· Π²Π΅Π±-страницу.

    Когда Π²Ρ‹ ΠΎΠ±Π½ΠΎΠ²ΠΈΡ‚Π΅ свои ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ возмоТности, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ОК.

    Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ мСню

    ПослС отобраТСния Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ мСню Π² прСдставлСнии Π΄ΠΈΠ·Π°ΠΉΠ½Π° Dreamweaver Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π² Π½Π΅Π³ΠΎ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ элСмСнты. Π‘Π½Π°Ρ‡Π°Π»Π° Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню, Ρ‰Π΅Π»ΠΊΠ½ΡƒΠ² ΠΏΠΎ Π½Π΅ΠΌΡƒ.Dreamweaver помСстит Π΅Ρ‰Π΅ ΠΎΠ΄Π½Ρƒ ΠΏΡƒΠ½ΠΊΡ‚ΠΈΡ€Π½ΡƒΡŽ линию Π²ΠΎΠΊΡ€ΡƒΠ³ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ мСню, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π²Ρ‹Π±Ρ€Π°Π»ΠΈ Π΅Π³ΠΎ.

    Бвойства мСню

    МСню свойств измСнится Π½Π° свойства списка / мСню для этого Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ мСню. Π—Π΄Π΅ΡΡŒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΈΡΠ²ΠΎΠΈΡ‚ΡŒ своСму мСню ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ (Π³Π΄Π΅ написано Β«Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒΒ»), Ρ€Π΅ΡˆΠΈΡ‚ΡŒ, Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π»ΠΈ Π²Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΎ Π±Ρ‹Π»ΠΎ списком ΠΈΠ»ΠΈ мСню, ΠΏΡ€ΠΈΡΠ²ΠΎΠΈΡ‚ΡŒ Π΅ΠΌΡƒ класс стиля ΠΈΠ· вашСй Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй ΠΈ ΠΏΡ€ΠΈΡΠ²ΠΎΠΈΡ‚ΡŒ значСния Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌΡƒΡΡ списку.

    Π’ Ρ‡Π΅ΠΌ Ρ€Π°Π·Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ списком ΠΈ мСню?

    Dreamweaver Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню Π² любом Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌΡΡ спискС, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚.«Бписок» позволяСт Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ нСсколько Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² Π² Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌΡΡ спискС ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ элСмСнта.

    Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню состояло ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… строк, ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Π΅Π³ΠΎ Π½Π° Ρ‚ΠΈΠΏ «список» ΠΈ Π½Π΅ устанавливайтС Ρ„Π»Π°ΠΆΠΎΠΊ Β«Π’Ρ‹Π±ΠΎΡ€Β».

    Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½ΠΎΠ²Ρ‹Π΅ элСмСнты Π² список

    Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½ΠΎΠ²Ρ‹Π΅ элСмСнты Π² вашС мСню, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ «Бписок Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ …Β». Π­Ρ‚ΠΎ ΠΎΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠ΅ Π²Ρ‹ΡˆΠ΅ ΠΎΠΊΠ½ΠΎ. Π’Π²Π΅Π΄ΠΈΡ‚Π΅ ΠΌΠ΅Ρ‚ΠΊΡƒ вашСго ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚Π° Π² ΠΏΠ΅Ρ€Π²ΠΎΠ΅ ΠΏΠΎΠ»Π΅. Π­Ρ‚ΠΎ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π½Π° страницС. Если Π²Ρ‹ оставитС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ пустым, ΠΎΠ½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΏΡ€Π°Π²Π»Π΅Π½ΠΎ Π² Ρ„ΠΎΡ€ΠΌΠ΅.

    Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎ Π·Π°ΠΊΠ°Π·Π°Ρ‚ΡŒ

    Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π·Π½Π°Ρ‡ΠΎΠΊ плюса, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ элСмСнты. Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠ΅Ρ€Π΅ΡƒΠΏΠΎΡ€ΡΠ΄ΠΎΡ‡ΠΈΡ‚ΡŒ ΠΈΡ… Π² спискС, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ стрСлки Π²Π²Π΅Ρ€Ρ… ΠΈ Π²Π½ΠΈΠ· справа.

    Π”Π°Ρ‚ΡŒ всСм позициям значСния

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

    Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ

    Π’Π΅Π±-страницы ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ Ρ‚ΠΎΡ‚ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ элСмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΡƒΠΊΠ°Π·Π°Π½ ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ ΠΊΠ°ΠΊ элСмСнт ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.Но Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΎΠΉ, Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ Π΅Π³ΠΎ Π² ΠΏΠΎΠ»Π΅ Β«Π’Ρ‹Π±Ρ€Π°Π½ΠΎ ΠΈΠ·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΒ» Π² мСню «Бвойства».

    Π‘ΠΌ. Π‘Π²ΠΎΠΉ список Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ просмотра Β«Π”ΠΈΠ·Π°ΠΉΠ½Β»

    Когда Π²Ρ‹ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΡ‚Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ свойства, Dreamweaver ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список с Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹ΠΌ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.

    ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ списка Π² прСдставлСнии ΠΊΠΎΠ΄Π°

    Если Π²Ρ‹ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ΡΡŒ Π² Ρ€Π΅ΠΆΠΈΠΌ просмотра ΠΊΠΎΠ΄Π°, Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ Dreamweaver добавляСт Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню с ΠΎΡ‡Π΅Π½ΡŒ чистым ΠΊΠΎΠ΄ΠΎΠΌ. ЕдинствСнныС Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ — это Ρ‚Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ с опциями доступности.Код ΠΈΠΌΠ΅Π΅Ρ‚ отступы, Π΅Π³ΠΎ ΠΎΡ‡Π΅Π½ΡŒ Π»Π΅Π³ΠΊΠΎ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΠΈ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ.

    Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΈ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅

    Если Π²Ρ‹ сохранитС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΠΈ просмотритС Π΅Π³ΠΎ Π² Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню выглядит Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Π²Ρ‹ ΠΈ ΠΎΠΆΠΈΠ΄Π°Π»ΠΈ.

    Но ΠΎΠ½ Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ Π΄Π΅Π»Π°Π΅Ρ‚ …

    МСню, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΌΡ‹ создали Π²Ρ‹ΡˆΠ΅, выглядит Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎ, Π½ΠΎ Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ Π΄Π΅Π»Π°Π΅Ρ‚. Π§Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ, Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ дСйствиС Ρ„ΠΎΡ€ΠΌΡ‹ Π² самой Ρ„ΠΎΡ€ΠΌΠ΅.

    К ΡΡ‡Π°ΡΡ‚ΡŒΡŽ, Dreamweaver ΠΈΠΌΠ΅Π΅Ρ‚ Π²ΡΡ‚Ρ€ΠΎΠ΅Π½Π½ΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ мСню, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ сразу ΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° своСм сайтС Π±Π΅Π· нСобходимости ΠΈΠ·ΡƒΡ‡Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΡ‹, CGI ΠΈΠ»ΠΈ сцСнарии.Π­Ρ‚ΠΎ называСтся мСню ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠ².

    МСню ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° Dreamweaver создаСт Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню с ΠΈΠΌΠ΅Π½Π°ΠΌΠΈ ΠΈ URL-адрСсами. Π—Π°Ρ‚Π΅ΠΌ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ элСмСнт Π² мСню, ΠΈ Π²Π΅Π±-страница пСрСмСстится Π² это мСсто, ΠΊΠ°ΠΊ Ссли Π±Ρ‹ Π²Ρ‹ Ρ‰Π΅Π»ΠΊΠ½ΡƒΠ»ΠΈ ссылку.

    ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² мСню «Вставка» ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«Π€ΠΎΡ€ΠΌΠ°Β», Π° Π·Π°Ρ‚Π΅ΠΌ «МСню ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠ²Β».

    Окно мСню ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠ²

    Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ стандартного Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ мСню, мСню Β«ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Β» ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ Π½ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°Π·Π²Π°Ρ‚ΡŒ свои ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ мСню ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ свСдСния ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ Π΄ΠΎΠ»ΠΆΠ½Π° Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°.

    Для ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ элСмСнта ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ тСкст Β«untitled1Β» Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ читался, ΠΈ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ URL-адрСс, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ½Π° ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ эта ссылка.

    Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ элСмСнты Π² мСню ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠ²

    Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ элСмСнт Β«Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒΒ», Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ элСмСнт Π² мСню ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π°. Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚ΠΎΠ², сколько Ρ…ΠΎΡ‚ΠΈΡ‚Π΅.

    ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ мСню ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π°

    ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ всС Π½ΡƒΠΆΠ½Ρ‹Π΅ ссылки, Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ свои Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹:

    ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹Ρ… URL-адрСсов Π²

    Если Ρƒ вас Π΅ΡΡ‚ΡŒ Π½Π°Π±ΠΎΡ€ Ρ„Ρ€Π΅ΠΉΠΌΠΎΠ², Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ ссылки Π² Π΄Ρ€ΡƒΠ³ΠΎΠΌ Ρ„Ρ€Π΅ΠΉΠΌΠ΅.Или Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ ΠΎΠΊΠ½Π° Π½Π° ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΡƒΡŽ Ρ†Π΅Π»ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ URL-адрСс открывался Π² Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ ΠΈΠ»ΠΈ Π² Π΄Ρ€ΡƒΠ³ΠΎΠΌ мСстС.

    НазваниС мСню

    Π”Π°ΠΉΡ‚Π΅ своСму мСню ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ страницы. Π­Ρ‚ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ для ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ скрипта. Π­Ρ‚ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ позволяСт Π²Π°ΠΌ ΠΈΠΌΠ΅Ρ‚ΡŒ нСсколько мСню ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠ² Π² ΠΎΠ΄Π½ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΠ΅ — просто Π΄Π°ΠΉΡ‚Π΅ ΠΈΠΌ Ρ€Π°Π·Π½Ρ‹Π΅ ΠΈΠΌΠ΅Π½Π°.

    Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° послС мСню

    МнС нравится Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ это, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΈΠ½ΠΎΠ³Π΄Π° скрипт Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ мСню.Π­Ρ‚ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ Π±ΠΎΠ»Π΅Π΅ доступно.

    Π’Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ элСмСнт послС измСнСния URL

    Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ это, Ссли Ρƒ вас Π΅ΡΡ‚ΡŒ запрос, Ρ‚Π°ΠΊΠΎΠΉ ΠΊΠ°ΠΊ Β«Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΎΠ΄ΠΈΠ½Β», Π² качСствС ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ ΠΏΡƒΠ½ΠΊΡ‚Π° мСню. Π­Ρ‚ΠΎ Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚, Ρ‡Ρ‚ΠΎ этот элСмСнт останСтся Π½Π° страницС ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.

    ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ Π΄ΠΈΠ·Π°ΠΉΠ½Π° мСню ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π°

    Как ΠΈ Π² случаС с ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ мСню, Dreamweaver настраиваСт мСню ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ конструктора с Π²ΠΈΠ΄ΠΈΠΌΡ‹ΠΌ элСмСнтом ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ. Π—Π°Ρ‚Π΅ΠΌ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню, ΠΊΠ°ΠΊ любоС Π΄Ρ€ΡƒΠ³ΠΎΠ΅.

    Если Π²Ρ‹ всС-Ρ‚Π°ΠΊΠΈ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ Π΅Π³ΠΎ, ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π½Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ»ΠΈ Π½ΠΈΠΊΠ°ΠΊΠΈΡ… ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ΠΎΠ² элСмСнтов, ΠΈΠ½Π°Ρ‡Π΅ скрипт ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ.

    МСню ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠ² Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅

    Π‘ΠΎΡ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»Π° ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ F12 ΠΎΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ страницу Π² ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°Π΅ΠΌΠΎΠΌ Π²Π°ΠΌΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Π’Π°ΠΌ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚, Π½Π°ΠΆΠ°Ρ‚ΡŒ Β«ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈΒ», ΠΈ мСню ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚!

    Бпасибо, Ρ‡Ρ‚ΠΎ сообщили Π½Π°ΠΌ!

    РасскаТитС, ΠΏΠΎΡ‡Π΅ΠΌΡƒ!

    Π”Ρ€ΡƒΠ³ΠΎΠΉ НСдостаточно подробностСй Π‘Π»ΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ½ΡΡ‚ΡŒ

    ΠŸΡ€ΠΈΠΌΠ΅Ρ€ сворачиваСмого Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ списка | WAI-ARIA Authoring Practices 1.1

    ΠŸΡ€ΠΈΠΌΠ΅Ρ€ сворачиваСмого Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ списка | АвторскиС ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΈ WAI-ARIA 1.1

    Π’ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ шаблон проСктирования для списка дСмонстрируСт сворачиваСмый Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ списка с ΠΎΠ΄Π½ΠΈΠΌ Π²Ρ‹Π±ΠΎΡ€ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ ΠΏΠΎΠ΄ΠΎΠ±Π΅Π½ Π²Ρ…ΠΎΠ΄Ρƒ HTML select с Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ size = "1" . Π’ΠΈΠ΄ΠΆΠ΅Ρ‚ состоит ΠΈΠ· ΠΊΠ½ΠΎΠΏΠΊΠΈ, которая запускаСт ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ списка. Π’ состоянии ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ свСрнут (список Π½Π΅ отобраТаСтся), Π° ΠΌΠ΅Ρ‚ΠΊΠ° ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠΉ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ ΠΈΠ· списка.Когда ΠΊΠ½ΠΎΠΏΠΊΠ° Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Π½Π°, отобраТаСтся список, ΠΈ тСкущая опция выдСляСтся ΠΈ выбираСтся.

    ΠŸΠΎΠ΄ΠΎΠ±Π½Ρ‹Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚:

    ΠŸΡ€ΠΈΠΌΠ΅Ρ€

    Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ свой Π»ΡŽΠ±ΠΈΠΌΡ‹ΠΉ трансурановый элСмСнт (Π°ΠΊΡ‚ΠΈΠ½ΠΈΠ΄ ΠΈΠ»ΠΈ трансактинид).

    Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ элСмСнт: НСптуний
    • НСптуний
    • ΠŸΠ»ΡƒΡ‚ΠΎΠ½ΠΈΠΉ
    • АмСриций
    • ΠšΡŽΡ€ΠΈΠΉ
    • Π‘Π΅Ρ€ΠΊΠ»ΠΈΠΉ
    • ΠšΠ°Π»ΠΈΡ„ΠΎΡ€Π½ΠΈΠΉ
    • Π­ΠΉΠ½ΡˆΡ‚Π΅ΠΉΠ½ΠΈΠΉ
    • Π€Π΅Ρ€ΠΌΠΈΠΉ
    • МСндСлСвий
    • НобСлий
    • ЛоурСнсий
    • Π Π΅Π·Π΅Ρ€Ρ„ΠΎΡ€Π΄ΠΈΠΉ
    • Π”ΡƒΠ±Π½ΠΈΠΉ
    • Π‘ΠΈΠ±ΠΎΡ€Π³ΠΈΠΉ
    • Π‘ΠΎΡ€ΠΈΡƒΠΌ
    • Калий
    • ΠœΠ΅ΠΉΡ‚Π½Π΅Ρ€ΠΈΠΉ
    • Π”Π°Ρ€ΠΌΡˆΡ‚Π°Π΄Ρ‚ΠΈΡƒΠΌ
    • Π Π΅Π½Ρ‚Π³Π΅Π½
    • Copernicium
    • Нихоний
    • Π€Π»Π΅Ρ€ΠΎΠ²ΠΈΠΉ
    • Московий
    • Π›ΠΈΠ²Π΅Ρ€ΠΌΠΎΡ€ΠΈΠΉ
    • Tennessine
    • ОганСссон
    Π‘Π°Π½ΠΊΠ½ΠΎΡ‚Ρ‹

    Π­Ρ‚ΠΎΡ‚ список ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Ρ‚ΡŒ; Ρƒ Π½Π΅Π³ΠΎ большС возмоТностСй, Ρ‡Π΅ΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ Π²ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π΅Π³ΠΎ высота.

    1. ΠŸΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ° Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Ρ‚ΠΎΠΌ случаС, Ссли Π² спискС ΡƒΠΊΠ°Π·Π°Π½ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Β« offsetParent Β». Π’ этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π² спискС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ позиция : ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ .
    2. Когда Π² фокусС находится опция, которая Π½Π΅ (ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ) Π²ΠΈΠ΄Π½Π°, позиция ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ списка обновляСтся:
      1. Если Π½Π°ΠΆΠ°Ρ‚ΡŒ Π‘Ρ‚Ρ€Π΅Π»ΠΊΠ° Π²Π²Π΅Ρ€Ρ… ΠΈΠ»ΠΈ Π‘Ρ‚Ρ€Π΅Π»ΠΊΠ° Π²Π½ΠΈΠ· , ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠΉ ΠΈΠ»ΠΈ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ прокручиваСтся Π² ΠΏΠΎΠ»Π΅ зрСния.
      2. Если Π½Π°ΠΆΠ°Ρ‚ΡŒ Home ΠΈΠ»ΠΈ End , список прокручиваСтся ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π²Π²Π΅Ρ€Ρ… ΠΈΠ»ΠΈ Π²Π½ΠΈΠ·.
      3. Если вызываСтся focusItem , опция Π² фокусС Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡Π΅Π½Π° Π² Π²Π΅Ρ€Ρ…Π½ΡŽΡŽ Ρ‡Π°ΡΡ‚ΡŒ прСдставлСния, Ссли ΠΎΠ½Π° Π±Ρ‹Π»Π° располоТСна Π½Π°Π΄ Π½Π΅ΠΉ, ΠΈΠ»ΠΈ Π²Π½ΠΈΠ·, Ссли ΠΎΠ½Π° Π±Ρ‹Π»Π° Π½ΠΈΠΆΠ΅ Π½Π΅Π΅.
      4. Если Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ ΠΌΡ‹ΡˆΡŒΡŽ ΠΏΠΎ частично Π²ΠΈΠ΄ΠΈΠΌΠΎΠΌΡƒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρƒ, ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡Π΅Π½.
    3. Когда ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π²ΠΈΠ΄ΠΈΠΌΡ‹ΠΉ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ находится Π² фокусС, ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ° Π½Π΅ происходит.

    ΠŸΠΎΠ΄ΡΡ‚Π°Π²ΠΊΠ° для ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹

    ΠŸΡ€ΠΈΠΌΠ΅Ρ€ списка Π½Π° этой страницС Ρ€Π΅Π°Π»ΠΈΠ·ΡƒΠ΅Ρ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ интСрфСйс ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹. Π”Ρ€ΡƒΠ³ΠΈΠ΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ ΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ интСрфСйса ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹ описаны Π² Π Π°Π·Π΄Π΅Π» «ВзаимодСйствиС с ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€ΠΎΠΉΒ» шаблона проСктирования «Бписок».

    ΠšΠ»ΡŽΡ‡ Ѐункция
    Π’Π²Π΅Π΄ΠΈΡ‚Π΅
    • Если фокус находится Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ΅, раскрываСт список ΠΈ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ΠΈΡ‚ фокус Π½Π° Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠΉ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹ΠΉ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Π² спискС.
    • Если фокус находится Π² спискС, сворачиваСт список ΠΈ сохраняСт Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠΉ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹ΠΉ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Π² качСствС ΠΌΠ΅Ρ‚ΠΊΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ.
    ПобСг Если отобраТаСтся список, сворачиваСт список ΠΈ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Π΅Ρ‚ фокус Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ.
    Π‘Ρ‚Ρ€Π΅Π»ΠΊΠ° Π²Π½ΠΈΠ·
    • ΠŸΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Π΅Ρ‚ фокус ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€.
    • Если список свСрнут, Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π°Π·Π²ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°Π΅Ρ‚ список.
    Π‘Ρ‚Ρ€Π΅Π»ΠΊΠ° Π²Π²Π΅Ρ€Ρ…
    • ΠŸΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Π΅Ρ‚ фокус ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠΉ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€.
    • Если список свСрнут, Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π°Π·Π²ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°Π΅Ρ‚ список.
    Π”ΠΎΠΌΠ°ΡˆΠ½ΠΈΠΉ Если отобраТаСтся список, ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Π΅Ρ‚ фокус ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚.
    ΠšΠΎΠ½Π΅Ρ† Если отобраТаСтся список, ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Π΅Ρ‚ фокус ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚ послСдний Π²Π°Ρ€ΠΈΠ°Π½Ρ‚.
    ΠŸΠ΅Ρ‡Π°Ρ‚Π°Π΅ΠΌΡ‹Π΅ символы
    • Π’Π²Π΅Π΄ΠΈΡ‚Π΅ символ: фокус пСрСмСщаСтся ΠΊ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌΡƒ элСмСнту с ΠΈΠΌΠ΅Π½Π΅ΠΌ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ начинаСтся с Π½Π°Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ символа.
    • Π’Π²Π΅Π΄ΠΈΡ‚Π΅ нСсколько символов Π² быстрой ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ: фокус пСрСмСщаСтся ΠΊ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌΡƒ элСмСнту с ΠΈΠΌΠ΅Π½Π΅ΠΌ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ начинаСтся с строки Π½Π°Π±Ρ€Π°Π½Π½Ρ‹Ρ… символов.

    Роль, свойство, состояниС ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ Tabindex

    ΠŸΡ€ΠΈΠΌΠ΅Ρ€ списка Π½Π° этой страницС Ρ€Π΅Π°Π»ΠΈΠ·ΡƒΠ΅Ρ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ Ρ€ΠΎΠ»ΠΈ, состояния ΠΈ свойства ARIA. Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡ ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΡ… способах примСнСния Ρ€ΠΎΠ»Π΅ΠΉ, состояний ΠΈ свойств ARIA доступна Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Π Π°Π·Π΄Π΅Π» Β«Π ΠΎΠ»ΠΈ, состояния ΠΈ свойства» шаблона проСктирования «Бписок».

    Роль Атрибут Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ ИспользованиС
    aria-labelledby = "ID_REF1 ID_REF2" ΠΊΠ½ΠΎΠΏΠΊΠ°
    • БсылаСтся Π½Π° Π΄Π²Π° элСмСнта, ярлыки ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΡŽΡ‚ΡΡ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ для обозначСния ΠΊΠ½ΠΎΠΏΠΊΠΈ.
    • ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ элСмСнт — это Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½, содСрТащий тСкст. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ элСмСнт: .
    • Π’Ρ‚ΠΎΡ€ΠΎΠΉ элСмСнт — это сама ΠΊΠ½ΠΎΠΏΠΊΠ°; тСкст ΠΊΠ½ΠΎΠΏΠΊΠΈ устанавливаСтся Π½Π° имя Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π³ΠΎ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ элСмСнта.
    aria-haspopup = "listbox" ΠΊΠ½ΠΎΠΏΠΊΠ° Π£ΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ отобраТаСтся список.
    aria-extended = "true" ΠΊΠ½ΠΎΠΏΠΊΠ°
    • УстанавливаСтся JavaScript ΠΏΡ€ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ списка.
    • Π˜Π½Π°Ρ‡Π΅, Π½Π΅Ρ‚.
    список ul ΠžΠΏΡ€Π΅Π΄Π΅Π»ΡΠ΅Ρ‚ фокусируСмый элСмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ списка ΠΈ содСрТит ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ списка.
    aria-labelledby = "ID_REF" ul ΠžΡ‚Π½ΠΎΡΠΈΡ‚ΡΡ ΠΊ элСмСнту, содСрТащСму ΠΌΠ΅Ρ‚ΠΊΡƒ списка.
    tabindex = "- 1" ul
    • Π”Π΅Π»Π°Π΅Ρ‚ список доступным для фокусировки.
    • JavaScript устанавливаСт фокус Π½Π° список, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ отобраТаСтся.
    aria-activedescendant = "ID_REF" ul
    • УстанавливаСтся JavaScript, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ ΠΈ устанавливаСт фокус Π² спискС; ΠΈΠ½Π°Ρ‡Π΅ Π½Π΅Ρ‚.
    • ΠžΡ‚Π½ΠΎΡΠΈΡ‚ΡΡ ΠΊ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρƒ Π² спискС, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ обозначаСтся ΠΊΠ°ΠΊ ΠΈΠΌΠ΅ΡŽΡ‰ΠΈΠΉ фокус ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹.
    • ΠŸΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ клавиш Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Π‘Ρ‚Ρ€Π΅Π»ΠΊΠ° Π²Π½ΠΈΠ· , JavaScript измСняСт Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅.
    • ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ тСхнологиям Π·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠΉ элСмСнт ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ считаСт сфокусированным, Π² Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ фокус DOM остаСтся Π½Π° элСмСнтС ul .
    • Для получСния Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎΠ± этой Ρ‚Π΅Ρ…Π½ΠΈΠΊΠ΅ управлСния фокусом см. ИспользованиС aria-activedescendant для управлСния фокусом.
    role = "option" Π»ΠΈ ΠžΠ±ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌΡ‹ΠΉ элСмСнт, содСрТащий имя ΠΎΠΏΡ†ΠΈΠΈ.
    aria-selected = "true" Π»ΠΈ
    • Π£ΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ опция Π²Ρ‹Π±Ρ€Π°Π½Π°.
    • ΠŸΡ€ΠΈΠΌΠ΅Π½ΡΠ΅Ρ‚ΡΡ ΠΊ элСмСнту с ΠΎΠΏΡ†ΠΈΠ΅ΠΉ Ρ€ΠΎΠ»ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹ΠΉ.
    • ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ с этим Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ всСгда совпадаСт с ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠΌ, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ссылаСтся aria-activedescendant, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ это список с ΠΎΠ΄Π½ΠΈΠΌ Π²Ρ‹Π±ΠΎΡ€ΠΎΠΌ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π²Ρ‹Π±ΠΎΡ€ слСдуСт Π·Π° фокусом.

    Π˜ΡΡ…ΠΎΠ΄Π½Ρ‹ΠΉ ΠΊΠΎΠ΄ JavaScript ΠΈ CSS

    Π˜ΡΡ…ΠΎΠ΄Π½Ρ‹ΠΉ ΠΊΠΎΠ΄ HTML

      
    Π¨Π°Π±Π»ΠΎΠ½ проСктирования Listbox Π² ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΈΠΊΠ°Ρ… Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ WAI-ARIA 1.1 Π Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список

    — докумСнтация Kivy 2.0.0

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

    ΠŸΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ списка ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ автоматичСскоС: ΠΌΡ‹ всСгда Π±ΡƒΠ΄Π΅ΠΌ ΡΡ‚Π°Ρ€Π°Ρ‚ΡŒΡΡ размСститС Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΌΠΎΠ³ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ элСмСнт Π² спискС.

    Π‘Π°Π·ΠΎΠ²Ρ‹ΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€

    Кнопка с Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΌΡΡ списком ΠΈΠ· 10 Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Ρ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ. ВсС ΠΊΠ½ΠΎΠΏΠΊΠΈ Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список Π²Ρ‹Π·ΠΎΠ²Π΅Ρ‚ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ ΠΌΠ΅Ρ‚ΠΎΠ΄ DropDown.select () . ПослС ΠΏΡ€ΠΈ Π²Ρ‹Π·ΠΎΠ²Π΅, тСкст основной ΠΊΠ½ΠΎΠΏΠΊΠΈ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Π²Ρ‹Π±ΠΎΡ€ ΠΏΠ°Π΄Π°Ρ‚ΡŒ.

     ΠΈΠ· kivy.uix.dropdown import DropDown
    ΠΈΠ· kivy.uix.button import Button
    ΠΈΠ· kivy.base ΠΈΠΌΠΏΠΎΡ€Ρ‚ runTouchApp
    
    # создаСм Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список с 10 ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ
    dropdown = DropDown ()
    для индСкса в диапазонС (10):
        # ΠŸΡ€ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ΠΎΠ² высоту Π½ΡƒΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ
        # (ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ size_hint_y), Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список ΠΌΠΎΠ³ Π²Ρ‹Ρ‡ΠΈΡΠ»ΠΈΡ‚ΡŒ
        # ΠΏΠ»ΠΎΡ‰Π°Π΄ΡŒ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΎΠ½ нуТдаСтся.
    
        btn = Button (text = 'Value% d'% index, size_hint_y = None, height = 44)
    
        # для ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΡ€ΠΈΠΊΡ€Π΅ΠΏΠΈΡ‚Π΅ ΠΎΠ±Ρ€Π°Ρ‚Π½Ρ‹ΠΉ Π²Ρ‹Π·ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹Π·ΠΎΠ²Π΅Ρ‚ ΠΌΠ΅Ρ‚ΠΎΠ΄ select ()
        # Π² Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌΡΡ спискС.ΠœΡ‹ ΠΏΠ΅Ρ€Π΅Π΄Π°Π΄ΠΈΠΌ тСкст ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΊΠ°ΠΊ Π΄Π°Π½Π½Ρ‹Π΅
        # Π²Ρ‹Π±ΠΎΡ€.
        btn.bind (on_release = лямбда btn: dropdown.select (btn.text))
    
        # Π·Π°Ρ‚Π΅ΠΌ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ списка
        dropdown.add_widget (btn)
    
    # создаСм Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Π³Π»Π°Π²Π½ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ
    mainbutton = Button (text = 'Hello', size_hint = (НСт, НСт))
    
    # ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π΅ мСню, ΠΊΠΎΠ³Π΄Π° основная ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΎΡ‚ΠΏΡƒΡ‰Π΅Π½Π°
    # ΠΏΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: всС Π²Ρ‹Π·ΠΎΠ²Ρ‹ bind () ΠΏΠ΅Ρ€Π΅Π΄Π°ΡŽΡ‚ экзСмпляр Π²Ρ‹Π·Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎ (здСсь
    # экзСмпляр mainbutton) Π² качСствС ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ Π°Ρ€Π³ΡƒΠΌΠ΅Π½Ρ‚Π° ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠ³ΠΎ Π²Ρ‹Π·ΠΎΠ²Π° (здСсь
    # ΠΏΠ°Π΄Π°Ρ‚ΡŒ.ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΎ.).
    mainbutton.bind (on_release = dropdown.open)
    
    # И послСднСС, ΠΏΡ€ΠΈΡΠ»ΡƒΡˆΠ°ΠΉΡ‚Π΅ΡΡŒ ΠΊ Π²Ρ‹Π±ΠΎΡ€Ρƒ Π² Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌΡΡ спискС ΠΈ
    # ΠΏΡ€ΠΈΡΠ²ΠΎΠΈΡ‚ΡŒ Π΄Π°Π½Π½Ρ‹Π΅ тСксту ΠΊΠ½ΠΎΠΏΠΊΠΈ.
    dropdown.bind (on_select = экзСмпляр лямбда, x: setattr (mainbutton, 'text', x))
    
    runTouchApp (основная кнопка)
     

    Π Π°ΡΡˆΠΈΡ€ΡΡŽΡ‰ΠΈΠΉΡΡ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список Π² Kv

    Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список прямо ΠΈΠ· вашСго kv:

     #: kivy 1.4.0
    :
        Кнопка:
            тСкст: "Мой ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚"
            size_hint_y: НСт
            высота: 44
            on_release: ΠΊΠΎΡ€Π΅Π½ΡŒ.Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ('элСмСнт1')
        Π­Ρ‚ΠΈΠΊΠ΅Ρ‚ΠΊΠ°:
            тСкст: 'НСвыбираСмый элСмСнт'
            size_hint_y: НСт
            высота: 44
        Кнопка:
            тСкст: "Мой Π²Ρ‚ΠΎΡ€ΠΎΠΉ ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚"
            size_hint_y: НСт
            высота: 44
            on_release: root.select ('элСмСнт2')
     

    Π—Π°Ρ‚Π΅ΠΌ создайтС связанный класс python ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π΅Π³ΠΎ:

     класс CustomDropDown (DropDown):
        ΠΏΡ€ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ΡŒ
    
    dropdown = CustomDropDown ()
    mainbutton = Button (text = 'Hello', size_hint = (НСт, НСт))
    mainbutton.bind (on_release = dropdown.open)
    ΠΏΠ°Π΄Π°Ρ‚ΡŒ.bind (on_select = экзСмпляр лямбда, x: setattr (mainbutton, 'text', x))
     
    класс kivy.uix.dropdown. DropDown ( ** kwargs ) [источник]

    Π‘Π°Π·Ρ‹: kivy.uix.scrollview.ScrollView

    DropDown класс. Π‘ΠΌ. Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ модуля.

    Бобытия
    on_select : data

    ЗапускаСтся, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹Π±ΠΎΡ€ сдСлан. Π”Π°Π½Π½Ρ‹Π΅ Π²Ρ‹Π±ΠΎΡ€Π° ΠΏΠ΅Ρ€Π΅Π΄Π°ΡŽΡ‚ΡΡ in Π² качСствС ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ Π°Ρ€Π³ΡƒΠΌΠ΅Π½Ρ‚Π°, ΠΈ это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΏΠ΅Ρ€Π΅Π΄Π°Π΅Ρ‚Π΅ Π² select () ΠΌΠ΅Ρ‚ΠΎΠ΄ Π² качСствС ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ Π°Ρ€Π³ΡƒΠΌΠ΅Π½Ρ‚Π°.

    on_dismiss :

    ВызываСтся, ΠΊΠΎΠ³Π΄Π° DropDown закрываСтся, Π»ΠΈΠ±ΠΎ ΠΏΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅, Π»ΠΈΠ±ΠΎ ΠΏΡ€ΠΈ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΈ. касаниС Π·Π° ΠΏΡ€Π΅Π΄Π΅Π»Π°ΠΌΠΈ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π°.

    add_widget ( * largs ) [источник]

    Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π½ΠΎΠ²Ρ‹ΠΉ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ ΠΊΠ°ΠΊ Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΠΉ ΠΏΠΎ ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡŽ ΠΊ этому Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Ρƒ.

    ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹
    Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ : Π’ΠΈΠ΄ΠΆΠ΅Ρ‚

    Π’ΠΈΠ΄ΠΆΠ΅Ρ‚ для добавлСния Π² наш список Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΡ… элСмСнтов.

    index : int, ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ 0

    Index для вставки Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π° Π² список. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ 0 ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ вставлСн Π² Π½Π°Ρ‡Π°Π»ΠΎ списка ΠΈ, Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΠΏΠΎΠ²Π΅Ρ€Ρ… Π΄Ρ€ΡƒΠ³ΠΈΡ… Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ΠΎΠ²-родствСнников. Для ΠΏΠΎΠ»Π½ΠΎΠ΅ обсуТдСниС индСкса ΠΈ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΠΈ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ΠΎΠ² см. Руководство ΠΏΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ΠΎΠ².

    холст : str, ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ НСт

    Π₯олст, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½ΡƒΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ холст Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π°. ΠœΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Β«Π΄ΠΎΒ», «послС» ΠΈΠ»ΠΈ НСт для холста ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.

     >>> from kivy.uix.button import Button
    >>> ΠΈΠ· kivy.uix.slider import Slider
    >>> ΠΊΠΎΡ€Π΅Π½ΡŒ = Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ ()
    >>> root.add_widget (Кнопка ())
    >>> ΠΏΠΎΠ»Π·ΡƒΠ½ΠΎΠΊ = ΠŸΠΎΠ»Π·ΡƒΠ½ΠΎΠΊ ()
    >>> root.add_widget (слайдСр)
     
    attach_to

    (Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅Π΅) Бвойство, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ установлСно для Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π°, для ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ список прилагаСтся.

    ΠœΠ΅Ρ‚ΠΎΠ΄ open () автоматичСски устанавливаСт это свойство, ΠΏΠΎΠΊΠ° dismiss () Π²Π΅Ρ€Π½Π΅Ρ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ None.

    auto_dismiss

    По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список автоматичСски закрываСтся, ΠΊΠΎΠ³Π΄Π° касаниС происходит Π²Π½Π΅ Π΅Π³ΠΎ, эта опция позволяСт ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ это характСристика

    auto_dismiss — это BooleanProperty ΠΈ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ True.

    auto_width

    По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΡˆΠΈΡ€ΠΈΠ½Π° Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ списка Π±ΡƒΠ΄Π΅Ρ‚ Ρ‚Π°ΠΊΠΎΠΉ ΠΆΠ΅, ΠΊΠ°ΠΊ ΡˆΠΈΡ€ΠΈΠ½Π° ΠΏΡ€ΠΈΠΊΡ€Π΅ΠΏΠ»Π΅Π½Π½Ρ‹ΠΉ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚. УстановитС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ False, Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΡΠΎΠ±ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ.

    auto_width — это BooleanProperty ΠΈ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ True.

    clear_widgets () [источник]

    Π£Π΄Π°Π»ΠΈΡ‚ΡŒ всСх (ΠΈΠ»ΠΈ ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹Ρ…) Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΡ… элСмСнтов этого Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π°. Если ΡƒΠΊΠ°Π·Π°Π½ Π°Ρ€Π³ΡƒΠΌΠ΅Π½Ρ‚ Β«childrenΒ», это Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ список (ΠΈΠ»ΠΈ ΠΎΡ‚Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ список) Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΡ… элСмСнтов Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π³ΠΎ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π°.

    ИзмСнСно Π² вСрсии 1.8.0: Π°Ρ€Π³ΡƒΠΌΠ΅Π½Ρ‚ children ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ для указания Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΡ… элСмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ Ρ…ΠΎΡ‡Ρƒ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ.

    ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€

    (Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅Π΅) Бвойство, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ установлСно для ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ списка список. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ это GridLayout .

    ΡƒΠ²ΠΎΠ»ΠΈΡ‚ΡŒ ( * largs ) [источник]

    Π£Π΄Π°Π»ΠΈΡ‚Π΅ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ ΠΈΠ· ΠΎΠΊΠ½Π° ΠΈ отсоСдинитС Π΅Π³ΠΎ ΠΎΡ‚ ΠΏΡ€ΠΈΠΊΡ€Π΅ΠΏΠ»Π΅Π½Π½Ρ‹ΠΉ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚.

    dismiss_on_select

    По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список автоматичСски закрываСтся, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹Π±ΠΎΡ€ сдСлан.УстановитС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ False, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π΅Π΄ΠΎΡ‚Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ ΡƒΠ΄Π°Π»Π΅Π½ΠΈΠ΅.

    dismiss_on_select — это BooleanProperty ΠΈ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ True.

    max_height

    Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½ΡƒΡŽ высоту Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ списка. Если Π½Π΅Ρ‚, это Π±ΡƒΠ΄Π΅Ρ‚ Π²ΠΎΠ·ΡŒΠΌΠΈΡ‚Π΅ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½ΡƒΡŽ Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΡƒΡŽ высоту Π΄ΠΎ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ края экрана достигаСтся.

    max_height — это NumericProperty ΠΈ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ — НСт.

    min_state_time

    МинимальноС врСмя Π΄ΠΎ закрытия DropDown .Π­Ρ‚ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ списка отобраТался Π² Π½Π΅Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΌ состоянии ΠΈΠ»ΠΈ для самого DropDown , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ закрытия.

    min_state_time — это NumericProperty ΠΈ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Config min_state_time .

    on_touch_down ( touch ) [источник]

    ΠŸΡ€ΠΈΠ½ΡΡ‚ΡŒ событиС призСмлСния.

    ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹
    touch : MotionEvent class

    Touch ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½.КасаниС находится Π² Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΈΡ… ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚Π°Ρ…. Π’ΠΈΠ΄Π΅Ρ‚ΡŒ relativelayout для обсуТдСния систСмы ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚.

    Π’ΠΎΠ·Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚

    Π±ΡƒΠ»Π΅Π² Если True, ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠ° события касания Π±ΡƒΠ΄Π΅Ρ‚ остановлСна. Если False, событиС Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Ρ‚ΡŒ ΠΎΡ‚ΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒΡΡ ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹ΠΌ. Π΄Π΅Ρ€Π΅Π²Π° Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ΠΎΠ².

    on_touch_move ( touch ) [источник]

    ΠŸΠΎΠ»ΡƒΡ‡Π΅Π½ΠΈΠ΅ события касания пСрСмСщСния. КасаниС находится Π² Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΈΡ… ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚Π°Ρ….

    Π‘ΠΌ. on_touch_down () для получСния Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ.

    on_touch_up ( touch ) [источник]

    ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ событиС Ρ€Π΅Ρ‚ΡƒΡˆΠΈ. КасаниС находится Π² Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΈΡ… ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚Π°Ρ….

    Π‘ΠΌ. on_touch_down () для получСния Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ.

    ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΎ ( Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ ) [источник]

    ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список ΠΈ ΠΏΡ€ΠΈΠΊΡ€Π΅ΠΏΠΈΡ‚Π΅ Π΅Π³ΠΎ ΠΊ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌΡƒ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Ρƒ. Π’ зависимости ΠΎΡ‚ полоТСния Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π° Π² ΠΎΠΊΠ½Π΅ ΠΈ высота Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ списка, Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π²Ρ‹ΡˆΠ΅ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ΅ этот Π²ΠΈΠ΄ΠΆΠ΅Ρ‚.

    remove_widget ( * largs ) [источник]

    Π£Π΄Π°Π»ΠΈΡ‚Π΅ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ ΠΈΠ· Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΡ… элСмСнтов этого Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π°.

    ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹
    Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ : Π’ΠΈΠ΄ΠΆΠ΅Ρ‚

    Π’ΠΈΠ΄ΠΆΠ΅Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½ΡƒΠΆΠ½ΠΎ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ ΠΈΠ· нашСго списка Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΡ… элСмСнтов.

     >>> from kivy.uix.button import Button
    >>> ΠΊΠΎΡ€Π΅Π½ΡŒ = Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ ()
    >>> button = Кнопка ()
    >>> ΠΊΠΎΡ€Π΅Π½ΡŒ.add_widget (ΠΊΠ½ΠΎΠΏΠΊΠ°)
    >>> root.remove_widget (ΠΊΠ½ΠΎΠΏΠΊΠ°)
     
    Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ( Π΄Π°Π½Π½Ρ‹Π΅ ) [источник]

    Π’Ρ‹Π·ΠΎΠ²ΠΈΡ‚Π΅ этот ΠΌΠ΅Ρ‚ΠΎΠ΄, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π·Π²Π°Ρ‚ΡŒ событиС on_select с Π΄Π°Π½Π½Ρ‹ΠΌΠΈ Π²Ρ‹Π±ΠΎΡ€. Π”Π°Π½Π½Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Ρ‡Π΅ΠΌ ΡƒΠ³ΠΎΠ΄Π½ΠΎ.

    Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка Π² ячСйкС

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

    Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ собствСнный Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список для ячСйки, Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ дСйствия:

    1. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ столбСц ΠΈΠ»ΠΈ строку элСмСнтов Π² активная Ρ‚Π°Π±Π»ΠΈΡ†Π° для Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ списка.

    2. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ячСйку, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ трСбуСтся Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список для ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Π΄Π°Π½Π½Ρ‹Ρ… (Π² Π΄Π°Π½Π½ΠΎΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ячСйка B2 ).

    3. На Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Data Π² Data Tools Π³Ρ€ΡƒΠΏΠΏΡ‹, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Π΄Π°Π½Π½Ρ‹Ρ… :

    4. Π’ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Π΄Π°Π½Π½Ρ‹Ρ… Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ° Настройки :

    • Π’ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌΡΡ спискС Π Π°Π·Ρ€Π΅ΡˆΠΈΡ‚ΡŒ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ элСмСнт Бписок .
    • Π’ ΠΏΠΎΠ»Π΅ Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½, содСрТащий элСмСнты Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ списка. (Π² этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½: E1: E8 ).
    • ΠžΡ‚ΠΌΠ΅Ρ‚ΡŒΡ‚Π΅ ΠΎΠΏΡ†ΠΈΡŽ In-Cell Dropdown , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список. Π’ ΠΏΡ€ΠΎΡ‚ΠΈΠ²Π½ΠΎΠΌ случаС Excel провСряСт Π²Π²ΠΎΠ΄ Π΄Π°Π½Π½Ρ‹Ρ…, Π½ΠΎ Π½Π΅ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΡƒΡŽΡΡ ΠΊΠ½ΠΎΠΏΠΊΡƒ для Π²Ρ‹Π±ΠΎΡ€Π° элСмСнтов ΠΈΠ· списка.

    5. НаТмитС ОК .

    ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΡ :

    • Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… Π² ΠΏΠΎΠ»Π΅ Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ , ΠΈΠ»ΠΈ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π½Π° Π·Π°Ρ‰ΠΈΡ‰Π΅Π½Π½Ρ‹ΠΉ лист, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ.
    • Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список Π² нСсколько ячССк, Π²Ρ‹Π±Ρ€Π°Π² ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ ячСйки ΠΈΠ»ΠΈ скопируйтС / Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅ ячСйку со списком.
    • Если список ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΈΠΉ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·Π±Π΅ΠΆΠ°Ρ‚ΡŒ шага 1. ВмСсто этого Π²Π²Π΅Π΄ΠΈΡ‚Π΅ элСмСнты списка. (Ρ‡Π΅Ρ€Π΅Π· Π·Π°ΠΏΡΡ‚ΡƒΡŽ) Π² ΠΏΠΎΠ»Π΅ Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ Π² ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Π΄Π°Π½Π½Ρ‹Ρ… Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ:
    • Если Π²Ρ‹ ΠΏΠ»Π°Π½ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ своСй ΠΊΠ½ΠΈΠ³ΠΎΠΉ с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ Excel 2007 ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ Ρ€Π°Π½Π½Π΅ΠΉ вСрсии, сдСлайтС ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ список находится Π½Π° Ρ‚ΠΎΠΌ ΠΆΠ΅ листС, Ρ‡Ρ‚ΠΎ ΠΈ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список.

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

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