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

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

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

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

how_to_regБүртгүүлэх

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

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

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

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

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

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

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

Толгойн мөр.

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

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

Үйлдэл (action) гэдэг нь нэг ижил командуудыг ашиглан зургуудыг боловсруулах ажиллагааг автоматжуулан ингэснээр ажиллагааг хурдан болгох хэрэгсэл юм.
Жишээ нь Та 200 зургийг сайтад байршуулах хэрэгтэй болсон гэе. Зургийн хэмжээг өөрчлөөд сайтад зориулан хадгалахад л хурдан хандах товчнуудыг ашиглан хийхэд л 40-50 минутыг зарцуулах болно. Үүний оронд 1-2 минутын дотор энгийн action бичээд дээрх бүх гар ажлыг машинд даатгаад өөрөө илүү үр дүнтэй зүйлийг хийж байх нь дээр шүү дээ.
Сайтад зургийг бэлтгэх макрог үүсгэх талаар авч үзье.

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

Энэ хичээлээр зурах будах хэрэгслүүдийн бүлгийн дараагийн хоёр хэсэг бол сэргээх хэрэгслүүд, Stamp хэрэгслүүдийг үзэх болно. Заримдаа эдгээрийг тодруулах хэрэгслүүд ч гэдэг. CS6 хувилбарт энэ хэсэгт Content Aware Move Tool хэрэгсэл шинээр нэмэгдсэн.

Лямбда-илэрхийлэл нь нэргүй аргын хураангуй бичилтийг илэрхийлнэ. Лямбда-илэрхийлэл утга буцаадаг, буцаасан утгыг өөр аргын…

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

 

Кодийн сайжруулалт /рефакторинг/ хичээлээр програмийн кодоо react -ийн зарчимд нийцүүлэн компонентод салгасан.…

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

 

Хадгалагч (Memento) хэв обьектын дотоод төлвийг түүний гадна гаргаж дараа нь хайрцаглалтын зарчмыг зөрчихгүйгээр обьектыг сэргээх боломжийг олгодог.

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

 

Делегаттай нэргүй арга нягт холбоотой. Нэргүй аргуудыг делегатийн хувийг үүсгэхэд ашигладаг.
Нэргүй аргуудын тодорхойлолт delegate түлхүүр үгээр…

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

 

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

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

 

Төсөлд react-router-dom санг оруулан чиглүүлэгчдийг бүртгүүлэн тохируулсан Санг суулган тохируулах хичээлээр бид хуудас…

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

 

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

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

 

Зуучлагч (Mediator) нь олон тооны обьектууд бие биетэйгээ холбоос үүсгэхгүйгээр харилцан ажиллах боломжийг хангах загварчлалын хэв юм. Ингэснээр…

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

 

Делегатууд хичээлд ухагдхууны талаар дэлгэрэнгүй үзсэн ч жишээнүүд делегатийн хүчийг бүрэн харуулж чадахааргүй байсан.…

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

 
Энэ долоо хоногт

2.0(15) үет бутархайг энгийн бутархай болго.

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

 

тэгшитгэлийн хамгийн их сөрөг язгуурыг ол.

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

 

тэнцэтгэл бишийн системийг хангах x -ийн натурал утгыг ол.

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