Ինտերնետում կայք ստեղծելու ժամանակ ամենակարևոր կետերից մեկը, որը մշակողը պետք է հաշվի առնի, դրա ֆունկցիոնալությունն է, բազմակողմանիությունը և կատարումը: Որպեսզի կայքը ցանկացած զննարկչում լիովին և ճիշտ ցուցադրվի էկրանի լայն լուծում ունեցող համակարգիչների վրա, կարող եք ստեղծել հարմարավետ «ռետինե» վերնագիր, որը բաղկացած է մի քանի գրաֆիկական տարրերից:
Հրահանգներ
Քայլ 1
Կայքի համար նման վերնագիր ստեղծելու առաջին քայլում Photoshop- ում բացեք այն պատկերը, որը դուք արդեն պատրաստել եք ոստայնում տեղադրելու համար, այնուհետև այն կտորների կտրեք ՝ օգտագործելով Գործիքադարակի Slice Tool- ը: Կտրեք վերնագիրը այնպես, որ կենտրոնական մասը դատարկ լինի, որպեսզի արդյունքում հայտնվեք երեք գրաֆիկական տարրերի: Սա թույլ կտա վերնագիրը ձգվել էկրանի ցանկացած լուծաչափի համար:
Քայլ 2
Վերնագիրը կտրելուց հետո պահեք այն ՝ օպտիմալացնելով ֆայլերը վեբ ձևաչափի համար պահպանելիս (Save for web) Սահմանեք ցանկալի ֆայլի ձևաչափը պահպանելու համար, օրինակ `gif, jpeg կամ png: Պատկերի յուրաքանչյուր հատվածը փոխելու համար ընտրացանկում կտտացրեք Slice Select Tool ընտրանքի վրա և չափափոխեք պատկերները այնպես, որ դրանց չափը հնարավորինս փոքր լինի ՝ էկրանի վրա պատկերված տեսողական ցուցադրման որակի նվազագույն կորստով: Խնայեք ձեր խմբագրված պատկերները որպես html և պատկերներ:
Քայլ 3
Նկարները պահելուց հետո խմբագրեք HTML կոդը ՝ Notepad- ով բացելով պահված html փաստաթուղթը: Գրառման գրքում ջնջեք ծածկագրի բոլոր անհարկի տողերը: Թողեք միայն անհրաժեշտ տողերը. Աղյուսակի վերաբերյալ տվյալներ, որոնց մեջ ներառված են ձեր նկարները.
Քայլ 4
Այս տողերում yourimage.gif- ի փոխարեն պետք է նշվի համապատասխան լայնությամբ և բարձրությամբ ձեր պատկերների ուղին:
Քայլ 5
Որպեսզի պատկերի միջին մասը ձգվի, ծայրահեղ պատկերները տարածելով կողմերին, տողերում գրի՛ր համապատասխան կոդի հատկանիշները: Նշեք կոդի մեջ ձեր սեփական լայնության և բարձրության պարամետրերը:
Քայլ 6
Վերբեռնեք վերնագրի ստեղծած պատկերները ձեր կայքի արմատային գրացուցակում և այնուհետև խմբագրեք HTML կոդը սերվերի վերնագրի պատկերների նոր ուղիներով: Տեղադրեք վերնագրի կոդը պիտակների միջև:
Խորհուրդ ենք տալիս:
Ինչպես պատրաստել ռետինե ֆոն
Երբ ստեղծում եք ձեր սեփական կայքը, բնականաբար ցանկանում եք, որ այն հնարավորինս գրավիչ ցուցադրվի ՝ անկախ օգտագործողի զննարկչի տարբերակից: Մասնավորապես, որպեսզի ֆոնային պատկերը ձգվի և հարմարեցվի համակարգչի մոնիտորի բանաձևին: Դա անհրաժեշտ է - html, css, java-script- ի հետ աշխատելու հմտություններ:
Ինչպես պատրաստել ռետինե դրոշ
Ռետինե ֆլեշ պաստառը կոչվում է նաև պարզապես «ռետինե»: Կայքի համար դրա հիմնական առանձնահատկությունն այն է, որ անկախ զննարկչի չափից, դրոշը կմնա նույնը, ինչ նախատեսված էր `գեղեցիկ, պարզ և պայծառ: Ռետինե վահանակների անհրաժեշտությունն առաջացավ այն բանի շնորհիվ, որ պետք է հաշվի առնել ինտերնետ օգտագործողների համակարգիչների տարբեր չափերը, քանի որ ինչ-որ մեկը քառակուսի մոնիտոր ունի, մեկը լայնէկրան մոնիտոր, ոմանք `14 դյույմ, մյուսները` 21 դյույմ:
Ինչպես կատարել կայքի համար գեղեցիկ վերնագիր
Կայքի անհատական ոճն աշխատում է ապրանքանիշ ստեղծելու համար, ինչը հատկապես կարևոր է անձնական կայքերի և բլոգերի համար: Կայքի համար գեղեցիկ վերնագիր պատրաստելը նշանակում է հիմք դնել վեբ-ռեսուրսի ժողովրդականության, դրա ճանաչումը հարյուրավոր նմանատիպ կայքերի շրջանում:
Ինչպես պատրաստել անիմացիոն վերնագիր կայքի համար
Ձեր կայքի դինամիկ ինտերֆեյսը կգրավի օգտագործողների ուշադրությունը և կբարձրացնի երթևեկությունը: Կայքի համար անիմացիոն վերնագիր պատրաստելը այնքան էլ դժվար չէ, որքան թվում է առաջին հայացքից: Հրահանգներ Քայլ 1 Եկեք փորձենք պատրաստել անիմացիոն վերնագիր, որը կփոխի իր կազմաձևը, երբ մկնիկի ցուցիչը սահի դրա վրա:
Ինչպես պատրաստել վերնագիր կայքի համար
Siteանկացած կայքի վերնագիրն իր «դեմքն» է ՝ կայքի դիզայնի ամենամեծ և առավել նկատելի տարրը: Եթե կայքի վերնագիրը դառնում է հիշարժան և եզակի, ապա նախագծման մնացած տարրերը ՝ տառատեսակներ, կոճակներ և այլն, կարող են վերցված լինել ցանկացած ստանդարտ սխեմայից, կայքի ձևավորումը դեռ կարտացոլի դրա անհատականությունը: