Вэбсайт дээр арын зургийг байрлуулах нь таван минутын ажил юм. Зургийг бэлтгэхэд илүү их цаг хугацаа зарцуулдаг - сонгох, тохируулах, эффект нэмэх, хэд хэдэн зураг чимэглэлийг нэг график файл болгон бүтээх.
Зааварчилгаа
1-р алхам
Арын шинж чанар нь арын дэвсгэрийг удирдах үүрэгтэй. Хуудсыг нэг өнгөөр жигд дүүргэхийн тулд хэв маягийг tag:. Арын дэвсгэр нь хар болно. Хэрэв CSS ашиглаж байгаа бол толгойдоо тавь: body {background-color: # 000000;}
Алхам 2
Холбоосын тусламжтайгаар давтагдах дүрсийг тохируулна. Хаяг нь гадаад эсвэл дотоод холбоосоор тодорхойлогдоно. Энэ аргыг ашиглахдаа зургуудын хоорондох оёдол үл үзэгдэх хэвээр байх нь чухал бөгөөд эс тэгвээс хуудас нь хайхрамжгүй харагдана. CSS дээр: body {background-color: # 000000; background-image: url (images / pattern.png);} ашиглана уу.
Алхам 3
Загварын давталтыг хянах боломжтой. Арын дэвсгэр-давталт нь энэ функцийг дараахь элементүүдийн хамт хариуцдаг: - давталт-х - хэвтээ давталт; - давталт-у - босоо давталт: - давтах - хоёр чиглэлд давтах; - давтахгүй - давталтгүй. Үүнийг дараах байдлаар тохируулна. энэ: их бие {дэвсгэр өнгө: # 000000; background-image: url ("butterfly.gif"); дэвсгэр давтах: давтахгүй байх; }
Алхам 4
Арын байрлал нь зургийг вэб хуудасны хүссэн хэсэгт байрлуулахад тусалдаг. Координатыг хувь (50% 75%), сантиметр (5cm 5cm), pixel aspect (200px 400px), үг хэлбэр (зүүн, баруун, дээд, төв, доод) ашиглан тохируулж болно. Жишээ нь: их бие {background-color: # 000000; background-image: url ("butterfly.gif"); дэвсгэр давтах: давтахгүй байх; дэвсгэр хавсралт: тогтмол; арын байрлал: зүүн доод хэсэг; } 0% 0% утга нь зүүн дээд талтай тэнцүү байна.
Алхам 5
Арын хавсралтын шинж чанар нь зургуудыг хуудасны хамт гүйлгэж харуулахыг (дэвсгэр-хавсралт: гүйлгэх) эсэхийг (дэвсгэр-хавсралт: тогтмол) тодорхойлно.