小學網頁超鏈接教學設計

1、簡述在網頁設計中製作超鏈接的類型

超級鏈接分為以下幾種類型：內部鏈接：同一網站文檔之間的鏈接。 外部鏈接：不同網站文檔之間的鏈接。 錨點鏈接：同一網頁或不同網頁中指定位置的鏈接。 E-mail鏈接：發送電子郵件的鏈接。

2、製作網頁時如何做超級鏈接

方法如下：
1.如果你是記事本編寫，把所要編寫為超鏈接的文字放入標簽
超鏈接顯示的文字
，這樣即可。
2.如果你是用的軟體，一般都有設置超鏈接的地方，如Dreamweaver，在底邊欄或者右鍵就可以直接設置為超鏈接。
希望我的回答可以幫助你。

3、網頁超鏈接怎麼弄

網頁超鏈接可以在word中實現，這里以word 2013版本為例，實現網頁超鏈接的方法如下：

1、首先在word的空白地方輸入你要直接打開的網頁地址，在這里以「http：//baidu.com」為相關的例子。

2、接下來在頁面的上方選擇【插入】。

3、進入到插入的頁面以後，然後在彈出來的頁面選擇【超鏈接】。

4、最後在此頁面的地址欄目輸入此網址的正確地址，然後點擊【確定】即可在WORD的頁面實現網頁超鏈接的功能了。

4、網頁製作中需要加超鏈接應該怎樣做

網頁製作中需要加超鏈接要使用<a>標簽。

在HTML中標簽<a></a> 或者大寫字母A 。其中的a（或者 A） 是 anchor 的縮寫 。anchor ['&aelig;ŋkə] 基本解釋是.：錨, 鐵錨 的。

這些標簽的作用是標明超連接的起始位置或目的位置。

<a> 標簽可定義錨。錨 (anchor) 有兩種用法：

通過使用 href 屬性，創建指向另外一個文檔的鏈接（或超鏈接）通過使用 name 或 id 屬性，創建一個文檔內部的書簽（也就是說，可以創建指向文檔片段的鏈接）<a> 元素最重要的屬性是 href 屬性，它指定鏈接的目標。

在所有瀏覽器中，鏈接的默認外觀是：

未被訪問的鏈接帶有下劃線而且是藍色的已被訪問的鏈接帶有下劃線而且是紫色的活動鏈接帶有下劃線而且是紅色的

示例：

1. <a href="#">關鍵詞</a>

2. <a name="a00">關鍵詞</a>

(4)小學網頁超鏈接教學設計擴展資料

html中a標簽的屬性介紹：

a標簽實例：

HTML 文檔內部的已命名的錨：

<a name="tips">Useful Tips Section</a>然後，我們創建指向相同文檔中「有用的提示」部分的鏈接：

<a href="#tips">Visit the Useful Tips Section</a>或者，創建從另一個頁面指向該文檔中「有用的提示」部分的鏈接：

<a href="url/#tips">Visit the Useful Tips Section</a>在上面的代碼中，我們將 # 符號和錨名稱添加到 URL 的末端，就可以直接鏈接到 tips 這個命名錨了。

5、創建主頁與奧運頁面的鏈接教案

1、課程標准內容
了解超鏈接的相關知識，掌握設置超鏈接的基本方法；
2、教材作用與地位
這部分的主要內容是理解超鏈接的概念，掌握建立超鏈接的多種方法。重點在於讓學生掌握超鏈接的類型和創建方法。在本節之前，根據建站時的規劃，單個網頁都已完成，而如何利用超鏈接將這些獨立的頁面「串」起來，形成一個有機的整體，就顯得尤為重要。可以說這部分內容在這一單元中起到了畫龍點睛的作用。
二、教學對象分析
在前面的學習中，學生都能獨立的完成單個網頁的製作，所以對軟體的環境已很熟悉。同時在建站時有過規劃，所以學生對站點內各頁面以及相互聯系也比較熟悉。
三、教學目標：
1、知識與技能
（1）了解超鏈接的基本概念
（2）掌握同一站點內不同網頁間及不同對象上的超鏈接的製作方法
（3）掌握同一頁面中超鏈接的製作方法
（4）掌握不同站點間超鏈接的製作方法及Email鏈接的製作方法
2、過程與方法
通過設置超鏈接的操作，使學生掌握網頁中超鏈接的製作方法，總結出操作的規律，培養學生自主學習和協作學習的能力。
3、情感態度
通過利用設置超鏈接將獨立的網頁串成一個有機的整體，使學生感受成功的喜悅。
四、教學重點：
（1）超鏈接的含義；鏈接源、鏈接目標的含義
（2）根據需要選擇適當超鏈接類型
五、教學難點：
（1）書簽鏈接的名稱及對應鏈接位置的設定
（2）圖片中熱點鏈接的設置
六、教學方法：
講解與演示法、任務驅動法、討論法、自主探究法
七、教學准備：
為每位學生准備網站內部鏈接結構圖一張
八、教學過程：
（一） 情景導入
師：請同學們來欣賞一個網站，這是2008年全國中小學電腦製作優秀作品之一。
生：做的真漂亮
師：大家在瀏覽網站時靠什麼在各個不同的網頁之間跳轉呢？
生：超鏈接
師： 我們今天這節課的任務就是運用超鏈接將我們做好的零散頁面組合成一個有機的整體，形成一個真正意義上的網站。
（二） 新授
師：（啟動frontpage，打開站點，請大家觀察手中的網站內部鏈接結構圖）前面我們在規劃和設計站點的時候，希望整個站點的8個頁面有圖中所示的鏈接。以圖中第一個鏈接為例：我們希望單擊首頁中的「奧運發展歷程」這幾個字，能夠迅速跳轉到「發展（fazhan.htm）」這個頁面，這里涉及到兩個對象，我們分別稱之為「鏈接源」、「鏈接目標」。（提問）從字面上來理解，這里的「奧運發展歷程」幾個字是鏈接……、頁面「發展（fazhan.htm）」是鏈接……，而中間用來連接鏈接源和鏈接目標的這根線就是超鏈接，下面我們來看具體如何實現：（操作）選中鏈接源、插入超鏈接、確定鏈接目標，在統一資源定位符URL框中顯示的就是我們剛剛選中的鏈接目標。

6、網頁超鏈接怎麼做

?

7、求一份網頁製作簡單的網頁，有超鏈接，急的，謝謝

以下網頁製作軟體 ，按提示安裝完成即可永久使用,支持全部WIN系統:
傻瓜網頁製作，小朋友都可以用的：http://biso.cn/soft/411.htm
DreamweaverMX 軟體及教程的安全下載：http://biso.cn/soft/281.htm
DreamweaverCS4 軟體及教程的安全下載：http://biso.cn/soft/396.htm
DreamweaverCS5 軟體及教程的安全下載：http://biso.cn/soft/397.htm
FRONTPAGE通用版 軟體及教程的安全下載：http://biso.cn/soft/379.htm
WIN7、WIN8用戶選擇軟體，點滑鼠右鍵，選擇以管理員身份運行

8、簡述製作網頁時設置超鏈接的一般方法 ，

1、a標簽是行內元素。 設置偽元素。

2、去掉下劃線：text-decoration:none。

3、設置「target」屬性_blank 在新窗口中打開被鏈接文檔。-self 默認。在相同的框架中打開被鏈接文檔。_parent 在父框架集中打開被鏈接文檔。_top 在整個窗口中打開被鏈接文檔。

4、設置屬性「name」。一般用於錨點。

5、設置鏈接網址屬性「href」即可。