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