Бул wikiHow сизге Adobe Dreamweaverди веб-баракча үчүн ачылуучу кутучаны кантип колдонууну үйрөтөт. Ачылуучу кутулар-бул сиздин веб-баракчаңыздагы нерсе чыкылдатылганда "түшүп кетүүчү" меню, бул процессте көбүрөөк мүмкүнчүлүктөрдү сунуштайт.
Кадамдар
Кадам 1. Dreamweaver долбоорун ачыңыз
Бул үчүн долбоордун файлын эки жолу чыкылдатыңыз. Эгер сиз жаңы Dreamweaver долбоорун түзгүңүз келсе, анын ордуна Dreamweaverди ачасыз, чыкылдатыңыз Файл, чыкылдатыңыз Жаңы, жана экрандын көрсөтмөлөрүн аткарыңыз.
Кадам 2. Буйрутма тизмесин түзүү
Ачылуучу менюну түзүү үчүн сизде жок дегенде бир пункту пункту болушу керек. CSSти өчүрүү менен ок пунктун түзө аласыз (Көрүү меню пунктун тандаңыз Style Rendering, жана чыкылдатыңыз Стилдерди көрсөтүү эгер ал текшерилген болсо), чекитти кошкуңуз келген жерди чыкылдатып, терезенин ылдый жагындагы ок пунктунун сөлөкөтүн чыкылдатып, чекиттин атын териңиз. Улантуудан мурун CSSти кайра күйгүзүшүңүз керек.
- Бул жердеги чекиттин аты сиздин ачылуучу менюңуздун активатору катары кызмат кылат (мисалы, ачылуучу менюну ачуу үчүн анын үстүндө турган же баскан баскыч).
- Эгер сизде ачылуучу менюга айландыргыңыз келген тизме пунктуңуз болсо, бул кадамды өткөрүп жибериңиз.
3 -кадам. Тизмеңиздин атын аныктаңыз
Чыкылдатыңыз Code табулатура жана бар экениңизди текшериңиз Булак коду жөндөө, анан ылдый жылдырып, буйрутмаланган тизмеңиздин кодуна өтүңүз (ал "ортосунда болот")
"тег жана"
"tag) жана" "үстүнөн" тегин "издеңиз
теги. Цитаталардагы сөз - тизмеңиздин аты.
-
Эгерде сиз аталышты көрбөсөңүз, тегди (бул жерде тизме сиз тандаган атка тиешелүү) киргизиңиз
тег.
Кадам 4. Окту (лорду) алып салыңыз
Чыкылдатуу менен туура жерде экениңизди текшериңиз Дизайн өтмөгүн басып, анан чыкылдатыңыз CSS Designer терезенин жогорку оң бурчундагы табулатура, анан төмөнкүлөрдү аткарыңыз:
- Чыкылдатыңыз + "Селекторлор" рубрикасынын оң жагында.
- #Name ul териңиз, мында "name" - тизмеңиздин аты.
- ↵ Enterди эки жолу басыңыз.
- Ылдый жылдырып чыкылдатыңыз тизме стили түрү түбүндөгү панелде CSS Designer өтмөк.
- Чыкылдатыңыз эч ким пайда болгон калкыма менюда.
Кадам 5. Тапшырылган тизмеңизди горизонталдуу түрдө көрсөтүү үчүн өзгөртүңүз
Ан үчүн:
- Чыкылдатыңыз + "Селекторлор" рубрикасынын оң жагында.
- #Name ли териңиз, мында "name" - тизмеңиздин аты.
- Төмөнкү панелдеги "калкып жүрүү" дегенди табыңыз CSS Designer өтмөк.
- Чыкылдатыңыз Солго баскычын "сүзүү" аталышынын оң жагына дароо басыңыз.
Кадам 6. Тизмеңизге активдүү тег кошуңуз
Чыкылдатыңыз + "Селекторлордун" оң жагындагы баскыч, анан #name a териңиз (мында "аты" - тизмеңиздин аты) жана ↵ Enterди эки жолу басыңыз.
Кадам 7. Фондун түсүн кошуу
Танда #аты а керек болсо, анда өйдө жагындагы кутуча түрүндөгү "Фондун түсү" өтмөгүн чыкылдатыңыз CSS Designer панелинен, тандаңыз фон түсү опциясын тандап, колдонуу үчүн фон түсүн тандаңыз.
Бул түс сиздин түшүүчү тизмеңиздин элементтери колдонулат
Кадам 8. Тизмеңиздин элементтерин "блок" форматын колдонуңуз
Бул формат кимдир бирөө тизмедеги бир нерсени чыкылдатууга же таптоого барганда, текстти так тандап алуунун ордуна, бир аз жогору же ылдый тандап ачуусун камсыздайт:
- Сиздин #аты а пунктта тандалган CSS Designer өтмөк.
- Панелдеги "дисплей" аталышына ылдый сыдырыңыз.
- "Көрсөтүү" аталышынын эң оң жагын чыкылдатыңыз, анан чыкылдатыңыз блок пайда болгон менюда.
Кадам 9. Керек болсо толтургучту кошуңуз
Эгер тизмеңиздин элементтери бири -бирине тыгылып калганын байкасаңыз, төмөнкүлөрдү аткаруу менен алардын ортосуна бир аз боштук коюңуз:
- Сиздин #аты а пунктта тандалган CSS Designer өтмөк.
- Панелдеги "толтуруу" аталышына ылдый жылыңыз.
- Жогорку жана төмөнкү "px" текст талааларын жок дегенде 5 окуу үчүн өзгөртүңүз.
- Сол жана оң "px" текст талааларын жок дегенде 10ду окуу үчүн өзгөртүңүз.
10 -кадам
Бул түс чычкан курсоруңузду менюдагы нерсенин үстүнө алып келгенде пайда болот:
- Чыкылдатыңыз + "Селекторлор" рубрикасынын оң жагында.
- #Nave a: hover териңиз (бул жерде "аты" - тизмеңиздин аты) жана ↵ Enterди эки жолу басыңыз.
- "Фондун түсү" өтмөгүн чыкылдатыңыз.
- Тандоо фон түсү анан фон түсү үчүн колдонгондон ачык түстү тандаңыз.
Кадам 11. CSSти өчүрүү
Чыкылдатыңыз Көрүү меню пунктун тандаңыз Style Rendering, жана чыкылдатыңыз Стилдерди көрсөтүү калкыма терезеде тандоо.
Эгерде Стилдерди көрсөтүү параметр боз, Dreamweaver документиңиздин каалаган жерин басыңыз жана кайра аракет кылыңыз.
Кадам 12. Ачылуучу меню мазмунун түзүү
Сиз муну ачылуучу менюнун баскычы катары колдонууну каалаган пункттун астына пункттарды кошуу менен жасай аласыз:
- Ачылуучу менюга айландыргыңыз келген тизме пунктунун оң жагын чыкылдатыңыз, анан press Enter басыңыз.
- Tab ↹ басыңыз.
- Биринчи ачылуучу меню пунктунун атын терип, анан press Enter басыңыз.
- Кийинки ачылуучу менюнун атын териңиз, анан ↵ Enter баскычын басыңыз жана керек болгондо кайталаңыз.
Кадам 13. Ачылуучу менюнун мазмунун ок пунктуна байлаңыз
Ан үчүн:
- Чыкылдатыңыз + "Тандоочулардын" жанына #name ul ul терип, ↵ Enterди эки жолу басыңыз.
- Ылдый жылдырып чыкылдатыңыз көрсөтүү, анан чыкылдатыңыз эч ким калкыма менюда.
- Табыңыз жана чыкылдатыңыз позиция, анан чыкылдатыңыз абсолюттук калкыма менюда.
Кадам 14. Ачылуучу менюну өзү түзүңүз
Бул үчүн дагы бир селекторду кошушуңуз керек:
- Чыкылдатыңыз + "Тандоочулардын" жанына #name ul li: hover> ul терип, ↵ Enterди эки жолу басыңыз.
- Табыңыз жана чыкылдатыңыз көрсөтүү, анан чыкылдатыңыз блок пайда болгон калкыма менюда.
15-кадам. Ачылуучу менюнун мазмунун тигинен көрсөтүңүз
Демейки боюнча, ачылуучу менюнун мазмуну горизонталдык тилкеде көрсөтүлөт, бирок сиз төмөнкүлөрдү аткаруу менен аларды вертикалдуу мамычага мажбурлай аласыз:
- Чыкылдатыңыз + "Тандоочулардын" жанына, #name ul ul li деп терип, ↵ Enterди эки жолу басыңыз.
- "Калкып чыгуу" аталышын табыңыз.
- "Эч кимди" чыкылдатыңыз () "калкып чыгуу" аталышынын оң жагындагы параметр.
16 -кадам. Долбооруңузду сактаңыз
Бул үчүн Ctrl+S (Windows) же ⌘ Command+S (Mac) баскычтарын басыңыз.
