Мазмұны

• Қадамдар
• Кеңес
• Ескерту

Бұл wikiHow сізге HTML және CSS кодтарын қолдана отырып, веб-сайтыңызда ашылмалы мәзірлерді құруды үйретеді. Келуші тінтуірдің нұсқағышын көрсетілген батырманың үстіне апарғанда ашылмалы мәзір пайда болады; Содан кейін олар осы параметрдің веб-сайтына кіру үшін элементтердің бірін нұқуы мүмкін.

Қадамдар

1. 

   HTML мәтіндік редакторын ашыңыз. Сіз қарапайым мәтіндік редакторды (Блокнот, TextEdit) немесе жетілдірілген (Блокнот ++) қолдана аласыз.
   • Егер сіз Блокнот ++ -ке баруды шешсеңіз, таңдауыңыз керек HTML мәзірдің «Н» бөлігінен Тіл Жалғастырмас бұрын терезенің жоғарғы жағында (Тіл).

2. 

   
   
   Құжаттың атауын енгізіңіз. Құжаттың қалған бөлігі үшін қолданылатын код түрін анықтайтын код:

3. 

   Ашылмалы мәзірді жасаңыз. Ашылмалы мәзірдің өлшемі мен түсін көрсету үшін келесі кодты енгізіңіз, «#» белгісін пайдаланғыңыз келетін параметрмен ауыстыруды ұмытпаңыз (саны неғұрлым көп болса, ашылмалы мәзір соғұрлым үлкен болады). Сондай-ақ, біз «фон-түс» фондық түсін және «түс» түсін кез-келген түспен (немесе HTML түсті кодымен) ауыстыра аламыз:

4. 

   
   
   Ашылмалы мәзірдегі сілтемелерді ауыстырғыңыз келетінін көрсетіңіз. Содан кейін мәзірге сілтемелер қосатындықтан, оларды ашылмалы мәзірге келесі кодты енгізу арқылы ауыстыруға болады:

5. 

   Ашылмалы мәзірдің сыртқы түрін жасайды. Төмендегі код веб-парақтың басқа элементтерімен біріктірілген жағдайды қоса, ашылмалы мәзірдің өлшемі мен түсін анықтайды. «Мин-ені» бөліміндегі «#» белгісін қажет нөмірмен ауыстыруды ұмытпаңыз (мысалы, 250) және «фон-түс» (фон түсі) тақырыбын белгілі бір түске немесе HTML кодына ауыстырыңыз:

6. 

   
   
   Ашылмалы мәзірдің мазмұнына мәліметтерді қосыңыз. Келесі код ішіндегі мәтін түсін және ашылмалы мәзір батырмасының өлшемін көрсетеді. «#» Санын мәзір батырмасының өлшемін анықтайтын пикселдер санымен ауыстыруды ұмытпаңыз:

7. 

   Ашылмалы мәзірде тінтуір көрсеткішінің қалай өзгеретінін өңдейді. Тінтуір меңзерін мәзір батырмасына апарған кезде кейбір түстерді өзгерту керек. «Фон-түс» сызығы ашылмалы мәзірден бірдеңе таңдаған кезде өзгерген түсті көрсетеді, ал екінші «фон-түс» жолында мәзір батырмасы өзгеретін түс болады. Ең дұрысы, бұл түстердің екеуі де таңдалмағанға қарағанда жеңілірек болуы керек:

8. 

   CSS бөлімін жабыңыз. Құжаттың CSS бөлімімен жұмыс жасағаныңызды көрсету үшін келесі кодты енгізіңіз:

9. 

   Мәзір батырмасы үшін атау жасаңыз. Келесі кодты енгізіңіз, бірақ «Атауды» ашылмалы мәзір батырмасының атымен ауыстыруды ұмытпаңыз (мысалы: Мәзір):

10. 

    Мәзірге сілтемелер қосыңыз. Ашылмалы мәзірдегі әр тармақ бір нәрсеге сілтеме жасайды, ол ағымдағы веб-сайттағы парақ немесе сыртқы веб-сайт. Таңдауыңызды ашылмалы мәзірге келесі кодты енгізу арқылы қосыңыз, оны ауыстыру керек https://www.website.com сілтеме адресімен (жақшаны ұстаңыз) және «Атауды» сілтеме атауымен ауыстырыңыз.

11. 

    Құжатты жабу. Құжатты жабу үшін төмендегі тегтерді енгізіп, ашылмалы мәзірдің кодтық соңын көрсетіңіз:

12. 

    Шолу коды ашылмалы мәзірді анықтайды. Фрагмент келесідей болады: Жарнамалар

Кеңес

• Веб-сайтқа орналастырмас бұрын әрқашан кодты қарап шығыңыз.
• Жоғарыдағы нұсқаулар ашылмалы мәзірлерге арналған, олар тышқанның меңзерін мәзір батырмасына апарғанда жұмыс істейді. Егер сіз басқан кезде ғана басылатын ашылмалы мәзір құрғыңыз келсе, онда JavaScript қолдануыңыз керек.

Ескерту

• HTML түсі «қара» немесе «жасыл» сияқты тегтерді қолданған кезде шектеулі. Мұнда пайдаланушыларға арнайы түстер жасауға және пайдалануға мүмкіндік беретін HTML түстер коды генераторын тексеруге болады.