如何在Dreamweaver中做图像热区链接? 关于dreamweaver做的带有热区超链接的图片
\u5236\u4f5c\u7f51\u9875\u65f6\u5982\u4f55\u7ed9\u56fe\u7247\u8bbe\u7f6e\u70ed\u533a\u94fe\u63a5\u4e00\u3001\u5728Dreamweaver MX\u4e2d\u4e3a\u56fe\u7247\u5efa\u7acb\u70ed\u533a 1\u3001\u542f\u52a8Dreamweaver MX\uff08\u5176\u4ed6\u7248\u672c\u8bf7\u4eff\u7167\u64cd\u4f5c\uff09\uff0c\u6253\u5f00\u9700\u8981\u5efa\u7acb\u56fe\u7247\u70ed\u533a\u7684\u7f51\u9875\u6587\u4ef6\uff0c\u9009\u4e2d\u76f8\u5e94\u7684\u56fe\u7247\uff0c\u6b64\u65f6\u201c\u5c5e\u6027\u201d\u9762\u677f\u81ea\u52a8\u5207\u6362\u5230\u201c\u56fe\u7247\u5c5e\u6027\u201d\u72b6\u6001\uff08\u5982\u56fe1\uff09\u3002 2\u3001\u9009\u4e2d\u4e00\u79cd\u70ed\u533a\u7c7b\u578b\uff08\u5982\u201c\u692d\u5706\u201d\uff09\uff0c\u7136\u540e\u5728\u56fe\u7247\u4e0a\u62d6\u6765\u51fa\u4e00\u4e2a\u70ed\u533a\u6765\uff08\u53c2\u89c1\u56fe1\uff09 \u6ce8\u610f\uff1a\u70ed\u533a\u76f8\u5f53\u4e8e\u662f\u5728\u56fe\u7247\u4e0a\u589e\u52a0\u4e86\u4e00\u4e2a\u56fe\u5f62\u5c42\uff0c\u8c61\u8c03\u6574\u56fe\u7247\u4e00\u6837\uff0c\u53ef\u4ee5\u901a\u8fc7\u9f20\u6807\u8c03\u6574\u70ed\u533a\u7684\u5927\u5c0f\u548c\u4f4d\u7f6e\u3002 3\u3001\u5728\u201c\u94fe\u63a5\u201d\u53f3\u8fb9\u7684\u65b9\u6846\u4e2d\u8f93\u5165\u8981\u94fe\u63a5\u7684\u7f51\u5740\uff08\u5982\u201c http://www.yesky.com \u201d\uff09\uff1b\u5728\u201c\u66ff\u4ee3\u201d\u540e\u9762\u7684\u65b9\u6846\u4e2d\u8f93\u5165\u4e00\u4e9b\u8bf4\u660e\u5b57\u7b26\uff08\u5982\u201c\u5929\u6781\u7f51\u201d\uff09\uff1b\u6309\u201c\u76ee\u6807\u201d\u53f3\u8fb9\u7684\u4e0b\u62c9\u6309\u94ae\uff0c\u5728\u968f\u540e\u51fa\u73b0\u7684\u4e0b\u62c9\u5217\u8868\u4e2d\u9009\u62e9\u4e00\u79cd\u94fe\u63a5\u9875\u9762\u7684\u6253\u5f00\u65b9\u5f0f\uff08\u5982\u9700\u8981\u8ba9\u94fe\u63a5\u7684\u9875\u9762\u5728\u65b0\u7a97\u53e3\u4e2d\u6253\u5f00\uff0c\u5c31\u9009\u62e9\u201c_blank\u201d\u9009\u9879\uff09\u3002 \u6ce8\u610f\uff1a\u201c\u66ff\u4ee3\u201d\u65b9\u6846\u4e2d\u8f93\u5165\u7684\u5b57\u7b26\uff0c\u5728\u4ee5\u540e\u6d4f\u89c8\u7f51\u9875\u65f6\uff0c\u5f53\u9f20\u6807\u6307\u5411\u8be5\u70ed\u533a\u65f6\uff0c\u5728\u9875\u9762\u4e0a\u4f1a\u663e\u793a\u51fa\u8be5\u5b57\u7b26\uff08\u5982\u56fe2\uff09\u3002 4\u3001\u91cd\u590d\u4e0a\u8ff02\u30013\u6b65\u7684\u64cd\u4f5c\uff0c\u5728\u56fe\u7247\u7684\u4e0d\u540c\u90e8\u4f4d\u5efa\u7acb\u591a\u4e2a\u70ed\u533a\u3002 \u5728FrontPage2003\u4e2d\u4e3a\u56fe\u7247\u5efa\u7acb\u70ed\u533a 1\u3001\u542f\u52a8FrontPage2003\uff0c\u6253\u5f00\u9700\u8981\u5efa\u7acb\u56fe\u7247\u70ed\u533a\u7684\u7f51\u9875\u6587\u4ef6\u3002 2\u3001\u6267\u884c\u201c\u89c6\u56fe\u2192\u5de5\u5177\u680f\u2192\u56fe\u7247\u201d\u547d\u4ee4\uff0c\u5c55\u5f00\u201c\u56fe\u7247\u201d\u5de5\u5177\u680f 3\u3001\u9009\u4e2d\u4e00\u79cd\u70ed\u533a\u7c7b\u578b\uff08\u5982\u201c\u957f\u65b9\u5f62\u201d\uff09\uff0c\u7136\u540e\u5728\u56fe\u7247\u4e0a\u62d6\u6765\u51fa\u4e00\u4e2a\u70ed\u533a\uff0c\u6b64\u65f6\u7cfb\u7edf\u81ea\u52a8\u5f39\u51fa\u201c\u63d2\u5165\u8d85\u94fe\u63a5\u201d\u5bf9\u8bdd\u6846 4\u3001\u5728\u201c\u5730\u5740\u201d\u680f\u4e0a\u8f93\u5165\u8981\u94fe\u63a5\u7684\u7f51\u5740;\u70b9\u51fb\u201c\u5c4f\u5e55\u63d0\u793a\u201d\u6309\u94ae\u6253\u5f00\u201c\u8bbe\u7f6e\u5c4f\u5e55\u8d85\u94fe\u63a5\u63d0\u793a\u201d\u5bf9\u8bdd\u6846\uff0c\u8f93\u5165\u4e00\u4e9b\u8bf4\u660e\u5b57\u7b26 \u6ce8\u610f\uff1a\u6b64\u5904\u7684\u201c\u5c4f\u5e55\u63d0\u793a\u201d\u540cDreamweaver MX\u201c\u66ff\u4ee3\u201d\u529f\u80fd\u4e00\u6837\u3002 4\u3001\u540c\u7406\uff0c\u91cd\u590d\u4e0a\u8ff03\u30014\u6b65\u7684\u64cd\u4f5c\uff0c\u53ef\u4ee5\u5728\u56fe\u7247\u7684\u4e0d\u540c\u90e8\u4f4d\u5efa\u7acb\u591a\u4e2a\u70ed\u533a\u3002
\u4ecePS\u91cc\u4fdd\u6301JPEG\uff0c\u5bfc\u5165\u5230Dreamweaver\uff0c\u505a\u81ea\u5df1\u7684\u505a\u7684\u70ed\u533a\uff0cMAP\u8981\u547d\u540d\uff08\u5355\u4e00\u6027\u975e\u5e38\u91cd\u8981\uff09\uff0c\u5168\u90e8\u4ee3\u7801\u505a\u597d\u5b58\u8d77\u6765\uff0c\u7136\u540e\u628a\u8fd9\u5f20\u56fe\u4e0a\u4f20\u5230WEB\u7a7a\u95f4\uff0c\u672c\u5730\u56fe\u7247\u5728web\u4e0a\u662f\u4e0d\u4f1a\u51fa\u73b0\u7684\u3002\u5728\u4e0a\u4f20\u56fe\u7247\u5230\u7f51\u7ad9\u7a7a\u95f4\u7684\u540e\uff0c\u70b9\u51fb\u53f3\u952e\uff0c\u6709\u4e00\u4e2a\u5c5e\u6027\uff0c\u5c5e\u6027\u91cc\u9762\u6709\u56fe\u7247URL\uff08\u5c31\u662f\u94fe\u63a5\u8def\u5f84\uff09\uff0c\u590d\u5236\u4ee5\u540e\uff0c\u628a\u521a\u521a\u5728DREAMWEAVER\u91cc\u9762\u4fdd\u5b58\u597d\u7684\uff0c\u627e\u5230file\u6587\u4ef6\u540e\u7684\u94fe\u63a5\uff0c\u628aweb URL\uff0c\u66ff\u6362\u6210http:\u4ee5\u540e\u7684\u94fe\u63a5,\u518d\u590d\u5236\u6240\u6709\u4ee3\u7801,\u5728\u6dd8\u5b9d\u53f3\u4fa7\u70b9\u51fb\u9875\u9762\u8bbe\u7f6e.\u52a0\u4e00\u4e2a\u81ea\u5b9a\u4e49\u6a21\u5757,\u7c98\u5e16,\u9884\u89c8\u5c31\u6210\u529f\u4e86,(\u53e6\u5916\u8fd8\u6709\u6ce8\u610f\u4e00\u70b9,\u5f88\u591a\u56fe\u7247\u7a7a\u95f4\u662f\u4e0d\u80fd\u5916\u94fe\u7684,\u6bd4\u5982\u6821\u5185,QQ.\u897f\u7960.\u63a8\u8350\u6dd8\u5b9d\u56fe\u7247\u7a7a\u95f4,\u6216\u8005BABIDOU.)
1、打开Dreamweaver软件,插入一张图片ctrl+alt+I。
2、选中图片,这时就会在下面出现关于图片的属性面板,在属性面板的左下角会出现热点工具。选择工具直接在图片上进行绘制。
3、绘制完成后就要进行添加连接的操作即可。
4、添加的链接又有很多种,下面简单的介绍最常用的常用的几种情况。
(1)锚点链接。如果网页添加了锚点并且制作的链接想要链接到锚点上的话就直接在链接地址中输入#加锚点的名即可。
(2)链接到站内网页。做一个网站不可能只做一张网页,肯定会有很多的网页组成一个网站,那么就要向将热点链接到站内的网页上。选择链接地址后面的指向文件,将指针拖动到你要连接的网页上即可。保存,按下F12键进行预览即可。
(3)链接到站外,直接将热点链接到互联网上,可以在链接中直接输入地址就可以了,注意的是地址中一定要与http://开头。输入地址后选择目标的打开方式,然后保存,预览即可。
有啊 点中图片 看它的属性 左下角有三种热点工具
绛旓細1.鎵撳紑Dreamweaver杞欢搴旂敤绋嬪簭锛岃繖閲岀敤鐨勬槸cs6鐗堟湰銆2.鎵撳紑鈥滄枃浠垛濊彍鍗曪紝鍦ㄤ笅鎷変腑鎵惧埌鈥滄柊寤(N)鈥,鎴栬呯敤蹇嵎閿"ctrl+n"鏉ョ洿鎺ユ柊寤轰竴涓猦tml鏂囨。銆3.鍦ㄦ柊寤虹殑html鏂囦欢涓婏紝鎴戠偣寮鐨勬槸鈥滄媶鍒嗏濇ā寮忥紝鎵浠ュ乏渚ф樉绀虹殑鏄唬鐮侊紝鍙宠竟鏄晥鏋滐紝杩欐牱鍙互鍦ㄥ乏杈瑰啓浠g爜锛屽彸杈归瑙堛4.鍦―reamweavercs6涓凡缁忔病鏈...
绛旓細HR锛堟按骞崇嚎锛夊湪鏂囨。涓厜鏍囨墍鍦ㄥ鎻掑叆姘村钩绾裤 Navigation Bar锛堝鑸爮鎸夐挳锛夋彃鍏ヤ竴缁勭敤浜庣珯鐐瑰鑸殑鍥惧儚銆 Layer锛堝眰鎸夐挳锛夊垱寤哄眰銆傚崟鍑昏鎸夐挳锛岀劧鍚庡皢榧犳爣鎸囬拡绉诲姩鍒版枃妗g獥鍙d腑鎷栧姩锛屽嵆鍙畾涔夊眰鐨勫ぇ灏忓拰浣嶇疆銆傚湪榛樿鎯呭喌涓嬶紝Dreamweaver鍒涘缓鐨勫眰鐢盌IV鏍囪瀹氫箟銆備娇鐢ㄥ睘鎬ф鏌ュ櫒閫夋嫨涓嶅悓鏍囩锛屾垨鏀瑰彉灞傚弬鏁扮殑榛...
绛旓細1.棣栧厛鍙屽嚮dreamweaverCS5蹇嵎閿浘鏍囨墦寮銆傦紱2.鏂板缓涓涓狧TML鏂囨。锛屽湪鑿滃崟鏍忎腑鎵惧埌鈥滄枃浠垛濆苟鍗曞嚮锛岄夋嫨鈥滄柊寤衡锛3.鍦ㄦ墦寮鐨勬柊寤烘枃妗g獥鍙d腑锛屼緷娆¢夋嫨鈥滅┖鐧介〉鈥濃斺淗TML鈥濓紝鍏朵腑鐨勬枃妗g被鍨嬮夋嫨鈥淴HTML1.0transitional鈥,鏈鍚庡崟鍑烩滃垱寤衡濇寜閽傦紱4.鍦ㄨ彍鍗曟爮涓崟鍑烩滀慨鏀光濆苟鍗曞嚮锛岄夋嫨鈥滈〉闈㈠睘鎬р濓紱5....
绛旓細1銆侀鍏堝湪鐢佃剳涓惎鍔dreamweaver杞欢锛屾柊寤轰竴涓狧TML锛屾病鏈塇TML闈欐佺綉椤靛熀纭鐨勫彲浠ュ垏鎹㈠埌瀹炴椂瑙嗗浘銆3銆佹帴涓嬫潵鐐瑰嚮涓婃柟鐨勬彃鍏ヨ彍鍗曟寜閽紝濡備笅鍥炬墍绀恒4銆佹帴涓嬫潵鐐瑰嚮浜岀骇鑿滃崟椤圭洰鍒楄〃锛屽涓嬪浘鎵绀恒5銆佺劧鍚庡湪椤甸潰涓緭鍏ュ唴瀹癸紝鍐欏畬涓鍙ュ彲浠ュ洖杞︼紝绗﹀悎浼氳窡鐫涓嬫潵锛屽涓嬪浘鎵绀哄氨瀹屾垚浜嗐
绛旓細1銆 棣栧厛鍙屽嚮鎵撳紑dreamweaver杞欢銆2銆佸叾娆$偣鍑绘柊寤篽tml椤甸潰銆3銆佹渶鍚庡湪鏍忕洰椤堕儴鎵惧埌鎻掑叆杩欎釜鏍忕洰锛屾寜鐓ф爣璁版搷浣溿
绛旓細銆愮瓟妗堛戯細1.鎵撳紑Dreamweaver杞欢锛屽垱寤轰竴涓狧TML鏍煎紡鐨勬枃妗c2.閫夋嫨瀵艰埅涓鏍忎腑鐨勨滄彃鍏モ濋夐」銆3.鍦ㄢ滄彃鍏モ濋夐」鐨勪笅鎷夎彍鍗曚腑锛岄夋嫨鈥滃浘鍍忊濊彍鍗曟爮閲岀殑鈥滃浘鍍忊濋夐」銆4.姝ゆ椂锛屾枃妗d腑锛屼腑浼氬嚭鐜颁竴涓爣绛撅紝鏍囩鐨剆rc灞炴у唴浼氳嚜鍔ㄥ姞鍏ヨ鍥剧墖鐨勮矾寰勩傜偣鍑诲鑸爮涓滄枃浠垛濊彍鍗曚腑鐨勨滀繚瀛樷濄5.璺宠浆鑷筹紝鍦...
绛旓細绗竴姝:鎵撳紑杩欎釜杞欢锛屽湪鑿滃崟鏍忎腑閫夋嫨鈥滅紪杈戔-鈥滈閫夐」(P)鈥濄傜浜屾:鍦ㄤ笅闈㈢殑閫夋嫨妗嗕腑锛岄夋嫨鏈鍚庝竴涓滃瓧浣撯-鈥滅畝浣撲腑鏂団-Resize-OK銆DW缃戦〉鐨勫瓧浣撳ぇ灏鎬庝箞璁剧疆锛1銆佺敤鐨勭増鏈槸CS6锛岄鍏堟垜浠墦寮Dreamweaver杞欢锛屾柊寤轰竴涓狧TML鏂囨。銆2銆佺劧鍚庡啓涓浜涙祴璇曠殑浠g爜锛屼繚瀛樹竴涓嬨3銆佷箣鍚庡氨鏄皟鏁村瓧浣撳ぇ灏...
绛旓細鏈枃涓哄ぇ瀹朵粙缁嶄竴涓Dreamweaver琛ㄥ崟涓濡備綍鎻掑叆鏂囨湰妗嗐備竴銆佹彃鍏ュ崟琛屾枃鏈煙鎴栧瘑鐮佸煙1. 鐐瑰嚮榧犳爣锛屽皢鍏夋爣瀹氫綅鍦ㄨ〃鍗曟绾垮唴锛岀偣鍑烩滄彃鍏モ濊彍鍗曪紝閫夋嫨鈥滆〃鍗曗濋」锛屽湪寮瑰嚭鐨勫瓙鑿滃崟涓夋嫨鈥滄枃鏈煙鈥濆懡浠ゃ傛垨鑰呭湪鈥滄彃鍏モ濋潰鏉夸腑閫夋嫨鈥滆〃鍗曗濋」锛岀偣鍑烩滄枃鏈瓧娈碘濆浘鏍囷紝濡備笅鍥炬墍绀猴細鐐瑰嚮鈥滅獥鍙b濊彍鍗曪紝閫夋嫨鈥滄彃鍏...
绛旓細浠婂ぉ灏嗘暀澶у瀛︿細濡備綍鍦椤甸潰涓彃鍏lash鍔ㄧ敾锛孎lash鍔ㄧ敾鏍煎紡鏈塻wf鍜孎lv锛屾湰绡囨暀绋嬩富瑕佹槸浠wf鏍煎紡涓轰緥杩涜璁茶В;1銆侀鍏堟墦寮Dreamweaver锛屾柊寤轰竴涓珯鐐癸紝鍐嶉氳繃HTML鍦ㄧ珯鐐逛笅鍒涘缓涓涓柊椤圭洰銆2銆佸皢鏂板缓鐨刪tml椤圭洰杩涜淇濆瓨锛屾柊寤衡斾繚瀛(濡傚浘2鎵绀)锛屽皢鏂囦欢淇濆瓨鍦ㄧ珯鐐逛腑锛屽苟鍛藉悕涓衡渋ndex鈥(濡傚浘3鎵绀)銆傝繖閲...
绛旓細宸ュ叿鍘熸枡锛氱‖浠讹細鐢佃剳銆傝蒋浠讹細Dreamweaver銆1銆佹墦寮杞欢鍒涘缓浠绘剰椤圭洰銆2銆佺偣鍑荤鐞嗙珯鐐癸紝閫夋嫨鏂板缓绔欑偣銆3銆佽緭鍏ョ珯鐐瑰悕绉板拰淇濆瓨鏂囦欢鐨勮矾寰勫湴鍧銆4銆佽緭鍏ュ浘鐗囬粯璁よ矾寰勭偣鍑讳繚瀛樺畬鎴愬缓绔嬨