«Ռետին» -ը նկար է, որն ունի մասշտաբի հատկություն: Դուք կարող եք նման պատկեր ստեղծել համակարգչային ծրագրերի միջոցով: Դրա հարմարավետությունը կայանում է նրանում, որ այն «ձգվում է» ցանկալի ուղղությամբ: Նման վեբ ստեղծումը հաջողությամբ ցուցադրվում է ցանկացած զննարկչում: Եթե նկարը պարունակում է որոշ օգտակար տարրեր, ապա «ռետինե» հատկությունները մեծացնում են դրա ֆունկցիոնալությունը:
Դա անհրաժեշտ է
ձեր կայքի պատկեր, կայք, Adobe Photoshop ծրագիր, Գրառման գրքույկ հավելված, HTML կոդ, արմատային գրացուցակ
Հրահանգներ
Քայլ 1
Գտեք կամ ստեղծեք պատկեր, որը ցանկանում եք մասշտաբավորել և տեղադրել ինտերնետում: Գործարկել Adobe Photoshop- ը: Բացեք այս պատկերը ծրագրում: Գտեք կտորի գործիքը գործիքագոտում: Օգտագործեք այն ՝ պատկերը կտորների կտրելու համար: Բաժանել այնպես, որ ամբողջ նկարը բաղկացած լինի երեք գրաֆիկական տարրերից, իսկ կենտրոնականը դատարկ լինի: Սա կօգնի նկարը ձգվել մոնիտորի ցանկացած լուծաչափում:
Քայլ 2
Պահպանեք վեբ ձևաչափի համար օպտիմիզացված պատկերը (Save for web): Պահելիս սահմանեք պահանջվող ֆայլի ձևաչափը ՝ gif, jpeg կամ png: Պատկերի առանձին մասերը փոխելու համար ընտրացանկում գտեք Slice Select Tool տարբերակը և փոխեք պատկերի մասերը, որպեսզի չափը լինի նվազագույն ՝ էկրանին մատուցման ընթացքում որակի նվազագույն կորստով: Փոխելուց հետո պատկերները պահեք որպես html և պատկերներ:
Քայլ 3
Երբ ձեր պատկերները պահեք, սկսեք խմբագրել HTML կոդը: Բացեք պահված html փաստաթուղթը Գրառման գրքում: Eնջեք ծածկագրի ցանկացած տող, որն անհրաժեշտ չէ: Անփոփոխ պահեք միայն այն աղյուսակի տվյալները, որոնցում պատկերները տեղադրված են
Քայլ 4
Տողերում, yourimage.gif- ի փոխարեն, նշեք ձեր համակարգչի պատկերների ուղին: Բարձրությունը և լայնությունը պետք է համապատասխան լինեն:
Քայլ 5
Պատկերի միջին հատվածը ձգելու համար, երբ ծայրահեղ մասերը բաժանվում են իրարից, կոդերի տողերում գրի՛ր անհրաժեշտ տեղեկատվությունը: Նշեք ձեր սեփական պատկերի պարամետրերը (լայնություն և բարձրություն):
Քայլ 6
Ստեղծված պատկերները վերբեռնեք կայքի արմատային գրացուցակում: Նշեք սերվերների վրա պատկերների նոր ուղիները, այդպիսով խմբագրելով HTML- ծածկագիրը: Տեղադրեք նկարի կոդը պիտակների միջեւ:
Քայլ 7
Ստուգեք նկարի հատկությունները: Փորձեք այն մասշտաբավորել առցանց: Պատկերը պետք է ճկուն լինի ցանկացած ուղղությամբ:
