Кесипкөй веб-дизайнерлер көбүнчө Adobe Photoshop сыяктуу күчтүү графикалык редакторлордо веб-шаблондорду иштеп чыгышат. Иштин натыйжасы - бул формада кардарга берилген сүрөтү бар файл. Даяр дизайнды колдонуу үчүн, башкача айтканда, веб-баракчаны жайгаштыруу үчүн шаблонду кесүү керек.
Зарыл
Adobe Photoshop растрдык графикалык редактору
Нускамалар
1 кадам
Шаблон файлын Adobe Photoshop графикалык редакторунда ачыңыз. Менюдан Файл жана Ачуу баскычын тандаңыз же Ctrl + O баскычтар айкалышын басыңыз. Андан кийин пайда болгон диалог терезесинде файл менен каталогго өтүп, аны тизмеден тандап, "Ачуу" баскычын чыкылдатыңыз.
2-кадам
Шаблон сүрөтүн көрүү үчүн ыңгайлуу масштабды тандаңыз. Масштаб куралын же контексттик меню пункттарын колдонуңуз. Курсорду пикселдик тактык менен жайгаштырууга мүмкүндүк берген масштабды тандаңыз. Бул шилтеме линияларын так орнотуу үчүн керек.
3-кадам
Шаблон сүрөтүнүн үстүнөн шилтеме сызыктарынын топтомун түзүңүз. Эгерде ал иштей элек болсо, анда документ терезелериндеги сызгычтардын дисплейин күйгүзүңүз. Ал үчүн Ctrl + R баскычын басыңыз же менюдан Көрүү жана Чектегилерди тандаңыз.
4-кадам
Горизонталдуу шилтеме сызыгын кошуу үчүн чычкан курсорун жогорку сызгычтын үстүнө жылдырыңыз. Сол баскычты басып, кармап туруңуз. Чычкан курсорун сүрөткө түшкөн жерге жылдырыңыз. Ошо сыяктуу эле, туура сызгычтын жардамы менен горизонталдык сызыктарды кошсоңуз болот.
5-кадам
Керектүү сандагы шилтемелерди кошуп, аларды шаблондун региондорунун бөлүнүшүнүн чектерине жайгаштырыңыз. Сызыктар шаблонду кескиңиз келген жерлердин баарынан өтүшү керек. Алар веб-баракчада көрсөтүлө турган бардык сүрөттөрдү жана логикалык аймактарды (логотип, сайттын аталышы, горизонталдык жана вертикалдык менюлар ж.б.) чектеши керек.
6-кадам
Slice куралын иштетүү. Анын баскычы тик куралдар тилкесинде жайгашкан.
7-кадам
Кесүү куралын колдонуп, кесүү аянтынын керектүү санын түзүңүз. Калыпты көрсөтүү үчүн ыңгайлуу масштабды тандаңыз. Аймактардын чектерин орнотуу үчүн чычканды колдонуңуз. Үчүнчү кадамга кошулган көрсөтмөлөр сиз жараткан объектилердин чектерин так жайгаштырууну камсыз кылат. Керек болсо, тилкелерди тандап алуу куралын колдонуп, бар аймактарды тууралаңыз.
8-кадам
Талапка ылайык, кесүүчү аймактардын касиеттерин өзгөртүңүз. Slice Select куралын иштетүү. Керектүү аймакты оң баскыч менен чыкылдатыңыз. Контексттик менюдан, Тилектин параметрлерин түзөтүү пунктун тандаңыз. Пайда болгон Slice Options диалогунан аймактын түрүн (сүрөт, бош аймак, таблица), фон толтуруу режимин тандап, керек болсо атын, максаттуу URL, alt="Image" атрибутунун мазмунун жана башка баалуулуктарды көрсөтүңүз. ОК баскычын чыкылдатыңыз.
9-кадам
Калыпты кесүү. Менюдан Файл жана Веб жана Түзмөктөр үчүн сактоо тандаңыз, же Shift + Ctrl + Alt + S баскычтарын басыңыз. Вебти жана түзмөктөрдү сактоо диалогунда шаблон кесиле турган форматты жана сүрөттү кысуу параметрлерин көрсөтүңүз. Сактоо баскычын чыкылдатыңыз. Оптималдаштырылган катары сактоо диалогу көрсөтүлөт.
10-кадам
Файл түрү ачылуучу тизмесинен HTML жана Сүрөттөрдү (*.html) тандап, Файлдын аталышы талаага HTML белгилөө шаблону коюла турган файлдын атын киргизиңиз. Бөлүктөр тизмесинен Бардык тилимдерди тандаңыз. Чыгуу үчүн каталогду көрсөтүп, "Сактоо" баскычын чыкылдатыңыз.
11-кадам
HTML файлы максаттуу каталогго жайгаштырылат, ал чындыгында даяр веб баракча шаблону. Сүрөттөрдүн каталогунда баштапкы шаблон кесилген сүрөттөр топтому болот.
