Вэбсайтын толгой хэсэгт зургийг хэрхэн оруулах вэ

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

Вэбсайтын толгой хэсэгт зургийг хэрхэн оруулах вэ
Вэбсайтын толгой хэсэгт зургийг хэрхэн оруулах вэ

Видео: Вэбсайтын толгой хэсэгт зургийг хэрхэн оруулах вэ

Видео: Вэбсайтын толгой хэсэгт зургийг хэрхэн оруулах вэ
Видео: Вяжем красивый капор - капюшон с воротником и манишкой спицами 2024, Арваннэгдүгээр
Anonim

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

Вэбсайтын толгой хэсэгт зургийг хэрхэн оруулах вэ
Вэбсайтын толгой хэсэгт зургийг хэрхэн оруулах вэ

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

1-р алхам

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

Алхам 2

Зургийг засахдаа Adobe Photoshop програмыг ашиглах нь дээр. Хөтөлбөрийн хувилбарууд нь англи хэл дээр байж болох бөгөөд ажлын тав тухыг хангах үүднээс ан цав хэрэгтэй болно гэдгийг санаарай. Үүнийг интернетээс үнэгүй татаж авах боломжтой.

Алхам 3

Солихыг хүссэн дүрсээ график редактор дээр нээгээд цэснээс "Image" - "Image size" командыг сонгоно уу. Санаж, эсвэл пикселээр утгыг илүү сайн бичээрэй. Та зургийг хааж болно - танд дахиж хэрэггүй болно.

Алхам 4

"Файл" цэснээс "Шинэ" -ийг сонгоод дараа нь маягт таны өмнө нээгдэнэ. Зургийн хэмжээг тэмдэглэсэн утгыг оруулаад "OK" дээр дарна уу. Та бусад параметрүүдийг замдаа тохируулж болно, жишээлбэл, давхаргын нэр эсвэл дэвсгэр агуулгын төрлийг тохируулж болно, гэхдээ тэдгээр нь үндсэн биш юм.

Алхам 5

Шинэ давхарга үүсгэх ("Давхарга" - "Шинэ").

Алхам 6

Програм дээр сайтын толгой хэсэгт харахыг хүссэн зургаа нээнэ үү ("Файл" - "Нээх").

Алхам 7

Хэрэгслийн самбар дээр "Тэгш өнцөгт талбай" дүрсийг сонгоод үүнийг ашиглан зураг сонгоно уу.

Алхам 8

"Засах" цэснээс "Хуулах" командыг ашиглаад дүрсийг бэлтгэсэн хэлбэрийн шинэ давхарга дээр буулгана уу ("Засах" - "Наах"). Move хэрэгслийг сонгоод шаардлагатай бол зургийг хөдөлгө.

Алхам 9

Хэрэв зургийн хэмжээ илүү том эсвэл жижиг болсон бол "Зураг" цэсийн командыг ашиглан засах боломжтой. Аль ч тохиолдолд үндсэн зургийн параметрүүд шаардлагатай үзүүлэлтүүдтэй давхцах нь ховор тул бараг үргэлж хоосон зай байдаг. Үүнийг бөглөх ёстой бөгөөд үүний тулд "Арын дэвсгэр" -ийг ашиглах нь зүйтэй. Жишээлбэл, та нэг өнгөөр дүүргэж эсвэл Gradient хэрэгслийг ашиглаж, дараа нь dodge / darken, Finger, Sponges гэх мэт шилжилтийг жигд болгож болно.

Алхам 10

HTML хэл дээр зураг оруулах тусгай шошго байдаг

янз бүрийн шинж чанаруудтай:

• src - зургийн хаяг;

• өндөр - px-ийн өндөр;

• өргөн - px-ийн өргөн;

• хил - px-ийн хүрээ;

• alt - зураг хүлээн авах функцийг унтраасан үед хэрэглэгчдэд үзүүлэх зургийн тайлбар.

Жишээлбэл,. Урвуу шошго шаардагдахгүй.

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