Фотошоп дээр сайтын макет хийх. Хичээл 3

Сайтын толгой

Сайтын толгой бол сайтын өнгө үзэмж, хэрэглэгчдийг татах чухал хэсэг байдаг. Ихэнх сайтын дизайнд толгойн хэсэгт зураг ашиглааад сайтын нэр, уриа зэргийг текстээр хийж өгсөн байдаг. Бид сайтын толгойн хэсэгт зохиогчийн бэлтгэсэн бэлэн зургийг ашиглах болно. Таны татан авсан архивт байгаа header.png нэртэй файлыг толгойн хэсэгт ашиглах болно.

Материалыг бүртгэлтэй хэрэглэгч үзнэ.

how_to_regБүртгүүлэх

Мэдээлэл таалагдсан бол найзуудтайгаа хуваалцаарай.

  Нээгдсэн тоо: 3537 Нийтийн

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

  Нээгдсэн тоо: 1494 Бүртгүүлэх

Зохиогчийн эрхийг хамгаалах нэг хэрэгсэл бол зураг дээр усан тэмдэгт байршуулах байдаг. Үүнийг фотошоп программыг ашиглан хэрхэн хийх талаар энэ хичээлээр авч үзье. Усан тэмдэгт тавигдсан зургууд интернетэд ихээр тохиолдоно. Өөрийн бүтээлээ сайтад байршуулахдаа ийм төрлийн хамгаалалтыг өргөнөөр ашигладаг. За ингээд эхлэе.

1-р алхам. Цагаан дэвсгэртэй өнгөтэй, 250 х 250 хэмжээтэй шинэ файл нээнэ. Энд хэмжээ нэг их чухал биш өөрийн хүсснээр авч болно.

  Нээгдсэн тоо: 2353 Төлбөртэй

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

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

  Нээгдсэн тоо: 1976 Төлбөртэй

Төв блок.

Сайтын цэс, үе хийхээсээ өмнө бид эхлээд төвийн блокийг хийж эхлэе. Дизайныг арай чөлөөтэй байлгах үүднээс цэсний үе болон толгой хэсгийн хооронд 50 px зайг үлдээе. Цэсийг агуулах үеийн өндөр 35 px байх тул төвийн блок сайтын дээд хязгаараас 385 px зайнаас эхлэнэ. Иймд 350 ба 385 px дээр хоёр хэвтээ чиглүүлэгчийг нэмэн байрлуулъя. Төвийн блок 365 px өндөртэй байх учраас бид 650 px түвшинд бас нэгэн чиглүүлэгчийг байршуулна. Чиглүүлэгчдийг үүсгэе. Үүний тулд Move Tool (V) хэрэгслийг аваад ажлын хэсгийг дээр байрлах чиглүүлэгчийн шугамаас чирэлт хийн зохих түвшинд шугамыг байрлуулж өгнө.

Класс ба структурт ердийн талбар, арга, шинжүүдээс гадна статик талбар, арга, шинжүүд байж болдог. Статик талбар, арга, шинжүүд…

Нээгдсэн тоо : 44

 

Хичээлээр useState -тэй тун төстэй useRef хукийн талаар авч үзье. useRef хукийн онцлог ашиглалтыг компонент хэдэн удаа дахин…

Нээгдсэн тоо : 43

 

Хүүхдүүд тооны хичээлийг анхнаасаа зөв ойлгон сураагүйгээс анги ахих тусмаа математикийн хичээлийнн хоцрогдолоос болоод дургүй болох тал байдаг.…

Нээгдсэн тоо : 103

 

Нийтлэлээр графикийн хэвүүдийн /GUI pattern/ түүхийг авч үзье. Боловсруулалтын графикийн хэвүүдийг 30 гаруй жилийн туршид боловсруулж байгаа бөгөөд…

Нээгдсэн тоо : 82

 

Хааяа өөр өөр параметрүүдийн багцтай нэг аргыг үүсгэх шаардлага гардаг. Ирсэн параметрүүдээс хамааран аргын тодорхой хэрэгжүүлэлтийг хэрэглэнэ. Ийм…

Нээгдсэн тоо : 80

 

Ямарч програмын ажиллагааны чухал хэсэг бол төрөл бүрийн мэдээллийн боловсруулалт, тэдгээртэй ажиллахтай холбоотой байдаг. Иймээс энэ хичээлээс vuejs

Нээгдсэн тоо : 65

 

Хичээлээр react -ийн хукуудаас их өргөн ашиглагддаг useEffect -ийн талаар авч үзье. useEffect -ийн ажиллагааг судлах хуудасны кодийг

Нээгдсэн тоо : 61

 

Илэрхийлэл бол математикийн хэлний үндэс болсон суурь ойлголтуудын нэг. Математикийн илэрхийллийг тооцооны алгоритм, аксиом, теорем, бодлогын нөхцлүүд гээд…

Нээгдсэн тоо : 80

 

Програм зохиох бол нарийн төвөгтэй ажил. Ямар ч програмын хувьд өөрийн хийх ажлаа гүйцэтгэхийн чацуу цаашдаа хөгжих, ажлын…

Нээгдсэн тоо : 74