Бидний дараагийн хийх зүйл бол блогийн хэсэг юм. Бэлтгэл ажлын хүрээнд бидэнд нэмэлт чиглүүлэгч хэрэгтэй. Сайтын төв хэсгээс блогийн хэсгийг 50px зайтай байршуулъя. Иймээс бид 700px -ийн түвшинд шинээр чиглүүлэгч байрлуулна. Түүнээс гадна Content бүлэгт шинээр Blog нэртэй үеүүдийн бүлгийг нэмээрэй. Өмнөх хичээлүүдийг үзсэн бол эдгээрийг амархан хийж сурсан байх.

Толгойн мөр.

Сайтын загвар дээр энэ хэсэгт сонингийн зураг оруулахаар төлөвлөсөн байгаа. Таны татан авсан файлууд дотор knewsticker.png нэртэй файл байгааг фотошоп дээр нээгээд сайтын дизайны файлд оруулан ирээд Blog бүлэгт оруулан үед icon нэр өгнө.

Adobe Photoshop CS бол график дүрсүүдийг засварлах мэрэгжлийн засварлагч. Веб хуудасны дизайн, хэвлэлийн эхэд зориулагдсан растер график дүрсүүдийг үүсгэх, засварлахад зориулагдсан программ юм. Өнөөдөр растер график файлуудыг боловсруулахад хамгийн өргөн ашиглагддаг хэрэгслүүдийн тоонд Photoshop зүй ёсоор ордог. Программын 13.0 буюу CS6 хувилбарт растер графиктай ажиллахаас гадна вектор графикийг оруулан ирэх, хөдөлгөөнт файлууд үүсгэх, видео хэсгүүдийг засварлах, гурван хэмжээст дүрсийг үүсгэх нэмэлт боломжууд бий болсон. Үүнээс гадна тоон фотог боловсруулах олон төрлийн шинэ функцууд нэмэгдсэн.  

Хичээлүүдэд ашиглах зарим хэллэгийг эхлээд ойлгох хэрэгтэй.
Эдгээр хэллэг нь хулганаар хийх үйлдлүүдийг хураангуйлсан болно. Windows -ийн программуудыг ашиглах гол хэрэгсэл хулгана байдаг болохоор эдгээр хэллэгийг сайн тогтоогоод аваарай.

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

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

Зургаас текстийг хэрхэн үүсгэхийг энэ хичээлд үзнэ. Фотошопын боломжийг ойлгон хэрэгслүүдийг ашиглаж сурахад дадлага болно. Үнэндээ зургаас текст үүсгэх нь маш амархан.