Plurk FaceBook Twitter 收進你的MyShare個人書籤 MyShare
  顯示內嵌語法

第三階段【網頁製作系列報導】電子報【初學者必修篇】

初學者必修篇

第四篇
容易被忽略的IE瀏覽器與網頁關係
適合程度: 初學者 一般程度 進階者 以上均宜
壹、前言:
注意:以下均以Internet Explorer(簡稱 IE ) 6.0 瀏覽器及Windows XP 作業系統為範例說明。
其他非 IE 核心的瀏覽器軟體或不同版本,也有類似的問題,製作時最好也能注意一下。
以下這些問題,大都是初學者最常或容易被忽略的情況,值得初學者仔細學習。
本報為免費訂閱性質,如果您需要這些報導資料,歡迎採贊助方式,由我們提供全部資料給您。
由於本站空間及頻寬有限,原提供免費 註冊下載 服務將於近日內取消,敬請見諒。
本站所有報導版權均為 網頁研習室 所有,提供完全免費學習,如需轉載請註明出處。
貳、為何我用 IE 瀏覽器觀看純中文字網頁時,有時會顯示亂碼?
問題或原因:
您忘記在網頁的與間,加入 matea 標籤的 charset=big5 設定碼。
如果您的網頁在 matea 標籤內未加入 big5 設定碼(如下)時,而訪客設定的 IE 瀏覽器是選用其他國碼時。
HTML 語法:
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=big5">
</head>
IE 瀏覽器設定:
在 IE 瀏覽器的檢視編碼裡面有很多國碼設定請點選繁體中文(Big5)。(如下圖示)
備註:如果您使用 Flash 時,也需要注意字型的問題喔。
因考量圖檔過多會造成傳輸過慢,有需要查看圖示者,請連至 本報網站 進一步瞭解,不便之處請見諒
參、為何我用 IE 瀏覽器觀看網頁時,看不到設定過的超連結標籤文字?
問題或原因:
您忽略了 IE 瀏覽器內,有一項網頁色彩內定值設定。
如果您在網頁內使用超連結標籤時,沒有設定自己連結狀況判斷 HTML 語法或 CSS 語法(如下)時。
HTML 語法:
<Body LINK="可Link的顏色碼" VLINK="被Link過的顏色碼" ALINK="按下Link時的顏色碼">
CSS語法:
<STYLE type="text/css">
<!--
A:link {color:#ff0000; text-decoration: none}
A:hover {background:#ffffff; text-decoration: underline}
A:active { color:#ff00ff; text-decoration: none}
A:visited {color:#ff0000 text-decoration: none}
-->
</STYLE>
此時剛好您的網頁底圖(色)又與訪客 IE 瀏覽器的設定相近,原本超連結的顏色,恐怕已不是您想要的樣子了。
IE 瀏覽器設定:
在 IE 瀏覽器的工具網際網路選項一般色彩裡面有一個連結設定已(未)瀏覽。(如下圖示1.)
或者按電腦左下角的開始設定 控制台雙擊網際網路選項(如下圖示2.)
因考量圖檔過多會造成傳輸過慢,有需要查看圖示者,請連至 本報網站 進一步瞭解,不便之處請見諒
肆、為何我按 IE 瀏覽器的檢視原始檔時,打不開或打開的卻不是記事本(Notepad)?
問題或原因:
IE 瀏覽器檢視原始檔的預設值是使用 notepad.exe(記事本),如果你把他移除或被變更過時。
IE 瀏覽器設定:
在 IE 瀏覽器的工具網際網路選項程式網際網路程式=> HTML 編輯程式請選擇 Notepad。(如下圖示1.)
如果 HTML 編輯程式內沒有 Notepad 選項,請到檔案總管 C:/WINDOWS/找找看,檢查 notepad.exe 是否存在。
如果是無法打開檢視原始檔時,請先按檢視重新整理(或 F5 ),或工具列的重新整理圖示。
如果電腦還是沒有任何的反應,也沒有錯誤訊息,請照以下步驟檢查後按 F5 再打開看看。
在 IE 瀏覽器的工具網際網路選項一般Temporary Internet Files刪除檔案刪除所有離線內容打勾確定。(如下圖示2.)
備註:如果您使用 Windows 98 作業系統時,檔案過大(500 KB)時,它會問您要不要用 wordpad 開啟喔。
因考量圖檔過多會造成傳輸過慢,有需要查看圖示者,請連至 本報網站 進一步瞭解,不便之處請見諒
伍、為何我一直看不到我或別人修改後的正確(me.htm)網頁畫面?
問題或原因:(請照以下步驟逐一檢查看看)
A.請先檢查您已修改或想上傳的網頁,檔名是否是(me.htm)。
B.再檢查(me.htm)網頁,是否已上傳到主機內的正確路徑位置。
C.請先檢查並避免使用中文來命名檔案,因為不是所有主機都支援中文檔名。
IE 瀏覽器設定:(如果這些都沒問題,請照以下步驟去逐一檢查 IE 瀏覽器設定)
A.請先刪除暫存(Temporary Internet Files)檔(如肆.2範例),然後再測試看看。
還是不行?
B.同一個畫面按設定檢查儲存的畫面是否有較新的版本自動打勾。(如下圖示1.2.)
還是有問題?
C.同一個畫面Temporary Internet Files檢查使用的磁碟的總空間將它右移調大些確定。(如下圖示1.2.)
按 F5 再打開看看,還是看不到嗎?
D.A. 這個畫面按刪除(Cookie)確定,按 F5 再試試看。(如下圖示1.2.)
備註:IE 瀏覽器在執行檢視原始檔時,會使用到暫存空間,如果沒有多餘的空間可用,就會產生這個情形。
建議:為了省去過一段時間就要清除暫存(Temporary Internet Files)檔的麻煩,請照以下步驟去設定 IE 瀏覽器:(如下圖示3.)
在 IE 瀏覽器的工具網際網路選項進階安全性將瀏覽器結束時清理 Temporary Internet Files 資料夾打勾。
因考量圖檔過多會造成傳輸過慢,有需要查看圖示者,請連至 本報網站 進一步瞭解,不便之處請見諒
陸、為何我在執行 IE 瀏覽器時,狀態列右下角出現網頁發生錯誤或跳出網頁錯誤警告視窗?
問題或原因:(如下圖示2.)
因為這個網頁內設有 JavaScript 程式,而且程式安置或設計錯誤。
如果您是網頁製作者,您應該解決這個錯誤問題;如果您是訪客,可先關閉這個檢查功能。(如下圖示1.)
IE 瀏覽器設定:
在 IE 瀏覽器的工具網際網路選項進階瀏覽將每次出現指令碼錯誤時階顯示通知打勾取消。(如下圖示1.)
同一個畫面及瀏覽位置將停用指令碼打勾。(如下圖示1.)
因考量圖檔過多會造成傳輸過慢,有需要查看圖示者,請連至 本報網站 進一步瞭解,不便之處請見諒
柒、為何我在檔案總管或其他位置,雙擊網頁圖示或檔案時,執行的卻不是 IE 瀏覽器?
問題或原因:
因為您的電腦內安裝其他非 IE 核心的瀏覽器軟體,如網景(Navigator)、火狐(Firefox)、Opera、Mozilla...等瀏覽器。
IE 瀏覽器設定:(如下圖示)
在 IE 瀏覽器的工具網際網路選項程式按一下重設網頁設定(可將 IE 重設回預設的首頁和搜尋網頁)。
同一個畫面將檢查 Internet Explorer 是否為預設瀏覽器打勾。
因考量圖檔過多會造成傳輸過慢,有需要查看圖示者,請連至 本報網站 進一步瞭解,不便之處請見諒
捌、為何我一直看不到我設置的圖檔畫面?
問題或原因:(請照以下步驟逐一檢查看看)
A.請先檢查您的網頁圖檔 HTML 語法(如下)是否有錯。
圖檔基本語法:
<img src="images/line.gif" width="600" height="2" border="0" alt="文字註解">
B.再檢查 src 路徑位置是否正確。
C.請避免使用中文來命名檔案,並注意大小寫的問題(建議使用小寫英、數檔名及副檔名)。
IE 瀏覽器設定:(如果這些都沒問題,請照以下步驟去逐一檢查 IE 瀏覽器設定)
A.在 IE 瀏覽器的工具網際網路選項進階多媒體將顯示圖片打勾。(如下圖示)
因考量圖檔過多會造成傳輸過慢,有需要查看圖示者,請連至 本報網站 進一步瞭解,不便之處請見諒
玖、為何我點網頁上的圖片(示),按右鍵另存圖片,卻只能儲存為 BMP 檔?
問題或原因:
這都是 IE 瀏覽器 Temporary Internet Files 所引發的問題,只能存 BMP 卻不能存為原來的 GIF 或 JPG。
IE 瀏覽器設定:(如伍.2及伍.3範例)
A.在 IE 瀏覽器的工具網際網路選項一般Temporary Internet Files刪除檔案刪除所有離線內容打勾確定。
B.同一個畫面Temporary Internet Files檢查使用的磁碟的總空間將右移它調大些確定。
C.按 F5 再打開看看,還是不行嗎?
D.同A.這個畫面按刪除(Cookie)確定,按 F5 再試試看。
備註:IE 瀏覽器在執行檢視原始檔時,會使用到暫存空間,如果沒有多餘的空間可用,也會產生這個情形。
建議:為了省去過一段時間就要清除暫存(Temporary Internet Files)檔的麻煩,請照以下步驟去設定 IE 瀏覽器:
在 IE 瀏覽器的工具網際網路選項進階安全性將瀏覽器結束時清理 Temporary Internet Files 資料夾打勾。
拾、結論與建議:
本報每篇報導都花上 8 小時以上搜集、整理及撰稿,絕對值得初學者或想徹底學會 HTML 語法網友永久保存。
本電子報 第三階段 報導資料,將繼續每隔 30 日發表一次,以嘉惠更多想學會 HTML 網友,歡迎 繼續訂閱
強烈建議您 學會HTML語法 ,她真的簡單易學,懂了她您就能駕馭她,將[所見即所得]軟體當做輔助工具吧。
本站自即日起不再以推廣線上教材(學)會員,自 94 年 10 月 1 日全面改為 贊助本站 方式 ,永續耕耘教學網站推展
本報導內容或資料,因限人力、時間,非 贊助本站 網友,不接受任何疑惑解答,敬請見諒。
由於本站空間及頻寬有限,原提供免費 註冊下載 服務,將於95年4月底前全面取消,敬請見諒。
凡與網路有關之內容,您想要本報在未來報導那些專題?歡迎提出 出評價與討論

第三階段95.03.31.發行第021期
前期:使用Outlook編輯個性化個人簽章

© 網頁研習室【電子報】李文能 主編 ©