導航:首頁 > 萬維百科 > 網頁設計圖片創建錨點

網頁設計圖片創建錨點

 發布時間：2020-09-14 06:46:12

1、關於網頁設計錨點設置

點擊右邊的窗口，勾選插入就有了。

2、網頁設計如何讓加錨點鏈接？

錨點就是 點開A點鏈接，到了同一個頁面的B位置。比如在頁面最上方點擊跳到了頁面最下方。
A點用代碼 <a href="#chaoqite">xxx旗艦店</a>
B點用代碼<a name="chaoqite"></a>

兩處chaoqite字元可以根據自己定義名稱，但一定要同樣的哦，xxx旗艦店6個字根據自己需要取名。

3、怎麼給網頁中的圖片加錨點，用DW還是需要別的工具

給網頁中的圖片加錨點的方法

1、同頁面:Html代碼

不同頁面:Html代碼

添加錨點就是為了在同一個頁面方便快捷地找到相應位置，所以要確定在同一個頁面打開才好，
2.只要是跳到同一個地方，錨點名稱必須是一樣的。
3.添加錨點，起始位置和結束位置必須都是用<a></a>標記來寫的，前面是用href="#錨點名"，後面是name="錨點名"；


4、誰會做網頁設計。。。。

首先確定你要做一個什麼樣的網站；
然後確定網站分哪幾個模塊，具體結構是怎樣；
美工按照你的思路設計網頁效果圖；
圖片切割，製作靜態效果頁面；
編寫代碼實現動態功能（如果就靜態的話就不需要了）。。。

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

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等應用程序時，在瀏覽器中點擊超鏈接，會出現文件下載的對話框。這時只要選中「在當前位置打開」，就會打開相應的應用程序窗口。這樣的網頁課件既適用於輔助教師的課堂教學，也適用於學生自學。

6、HTML網頁設計:如何設計點擊圖片後跳轉到另外一個頁面的指定位置？

設置錨點 

跳轉到錨點 

…… 

當然這個是沒有動畫效果的，需要js css才能實現動畫 

搜索html的錨點連接

從一個頁面跳轉到另一個頁面的指定位置 如果不帶平滑移動的效果 很容易 加個 錨點就行了  比如 想跳到 mao.aspx 的頁面 的div id="s" 的位置  那麼 只用<a href="mao.aspx#s">  就可實現跳轉到指定位置

現在為了增加用戶體驗  跳轉到頁面後  平滑移動到該位置  怎麼做呢  其實也很簡單啦  那邊傳遞過來一個 要跳轉到哪個div的參數就行

先上一段 頁面獲取參數的 通用js

代碼很簡單 就是根據當前url 獲取其中想要的參數的值。

7、在網頁設計中怎麼使用錨點？

創建錨鏈接
錨就是在文檔中設置位置標記，並給該位置一個名稱，以便引用。通過創建錨點，可以使鏈接指向當前文檔或不同文檔中的指定位置。錨點常常被用來跳轉到特定的主題或文檔的頂部，使訪問者能夠快速瀏覽到選定的位置，加快信息檢索速度。
1、設置錨點
把游標置於文檔窗口想要設置錨點的地方，點擊插入面板中」常用」／」常用錨記」。在彈出的對話框中起一個錨名字。
2、創建錨點鏈接
選擇要建立鏈接的文本或圖像，在屬性面板的鏈接中輸入一個#號和錨點名。例如：#aa。 要鏈向不同頁面中的錨點，則點擊鏈接邊的文件夾小圖標，在打開對話框中選擇要鏈接的文件，按"確定"鍵後在"屬性"面板的鏈接欄中會顯示鏈接的文件地址，在地址後面緊跟著輸入＃號和錨名字，

8、HTML代碼中什麼是錨點？怎麼設置錨點？

對於網頁製作初學者來說錨點應當是個很新鮮的詞，但是在我們瀏覽網頁的時候確實經常可以見到的。現在就給大家介紹一下錨點是什麼以及怎麼設置錨點吧。

錨點是什麼？

在W3C標准字「Anchor」一詞即為錨點，其解釋為：資源中的某個區域可以是零個、一個或多個鏈接的目標或源。錨點可以引用整個資源，或者的特定部分，或者資源的特定表現形式。

通俗的理解：錨點是一種超鏈接，只是它是頁面內部的超鏈接。比如我們有一個網頁很長很長，而且裡面的內容，可以分為N個部分。這樣的話，我們就可以在網頁的頂部設置一些錨點，這樣便可以方便瀏覽者點擊相應的錨點，到達本頁內相應的位置，而不必在一個很長的網頁里自行尋找。 

怎麼設置錨點？

首先打開製作網頁的工具，現在很多軟體都可以用來製作網頁，像是eclipse、myeclipse、Dreamweaver、visual studio等等，都是很好用的軟體，ide。

打開一個HTML頁面，不同的軟體有不同的打開方式，下面是用Adobe Dreamweaver軟體來打開一個頁面的。

基本代碼如下所示。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>無標題文檔</title>

</head>

<body>

</body>

</html>

在body裡面填寫如下的代碼。

<body>

<a href="q.html#p1">文字1</a>

<a href="q.html#p2">文字2</a>

<a href="q.html#p3">文字3</a>

<a name="p1"></a>

<p>p1段落</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<a name="p2"></a>

<p>p2段落</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<a name="p3"></a>

<p>p3段落</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

</body>

5

錨點的格式代碼

<a name="p3"></a>

<p>p3段落</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

6

運行結果如下所示：

點擊【段落2】會立馬跳轉到段落2中。

9、在網頁設計中怎麼使用錨點

創建錨鏈接
錨就是在文檔中設置位置標記，並給該位置一個名稱，以便引用。通過創建錨點，可以使鏈接指向當前文檔或不同文檔中的指定位置。錨點常常被用來跳轉到特定的主題或文檔的頂部，使訪問者能夠快速瀏覽到選定的位置，加快信息檢索速度。
1、設置錨點
把游標置於文檔窗口想要設置錨點的地方，點擊插入面板中」常用」／」常用錨記」。在彈出的對話框中起一個錨名字。
2、創建錨點鏈接
選擇要建立鏈接的文本或圖像，在屬性面板的鏈接中輸入一個#號和錨點名。例如：#aa。 要鏈向不同頁面中的錨點，則點擊鏈接邊的文件夾小圖標，在打開對話框中選擇要鏈接的文件，按"確定"鍵後在"屬性"面板的鏈接欄中會顯示鏈接的文件地址，在地址後面緊跟著輸入＃號和錨名字，

10、網頁設計插入圖片鏈接

為什麼不用代碼去寫了，想插入圖片鏈接就這樣寫<a herf="鏈接地址"><img src="圖片地址"/></a>
你不用看那個視圖模式的，那玩意一點都不準確，在dw看的很整齊的頁面，在瀏覽器上面就亂了，在瀏覽器很整齊的頁面，在它裡面看就可能是亂的。

dw只是個編輯工具，做網站是要學習代碼的，比如div+css，用div布局，css控制樣式，這樣是不會亂的。我建站五年了，用dw就只是編輯代碼的，dw的好多功能都不知道，因為壓根沒用。

與網頁設計圖片創建錨點相關的知識