电脑与资讯科技会考课程选修单元丁第三部分.ppt

12.8 適當地使用圖形、聲音檔案及動畫 12.9 將詳情放在可下載的檔案或其他頁面 12.10 使用有意義並能真正反映實況的連結 12.11 考慮常見瀏覽器的分別 12.12 在文件上註明日期 12.13 提供回應的渠道 12.14 方便列印 12.1 網頁的工作間(p.175) 瀏覽器視窗的可視區域 遠小於屏幕的尺寸 瀏覽器視窗包含工具列和捲動軸 12.1 網頁的工作間(p.175) 在瀏覽器中善用水平空間 12.2 固定頁寬與可變頁寬(p.176) 可變頁寬 文字和圖形會因應情況換行或擴大，來適應瀏覽器視窗的寬度 固定頁寬 頁面的編排不會受瀏覽器視窗的尺寸影響 12.2 固定頁寬與可變頁寬(p.176) 12.3 草擬和設計網頁(p.177) 需考慮問題 橫幅和導覽列的位置 使用框架 框架的尺寸 做法 1. 先用鉛筆和白紙草擬網頁的編排 2. 利用網頁編寫軟件進行設計 12.3 草擬和設計網頁(p.177) 12.4 導覽列與框架(p.177) 導覽系統的目的 方便瀏覽人士瀏覽網頁 導覽系統的內容 工具列 按鈕組 下拉功能表 建立導覽系統時的注意事項 導覽按鈕組應與頁面內容分開 12.5 使用框架(p.178) 框架 把瀏覽器視窗分割為幾部分 而每部分都會顯示不同的HTML文件 導覽列或選單放在獨立框架中，與內容框架分開 框架的缺點 並非所有瀏覽器皆支援有框架的網頁 圖形索引｜純文字索引 增加搜尋引擎將網頁內容編入索引的難度 增加了要處理的HTML頁數目 加重網絡伺服器的負擔 12.5 使用框架(p.179) 12.5 使用框架(p.179) 分割框架(frame) 提供更多框架，使頁面的編排更具彈性 橫幅和導覽按鈕可置於不同的框架內，瀏覽時一直留在瀏覽器視窗內 12.6 顏色的調配(p.180) 網站的顏色運用 吸引瀏覽人士的重要決定因素 避免不連貫的顏色設定 色環 12.6 顏色的調配(p.181) 互補色 提供最大的對比 引人注目 12.6 顏色的調配(p.181) 近似色 提供最小的對比 營造輕鬆的氣氛 12.6 顏色的調配(p.181) 12.6 顏色的調配(p.181) 12.7 將資訊編集成表單或列表(p.182) 表單/表格(table) 文字和圖形可於不同的表單儲存格內 12.7 將資訊編集成表單或列表(p.183) 列表 12.8適當地使用圖形、聲音檔案及動畫(p.184) 盡量縮減網頁內多媒體檔案的大小 在適當的情況下，才可加入圖形、聲音檔案和動畫 12.9 將詳情放在可下載的檔案或其他 頁面(p.184) 包含可下載的檔案或頁面連結之網頁 提供詳細的資料說明 檔案類型，檔案大小 讓瀏覽人士決定是否用合適的軟件來開啟 估計下載所需的時間 12.9 將詳情放在可下載的檔案或其他 頁面(p.184) 12.10 使用有意義並能真正反映實況的 連結(p.185) 有意義並能真正反映實況的連結 隱藏冗長而又複雜的URL 提供關於URL的資訊 12.11 考慮常見瀏覽器的分別(p.185) 在編寫網頁時，把重點放在基本的HTML語言 在發表網頁前，應在不同的瀏覽器中測試網頁 測試網頁對瀏覽器的兼容性 採用新版本的瀏覽器會支援的新技術 新舊版本與目標瀏覽人士的數量之間來權衡 12.12 在文件上註明日期(p.186) 網頁註明日期的優點 讓瀏覽人士知道網頁的最後更新日期 讓網頁管理員知道網頁的有效日期 12.13 提供回應的渠道(p.186) 提供回應的渠道 12.13 提供回應的渠道(p.187) 提供回應的渠道 12.13 提供回應的渠道(p.187) 加入電郵連結 使瀏覽人士與網頁管理員之間能直接溝通 使用互聯網上的免費留言簿/討論區服務 簡單快捷的回應渠道 其他瀏覽人士都能閱讀 12.14 方便列印(p.188) 列印版文字應避免以下情況 網頁的寬度超出了列印頁的邊界 與內文無關的內容都被列印出來 將較長的內容分成多張HTML頁，增加打印的張數 開啟新的瀏覽器視窗(沒有框架的) 12.14 方便列印(p.189) p.207 (8) p.205,2 電郵連結及留言簿，兩者都能提供互動的功能。但電郵連結只可以由某些人存取，而留言簿則其他瀏覽人士都能閱讀。 (10)不同的人會用不同的瀏覽器來瀏覽網頁，但不同的瀏覽器在處理HTML標籤時會有分別。 (11)(a)優點﹕網頁的某些部分可以一直留在瀏覽器視窗 內，這些部分適合放置瀏覽系統。 缺點﹕不是所有瀏覽器都支援框架。 (b)Flash檔遠比GIF檔小，因此下載時間較短。而 Flash檔亦支援互動功能。 電腦與資訊科技 (會考課程) 選修單元 丁 第三部分 第*頁 * 電腦與資訊科技