Веб-сайтты қалай салуға болады

Мазмұны:

Веб-сайтты қалай салуға болады
Веб-сайтты қалай салуға болады

Бейне: Веб-сайтты қалай салуға болады

Бейне: Веб-сайтты қалай салуға болады
Бейне: Создание html сайта в блокноте 2024, Мамыр
Anonim

Веб-сайтты құруда парақтың дизайнын ұсыну кезеңі өте маңызды, ол кейіннен теріліп, желіде жарияланады. Бұл мақалада сіз Adobe Photoshop бағдарламасын веб-сайттың құзыретті макетін салу үшін қалай қолдануға болатындығын білесіз, оның негізінде кейінірек күрделі макеттерді құра аласыз.

Веб-сайтты қалай салуға болады
Веб-сайтты қалай салуға болады

Бұл қажетті

Adobe Photoshop бағдарламасы

Нұсқаулық

1-қадам

Photoshop-та (Ctrl + N) өлшемдері 1040x1400 жаңа файл жасаңыз, мұндағы 1400 - биіктік. Сызғыштардың дисплейін қосыңыз (Ctrl + R) және пикселдерді сызғыш параметрлерінде өлшем бірлігі ретінде орнатыңыз.

2-қадам

Нұсқағыштарды орналасу қораптарының шекараларына сәйкес келетін етіп созуды бастаңыз. Бүйірлік жиектерді жиектерге 40 пиксель қалатындай етіп созыңыз. Үстіңгі және астыңғы жиектер әр жағынан 40 пиксельді фонның шекараларына қалдыруы керек.

3-қадам

Содан кейін жоғарғы тақырып үшін фонның жоғарғы жағынан 200px төмен орналасқан нұсқаулықты таңдаңыз.

4-қадам

Макеттің сол және оң жағында бүйірлік тақталарды қалыптастыру үшін бағыттағыштарды фондық жиектен солға 240 пиксельге, ал 800 оңға орнатыңыз.

5-қадам

5px солға және оң жақ бүйір жақтан ішке қарай және тағы екі тік бағыттаушы салыңыз. Содан кейін тағы екі бағыттаушыны сол жаққа 245 пиксель және оңға 795 пиксель сүйреңіз.

6-қадам

Енді 30px тақырыбының шекарасынан өлшеп, көлденең мәзірге көлденең бағыттауыш салыңыз.

7-қадам

Көлденең мәзірдің M пернесін пайдаланып тіктөртбұрышты таңдау арқылы белгілеген тар аймағын таңдаңыз. Толтыру құралын таңдап, аймақты бейтарап ашық сұр түске толтырыңыз.

8-қадам

Толтыру құралын таңдап, аймақты бейтарап ашық сұр түске толтырыңыз. «Таңдау-Өзгерту-Қысу» мәзірін нұқып, 1 пиксельді параметрді көрсетіп, «ОК» батырмасын басыңыз. Ашық сұр реңкпен аймақты толтырыңыз - сізде мәзір жақтауы болады.

9-қадам

Жаңа қабат жасаңыз және сайт белгішесіне немесе логотипке сәйкес кескінді таңдап, оны ашыңыз.

10-қадам

Кескінді тақырыпқа жаңа қабатқа салыңыз, оны сол жақ шетіне орналастырыңыз. Суреттің оң жағына кез-келген қаріпті пайдаланып сайттың мәтіндік атауын жазыңыз.

11-қадам

Веб-сайтыңыздың блоктарын жаңадан жасалған тақырып сияқты түс схемасында жасаңыз. Сол жақ бүйірлік тақтаның аумағын таңдап, оған мәзір блогындағыдай екі түсті толтыру әрекеттерін орындаңыз.

12-қадам

Мазмұнның орта кең блогымен де осылай жасаңыз. Сол жақ бүйірлік тақтаны көшіріп, оны оң жақ тақта етіп қойыңыз.

13-қадам

Өз макетіңізге мәтін қосыңыз - бейтарап қаріпті таңдап, мәзірдің тақырыптарын, жаңалықтар мысалдарын, фотосуреттерді, тегтер мен сілтемелер бөлімін толтырыңыз.

14-қадам

«Төменгі колонтитул» немесе төменгі колонтитул жасау арқылы макетті аяқтаңыз - авторлық құқықтарыңызды және контактілеріңізді сол жерге жазыңыз.

Ұсынылған: