Модульчлагдсан сүлжээг хэрхэн яаж хийх вэ

Агуулгын хүснэгт:

Модульчлагдсан сүлжээг хэрхэн яаж хийх вэ
Модульчлагдсан сүлжээг хэрхэн яаж хийх вэ

Видео: Модульчлагдсан сүлжээг хэрхэн яаж хийх вэ

Видео: Модульчлагдсан сүлжээг хэрхэн яаж хийх вэ
Видео: Сүлжээний Буюу Шууд худалдааны бизнесийг интернэтээр хэрхэн хийх вэ ? 2024, May
Anonim

Загвар боловсруулах эсвэл нарийн төвөгтэй зураг үүсгэх үед модульчлагдсан сүлжээг ашиглах нь тохиромжтой байдаг. Эдгээр нь ижил эсвэл өөр зайтай, тогтоосон тооны босоо ба хэвтээ алхмуудад хувааж, найрлагын үндэс болж өгдөг.

Модульчлагдсан сүлжээг хэрхэн яаж хийх вэ
Модульчлагдсан сүлжээг хэрхэн яаж хийх вэ

Шаардлагатай

Гэрийн Photoshop програм

Зааварчилгаа

1-р алхам

Орчин үеийн бүх график редакторууд болон вэб дизайны програмууд нь модульчлагдсан сүлжээтэй байдаг. Хэрэв та Adobe Photoshop дээр ажиллаж байгаа бол зургийн объектуудыг хялбархан байрлуулах, тэдгээрийг хуудсан дээр яг байрлуулахын тулд сүлжээний дэлгэцийг асаана уу. Үүнийг хийхийн тулд Edit цэсний зүйл рүү очоод Preference гэсэн гарчгийн дээр хулганаа зөөж оруулна уу. Гарч ирсэн цэснээс Хөтөч, Сүлжээ ба Зүсмэлүүдийг сонгоно уу (програмын хувилбараас хамааран энэ зүйл өөр өөр нэртэй байж болно, Grid гэсэн үгийг сонгоно уу).

Алхам 2

Нээгдэх тохиргооны цонхонд модульчлагдсан сүлжээний параметрүүдийг тохируулна уу. Торны талбарт сүлжээний зүйлийг бүрдүүлж буй мөрүүдийн өнгө болон мөр хоорондын зайг сонгоно уу. "OK" дээр дарж, оруулсан өөрчлөлт нь дүрсний харагдах байдалд хэрхэн нөлөөлөхийг шалгана уу. Adobe DreamWeaver вэб хөгжүүлэлтийн орчинд сүлжээг таны боловсруулж буй хуудасны байршилд анхдагч байдлаар оруулсан болно.

Алхам 3

Та хүснэгт оруулах хэсгийг ашиглан дурын мөр, баганатай янз бүрийн хүснэгт (торон зүйл) нэмж, нүдэнд шинэ хүснэгт оруулах, ингэснээр хуудасны элементүүдийг бүтээх цогц сүлжээг бий болгож болно.

Алхам 4

Та CSS-ийн хэв маягийг ашиглан гараар модулийн сүлжээ үүсгэх боломжтой. Үүнийг хийхийн тулд #grid, Gridmaker, CSS Grid Builder, 1 KB CSS Grid, Gridr Buildrrr болон бусад модулиудын хэрэгслийг ашиглана уу. Жишээлбэл, дараах кодын хэсэг нь өгөгдсөн өргөнтэй дөрвөн модулийн сүлжээг үүсгэдэг:.page-layout {margin-right: -5px; }.layout-box {хөвөх: зүүн; маржин: 0 5px 5px 0; }.lb-1 {өргөн: 779px; } / * 100% * /. Lb-2 {өргөн: 583px; } / * 75% * /. Lb-3 {өргөн: 387px; } / * 50% * /. Lb-4 {өргөн: 191px; } / * 25% * /

Алхам 5

Модульчлагдсан сүлжээ байгаа нь шинэхэн дизайнерууд болон вэб хөгжүүлэгчид, мөн энэ чиглэлээр туршлагатай мастеруудын хувьд илүү хялбар болгодог. Модульчлагдсан сүлжээнд суурилсан төслүүдийг засварлах, шилжүүлэхэд хялбар байдаг бөгөөд энэ нь их хэмжээний ажилд маш тохиромжтой байдаг. Та мөн хүссэн үедээ ажлаа зогсоож хадгалсан файлаа үргэлжлүүлэн ашиглаж болно.

Зөвлөмж болгож буй: