Download presentation
Presentation is loading. Please wait.
1
本章重點 4-1 使用者導向設計 4-2 網頁組織結構 4-4 進階清單的變化功能 4-5 使用超連結(hyperlink)功能
2
使用者導向設計 HTML文件是透過一種所謂超連結的（Hyperlink）方式，它能將使用者輕易地導向您網頁文件中任何所指定的段落，或網路上任何指定的網站。
3
網頁組織結構 如何讓這些資訊有組織化，不會讓瀏覽者迷失在您的網頁迷宮中，那就必須依賴對各種網頁連結架構的充分認識了。
4
線狀架構 瀏覽者能夠循序欣賞瀏覽
5
連結成單獨一份的長篇文件
6
連結成包含多個檔案的複式文件
7
索引架構
8
樹狀架構 一般來講，樹狀架構的組織都比較龐大，通常運用在政府機關或大型企業。
9
星狀架構 不像樹狀架構必須回到上一層後才可跳到其他選項，也不用像索引架構般需回主目錄後才可進行其他選擇，能夠讓您在任何情況下都可以來去自如。
10
編號清單<ol><li>
網頁清單設計 編號清單<ol><li> <ol>和</ol>：為編號清單的起始與結束標記。 <li>：所要列表的項目，是一種非成對的標記。
11
項目清單<ul> 項目清單在每一項目條列之前，以符號來作為分項的標誌。它以<ul>和</ul>作為項目清單的起始與結束標記，而<li>標記則作為列表的項目。
12
選單式清單<menu> HTML中是以<menu>和</menu>標記來表示選單式清單，並以<li>標記作為列表的項目。
13
目錄式清單<dir> 目錄式清單和選單式清單相同，皆是在列表項目前加入圓點狀的項目符號。
14
進階清單的變化功能 改變編號清單樣式(使用type屬性) type=A：以大寫英文字母A、B、C….作為項目符號
type=I：以大寫羅馬數字I、II、III….作為項目符號 type=i：以小寫羅馬數字i、ii、iii….作為項目符號
15
除了編號清單可以改變編號樣式外，項目清單也能利用type屬性來改變項目的樣式。
預設值type=disc：顯現圓點 type=circle：顯現空心圓點 type=square：顯現實心方塊
16
定義型清單<dl><dt><dd>
定義型清單的特徵，在於其每一個要項之下還可以包含其要項內容，此內容則是以縮排的方式顯現。 <dd>標記必須跟隨在<dt>之後，不能單獨存在。
17
巢狀型清單 巢狀型清單和一般樹狀的排列模式雷同，它可以不斷的向下延伸，直到滿足您的需求為止。
18
使用超連結( hyperlink )功能 超連結基本的標記使用方法如下：
<a href="資料路徑或檔名">關鍵字</a>
19
文件內的超連結方法 超連結的使用方法可以分為：單純本文內的段落跳躍、跨檔案的連結及跨網路的連結等。
20
在HTML文件中，如果要表達檔案的絕對路徑，必須寫出完整的磁碟機名稱與路徑。表示方式如下：
跨檔案與跨網路的超連結 在HTML文件中，如果要表達檔案的絕對路徑，必須寫出完整的磁碟機名稱與路徑。表示方式如下： file + : + 三條斜線(///) + 磁碟名稱 + 垂直線(〡)
21
設定連結文字色彩 設定連結文字的顏色標記主要會到四個屬性，這四個屬性都是編寫在<body>的標記中。
Similar presentations
