Dreamweaver бир оодарылып сүрөт түзүү үчүн эмне кылыш керек?

А оодарылып сүрөтү сиз же кардар аны чычкан жылдырат кийин башка бурканга өзгөрөт бир сүрөттөлүш экендиги чындык. Бул, адатта, мындай топчу же өтмөктөрдүн катары өз ара эркин сезишет түзүү үчүн пайдаланылат. Бирок, эч нерсе жөнүндө эле чыгып, оодарылып кеткен картинасына айланта аласыздар.

Бул окуу куралы сизге бир оодарылып образын жаратууга жардам берүү үчүн иштелип чыккан Dreamweaver . Комиссиясы төмөнкү котормолорун колдонуп адамдар тарабынан пайдалануу үчүн арналган:

Бул үйрөткүч үчүн талаптар

01 06

Баштоо

Shasta оодарылып сүрөтү мисал. Сүрөт © 2001-2012 J Kyrnin - уруксат сүрөтү About.com
  1. Start Dreamweaver
  2. Эгер оодарылып желе баракты ачуу

02-жылдын 06

бир оодарылып Image Image Object кыстаруу

Image Object кыстаруу. J Kyrnin тарабынан скриншот

Dreamweaver бир оодарылып образын түзүү үчүн жеңил кылат.

  1. Кыстаруу менюну жана суб-меню "Image объектилер" барып.
  2. "Image оодарылып кеткен" же "оодарылып сүрөт" тандоо

Комиссиясы айрым эски котормолордо Image "Interactive Images" ордуна объектилер чакырам.

03 06

Айтчы Dreamweaver кандай Images пайдалануу

Устасына толтургула. J Kyrnin тарабынан скриншот

Dreamweaver сиз оодарылып имиджин түзүү менен толтуруу зарыл тармактарда менен диалог кутусунун жандандырат.

Сүрөт аты

беттеги үчүн уникалдуу болгон бир сүрөттөлүш атын тандоо. Баары бир сөз болушу керек, бирок сандар, сызык (_) жана ташымалдоочу колдоно аласыз (-). Бул өзгөртүү үчүн сүрөттү аныктоо үчүн колдонулат.

Original Image

Бул беттеги чыгып баштайт Сүрөттүн URL же жайгашкан жери болуп саналат. Сиз колдоно аласыз салыштырмалуу же абсолюттук жол сайттардын бул багытта. Бул сиздин WEB Server же сиз бет менен жүктөп деп бар бир сүрөттөлүш болушу керек.

оодарылып Image

Бул сүрөттүн сени кийин чычкан пайда болот элес. Алгачкы сүрөттөлүш сыяктуу, бул бурканга абсолюттук же салыштырмалуу жол болушу мүмкүн, ал эми ал жок же бет жүктөп жүктөп керек.

Алдын оодарылып Image

Бул шайлоодо да тез эле пайда берет, анткени Бул параметр демейки боюнча тандалат. оодарылып сүрөтүн алдын ала тандоо менен, Web-браузер аны чычкан Мөл чейин ордук, аны сактап калат.

Башка Text

Жакшы кошумча текст Озунуздун суротторунузду жеткиликтүү кылат. ар кандай сүрөттөрдү кошуп жатканда ар дайым кошумча тексттин кээ бир түрүн колдонуу керек.

Кошолу, URL To Go

Көп адамдар бир беттеги бири көргөндө бир сүрөттөлүш басып калат. Ошондуктан сен аларды басылуучу алуу салтка болушу керек. Бул параметр Алар бейнеси боюнча басканда көрүүчүнү үчүн бет же URL көрсөтүүгө мүмкүнчүлүк берет. Бирок, бул параметр бир оодарылып түзүү үчүн зарыл болгон эмес.

бардык талааларды алгандан кийин да, Dreamweaver сиздин оодарылып образын түзүү үчүн ОК бас.

кийинки бет Dreamweaver жазган скрипттер көрсөтөт.

04 06

Dreamweaver сен үчүн JavaScript жазган каттары

JavaScript. J Kyrnin тарабынан скриншот

код-эске алуу менен баракты ачат Эгер Dreamweaver сиздин HTML документтин <башына> жылы JavaScript блогун киргизет экенин көрөсүз. Бул блогу Сиз сүрөттөрдү керек 3 милдеттери алардын үстүнөн чычкан Балык жана үчүн кошулган болсо, алдын-милдети кийин алмаштырылат камтыйт.

иштеши MM_swapImgRestore ()
иштеши MM_findObj (н, г)
иштеши MM_swapImage ()
милдети MM_preloadImages ()

05-жылдын 06

Dreamweaver оодарылып үчүн HTML кошот

HTML. J Kyrnin тарабынан скриншот

Сиз Dreamweaver оодарылып сүрөттөрдү жүктөшү үчүн тандап алган болсо, анда сиз сүрөттөр тез жүктөө үчүн алдын-арибин чалуу документтин денедеги HTML кодун көрүшөт.

onload = "MM_preloadImages (" shasta2.jpg ') "

Dreamweaver да (бир URL камтылган болсо) аны бардык бейнеси боюнча кодун жана шилтемелер кошумчалайт. оодарылып бөлүгү казык тегине onmouseover жана сыпаттары onmouseout кошулат.

onmouseout = "MM_swapImgRestore ()"
onmouseover = "MM_swapImage (" image1 ',' ',' shasta1.jpg ", 1)"

06-жылдын 06

Текшер Out оодарылып кеткен

Shasta оодарылып сүрөтү мисал. Сүрөт © 2001-2012 J Kyrnin - уруксат сүрөтү About.com

толук оодарылып сүрөттү кара жана Shasta'`s акыл боюнча көп нерсени үйрөнүшөт.