跳到主要內容
:::|

3.4:H203203 盡可能使用樣式表單控制網頁排版與內容的呈現

說明:由於文字型態的資訊較容易為大多數身心障礙者所使用不同技術(例如:語音合成器及點字顯示器等)的輔助瀏覽器閱讀使用,因此以樣式表單控制網頁內容文字的呈現,使得使用者較易省略跳過網頁內容設計者對文字格式的設定。

範例: 網頁的排版與內容的呈現未使用樣式表單,下面的例子是使用B粗體字標籤、FONT標籤的字體和顏色等屬性設定來控制網頁內容的排版。

不良設計

不良設計:

< STRONG > 學習歷程檔案 < /STRONG >

< P > 學習歷程檔案是教師實施評量的新趨勢,也是 < FONT color = "#ff0000" size = "2" > 「以學生為中心」 < /FONT > 的教學重點,如能善用兩者,相互為用,將可達到最大的教學效果。 < /P >

正確示範

使用樣式表中的設定來控制網頁排版與內容的呈現。

正確範例:

< H3 > 學習歷程檔案 < /H3 > < P class = "txt" > 學習歷程檔案是教師實施評量的新趨勢,也是 < SPAN class = "redtxt" > 「以學生為中心」< /SPAN > 的教學重點,如能善用兩者,相互為用,將可達到最大的教學效果。 < /P >

以下則是上面所用到樣式表的設計:

 

h3.title { font-family: 新細明體, mingliu, taipei; font-size: 100%; font-weight: bold}

 

.txt { font-family: 新細明體, mingliu, taipei; font-size: 100%; color:#000000; line-height: 150%}

 

.redtxt { font-family: 新細明體, mingliu, taipei; font-size: 80%; color:#ff0000; line-height: 150%}

 

上一頁| 回首頁