Вэбсайт үүсгэхэд хуудасны дизайн хийх үе шат нь маш чухал бөгөөд үүнийг дараа нь хэвлэж сүлжээнд нийтлэх болно. Энэ нийтлэлээс та Adobe Photoshop програмыг ашиглан вэбсайтын чадварлаг зохион байгуулалтыг хэрхэн ашиглах талаар сурах болно. Үүний үндсэн дээр дараа нь илүү төвөгтэй байршлыг бүрдүүлж болно.
Энэ нь зайлшгүй шаардлагатай
Adobe Photoshop програм
Зааварчилгаа
1-р алхам
Photoshop (Ctrl + N) дээр 1040x1400 хэмжээтэй шинэ файл үүсгэж, 1400 нь өндөр юм. Шилжүүлэгчдийн дэлгэцийг асаагаад (Ctrl + R) удирдагчийн тохиргоонд пикселийг хэмжих нэгж болгон тохируулна уу.
Алхам 2
Байршлын хайрцгийн хил хязгаартай тохирч байхаар гарын авлагыг сунгаж эхэлнэ. Хажуугийн ирмэгийг сунгаж, ирмэг дээр 40 пиксел үлдээнэ. Дээд ба доод хүрээ нь ар талдаа 40 пиксел үлдээх ёстой.
Алхам 3
Дараа нь дээд толгойны арын дэвсгэр дээрээс 200px доош хөтөчийг сонгоно уу.
Алхам 4
Байршлын зүүн ба баруун талд хажуугийн мөрийг үүсгэхийн тулд гарын авлагыг арын хүрээнээс зүүн тийш 240 пиксел, баруун тийш 800 пиксел тохируулна.
Алхам 5
Зүүн ба баруун талын мөрнүүдээс 5px дотогш чиглүүлж, хоёр босоо чиглүүлэгч зур. Дараа нь хоёр гарын авлагыг зүүн тийш 245 px, баруун тийш 795 px чирнэ үү.
Алхам 6
Одоо толгойны 30px хүрээнээс хэмжиж, хэвтээ цэс рүү хэвтээ чиглүүлэгч зур.
Алхам 7
M товчийг ашиглан тэгш өнцөгт сонголтоор тэмдэглэсэн хөндлөн цэсний нарийн хэсгийг сонгоно уу. Дүүргэгч хэрэгслийг сонгоод, төвийг сахисан цайвар саарал өнгөөр дүүргэ.
Алхам 8
Дүүргэх хэрэгслийг сонгоод, төвийг сахисан цайвар саарал өнгөөр дүүргэ. "Select-Modify-Compress" цэс дээр дарж, 1 пикселийн сонголтыг зааж өгөөд "OK" дээр дарна уу. Талбайг арай саарал өнгийн сүүдэрээр дүүргэ - танд цэсний хүрээ байх болно.
Алхам 9
Шинэ давхарга үүсгээд сайтын дүрс эсвэл логонд тохирох зургийг сонгоод дараа нь нээнэ үү.
Алхам 10
Толгой дээрх шинэ давхарга дээр зургийг зүүн захад байрлуулж оруулна. Зургийн баруун талд сайтын текст гарчгийг дурын фонт ашиглан бичнэ үү.
Алхам 11
Вэбсайт блокуудаа шинээр үүсгэсэн толгойтой ижил өнгөний схемд хий. Зүүн хажуугийн талбарыг сонгоод цэсийн блоктой адил хоёр өнгийн дүүргэх үйлдлийг гүйцэтгэнэ.
Алхам 12
Агуулгын төвийн өргөн блоктой ижил зүйлийг хий. Зүүн хажуугийн давхаргыг хуулж, баруун талын самбар болгон байрлуул.
Алхам 13
Байршил дээрээ текст нэмэх - төвийг сахисан фонт сонгоод цэсний гарчиг, мэдээний жишээ, зураг, шошго, холбоос хэсгийг бөглөнө үү.
Алхам 14
"Footer" эсвэл footer үүсгэж байршлыг нь дуусга - тэнд зохиогчийн эрх, холбоо барих хаягаа бич.