Өөрийн вэбсайтыг бий болгох нь ноорог, ирээдүйн дизайн боловсруулахаас үргэлж эхэлдэг бөгөөд энэхүү салшгүй хэсэг нь сайтын дизайныг Photoshop дээр дүрсжүүлж, бэлэн загварыг дараа дараагийн зохион байгуулалтад зориулж блок болгон хуваах явдал юм. Сайтын дизайны зургийг зөв зүсэх чадвар нь байршлын цаашдын амжилт, график файлуудыг сервер дээр зөв байрлуулахад шууд нөлөөлдөг.
Зааварчилгаа
1-р алхам
Хүссэн нягтралын хатуу дүр төрх болох Photoshop дээр үүсгэсэн дизайны байршлыг нээнэ үү. Photoshop дээрх хэрэгслийн самбараас Slice хэрэгслийг сонгоно уу. Бүх текстийн давхарга, оролтын талбар, дүрс ба түүнтэй төстэй элементүүдийн харагдах байдлыг түр хугацаагаар унтраана уу.
Алхам 2
Сонгосон хэрэгсэлтэй хамт сайтын зүсэлтийг чиглүүлэх шугамыг зур. Зураг дээрх эдгээр шугамууд ногоон өнгөтэй байна. Нэг ширхэг зохион байгуулалтыг хүссэн хэмжээ, хэмжээгээр бүтцийн элементүүдэд болгоомжтой хуваана.
Алхам 3
Зургийг хэрхэн яаж бууруулахаа бодоорой - үүнд бие даасан элемент байх ёсгүй. Чиглүүлэгч шугам үүсгэхийн тулд курсороо дүрсний дээд заагч дээр байрлуулаад, зүүн товшоод гарын авлагыг доош нь чирнэ үү. Хулганы товчийг суллана уу.
Алхам 4
Бүх гарын авлагыг тохируулсны дараа (босоо ба хэвтээ аль алинд нь) байрлалыг зүсэж үргэлжлүүлээрэй.
Алхам 5
Дээр сонгосон хайчлах хэрэгслийг ашиглан удирдамж бүрийн эхэнд зүүн товчийг дарж, гарч ирсэн талбарыг хүссэн обьектийн хэмжээгээр сунгаж байрлуул. Зүссэн фрагментийн зүүн буланд серийн дугаар гарч ирэхийн тулд хулганы зүүн товчийг суллана уу.
Алхам 6
Хагархай хэсгүүдийг гараар сунгаж тохируулна уу. Ерөнхий зургийн зүсэгдсэн хэсгүүдийг хадгалахын тулд File цэснээс "Вэб хуудсанд хадгалах" сонголтыг дарж JPEG форматыг сонгоно уу. Хадгалах цонхонд "Бүх хэлтэрхий" -ийг сонгоно уу.
Алхам 7
Таслагдсан зургийн хэсгүүдийг тусад нь хадгалсны дараа хуудасны дизайны бүх визуал элементүүдийг хадгалах хэрэгтэй - текст блок, товчлуур, мөр гэх мэт.
