Интернетте веб-сайт шаблондорунун саны көп, бирок алардын бир кемчиликтери бар - алар уникалдуу эмес. Эгерде сайт ээси өз сайтынын дизайны башка жерде кайталанышын каалабаса, анда ал кесиптик дизайнерге шаблонду заказ кылып же өз алдынча түзүүгө аракет кыла алат.
Ал зарыл
Adobe Photoshop программасы
Нускамалар
1 кадам
Өзүңүздүн шаблонуңузду түзүү, бир караганда, анчалык деле кыйын эмес. Иштөө үчүн Adobe Photoshop керек - албетте, аны менен иштөө жөнүндө, жок дегенде, баштапкы түшүнүк болушу керек. Бирок программаны ишке киргизип, түзүүнү баштоодон мурун, келечектеги дизайнды алдын ала ойлонуп көрүү керек. Мунун эң ыңгайлуу жолу - алгач жүздөн кем эмес даяр шаблон менен таанышуу, алардын артыкчылыктары менен кемчиликтерин баалоо. Айрым дизайн элементтеринин ийгиликтүү чечимдерине көңүл буруңуз. Бул сиз аларды көчүрүп алам дегенди билдирбейт, бирок кээ бир кооз жана ыңгайлуу чечимдерди негиз катары кабыл алуу акылга сыярлык.
2-кадам
Башка адамдардын шаблондорун жана өзүңүздүн чыгармачылыгыңызды талдоонун негизинде, сиздин сайтыңыз кандай көрүнөөрү жөнүндө түшүнүк алышыңыз керек. Кадимки A4 баракчаларында түстүү карандаштар менен келечектеги дизайндын орой эскиздерин жасоо эң жакшы. Фотошоп менен иштөөнү так эмнени тартарынызды так түшүнгөндөн кийин гана баштоо керек.
3-кадам
Photoshop программасын баштап, жаңы 1200x1600 долбоорун түзүңүз, тунук фон коюңуз. Ченегич куралын күйгүзүңүз, эгер ал күйө элек болсо, анда Ctrl + R баскычтарын басыңыз. Чакырууну иштетүү: Көрүү - Чакыруу.
4-кадам
Эми шаблонду анын элементтеринин чектерин - капталдарын, мамыларын ж.б. көрсөтө турган колдонмолор менен бөлүшүбүз керек. Мисалы, шаблонду бөлүп, сол жагында тар мамыча, оң жагында шаблондун оң жагында кенен тилке, ал эми жогору жагында баш үчүн орун болушу керек. Демек, сизге үч тик сызык (шаблондун сол чек арасы, оң жана алардын ортосундагы сызык) жана горизонталдуу, баштын төмөнкү чек арасын көрсөтүү керек. Тик сызыкты орнотуу үчүн, сол жактагы сол сызгычка курсорду жылдырып, V баскычын басып, баскычты басып туруп, сапты керектүү жерге сүйрөңүз. Башка эки тик сызыктар менен да ушундай кылыңыз. Горизонталдыктар дагы ушундай эле жол менен курулат, жогорку сызгыч гана колдонулат.
5-кадам
Сиздин шаблонуңуздун фонун табыңыз, ал кичинекей, кайталанган үлгү болушу керек. Аны Photoshopто ачыңыз, тандаңыз, көчүрүңүз. Андан кийин шаблонго фон менен толтуруу үчүн канча жолу чаптасаңыз. Чаптама мындай жасалат: "Түзөтүү" - "Жабыштыруу", андан кийин фон аймагын керектүү жерге сүйрөңүз. Ctrl + V командасынын жардамы менен сүрөттү киргизүү тезирээк. Ушул эле жол менен сайттын аталышы үчүн фон кошуңуз. Фон түзүү үчүн ар кандай градиент толтурууларды колдонсоңуз болот.
6-кадам
Карандаш куралын колдонуп, шаблондун чек араларын мурунтан тартылган сызыктарга (башкача айтканда, алардын үстүнө) буруп, сызыңыз. Сиз эң жөнөкөй шаблондун негизин алдыңыз, эми аны керектүү маалыматтар менен толуктооңуз керек - навигация баскычтары, меню сызыктары, жасалгалоонун ар кандай элементтери ж.б. Баскычтарды жана башка элементтерди кантип түзүү керектиги жөнүндө көбүрөөк маалымат алуу үчүн Adobe Photoshop менен иштөө боюнча тиешелүү макалаларды окуп чыгыңыз.
7-кадам
Шаблон түзүлдү, эми аны HTML бетине киргизүү үчүн бөлүктөргө бөлүп салыш керек. Кесүү үчүн Slice куралын колдонуңуз. Аны табуу үчүн, Frame куралын оң баскыч менен чыкылдатып, ачылган менюдан Cutout баскычын тандаңыз. Эми сиз шаблонду каалашынча уяла аласыз, андан кийин сактаңыз: "Файл" - "Веб үчүн Сактоо". Ачылган терезеде файлдын түрүн тандаңыз: HTML & сүрөттөр, файлдын атын көрсөтүңүз: index.htm жана аны сактаңыз. Сизде index.htm файлы жана кесилген сүрөттөрү бар сүрөттөр папкасы болот.
