«Հագուստով ողջունվելու» սկզբունքը ճիշտ է ոչ միայն մարդկանց, այլ նաև կայքերի համար: Կայքի զգեստը նրա դիզայնն է: Եվ դիզայնն է որոշում այն տպավորությունը, որն ունի այցելուը ռեսուրսը դիտելու առաջին մի քանի վայրկյաններին: Այս տպավորությունը հատկապես կարևոր է, քանի որ այն որոշում է նրա հետագա վարքը: Դիզայնի առաջին տարրը, որ տեսնում է կայք այցելող յուրաքանչյուր օգտվող, դրա «վերնագիրն» է: Կափարիչը վեբ ռեսուրսի դեմքն է: Հետեւաբար, յուրաքանչյուր սկսնակ վեբ դիզայներ ցանկանում է առաջին հերթին սովորել, թե ինչպես կարելի է վերնագրեր պատրաստել կայքերի համար:
Անհրաժեշտ է
- - ինտերնետ հասանելիություն;
- - ժամանակակից զննարկիչ;
- - ռաստերային գրաֆիկայի խմբագիր (GIMP, Photoshop);
- - ընտրովի. վեկտորային գրաֆիկայի խմբագիր (CorelDraw);
- - ըստ ցանկության ՝ 3D մոդելավորման միջավայր (Blender, 3DStudio);
- - ըստ ցանկության ՝ թուղթ, մատիտ կամ գրիչ:
Հրահանգներ
Քայլ 1
Մշակել ապագա կայքի վերնագրի հայեցակարգ: Իդեալում, գաղափարը պետք է հիմնված լինի բուն գաղափարի վրա: Երբ գաղափարները պակասում են, ոգեշնչումը կարելի է ձեռք բերել `վերլուծելով առկա լավ լուծումները: Արտացոլեք ստեղծագործական հետազոտության արդյունքը ուրվագիծի տեսքով մի կտոր թղթի վրա: Էսքիզը պետք է արտացոլի կայքի ապագա վերնագրի կառուցվածքը `պատկերներով լցված« ռետինե »տեղերի և տարածքների նշումով: Այս փուլում լավ գաղափար է մտածել վերնագրի նախագծման մոտավոր գունային սխեմայի շուրջ:
Քայլ 2
Ընտրեք վերնագրի չափը: Իրականում արժե հստակորեն սահմանել դրա պարամետրերից միայն մեկը `բարձրությունը: Որպես կանոն, կայքի վերնագրերի բարձրությունը ամրագրված է, և դա կախված չէ տառատեսակների ցուցադրման պարամետրերի վրա ազդող տրամաբանական լուծումից: Այլ կերպ ասած, վերնագրի բարձրության համար պետք է ընտրեք պիքսելներով մեծություն: Այս դեպքում իմաստ ունի հաշվի առնել վերնագրում պաստառներ կամ ենթատեքստային գովազդի բլոկներ տեղադրելու հնարավորությունը: Ինչ վերաբերում է լայնությանը, ապա դուք պետք է որոշեք նվազագույն արժեքը ՝ ընդգծելով առնվազն մեկ «ռետինե» տարածք, որը թույլ է տալիս վերնագիրը հարմարվել ինտերնետային կայքի տարբեր չափերի:
Քայլ 3
Ստեղծեք վերնագրի ձևանմուշ գրաֆիկական խմբագրում: Նոր փաստաթղթում ավելացրեք թափանցիկ շերտ, որին կքաշեք ուրվագիծը ՝ ըստ ընտրված երկրաչափական պարամետրերի: Շերտի բարձրությունը պետք է համապատասխանի վերնագրի բարձրությանը: Լայնությունը կարող է ընդունվել որպես կամայական, բայց ավելի մեծ, քան նվազագույն չափը, տարածություն թողնելով հորիզոնական «ռետինե» տարածքների համար: Կաղապարում նշեք ֆիքսված և փոփոխական չափերի գոտիներ, գոտիներ, որոնք նախատեսված են լրացնել ստատիկ պատկերներով, ֆոնային պատկերներով:
Քայլ 4
Որոնեք կամ ստեղծեք ստատիկ պատկերներ ձեր վերնագրի ձևանմուշում տեղադրելու համար: Լոգոն և որոշ եզակի տարրեր կարող են ստեղծվել վեկտորային խմբագրիչի կամ 3D մոդելավորման միջավայրում: Ինտերնետում անվճար ֆոտոբանկերում թեմատիկ պատկերներ գտնելը բավականին հեշտ է:
Քայլ 5
Տեղադրեք ֆոնը, պատկերանշանը և ստատիկ պատկերները կայքի վերնագրի ձևանմուշում գրաֆիկական խմբագրում: Ֆոնը և յուրաքանչյուր նկարը ավելացրեք առանձին թափանցիկ շերտի: Շերտերը դասավորեք լավագույն կերպով: Պատկերները շերտերով տեղափոխելով `հասեք դրանց կատարյալ դասավորությանը, որը համապատասխանում է նախկինում ստեղծված ձևանմուշին:
Քայլ 6
Պահեք ստացված վերնագրի պատկերը: Պահպանեք աշխատանքային նախագիծը գրաֆիկական խմբագրի բնածին ձևաչափով: Դրանից հետո պահպանեք հարթեցված վերնագրի պատկերը կորուստների ձևաչափով (օրինակ ՝ PNG):
Քայլ 7
Անհրաժեշտության դեպքում ստեղծեք HTML վերնագրի ձևանմուշ: Բացեք հարթեցված պատկերը խմբագրում: Դրանից կտրեք պատկերներ, որոնք համապատասխանում են ֆիքսված չափի տարածքներին: «Ռետինե» տարածքներին համապատասխան վայրերից կտրեք պատկերները 1 պիքսել լայնությամբ: Պահպանեք բոլոր պատկերները սկավառակի վրա: Կազմեք HTML վերնագիրը ՝ օգտագործելով պահպանված պատկերները:
