| 
			
				
					|  |  
					| [網站管理員] |  註冊時間: 2005-01-02, 05:49
 文章: 3220
 | 
				
					| 我個人認為這套件真的挺好用的,
不論是對網頁編寫者或是一般使用者。
 (以下以 FF1.0 及 WD0.8 為例作說明)
 
 首先先說明它把哪些功能給拉到工具列上來方便你開關,
 不過或許這個可以用其它套件來代替會比較好也說不定啦。
 一、 cookies (在「工具→選項→個人隱私」中)
 二、 Java (在「工具→選項→網頁」中)
 三、 JavaScript (在「工具→選項→網頁」中)
 四、 載入圖片 (在「工具→選項→網頁」中)
 五、 CSS Style (在「檢視→頁面樣式」中)
 六、 檢視原始碼 (在「檢視→此頁原始內容」)
 
 接著說明我個人使用它的情況,
 我個人是以「全部情況下都能舒適閱讀」為目的,
 所以螢幕解析度、HTML語法的架構、載入速度等,
 這些都必須去考慮到,而 WD 提供了方便的模擬環境。
 (當然我實際寫出來的網頁其實一點也不舒適)
 另外我個人幾乎沒在用 HTML 的屬性來設計網頁樣式,
 所以只要開關 CSS 就好,有使用該屬性的請自行調整。
 一、模擬純文字瀏覽器的方法
 純文字瀏覽器只能看文字,連 CSS 都不支援,(大概)
 所以你的 HTML 架構得要好好規畫,
 這時就必須要用到 XHTML 的標準來處理了,
 你必須在關閉掉圖片、關閉 Style 等支援下,
 還是能「舒適閱讀」才行。
 XHTML 要求你圖片一定要附 alt 替代文字,
 (此時你應該要用「Images」最底下那項來確認)
 並且使用唯一的 id 來代替 a 的 name 屬性,
 (重點是 id 屬性可以套用在任何區塊標籤中)
 還有除了某些特定的標籤外,
 所有的標籤都得要有始有終,
 總之實際寫過一次就知道了。
 二、模擬不同解析度下的環境
 在 WD 工具列上的「Resize」中可調整不同的視窗大小。
 雖然這個並不會真的以該解析度來處理文字,
 不過拿來確認一下你的網頁區塊的大小,
 在不同解析度的電腦上的狀況倒是還算堪用。
 三、方便的語法檢查功能
 你可以用「Validation」,
 來設定你想要用的檢測器的網址,
 也可以使用預設的檢測器來檢測 HTML 和 CSS 等等的。
 「Miscellaneous」中還可以開 Java 跟 JavaScript 的控制台,
 來檢查網頁的 Java 等的是否有錯。
 四、查看原始碼
 你可以按「View Source」看原始碼,
 還可以利用「CSS→View CSS」來看該頁面所用到的 CSS 檔。
 五、自訂熱鍵
 在「Options→Options」中,
 Keyboard 可以讓你自訂 WD 的熱鍵。
 
 其它??我個人只用到這麼多而已,
 也許有人會用得更透徹也說不定。
 (其實基本功能就跟首篇推薦人寫的一樣,我只是舉使用實例而已。)
 
 
 |  |