Կայքի և ծրագրակազմի մշակման կարևոր կողմերից մեկը մենյուի ստեղծումն է: Գեղեցիկ լոգարիթմական ընտրացանկը մնում է չափանիշ շատ կայքերի սեփականատերերի և ծրագրավորողների համար: Դա կարելի է անել ՝ օգտագործելով CSS և Expression Web գործիքները:
Հրահանգներ
Քայլ 1
Բացեք Expression Web- ը և անցեք Կառավարեք Style- ը `սահող ընտրացանկ ստեղծելու համար և սեղմեք New Style ստեղնը: Անվանեք նոր ոճը Ընտրիչ ul li: Համոզվեք, որ գեներացված ֆայլն ունի drop-down.css ընդլայնում: Լոգարիթմական ընտրացանկ ստեղծելու համար նշեք էկրանին համապատասխան դիրքը: Որոշեք ընտրացանկի յուրաքանչյուր կետի լայնությունը և հեռացրեք ավելորդ կետերը, որոնք կարող են լինել դրանց դիմաց:
Քայլ 2
Գործարկել Layout տարբերակը և սահմանել Display հատկությունը: Տվեք դրան համապատասխան Inline արժեք ՝ էկրանին հարթեցնելու համար: Սահմանեք Float հատկանիշը Ձախ և սեղմեք Կիրառել ստեղնը: Setանկի բոլոր տարրերը սահմանեք մեկ տող: Որպեսզի դրանք կոկիկ կարգով լինեն և չհամընկնեն, Width հատկությունը դրեք Position- ին `150 px տեսքով: Համոզվեք, որ ցուցակի բոլոր իրերը նույն չափի են: Հեռացրեք կետերը յուրաքանչյուր տարրի դիմաց `անցնելով attribուցակ հատկանիշին և Styleանկի ոճի տիպը դնելով Ոչ: Կտտացրեք «OK» ՝ փոփոխություններն ընդունելու և ուժի մեջ մտնելու համար:
Քայլ 3
Կարգավորեք ul li- ի ոճը և տառատեսակի չափը: Գնացեք Կառավարեք ոճերը և աջ կտտացրեք կոճակին, ընտրելով Փոփոխել ոճը: Դուք կտեսնեք արդեն ծանոթ երկխոսության ընտրացանկը: Գնացեք Տառատեսակ, ընտրեք Տառատեսակի ընտանիք և այս հատկանիշը դրեք Helvetica, Arial, Sans-serif: Կարգավորեք տառատեսակի չափը և դրեք 0, 9: Տեքստի վերափոխման հատկանիշը դարձրեք մեծատառ: Բարձրություն - Դիրք հատկանիշում նշեք ընտրացանկի իրերի ճշգրիտ բարձրությունը ՝ արժեքը դնելով 30 px:
Քայլ 4
Ֆայլը պահեք որպես menu.html, երբ բոլոր ուղղիչ գործողություններն ավարտվեն: Փորձարկեք ձեր ընտրած ընտրացանկը տարբեր ծրագրերում և զննարկիչներում ՝ ստուգելու համար, թե արդյոք այն աշխատում է: Ինչպես տեսնում եք, դժվար չէ նման ընտրացանկ ստեղծել:
