Վեբ կայք ստեղծելիս շատ կարևոր է էջի ձևավորման մատուցման փուլը, որը հետագայում կդառնա տպագիր և կհրապարակվի ցանցում: Այս հոդվածում դուք կսովորեք, թե ինչպես օգտագործել Adobe Photoshop- ը `կայքի համար իրավասու դասավորություն կազմելու համար, որի հիման վրա հետագայում կարող եք ավելի բարդ դասավորություններ կազմել:
Դա անհրաժեշտ է
Adobe Photoshop ծրագիր
Հրահանգներ
Քայլ 1
Ստեղծեք նոր ֆայլ Photoshop- ում (Ctrl + N) 1040x1400 չափսերով, որտեղ 1400-ը բարձրությունն է: Միացրեք տիրակալների ցուցադրումը (Ctrl + R) և կարգավորիչների պարամետրերում պիքսելները սահմանեք որպես չափման միավորներ:
Քայլ 2
Սկսեք ձգել ուղեցույցները այնպես, որ դրանք տեղավորվեն հատակագծի տուփերի սահմաններին: Ձգեք կողային եզրերը այնպես, որ 40 պիքսել մնա եզրերին: Վերին և ներքևի սահմանները նույնպես պետք է թողնեն 40 պիքսել յուրաքանչյուր կողմում ՝ հետին պլանի սահմաններին:
Քայլ 3
Դրանից հետո վերնագրի վերնագրի համար ընտրեք ուղեցույց, որը հետին պլանի վերևից գտնվում է 200 կետով:
Քայլ 4
Դասավորության ձախ և աջ կողային գծերը կազմելու համար ուղեցույցները ֆոնի սահմանից դեպի ձախ, իսկ 800-ին ՝ աջ, սահմանեք 240 պիքսել:
Քայլ 5
Ձախ և աջ կողոսկրերից 5px ներս և գծեք ևս երկու ուղղահայաց ուղեցույցներ: Դրանից հետո քաշեք ևս երկու ուղեցույց 245 px ձախ և 795 px աջ:
Քայլ 6
Այժմ չափեք վերնագրի 30px սահմանից և հորիզոնական ուղեցույց նկարեք հորիզոնական ընտրացանկի համար:
Քայլ 7
Ընտրեք հորիզոնական ընտրացանկի նեղ տարածքը, որը դուք պարզապես նշել եք ուղղանկյուն ընտրությամբ, օգտագործելով M ստեղնը: Ընտրեք լրացնելու գործիքը և տարածքը լրացրեք չեզոք բաց մոխրագույն գույնով:
Քայլ 8
Ընտրեք լրացնելու գործիքը և տարածքը լրացրեք չեզոք բաց մոխրագույն գույնով: Կտտացրեք «Ընտրել-փոփոխել-սեղմել» ընտրացանկին, նշեք 1 պիքսել տարբերակ և կտտացրեք «Լավ»: Լրացրեք տարածքը մոխրագույնի ավելի բաց երանգով ՝ կունենաք ընտրացանկի շրջանակ:
Քայլ 9
Ստեղծեք նոր շերտ և ընտրեք համապատասխան պատկեր կայքի պատկերակի կամ լոգոյի համար, ապա բացեք այն:
Քայլ 10
Տեղադրեք պատկեր վերնագրի մեջ նոր շերտի վրա ՝ այն տեղադրելով ձախ եզրին: Պատկերի աջ կողմում գրեք կայքի տեքստի վերնագիրը `օգտագործելով ցանկացած տառատեսակ:
Քայլ 11
Ձևավորեք ձեր կայքի բլոկները նույն գունային սխեմայի հետ, ինչ նորաստեղծ վերնագիրն է: Ընտրեք ձախ կողային գոտու տարածքը և դրա վրա կատարեք նույն երկգույն լրացման գործողությունները, ինչպես ընտրացանկի բլոկով:
Քայլ 12
Նույնը արեք բովանդակության կենտրոնի լայն բլոկի հետ: Պատճենեք ձախ կողային շերտը և տեղադրեք այն որպես աջ կողային գոտի:
Քայլ 13
Ձեր դասավորությանը տեքստ ավելացրեք `ընտրեք չեզոք տառատեսակ և լրացրեք ընտրացանկի վերնագրերը, նորությունների օրինակները, լուսանկարները, պիտակներ և հղումներ բաժինը:
Քայլ 14
Ավարտեք դասավորությունը ՝ ստեղծելով «տողատակ» կամ տողատակ - գրի՛ր այնտեղ ձեր հեղինակային իրավունքները և ձեր կոնտակտները:
