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

Бидний дараагийн хийх зүйл бол Twitter модулийн хэсэг байгаа. Модул блогийн хэсэгтэй төстэй учраас амархан хийгдэнэ. Үеүүдийн бүлгийн хувьд блогийн хэсэгтэй ижилхэн зохион байгуулах хэрэгтэй. Иймээс Content бүлэгт шинээр Twitter нэртэй үеүүдийн бүлгийг нэмээрэй.

Толгойн мөр.

Бид блог хэсгийг хийхдээ толгойн хэсгийг Header Bar бүлэгт оруулсан. Үеүүдийн бүлгийг ашиглах нь эмх цэгцтэй байхын зэрэгцээ ямар давуу талтайг бид одоо хийх ажлаар батлан харах болно. Твиттер хэсгийн толгойн хэсгийг хийхийн тулд

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

how_to_regБүртгүүлэх

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

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

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

Энэ хичээлээр бид сайтын хөл хэсгийг хэрхэн хийхийг үзснээр сайтын макетыг фотошоп программ дээр хийх цуврал хичээлүүд дуусна. Сайтын агуулга хэсгийн араас хөл хэсгийн текстийг шууд залгасан макет байж болох ч энэ нь миний бодлоор зохицол муутай санагддаг тул бид энэ хэсэгт сайтын толгой хэсгийн зургаас оруулаад макетаа дуусгах нь дээр гэж үзлээ.
Эхлээд бид хөл хэсэгт зориулан Footer үеүүдийн бүлгийг нэмээд түүн дотроо Image, Bar гэсэн хоёр бүлгийг бас нэмэн өгье. Бүлэг нь бие даасан өөрөөр хэлбэл Content, Status Bar, Header бүлгүүдтэй нэг түвшингийнх байх ёстойг анхаарна уу. Хөл хэсэг нь сайтын макетын тусдаа логик хэсэг шүү дээ.

Градиент текст

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

Фотошоп дээр доорх зурагт үзүүлсэн текстийн эффектийг хэрхэн үүсгэх талаар энэ хичээлээр авч үзье. Төрөл бүрийн текст үүсгэх хэрэгцээ ихээр гардаг. Хичээлийг үзээд та өөрөө текстэд янз бүрийн эффект оруулан туршин үзээрэй. Эхлэн сурч байгаа хүмүүст хэрэгслүүдтэй ажиллах дадлага болох юм.

Үр дүн

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

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

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

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

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

Файлтай ажиллах

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

Өмнөх хичээлээр бид программын интерфейсийн бүтцийг авч үзсэн. Ямарч программтай ажиллана гэдэг бол түүний таньдаг файлуудыг үүсгэх, засварлах, хадгалах ажиллагаанууд байдаг. Тэгэхлээр энэ хичээлээр бид Photoshop -ын файлыг үүсгэх, хадгалах, нээх ажиллагаануудыг сурах болно. За ингээд хичээлдээ оръё. Программаа ачааллаад ажлын дэлгэцийг нээнэ.

Шинэ файл үүсгэх

Эхлээд бид шинэ файл үүсгэе. Үүний тулд File -> New , (Ctrl + N) гэж орно.Энэ бичлэгийг жаахан тайлбарлая. File цэсийг сонгоход нээгдэх дэд цэсээс New -г сонгохыг зааж байгаа тухайг өмнө нь тохирсон билээ. Цаашид ийм бичлэгийг тогтмол ашиглах болно гэдгийг анхаараарай. Диалогийн New цонх нээгдэнэ.

Статик гишүүд…

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

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

 
useRef

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

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

 
Тоог ихэсгэх

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

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

 
Графикийн паттерн.…

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

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

 
Аргын хэт…

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

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

 
Vuex -ийг…

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

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

 
useEffect

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

…

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

 
Тоон болон…

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

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

 
Програмчлалын хэвүүд…

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

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

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

тэгшитгэлийг бод.

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

 
Бодлого 14.036

хязгаарыг бодоорой.

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

 
Бодлого 8.073

Ангийн нийт сурагчдын 60% нь эмэгтэй сурагчид байдаг. Ангиас санамсаргүйгээр нэг сурагч сонгоход эрэгтэй сурагч байх магадлалыг ол.

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

 
© 2014 Зохиогчийн эрхээр хамгаалагдсан. Холбогдох