電子商務網頁設計(第三版)課件匯總全書電子教案完整版課件最全幻燈片(最新)課件電子教案幻燈片

1、電子商務網頁設計（第三版）國家級職業(yè)教育規(guī)劃教材目 錄第 1 章 電子商務網站概述第 2 章 網頁版面設計第 3 章 表格在網頁中的應用第 4 章 層和框架在網頁中的應用第 5 章 網頁特效第 6 章 超鏈接在網頁中的應用第 7 章 網站發(fā)布課件制作謝謝觀看第 1 章 電子商務網站概述 第 1 節(jié) 電子商務網站需求分析 第 2 節(jié) 電子商務網站結構設計 第 3 節(jié) 利用Dreamweaver CS5 創(chuàng)建站點第 1 節(jié) 電子商務網站需求分析 電子商務發(fā)展迅猛，消費者通過網絡進行購物已經成為習慣，使用電子商務網站進行營銷也已經是企業(yè)經營的主要渠道。要建設好電子商務網站，就要掌握網站建設的基本知識

2、和流程，做好網站建設的前期準備工作。1. 網頁和網站 （1）網頁 網頁通常是使用網頁制作工具制作或者使用HTML 語言進行編寫，通過網絡傳播，并被瀏覽器翻譯成為可以顯示出來的集文本、超鏈接、圖像、聲音、動畫、視頻等信息元素為一體的頁面文件。一、電子商務網站建設概述 （2）網站 網站是指根據一定的規(guī)則，使用各種網頁制作工具制作的用于展示特定信息內容的相關網頁的集合。瀏覽者可以通過網頁瀏覽器來訪問網站，獲取自己需要的資訊或者享受網絡服務。對于電子商務網站，客戶通過瀏覽器訪問相關電商網站，瀏覽具體商品網頁了解商品詳細信息來實現交易。2. 電子商務網站建設工具（1）Frontpage和Expressi

3、on Web（2）Dreamweaver3. 商務網站建設流程改版測試通過前期調研，分析需求確定站點整體規(guī)劃硬件軟件搭建調試網頁制作網站測試與排錯網站維護與推廣素材收集、整理素材數字化處理站點新建及設置網站發(fā)布發(fā)現問題二、客戶信息收集1收集的信息內容 （1）企業(yè)自身信息 （2）市場信息 （3）目標客戶信息2搜集信息的方法 （1）資料統(tǒng)計法 （2）現場觀察法 （3）會議收集法 （4）網絡收集法三、客戶需求分析 1需求分析的內容需求分析業(yè)務需求功能需求用戶需要的功能商家需要的功能非功能需求可用性可靠性性能接口需求2.網站功能整合描述包攬?zhí)煜戮W店前臺商品展示購物車訂單結算用戶訂單查詢后臺商品類別管理

4、品牌管理商品管理訂單管理物流管理人員管理四、搜集易買網商城的客戶信息 信息的采集需要通過現場觀察、召開會議、資料統(tǒng)計、問卷調查等方式進行，以全面掌握其公司基本信息、客戶群體資料以及建設網站的目的和網站功能定位。主要工作是填寫網站建設調查表。五、對易買網商城進行需求分析1. 業(yè)務需求2. 功能需求3. 非功能需求4. 接口需求六、易買網商城的功能第 2 節(jié) 電子商務網站結構設計一、網站物理結構1.網站物理結構的概念 網站物理結構指的是網站真實的目錄及所包含文件所存儲的真實位置所表現出來的結構，也就是網站的實際目錄，或者說是文件實際的物理地址。一般來說靜態(tài)網站才有物理結構，動態(tài)網站或偽靜態(tài)網站是不

5、存在物理結構的。2.網站物理結構的類型 網站物理結構有兩種不同的表現形式，一種是扁平式物理結構，另一種是樹形物理結構。1網站目錄結構的概念 網站目錄結構是指建立網站時所創(chuàng)建的文件目錄。 二、網站目錄結構2 . 網站目錄的建立原則（1）不要將所有文件都存放在根目錄下。（2）按主菜單欄目內容建立子目錄。（3）根據更新要求建立和管理次要欄目。（4）在每個目錄下都建立獨立的image 目錄。（5）目錄的層次不要太深。（6）不要使用中文目錄。一般建議使用英文意思的名稱。如images目錄中存放圖像，css目錄存放css樣式表等。三、網站邏輯鏈接結構1. 網站邏輯鏈接結構的概念 網站邏輯鏈接結構也叫作鏈接

6、結構，主要是指網頁頁面之間相互鏈接的關系。邏輯鏈接結構和物理結構的區(qū)別在于，邏輯鏈接結構由網站頁面的相互鏈接關系決定，而物理結構則由網站頁面的物理存放位置決定。 在網站的邏輯鏈接結構中，通常采用“鏈接深度”來描述頁面之間的邏輯關系?！版溄由疃取笔侵笍脑错撁娴竭_目標頁面所經過的路徑數量。2. 網站邏輯鏈接結構基本形式樹狀鏈接結構（一對一）星狀鏈接結構（一對多）3. 網站邏輯鏈接結構的選擇 最好的辦法是：首頁和一級頁面之間用星狀鏈接結構，一級和二級頁面之間用樹狀鏈接結構。四、頁面流程1. 頁面流程的概念 網站設計者為訪問者設計的在瀏覽網站時的瀏覽經歷就是頁面流程。2. 頁面流程設計 （1）功能模塊

7、的劃分 （2）根據功能模塊劃分網站頁面 （3）建立頁面鏈接流程五、設計易買網商城物理結構和目錄結構1. 設計易買網商城物理結構2. 設計易買網商城的目錄結構六、分析易買網商城的邏輯結構1. 功能模塊劃分2. 分析頁面鏈接流程圖第 3 節(jié) 利用Dreamweaver CS5 創(chuàng)建站點一、安裝Dreamweaver CS5二、Dreamweaver CS5簡單使用1. 啟動Dreamweaver CS52. Dreamweaver CS5 工作區(qū)的構成3. Dreamweaver CS5 的工作視圖三、新建和管理易買網商城本地站點1. 新建站點2. 站點信息3. 服務器配置4. 高級設置5. 選擇

8、保存，完成配置四、新建第一個網頁頁面1. 菜單欄中選擇“文件”/“新建”2. 編輯簡單的網頁課件制作謝謝觀看第 2 章 網頁版面設計 第 1 節(jié) 網頁的結構和色彩設計 第 2 節(jié) HTML基礎 第 3 節(jié) 網頁的基本操作第 1 節(jié) 網頁的結構和色彩設計一、網站風格1. 網站風格概述 通過網站的外表、內容、文字等就可以概括出一個站點的風格，這些風格或者是色彩，或者是技術，或者是交互方式，能讓瀏覽者明確分辨出這是該網站獨有的。2. 網站風格的分類功能型展示型二、網頁結構的類型1. “同”字型布局2. “國”字型布局3. T 型布局4. “三”字型布局5. 標題文本型布局6. POP 海報型布局7.

9、 框架型布局三、頁面色彩搭配1. 顏色傳達的信息2. 網頁色彩搭配要注意的問題 （1）使用單色 （2）使用鄰近色 （3）使用對比色 （4）黑色的使用 （5）網頁配色注意事項 1）同一個頁面色彩過于繁雜，會給人造成凌亂的印象。 2）不要將所有顏色都用到，盡量控制在三種色彩以內。 3）背景和前文的對比盡量要大，以便突出頁面主要內容，但是也盡量不要用花紋繁復的圖案和純度很高的色彩作背景。四、易買網商城首頁結構設計1. 繪制布局草圖2. 設置首頁內容3. 在Dreamweaver 中創(chuàng)建布局五、易買網商城頁面色彩搭配1. 網頁的底色2. 文字字型第 2 節(jié) HTML 基礎1. HTML 的概念 超文本

10、標記語言，用于描述網頁（網頁文檔）的語言。每一個頁面的代碼保存為一個網頁源文件（“.html”文件）。 HTML 不是一種編程語言，而是一種標記語言，包括一些定義頁面的文本、圖像、聲音和動畫等內容及其格式的符號，這些符號稱為標記。一、HTML 的概念及作用2. HTML 的作用二、標記的概念及分類1. 標記的概念 （1）HTML 標記是放在尖括號里的關鍵詞，如。 （2）大多數標記都成對出現，如 和。 （3）標記對中的第一個標簽是開始標記（也叫開放標記），第二個標簽是結束標記（也叫閉合標記）。 （4）結束標記和開始標記所用的字符相同，只是前面加一個斜杠，例如， 用于標記一個自然段。 （5）標記可

11、以具有相應的屬性，如size、color、width 等。2. 標記的分類 （1）用來指定網頁上的元素及其格式。 （2）用來指向其他的資源。三、HTML 及標記在網頁中的應用1. HTML 在網頁文檔結構中的應用 HTML 可以用來指明一個網頁文檔的基本結構。頁面HTML 文檔通常由版本信息、文檔頭（head）、文檔主體（body）三部分組成。 （1） 是版本信息說明 （2） 是文件標記 （3） 是頭部標記 （4） 是主體標記2. 內容及其格式標記的簡單應用 （1）格式標記 用來創(chuàng)建一個段落，在此標記之間的文本將按照段落的格式顯示。 是一個很簡單的換行標記，它沒有結束標記，用來創(chuàng)建一個換行。

12、是普通列表標記， 和 都必須放在 標記之間。 用來創(chuàng)建一個列表； 用來創(chuàng)建列表中的上層項目； 用來創(chuàng)建列表中最下層項目。 （2）添加文本并設置格式 1）（六級標題標記） 2）（字體標記） 3）（字體的大小顏色標記） （3）超鏈接標記 （4）圖像標記和多媒體標記 圖像標記 將音樂或影像嵌入網頁，可以用 標記 （5）表單標記及其應用 標記用來創(chuàng)建一個表單 標記具有action、method 和target 屬性。第 3 節(jié) 網頁的基本操作 網頁的基本組成部分包括文本、圖像、多媒體和超鏈接。制作網頁時首先注意主題要鮮明，其次內容要豐富，才能不斷吸引訪問者。文字是必不可少的元素，網站思想、內容的表達都

13、需要文字加以傳遞。同時，適當地配合一些圖像、Flash 動畫、其他媒體對象等能夠提高網頁的觀賞性。頁面上的元素應用超鏈接就構成了一個有機整體，實現互聯(lián)互通，這樣能夠讓瀏覽者在不同頁面間進行跳轉，找到所需的內容。一、網頁中添加文本1. 添加普通文本 （1）直接輸入文本 （2）復制粘貼文本 （3）從其他文件導入2. 添加空格 在需要輸入的地方單擊鼠標左鍵，將輸入法切換到半角狀態(tài)，單擊空格鍵即可輸入一個空格。如果需要輸入多個連續(xù)的空格可以通過以下幾種方法來實現： （1）菜單“插入記錄”/“HTML”/“特殊字符”/“不換行空格”。 （2）直接按“Ctrl+Shift+Space”快捷鍵。 （3）設置

14、軟件首選參數“允許連續(xù)空格”。3. 插入水平線4. 插入特殊字符 （1）通過菜單插入。先將光標放置到需要插入特殊字符的位置，在“HTML”/“特殊字符”的級聯(lián)菜單中選擇需要插入的特殊字符。 （2）通過“文本”插入工具欄插入。先在Dreamweaver CS5 的“插入”工具欄中選擇“文本”，顯示“文本”插入工具欄，然后選擇需要插入的特殊字符。5. 設置文本格式二、網頁中插入圖像1. 網頁中常用的圖像格式2. 易買網首頁插入圖像操作三、網頁中插入Flash 動畫1. Flash 動畫類型2. 插入Flash 動畫操作四、網頁中插入FLV 視頻五、在網頁中插入音頻課件制作謝謝觀看第 3 章 表格在

15、網頁中的應用 第 1 節(jié) 利用表格顯示數據 第 2 節(jié) 利用表格布局網頁第 1 節(jié) 網頁的結構和色彩設計一、表格的概念1. 網頁中的表格 表格是組成網頁的基本元素之一。很多網站的頁面是以表格為框架制作的。 和Excel 電子表格一樣，網頁中也可以用表格來顯示數據，但是網頁中的表格功能更強一些，網頁中的表格還可以用來進行網頁布局設計（排版）。2. 表格的組成元素 表格由三個主要元素構成：行、列以及單元格。單元格是行和列相交的部分。單元格和單元格之間的距離叫單元格間距。單元格內容和單元格邊界的距離叫單元格邊距。整張表格的邊緣叫作邊框。表格也可以帶一標題，標題在表格的頂端，表格也以有背景色，可以單獨

16、對表格、行、單元格設置不同的背景色。二、表格的基本操作1. 新建表格2. 選擇表格元素3. 調整表格、列和行的大小4. 添加/ 刪除行和列 當行被選中時，單擊鍵盤上的“Delete”鍵可以刪除一行； 當列被選中時，單擊鍵盤上的“Delete”鍵可以刪除一列； 單擊選中任意一個單元格時，按“Ctrl+M”快捷鍵可以在當前單元格下方插入一行； 單擊選中任意一個單元格時，按“Ctrl+Shift+A”快捷鍵可以在當前單元格左邊插入一列。5. 復制、粘貼和刪除單元格6. 設置單元格、行或列的屬性7. 合并或拆分單元格三、在網頁中制作簡單的表格1. 可視化創(chuàng)建表格2. 表格的HTML 表示 （1） 表示

17、表格。 （2） 表示表格的標題。 （3） 表示行。 （4） 表示單元格。 （5）width表示表格寬度，border表示表格的邊框線粗細，cellpadding表示單元格的邊距cellspacing表示單元格的間距，bgcolor表示背景色。 （6）單元格的具體內容寫在 之間， 就象一對括號， 表示括號開始， 表示括號結束，它們必須成對出現。第 2 節(jié) 利用表格布局網頁 網頁布局就是將頁面上的元素按照一定的形式排列好。 一般網頁的版面都是分布整齊、左右對稱的，具有類似表格的特點，因此可以借助表格來進行網頁布局。在用表格進行布局時，一般主要用單元格來分割版面中的不同顯示部分，所以不需要設表格的背

18、景色、表格的邊框線等，通過調整單元格的寬度、高度、間距、邊距等參數來調節(jié)版面，另外利用表格嵌套功能，還可以對局部進行更精細地調整。一、網頁布局的概念和原理二、利用表格布局網頁的簡單實例1. 創(chuàng)建表格2. 表格參數設置3. 表格標簽檢查器的設置4. 輸入表格內容5. 表格的HTML 表示三、用表格布局易買網商品列表頁（product-list.htm）1. 插入表格 （1）打開Dreamweaver CS5，新建頁面命名為“product-list.htm”，并保存。 （2）單擊菜單“插入”/“表格”，或按“Ctrl+Alt+T”快捷鍵。 （3）在彈出的“表格”對話框中，輸入行數為“4”，列數為

19、“4”。 2. 設置表格屬性3. 添加圖片并設置屬性4. 添加文本及設置其格式5. 完成表格的其他商品課件制作謝謝觀看第 4 章 層和框架在網頁中的應用 第 1 節(jié) 層在網頁中的應用 第 2 節(jié) 框架在網頁中的應用頁第 1 節(jié) 層在網頁中的應用一、層的概念和分類1. 層的概念 層是網頁內容的一個容器，只要是能放置在網頁中的內容，都可以放置在層當中。層最主要的特性就是它可以在網頁上自由浮動，從而實現對網頁元素的精確定位，而且層的位置是可以重疊的，可以任意地控制層的前后位置、顯示或隱藏，大大增強了網頁設計的靈活性。2. 層的分類 （1）普通層和嵌套層 （2）固定層和浮動層 1）固定層。固定層在網頁

20、中的位置固定。 2）浮動層。在網頁設計視圖內，可以通過拖動控制手柄使浮動層移動。二、層的創(chuàng)建及設置1. 普通層的創(chuàng)建 （1）使用菜單命令創(chuàng)建普通層 （2）使用布局面板創(chuàng)建普通層2. 嵌套層的創(chuàng)建 （1）使用菜單命令創(chuàng)建嵌套層 （2）使用插入面板創(chuàng)建嵌套層3. 層屬性的設置4. 層的基本操作 （1）選擇層 （2）移動層 （3）改變層大小 （4）對齊層三、使用Div 布局易買網首頁1. 新建空白文檔2. 插入Div 標簽四、使用“Div+CSS”美化易買網首頁1. 生成CSS 文件2. Div 應用樣式3. 編輯網頁內容五、使用AP Div 實現浮動廣告1. 插入AP Div2. 設置AP Div

21、 浮動效果3. 保存網頁并瀏覽六、AP Div 與表格的轉換1. 把AP Div 轉換為表格2. 把表格轉換為AP Div第 2 節(jié) 框架在網頁中的應用一、框架與框架集1. 框架 框架（frame）是指用來分隔網頁的窗格，每個框架都是瀏覽器中的一個區(qū)域，它可以顯示與瀏覽器窗口中所顯示內容相關的HTML 文檔，是一個獨立的HTML 頁面。2. 框架集 框架集（frameset）是指定義一組網頁布局結構與屬性的HTML 頁面，其中包含了顯示在頁面中框架的數量、尺寸、裝入框架的頁面來源及其他可定義的屬性相關信息。3. 框架結構的優(yōu)點 （1）使網頁結構清晰，易于維護和更新。 （2）每個框架網頁都具有獨

22、立滾動條，因此訪問者可以獨立控制各個頁面。 （3）便于修改。一般情況下，每隔一段時間，網站的設計就要做一定的修改，如果是公共部分需要修改，只需修改公共頁面，整個網站就同時更新。 （4）訪問者的瀏覽器不需要為每個頁面重新加載與導航相關的圖形，當瀏覽器的滾動條滾動時，這些鏈接不隨滾動條的滾動而上下移動，一直固定在某個窗口，便于訪問者能隨時跳轉到另一個頁面。二、創(chuàng)建預定義框架集1. 示例方式2. 按鈕方式3. 菜單方式4. 保存框架三、框架和框架集基本操作1. 選擇框架和框架集 （1）在“框架”面板中選擇框架和框架集 （2）在設計窗口中選擇框架或框架集2. 拆分和刪除框架3. 屬性設置 （1）設置框

23、架集屬性 （2）設置框架屬性4. 識別代碼 （1）框架的基本結構代碼 （2）框架集標簽 標簽的屬性 1）framespacing 屬性，通過該屬性來設置框架集邊框的寬度 2）bordercolor 屬性，通過該屬性來設置框架集邊框的顏色 3）rows 屬性，在垂直方向，瀏覽器可以被分割成多個窗口 4）cols 屬性，在水平方向瀏覽器可以被分割成多個窗口 （3）框架標簽 的屬性 1）src 屬性，顯示頁面源文件的路徑。 2）name 屬性，框架的名稱。 3）scrolling 屬性，框架滾動條顯示屬性。 4）noresize 屬性，框架尺寸調整屬性。 5）marginwidth 屬性，框架邊緣寬

24、度屬性。 6）marginheight 屬性，框架邊緣高度屬性。四、框架布局“圖書首頁”頁面1. 創(chuàng)建框架布局頁面2. 向框架中添加內容3. 保存并預覽框架布局頁面五、使用框架布局易買網圖書頁面1. 創(chuàng)建框架布局頁面2. 調整框架結構3. 向框架中添加內容4. 保存并預覽框架布局頁面課件制作謝謝觀看第 5 章 網頁特效 第 1 節(jié) CSS 樣式表特效 第 2 節(jié) 行為特效第 1 節(jié) CSS 樣式表特效一、層疊樣式表的基礎知識1. 層疊樣式表的概念 層疊樣式表（Cascading Style Sheets，簡稱CSS），是專門用于定義各種各樣的樣式的一套規(guī)范，是網頁元素的修飾者，有了它就可以非常

25、靈活方便地設計和匯總樣式來控制網頁內容的外觀。2. 層疊樣式表的功能 （1）樣式豐富多樣 （2）靈活方便 （3）減少網站開發(fā)者工作的重復性3. 層疊樣式表的類型 （1）行內式樣式表 （2）嵌入式樣式表 （3）外聯(lián)式樣式表二、CSS 樣式表創(chuàng)建1. 創(chuàng)建CSS 樣式表的方法 （1）通過菜單選項創(chuàng)建樣式表 （2）通過“CSS 樣式”面板創(chuàng)建樣式表 （3）通過“屬性”面板創(chuàng)建樣式表2. 新建CSS 規(guī)則三、CSS 樣式屬性定義1. 文本屬性2. 背景屬性3. 邊框屬性4. 列表屬性四、CSS 樣式表的引用1. 引入外部樣式表2. 應用CSS 樣式表 （1）通過菜單應用 （2）通過“屬性”面板應用 （

26、3）通過“CSS 樣式”面板應用3. CSS 的應用優(yōu)先級 CSS 樣式的優(yōu)先級總結來說，離被設置元素越近優(yōu)先級別越高，一般依據下面的規(guī)則劃分優(yōu)先級，即行內樣式表（在HTML 元素內部） 內部樣式表（位于 標簽內部） 外聯(lián)樣式表 瀏覽器缺省設置。 行內樣式（在HTML 元素內部）擁有最高的優(yōu)先權，這意味著它將優(yōu)先于以下的樣式聲明： 標簽中的樣式聲明、外部樣式表中的樣式聲明或者瀏覽器中的樣式聲明（缺省值）。五、CSS 樣式的應用1. 內部樣式表的應用2. 外部樣式表的應用3. 應用外部樣式第 2 節(jié) 行為特效一、認識行為1. 行為的概念 行為是由對象、事件和該事件觸發(fā)的動作構成的。Dreamwe

27、aver CS5 內置了很多行為，使設計者不用輸入復雜的代碼即可在網頁上實現一些很實用的交互效果，如果對JavaScript 語言有些掌握，還可以編寫代碼實現更加豐富的效果。2. 對象 對象是產生行為的主體。3. 事件 事件是由用戶或瀏覽器針對頁面元素的一種操作。4. 動作 動作通常是由一段預先編寫的JavaScript 代碼組成的，用于完成某些特殊的任務。二、添加與編輯行為1. 打開“行為”面板2. 添加行為3. 編輯行為三、表單 Form 表單用于申明表單，定義采集數據的范圍，也就是 和 里面包含的數據將被提交到服務器，通常形式是： 。 表單域包含了文本框、多行文本框、密碼框、隱藏域、復選

28、框、單選框、文件上傳框、下拉選擇框等。1. 文本框 文本框是一種讓訪問者自己輸入內容的表單對象，通常被用來填寫單個字或簡短的回答。2. 多行文本框 多行文本框也是一種讓訪問者自己輸入內容的表單對象，只不過能讓訪問者填寫較長的內容。3. 密碼框 密碼框是一種特殊的文本域，用于輸入密碼，當訪問者輸入文字時，文字會被星號或其他符號代替，而輸入的文字會被隱藏。4. 隱藏域 隱藏域是用來收集或發(fā)送信息的不可見元素，對于網頁的訪問者來說，隱藏域是看不見的，當表單被提交時，隱藏域就會將信息用設置時定義的名稱和值發(fā)送到服務器上。5. 復選框 復選框允許在待選項中選中一項以上的選項，每個復選框都是一個獨立的元素

29、，都必須有一個唯一的名稱。6. 單選框 當需要訪問者在單選項中選擇唯一的答案時，就需要用到單選框了。7. 文件上傳框 有時候需要用戶上傳文件，文件上傳框看上去和其他文本域差不多，只是它還包含了一個瀏覽按鈕。訪問者可以通過輸入需要上傳的文件路徑或者單擊瀏覽按鈕選擇需要上傳的文件。8. 下拉選擇框 下拉選擇框允許在一個有限的空間設置多種選項。9. 表單按鈕 表單按鈕控制表單的運作。提交按鈕用來將輸入的信息提交到服務器。四、JavaScript 腳本語言 JavaScript 是一種直譯式腳本語言，它的解釋器被稱為JavaScript 引擎，是廣泛用于客戶端的腳本語言。1. JavaScript 的

30、功能 JavaScript 常用來為網頁添加各式各樣的動態(tài)功能，為用戶提供更流暢美觀的瀏覽效果。2. JavaScript 的特性 （1）簡單性 （2）動態(tài)性 （3）跨平臺性五、制作表單文本框行為特效1. 設計表單2. 添加行為3. 預覽效果六、使用JavaScript 腳本實現彈出對話框特效1. JavaScript 腳本嵌入網頁頭部2. JavaScript 腳本與頁面代碼進行交互七、使用JavaScript 腳本實現漂浮廣告窗1. 添加跳轉效果2. 編寫實現漂浮效果的JavaScript 腳本代碼3. 頁面引用JavaScript 腳本文件4. 瀏覽效果課件制作謝謝觀看第 6 章 超鏈接在網頁中的應用一、超鏈接1. 超鏈接的概念 超鏈接（Hyper Link）是指從一個網頁指向一個目標的連接關系。 一個完整的超鏈接由兩部分組成，即超鏈接目標和超鏈接對象。鏈接目標一般用URL 來表示，鏈接目標可以是網頁、圖片以及其他各種文件，也可以是電子郵件、空鏈接等，超鏈接對象是屏幕上的顯示部分，是超鏈接在網頁中的顯示載體2. 超鏈接的分類 （1）按照URL 組成部分的不同，超鏈接可以分為外部鏈接、內部鏈接和錨點鏈接，其中內部鏈接又可分為絕對鏈接和相對鏈接。外部鏈接連接到其他的網站，內部鏈接連接到網站內部的其他網頁，絕對鏈接包含網站地址或磁盤根目錄路徑，相對鏈