设定透明图.ppt

第 8 章 視覺效果的加強 本章提要 自動更新網頁內容 彩色的網頁 背景圖案 透明圖和交錯圖 Client Side 影像地圖 網頁物件的提示說明 自動更新網頁內容 自動更新網頁是說使用者在載入該網頁後, 並未執行任何動作, 瀏覽器卻會自動重複載入同一網頁或另一網頁的內容。 播報即時新聞或股市即時行情的站上常可看到這種效果。 自動更新網頁內容 Server push 及 Client pull META 標籤 自動切換網頁 IE 的網頁切換特效 Server push 及 Client pull Server push 就是由伺服器端來控制網頁的更新或變換, 這種作法是伺服器在送出資料後, 瀏覽器與伺服器的連線狀態不會中止, 而當伺服器覺得有需要時, 會送出新的網頁內容讓瀏覽器顯示；如此一直循環下去。 Server push 及 Client pull Client pull 是瀏覽器在所收到的網頁內容中, 就指示了有關自動更新的做法, 例如一分鐘後自動重讀 (Reload) 網頁, 瀏覽器就依其指示每分鐘都會到網站伺服器上將必威体育精装版的內容讀回來。 Server push 及 Client pull Server push 的優點是, 本地端與伺服器端的連線狀態一直保持著, 所以要傳新的資料過來時會比較有效率, 但相對地也耗掉較多的伺服器資源。 Client pull 只要使用 META 標籤即可做到, 較 Server push 要自行寫程式放在伺服器上容易。 META 標籤 主要用來定義 HTML 標籤未提供, 且與網頁內容相關的資訊 (meta-information)。 其有關網頁更新的屬性包括： HTTP-EQUIV, 設為 refresh (大小寫均可), 意思是重新載入網頁。 CONTENT, 設定幾秒後要重讀網頁, 單位為秒。 META 標籤 自動切換網頁 若要自動顯示另一個網頁內容, 則需在 CONTENT 屬性中設定, 其格式如下： 自動切換網頁範例 IE 的網頁切換特效 IE 還可以在 META 標籤加上一個網頁切換的特效。也就是設定在進入或離開網頁時, 以特殊的效果慢慢秀出正要顯示的網頁。其所需的語法如下： IE 的網頁切換特效 事件種類可分為： Enter (進入此網頁時使用此特效) Exit (離開此頁時使用此特效) Site-Enter (進入網站時使用此特效) Site-Exit (離開網站時使用此特效) Duration 則是設定效果的持續時間, 最大值為 30 秒。效果代碼則有 24 種可使用。 IE 的網頁切換特效 IE 的網頁切換特效 IE 的網頁切換特效 IE 的網頁切換特效 彩色的網頁 色彩的指定方式 設定背景顏色 設定網頁文字與連結的顏色 設定個別的文字顏色 其它標籤的顏色設定 色彩的指定方式 色彩有紅 (Red)、綠 (Green)、藍 (Blue) 三原色, 電腦螢幕也是用這三原色的電子槍組合出所謂的各種顏色。 在 HTML 中, 指定顏色的方式有 2 種： 使用 RGB 16 進位表示法 使用顏色名稱 使用 RGB 16進位表示法 如同螢幕的作法一樣, 指定顏色要如何利用紅 (Red)、綠 (Green)、藍 (Blue) 三原色來組成, 其格式為： 基本顏色的表示法 遞色的困擾 以 #RRGGBB 的方式可指定多達 1600 多萬色, 但所設的顏色在 256 色、65536 色等顯示模式下, 將會出現遞色 (dither) 的情形, 也就是以兩個系統調色盤中的顏色, 模擬出所設定的顏色, 此時網頁的顯示效果可能會打折扣。 遞色的困擾 有人提出所謂的安全色, 也就是只使用六個數值 (00、33、66、99、cc、ff) 來指定 RGB 三個顏色, 因此最多只會有 216 種顏色, 使得所指定的顏色都能容於 256 色顯示模式下的調色盤, 網頁顯示時才不會出現變色的不良效果。 使用顏色名稱 不喜歡用 16 進位的數字來指定顏色, 也可用顏色名稱來指定： 設定背景顏色 使用 BODY 標籤中的 BGCOLOR 屬性來設定： 設定網頁文字與連結的顏色 TEXT=#rrggbb：設定網頁中文字的顏色。 LINK=#rrggbb：設定超連結文字的顏色。 VLINK=#rrggbb：設定已連結過的超連結文字的顏色。 ALINK=#rrggbb：當滑鼠按下時, 超連結文字的顏色。 設定網頁文字與連結的顏色 設定網頁文字與連結的顏色 設定個別的文字顏色 想要在不同段落中使用不同顏色的文字, 或是在同一段中單獨一行、一句要設定成不同的顏色, 可用 FONT 標籤的 COLOR 屬性來設定： 設定個別的文字顏色 設定個別的文字顏色 設定個別的文字顏色 設定個別的文字顏色 其它標籤的顏色設定 運用顏