Կայքերի ձևավորումը շատ կարևոր է այն բանի համար, թե ինչպես են դրանք վերջնականապես ընկալվում այցելուների կողմից: Մարդիկ պետք է գեղագիտական հաճույք ստանան կայքի էջերում գտնվելու ընթացքում, ինչպես նաև այդ էջերը պետք է լինեն նրանց համար հարմար և գործունակ: Ոչ մի կայք չի ավարտվում առանց նավիգացիոն կոճակների, և ձեր կայքը միաժամանակ ֆունկցիոնալ և գեղեցիկ տեսք կունենա, եթե այս կոճակները անիմացիոն դարձնեք:
Հրահանգներ
Քայլ 1
Գրաֆիկական կոճակները, ի տարբերություն տեքստի կոճակների, նկատելի են էջերում և ընթերցողների համար հեշտ է հիշել: Օգտագործեք Corel Draw անիմացիոն կոճակներ ստեղծելու համար: Ստեղծեք նոր փաստաթուղթ և նկարեք մի դատարկ, որի վրա կոճակը կցուցադրվի մի քանի դիտում ՝ ինչպես սեղմված, այնպես էլ չսեղմված վիճակում:
Քայլ 2
Կոճակ նկարելու համար գործիքագոտուց ընտրեք համապատասխան գործիքը և գծեք կլորացված ուղղանկյուն: Ուղղանկյունը լրացրեք սեւով, ապա պատճենեք այն և տեղափոխեք օրինակը ձախ և վեր: Երկրորդ ուղղանկյունը սպիտակով լցրեք:
Քայլ 3
Կոճակի դատարկ մասում գրեք նրա անունը ՝ տեքստի վրա ավելացնելով սեւ ուրվագիծ: Տեքստը դարձնել սպիտակ: Այժմ բացեք Effects Rollover ընտրացանկը ՝ կարևորելով կոճակը և կտտացնելով Ստեղծել Rollover տարբերակը: Նորմալը կտեսնեք Rollover կարգավիճակի տողում:
Քայլ 4
Այժմ կոճակի պատկերը փոխելու համար սեղմեք դրա վրա աջ մկնիկի կոճակը և համատեքստի ընտրացանկում ընտրեք Խմբագրել վերափոխման տարբերակը: Կբացվի նոր ինտերնետ գործիքագոտի: Նկարեք կոճակի լրացուցիչ դիրքերը, որոնք այնուհետև փոխվում են մեկը մյուսի հետեւից ՝ ստեղծելով անիմացիայի էֆեկտ:
Քայլ 5
Ինտերնետային վահանակի ձախ կողմում կտտացրեք «Over» կոճակին և խմբագրեք կոճակը ՝ տեքստի ուրվագիծը հեռացնելու համար: Լրացրեք տեքստը սեւով `դրա երկրորդ տարբերակը անիմացիայում ստեղծելու համար: Այժմ սեղմեք «Down» կոճակը և սեղմելիս նկարեք կոճակի վերջին տարբերակը:
Քայլ 6
Տեքստը և սպիտակ ուղղանկյունը ներքև տեղափոխեք աջ, իսկ սև ուղղանկյունը սահեցրեք ձախ: Այժմ կտտացրեք Finish Editing Rollover կոճակին:
Քայլ 7
Պահեք կոճակը կոդի հետ միասին, որը կարող եք օգտագործել ինտերնետում օբյեկտների տեսքը փոխելու համար: Այսպիսով, ցանկացած դիզայնով ցանկացած կոճակ կարող եք նկարել: