Товшиж болох шошгыг хэрхэн яаж хийх вэ

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

Товшиж болох шошгыг хэрхэн яаж хийх вэ
Товшиж болох шошгыг хэрхэн яаж хийх вэ
Anonim

Вэбсайт үүсгэх үед түүний элементүүдийн дизайн нь мэдээлэл олж авахад тохиромжтой тул шинэ хэрэглэгчдийг татахад хувь нэмэр оруулах нь чухал юм. Товшиж болох элемент - зочдод мэдэгдэхүйц, ойлгомжтой бичээс, i.e. холбоос дээр дарах хүнийг устгана. Энэхүү үр нөлөөг өнгөлөг, зөн совингийн график оруулга ашиглан хийж болно.

Товшиж болох шошгыг хэрхэн яаж хийх вэ
Товшиж болох шошгыг хэрхэн яаж хийх вэ

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

1-р алхам

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

Алхам 2

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

Алхам 3

Зургийг байршуулсны дараа та хуудасны HTML-код руу оруулах хэрэгтэй. Үүнийг хийхийн тулд сайтын баримтыг текст засварлагч дээр нээгээд файл дээр хулганы баруун товчийг дарж "Хамт нээх" хэсгийг сонгоно уу. Гарч ирэх програмуудын жагсаалтад хуудас засахдаа ашигладаг засварлагчаа зааж өгөөрэй. Та мөн стандарт Windows Notepad ашиглаж болно.

Алхам 4

Бичээс оруулахыг хүссэн кодын хэсэг рүү очно уу. Дараа нь тохирох тодорхойлогчийг оруулна уу. Жишээлбэл:

Алхам 5

Энэ код нь график элемент хэлбэрээр холбоос үүсгэх бөгөөд "address_to_transition" нь гарчгийг товшоод хэрэглэгч рүү чиглүүлэх хуудас юм. "Path_to_Image" нь таны товчлуурын файл байрлаж байгаа газар юм. Зургийг олоход бэрхшээлээс зайлсхийхийн тулд хуудасны файлтай ижил директор дотор байрлуулж, src параметрт яг нэрийг нь зааж өгнө үү. Өргөн ба өндрийн параметрүүд нь зургийн хэмжээг пикселээр, жишээлбэл 100 ба 50 гэсэн тоогоор илэрхийлнэ.

Алхам 6

Файлд оруулсан өөрчлөлтүүдийг хадгалаад "Open With" цэсийг ашиглан хөтөч дээр нээнэ үү. Товшиж болох шошгыг бүтээх ажил дууссан. Хэрэв зураг харагдахгүй бол кодын зөв байдал болон зураг руу заасан замыг шалгана уу.

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