Сайтын дизайн гаргах ажил нь тусгай мэрэгжлийн хүмүүсийн хийдэг ажил. Зураг, өнгө будаг, сэтгэмж гээд их олон зүйлийг шаардсан нилээд бүтээлч ажил байдаг. Программчлалын эхний шат бол техникийн даалгавар гаргах буюу хийх гэж буй программаар юуг хийх дэлгэцийн интерфейс ямар байх, ямар шаардлагуудыг хангах гэх мэтээр захиалагчийн талаас тавигдах шаардлагуудыг тодорхойлсон бичиг баримтыг боловсруулах байдаг. Харамсалтай нь манайхан энэхүү чухал үе шатыг нэг их тоохгүй байснаас үүдэн төслийг хэрэгжүүлэх цаг хугацаа, хүч, хөрөнгө ихээр алддаг. Ямар ч ажлыг эхлэхийн өмнө эцсийн үр дүнгээ ямар байх талаар сайн бодсон байх нь чухал.

Энэ хичээлээр нүдний өнгийг хэрхэн өөрчлөхийг сурах болно. Нүдний өнгийг өөрчлөөд байх шаардлага бага хэдий ч хичээл нь фотошопын хэрэгслүүдийг яаж ашиглах дадлага болох юм. Гэхдээ зургийн өнгийг өөрчлөх хэрэгцээ ихээр гардаг тул энэхүү аргыг мэдэж байхад илүүдэхгүй.

Текстийн блок

Сайтын дизайн хийх ажлаа үргэлжлүүлэхийн өмнө төв блокийн хоёр хэсгийг заагласан тусгаарлагч үүсгэж өгөх хэрэгтэй. Тусгаарлагчаар бид 1 px өргөнтэй босоо шугамыг ашиглах болно. Үүний тулд

• Single Column Marquee Tool (M) хэрэгслийг аваад 800 px түвшинд босоо шугам үүсгэнэ.
• Wrapper бүлэгт шинэ үе нэмээд түүнийг Separator гэж нэрлэе.
• Foreground өнгийг хар болгоод Alt + Backspace товчийг даран тусгаарлагчийг будан өгнө
• Ctrl + D товчийг даран сонголтыг болиулна
• Separator үеийн Opacity параметрийг 30% болгоно
• Rectangle Marquee Tool (M) хэрэгслийг аваад тусгаарлагчийн илүү хэсгийг сонгон аваад Delete товчийг даран арилган өгнө. Тусгаарлагчийг слайдшоу хэсгийн өндөртэй тэнцүү байхаар үлдээнэ.

Өмнөх хичээлүүдээр бид сайтын төлөвийн мөр болон толгойн хэсгийг хийсэн ба энэ хичээлд агуулга хэсгийг үүсгэх болно. Сайтын төлөвийн мөр Status Bar харин толгой хэсэг Header бүлэгт байрлаж байгаа. Манай сайтын дизайны PSD файл доорх хэлбэртэй болоод байгаа билээ.

Энэ хичээлээр бид сайтын агуулга хэсгийг хийх болно.