Ինչպես պատրաստել ընտրացանկ կայքում

Բովանդակություն:

Ինչպես պատրաստել ընտրացանկ կայքում
Ինչպես պատրաստել ընտրացանկ կայքում

Video: Ինչպես պատրաստել ընտրացանկ կայքում

Video: Ինչպես պատրաստել ընտրացանկ կայքում
Video: Իսկ դու Ucraft-ով կայք պատրաստե՞լ ես 2024, Մայիս
Anonim

Տեղեկատվական տեխնոլոգիաները զարգանում են ամեն օր: Եվ այն, ինչ թվում էր, թե նախկինում անհասանելի մի բան էր, այսօր արդեն հասանելի է փողոցում գրեթե յուրաքանչյուր տղամարդու համար: Եվ ամենևին անհրաժեշտ չէ գերբնական ունակություններ և գիտելիքներ ունենալ ՝ սեփական կայք պատրաստելու համար: Եվ եթե մենք խոսում ենք միայն ձեր ռեսուրսին մենյուն ավելացնելու մասին, ապա նույնիսկ դպրոցականն է կարող այն կարգավորել:

Ինչպես պատրաստել ընտրացանկ կայքում
Ինչպես պատրաստել ընտրացանկ կայքում

Դա անհրաժեշտ է

Համակարգիչ ինտերնետ կապով

Հրահանգներ

Քայլ 1

Գնացեք PureCSSMenu կայք: Այստեղ դուք կտեսնեք վիզուալ խմբագիր, որի միջոցով արագ և հեշտությամբ կարող եք ցանկ ընտրել ցանկացած կայքի համար:

Քայլ 2

Այն էջին անցնելու համար, որտեղ տեղադրված են ընտրացանկի ձևանմուշները, կտտացրեք «Ձևանմուշներ» կոճակին, որը գտնվում է ձախ կողմում: Ապա դուք պետք է ընտրեք ձեր նախընտրած կաղապարը և կտտացրեք այն: «Նախադիտում» պատուհանում դուք կտեսնեք իսկապես գործող ընտրացանկ, որը ստեղծվում է կասկադային ոճի թերթիկների միջոցով:

Քայլ 3

Bննարկեք առաջարկվող կաղապարներից յուրաքանչյուրը ՝ ընտրելու համար մեկը, որն առավելագույնս համապատասխանում է ձեր կայքին: Եթե ընտրացանկի ոճով ձեզ դուր եկած գույնը և տառատեսակը չեն համապատասխանում կայքի գունային սխեմային, ապա այս պարամետրերը կարող եք փոխել ՝ կտտացնելով «Պարամետրեր» ներդիրին:

Քայլ 4

Փոխեք գույնը և տառատեսակը ՝ օգտագործելով HTML կոդ կամ ընտրեք այն ռեսուրսի առաջարկած ներկապնակից ՝ կտտացնելով ձեր նախընտրած ստվերին:

Քայլ 5

Այժմ ստեղծեք ընտրացանկի կառուցվածք ձեր կայքի համար: Դա անելու համար կտտացրեք «Նյութեր» կոճակին: Բացված ներդիրում կտեսնեք կոճակ ՝ մեծ գումարած նշանով և «Ավելացնել իր» մակագրությամբ: Կտտացրեք այս կոճակին և ընտրացանկի վերջում կավելացվի նոր նյութ: Menuանկի մեջտեղում նոր նյութ տեղադրելու համար ընտրեք ներդիրը, որից հետո պետք է ավելացվի և կտտացրեք «Ավելացնել հաջորդ կետը» պիտակով կոճակին:

Քայլ 6

Բացվող ցանկում ենթակետ ավելացնելու համար սեղմեք «Ավելացնել ենթակետ» պիտակով կոճակը `ընտրացանկի այն կետը ընտրելուց հետո, որը կներառի նոր ներդիր: Եթե ցանկանում եք հեռացնել իրերից որևէ մեկը, ապա ընտրեք այն և կտտացրեք «Հեռացնել իրը» կոճակին:

Քայլ 7

«Նյութի պարամետրեր» տարածքում անհրաժեշտ է լրացնել բոլոր դաշտերը, որպեսզի նոր ընտրացանկը ճիշտ աշխատի: «Տեքստ» դաշտում մուտքագրեք ընտրացանկի անվանման անվանումը, «Հղում» դաշտում մուտքագրեք էջի հասցեն, որին անցումը տեղի կունենա այս կոճակը սեղմելուց հետո: Ընտրելու համար, թե ինչպես պետք է էջը բացվի, «Թիրախ» դաշտում նշեք «_ իրեն» կամ «_ դատարկ» արժեքը: Առաջին տարբերակով էջը կբացվի նույն պատուհանում, ընտրված է «_ դատարկ» գործառույթը ՝ նորում:

Քայլ 8

Այժմ դուք պետք է տեղադրեք ստեղծված ընտրացանցի կոդը ձեր կայքի մեջ: Դա անելու համար կտտացրեք «Ներբեռնում» կոճակին, որը գտնվում է ներքևի աջ անկյունում և ընտրեք ձեր համակարգչի այն թղթապանակը, որտեղ կփրկվի purecssmenu-com.zip արխիվը: Ֆայլը պահպանելուց հետո բացեք այս արխիվը և բացեք purecssmenu.html ֆայլը, որը պարունակում է ձեր ցանկի կոդը: Պատճենեք այս կոդը և տեղադրեք այն ձեր կայքի ձևանմուշի ֆայլում:

Խորհուրդ ենք տալիս: