Кәсіби веб-дизайнерлер әдетте Adobe Photoshop сияқты мықты графикалық редакторларда веб-сайт шаблондарын жасайды. Жұмыстың нәтижесі - бұл тапсырыс берушіге ұсынылатын кескіні бар файл. Дайын дизайнды қолдану үшін, яғни веб-парақты орналастыру үшін шаблонды кесу керек.
Қажетті
Adobe Photoshop растрлық графикалық редакторы
Нұсқаулық
1-қадам
Үлгі файлын Adobe Photoshop графикалық редакторында ашыңыз. Мәзірден Файл және Ашу таңдаңыз немесе Ctrl + O пернелер тіркесімін басыңыз. Осыдан кейін пайда болатын тілқатысу терезесінде файлмен бірге каталогқа өтіп, оны тізімнен таңдап, «Ашу» батырмасын басыңыз.
2-қадам
Үлгі кескінін қарау үшін ыңғайлы масштабты таңдаңыз. Масштабтау құралын немесе мәтінмәндік мәзір элементтерін қолданыңыз. Меңзерді пиксель дәлдігімен орналастыруға мүмкіндік беретін масштабты таңдаңыз. Бұл тірек сызықтарын дәл орнату үшін қажет.
3-қадам
Үлгі кескіні үстінде анықтамалық сызықтар жиынын құрыңыз. Егер ол әлі қосылмаған болса, құжат терезелеріндегі сызғыштардың дисплейін қосыңыз. Ол үшін Ctrl + R пернелер тіркесімін басыңыз немесе мәзірден Көру және билеушілерді таңдаңыз.
4-қадам
Көлденең сілтеме сызығын қосу үшін тінтуір курсорын жоғарғы сызғыштың үстіне жылжытыңыз. Сол жақ пернені басып тұрыңыз. Тінтуірдің меңзерін кескін аймағына қарай жылжытыңыз. Сол сияқты, дұрыс сызғышты пайдаланып көлденең сызықтар қосуға болады.
5-қадам
Қажетті тірек сызықтарын қосып, оларды шаблонның аймақтарының бөліну шекаралары бойынша орналастырыңыз. Сызықтар шаблонды кесетін барлық жерлерден өтуі керек. Олар веб-бетте ұсынылатын барлық кескіндер мен логикалық аймақтарды (логотип, сайттың тақырыбы, көлденең және тік мәзірлер және т.б.) шектеуі керек.
6-қадам
Бөлшектер құралын іске қосыңыз. Оның батырмасы тік құралдар тақтасында орналасқан.
7-қадам
Кесетін құрал көмегімен кесу алаңдарының қажетті санын жасаңыз. Үлгіні көрсету үшін ыңғайлы масштабты таңдаңыз. Тінтуірдің көмегімен аудандардың шекараларын орнатыңыз. Үшінші қадамға қосылған нұсқаулар сіз жасайтын объектілердің шекараларын дәл орналастыруды қамтамасыз етеді. Бөлшектерді таңдау құралы арқылы қажет болса, бар аймақтарды реттеңіз.
8-қадам
Қажетінше кесу аймақтарының қасиеттерін өзгертіңіз. Бөлшектерді таңдау құралын іске қосыңыз. Қажетті аймақты тінтуірдің оң жағымен басыңыз. Контекстік мәзірде «Бөлім параметрлерін өңдеу» тармағын таңдаңыз. Пайда болған тілім параметрлері тілқатысуында аймақ түрін (сурет, бос аймақ, кесте), фонды толтыру режимін таңдаңыз, қажет болған жағдайда alt=«Image» атрибутының атын, мақсатты URL мекен-жайын, мазмұнын көрсетіңіз. OK түймесін басыңыз.
9-қадам
Үлгіні кесіңіз. Мәзірден Файл және Веб және құрылғылар үшін сақтау тармағын таңдаңыз немесе Shift + Ctrl + Alt + S пернелерін басыңыз. Интернетті және құрылғыларды сақтау тілқатысу терезесінде шаблон кесілетін формат пен кескінді қысу параметрлерін көрсетіңіз. Сақтау түймесін басыңыз. Оңтайландырылған ретінде сақтау тілқатысу терезесі көрсетіледі.
10-қадам
Файл типі ашылмалы тізімінен HTML және кескіндерді (*.html) таңдап, Файл аты өрісіне HTML белгісі шаблон орналастырылатын файл атауын енгізіңіз. Тілімдер тізімінен Барлық тілімдерді таңдаңыз. Шығу үшін каталогты көрсетіңіз және «Сақтау» батырмасын басыңыз.
11-қадам
Мақсатты каталогқа HTML файлы орналастырылады, бұл іс жүзінде дайын веб-парақтың шаблоны. Суреттер ішкі каталогында түпнұсқа шаблон кесілген кескіндер жиынтығы болады.
