Мэргэжлийн вэб дизайнерууд ихэвчлэн Adobe Photoshop гэх мэт хүчирхэг график редакторуудад вэбсайтын загвар боловсруулдаг. Ажлын үр дүн нь дүрс бүхий файл бөгөөд энэ хэлбэрээр захиалагчид өгдөг. Бэлэн загварыг ашиглахын тулд, өөрөөр хэлбэл вэб хуудсыг байрлуулахын тулд загварыг хасах хэрэгтэй.
Шаардлагатай
растер график редактор Adobe Photoshop
Зааварчилгаа
1-р алхам
Загвар файлыг Adobe Photoshop график редактор дээр нээнэ үү. Цэснээс File and Open командыг сонгоод, эсвэл Ctrl + O товчлуурын хослолыг дарна уу. Үүний дараа гарч ирэх цонхонд файлтай директор руу ороод жагсаалтаас сонгоод "Нээх" товчийг дарна уу.
Алхам 2
Загварын зургийг үзэх тохиромжтой хэмжээсийг сонго. Zoom Tool эсвэл контекст цэсийг ашиглана уу. Курсорыг пикселийн нарийвчлалтай байрлуулах боломжийг олгодог хуваарийг сонго. Энэ нь лавлагаа шугамыг нарийвчлан тохируулахад шаардлагатай юм.
Алхам 3
Загварын зургийн дээр лавлах мөрийн багцыг бүрдүүлнэ. Хэрэв документын цонхонд хараахан асаагдаагүй бол дэлгэцийн дэлгэцийг асаана уу. Үүнийг хийхийн тулд Ctrl + R товчийг дарах эсвэл цэснээс View and Rulers командыг сонгоно уу.
Алхам 4
Хэвтээ лавлах мөрийг нэмэхийн тулд хулганы курсорыг дээд удирдагч дээр шилжүүл. Зүүн товчийг удаан дарна уу. Хулганы курсорыг зургийн хэсэг рүү доошлуул. Үүнтэй адил зөв захирагчийг ашиглан та хэвтээ шугамыг нэмж болно.
Алхам 5
Шаардлагатай тооны лавлах мөрийг нэмж, загварын бүс нутгуудын хуваах хилийн дагуу байрлуулна. Мөрүүд нь загварыг хасах бүх газруудаар дамжин өнгөрөх ёстой. Тэд вэбсайт дээр тавигдах бүх зураг, логик талбар (лого, сайтын толгой, хэвтээ ба босоо цэс гэх мэт) -ийг хязгаарлах ёстой.
Алхам 6
Зүсмэл хэрэгслийг идэвхжүүлнэ үү. Түүний товчлуур нь босоо хэрэгслийн самбар дээр байрладаг.
Алхам 7
Зүсмэл хэрэгсэл ашиглан шаардлагатай тооны хайчлах талбайг бий болгоно. Загварыг харуулах тохиромжтой хэмжээсийг сонго. Хулгана ашиглан талбайн хил хязгаарыг тогтооно уу. Гурав дахь шатанд нэмсэн удирдамжууд нь таны үүсгэсэн объектуудын хил хязгаарыг нарийвчлан байрлуулах боломжийг олгоно. Шаардлагатай бол одоо байгаа газруудыг Slice Select Tool ашиглан тохируулна уу.
Алхам 8
Шаардлагатай бол огтлох бүсүүдийн шинж чанарыг өөрчил. Зүсмэлийг сонгох хэрэгслийг идэвхжүүлнэ үү. Хүссэн талбар дээр хулганы баруун товчийг дарна уу. Контекст цэсэнд Edit Slice Options зүйлийг сонгоно уу. Гарч ирэх Slice Options харилцах цонхны талбайн төрөл (зураг, хоосон талбай, хүснэгт), дэвсгэр дүүргэх горимыг сонгоод шаардлагатай бол нэр, зорилтот URL, alt="Image" шинж чанарын агуулга болон бусад утгыг зааж өгнө.. OK дээр дарна уу.
Алхам 9
Загварыг хайчилж ав. Цэснээс File and Save for Web & Devices-ийг сонгоод, эсвэл Shift + Ctrl + Alt + S товчийг дарна уу. Вэб, төхөөрөмжид хадгалах харилцах цонхонд загварыг хасах формат, дүрсийг шахах параметрүүдийг зааж өгнө. Хадгалах товчийг дарна уу. Save Optimized As харилцах цонх гарч ирнэ.
Алхам 10
File type дусал жагсаалтаас HTML ба зургуудыг (*.html) сонгоод File name талбарт загвар HTML тэмдэглэгээг байрлуулах файлын нэрийг оруулна уу. Зүсмэлийн жагсаалтаас Бүх зүсмэлийг сонгоно уу. Гаралтын лавлах жагсаалтыг зааж өгөөд "Хадгалах" товчийг дарна уу.
Алхам 11
HTML файлыг зорилтот директорт байрлуулах бөгөөд энэ нь үнэн хэрэгтээ бэлэн вэб хуудасны загвар болно. Зургийн дэд директор нь анхны загварыг хайчилсан зургуудын багцыг агуулна.
