網站設計如何將超鏈接放在圖片中

Ⅰ 怎麼給圖片加上超鏈接

圖片添加超鏈接可以使用a標簽將img標簽包裹，如下：

<ahref="#"><imgsrc="image.jpg"/></a>

其中src為圖片的URL，根據圖片的URL填寫

href為超鏈接的地址，當點擊圖片後會跳轉到此地址上，根據具體情況修改即可

Ⅱ 怎麼給一個網頁的圖片加一個超鏈接

安裝並啟動dreamweaver
進入設計視圖
插入圖像
選擇需要局部設置超鏈接的圖片(期間,直接點確定即可)
切換到拆分視圖,滑鼠點擊圖片,選中。此時,會在下面屬性看到圖像熱點區的三種工具。
根據需要,我們點擊第一個圖標,矩形熱點工具。此時會看到滑鼠變成一個十字形。
在需要設置超鏈接的區域,進行框選。
選中完成之後,在下面屬性,鏈接處輸入鏈接地址(或者粘貼鏈接地址)。
按下ctrl+s保存文件,按下F12進行測試,此時可以看到,剛才框選的矩形區域已經變成了可以點擊的超鏈接形式了!採納喲

Ⅲ 怎樣在網頁建立一個圖片超鏈接

1、建立同一網頁內的鏈接
在網頁的某個位置插入書簽使用書簽超鏈接，這樣不但可以在同一網頁內建立鏈接關系，還可以從一個網頁的某一位置鏈接到同一站點內另一個網頁的任意一個書簽位置。在製作網頁時，通過較好地組織書簽鏈接，瀏覽者無需使用滾動條或翻頁鍵即可實現站點內各網頁位置的任意跳轉。要在鏈接目標位置上插入「書簽」。選擇「插入」→「書簽」，然後再為需要鏈接的對象創建「書簽超鏈接」。
2、建立兩相已有頁面間的超鏈接
如果要鏈接到自己在電腦里做的某個網頁，就單擊上圖窗口中URL後第二個「鏈接到本地計算機文件」按鈕，再點「確定」就可以了。
3、建立鏈接到Internet上的超鏈接
在上圖創建超鏈接對話框的URL下拉列表框中，輸入網頁文件的位置及名稱或輸入要鏈接的站點的地址，如 http://www.sina.com.cn/，點擊超鏈接，瀏覽者就可以從一個網頁轉到另一個網頁，從一個站點轉到轉到其它的站點。
4、建立E-mail超鏈接
可在上圖中，選擇E-mail鏈接，在彈出的E-mail窗口中輸入電子郵件地址，如[email protected]或在URL下拉列表框中輸入mailto:[email protected],單擊超鏈接則會自動打開預設的電子郵件程序轉寫新郵件（Frontpage默認用Outlook）。學生瀏覽了網頁後，可以發送電子郵件與教師進行交流了。
5、建立一指向新頁的鏈接
在上圖超鏈接窗口中選擇最後一個按鈕，新建一個頁面並保存，此超鏈接就指向這一頁面。
其他超鏈接形式：（擴展知識）
1、超鏈接到多媒體文件。（1）在Frontpage中超鏈接目標的多媒體文件可以是圖片、聲音、視頻、動畫。當超鏈接到圖片時，瀏覽者單擊超鏈接，在屏幕上會出現單獨的這幅圖片，使用這樣的超鏈接可以減少網頁文件的大小。如果所製作的課件中有許多的圖片，將這些圖片大小不變地放入到網頁文件中，會導致網頁文件過大，影響整個網頁的下載速度。筆者在製作時將這些圖像放在網頁中，每一幅縮微圖都超鏈接到原來的圖片文件，瀏覽者點擊超鏈接就可以打開整幅圖片，看到該圖像的原來樣子。（2）在網頁中使用聲音、視頻多媒體文件可以通過三種方法實現即直接插入（聲音用設置背景音樂的方法）、使用插件在網頁中嵌入和超鏈接到多媒體文件。<1>當插入視頻文件時，視頻文件的第一幀會像普通圖像一樣顯示在網頁中，用戶可以設置和控制視頻文件的播放方式。使用插件嵌入聲音或視頻文件，在網頁中會顯示一組控制項，表示這里有視頻或聲音文件。<2>在頁面上嵌入音頻文件，用戶可以通過音頻控制項控制它的播放和停止，而且不必下載聲音文件或使用外部播放軟體。在頁面上其嵌入音頻文件的方法一般適用於在網頁中需要播放的聲音和音樂較多、使用音樂較頻繁的情況。<3>第三種方式是通過超鏈接到聲音、視頻文件，點擊超鏈接時，音頻、視頻文件必須完全下載到用戶端計算機的臨時文件中才能用相應的播放軟體看或聽這個文件。使用超鏈接到多媒體文件有一個優點就是多媒體文件與普通網頁元素相互獨立，設計時不必考慮它在網頁中的布局是否協調、匹配。其缺點是超鏈接的多媒體與其它頁面元素不能融為一體，並且需要較多的下載時間。由於多媒體文件會佔用較多的帶寬和磁碟空間，所以網頁上所用的多媒體文件要經過精心的製作和選擇，要短小精悍。一般嵌入式多媒體文件的大小應控制在100KB以內，超鏈接的聲音文件需小於或等於20KB。
2、超鏈接到Office文檔。Frontpage的超鏈接可以指向Office文檔。當超鏈接的地址指向一個Word文檔或Excel文檔時，點擊超鏈接可以打開Word或Excel窗口進入該文檔的編輯狀態，並可以進行編輯、存檔等操作。這就為製作 Word\Excel內容的教學網頁課件提供了方便。在製作課件時，一方面用Forntpage設計製作有關Word、Excel的教學內容、教學要點的網頁，另一方面利用超鏈接指向具體的文檔，學生通過超鏈接進入編輯狀態，可以邊看教學網頁中的設計要求邊進行設計製作或練習Word、Excel的基本操作，這樣就把教、學、練有機地結合了起來。
3、如果把Frontpage的超鏈接指向一個PowerPoint演示文稿，瀏覽者點擊超鏈接將直接進入到該文稿的放映狀態；要結束文稿的放映，只要點擊瀏覽器窗口中的後退按鈕或鍵盤上的退格鍵，就會返回到超鏈接源所在的那個網頁。
4、如果要在網頁中設計製作能控制的背景音樂，就比較困難。在Frontpage中把音樂作為背景音樂嵌入到網頁中，音樂的播放、停止都無法控制，而且還會影響網路的傳輸速率，所以一般網頁中均不加背景音樂。這個問題在PowerPoint中很容易解決。PowerPoint 自帶的媒體播放機支持許多格式聲音文件的播放。如果要給某一頁面配樂，只需在該頁面上插入聲音文件按鈕。放映時點擊按鈕就能播放聲音。因此，在製作網頁課件時將Frontpage與PowerPoint結合起來，把需要豐富動畫效果或需要配音的頁面用PowerPoint來設計製作，在 Frontpage中超鏈接到該演示文稿，瀏覽時點擊超鏈接直接反映該文稿，網頁效果與演示效果就可以有機地結合起來，最終使課件產生非常生動的教學效果。
5、超鏈接到其它應用程序 。Frontpage還可以將超鏈接指向一個應用程序。當Frontpage超鏈接到如Authorware.exe或Flash.exe等應用程序時，在瀏覽器中點擊超鏈接，會出現文件下載的對話框。這時只要選中「在當前位置打開」，就會打開相應的應用程序窗口。這樣的網頁課件既適用於輔助教師的課堂教學，也適用於學生自學。

Ⅳ 如何給圖片加超鏈接。

在網頁中,如果某個文字要鏈接到其他頁面,或者某個錨點,用<a
href="鏈接的網址或者錨點名稱就可以了",但是如果用圖片鏈接的話,那就要用<img>這個標簽,如果是按鈕的話,那就要用location.href="要鏈接的路徑",希望可以幫助您,謝謝。

Ⅳ 怎麼把一個超鏈接弄到圖片上，別人點擊圖片就會出現另一個網頁

在PPT中就可以為圖片設置網頁的超鏈接的。
首先在幻燈片中插入要使用的圖片。然後在圖片上點擊滑鼠右鍵，在右鍵菜單中選擇超鏈接。在彈出的超鏈接設置對話框中輸入要使用的網址然後點擊確定就行了。

Ⅵ 怎麼把鏈接弄在圖片里

你是在個人網頁還是word里要實現這種功能？如果是網頁是需要利用html語言。也可以利用網頁製作軟體，比如Dreamwaver等。如果是在word里實現這種功能，你可以採用在word文檔中插入」超鏈接「，讓鏈接網址為你想要指定的網址。然後在word超鏈接文本中插入一張你想要的圖片。如果要訪問網址，需要按住Ctrl+圖片。

Ⅶ 怎麼在圖片中嵌入一個超鏈接

第一種背景圖片超鏈接
<a href="http://www..com" title="" target="_blank" class="adTopImg" style="background:url(http://www..com/);"></a>
第二種直接超鏈接
<a href="http://www..com" title="知道" target="_blank" >
<img src="圖片路徑" alt="知道">
</a>

Ⅷ 如何在網站上的圖片加上超鏈接

• 首先在桌面新建一個文本文檔

• 然後獲取圖片超鏈接代碼，在這里給大家提供：代碼：<a href="你要鏈接到的地址"target="_blank"><img src="圖片地址URL"width="寬度" height="高度" alt="圖片說明"border="0"></a>

• 下面要獲取要製作超鏈接的圖片地址,比如以一個網頁圖片為例，如何准確提起圖片地址呢,

• 然後添加代碼：

• 保存文件名後綴一定要以html結尾

Ⅸ 怎樣給圖片添加超鏈接

這里以給word中的圖片添加超鏈接，具體的操作步驟如下：

1、首先打開電腦上的word文件。