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>的
標記中。