這個可攜版的網頁伺服器，是使用 APM Express 的控制介面，加上我自己調整的伺服器設定，集合了 apache、PHP、MySQL 以及 perl 等功能的泛用型網頁測試框架。

使用這個伺服器的方法非常簡單，只要下載 PortableAPM.7z 並且解壓縮至任一資料夾，然後執行 apmxe.exe 就可以了。

apmxe.exe 控制程式由對岸的 dualface 所開發，雖然程式介面是簡體中文，但是不需要特別的設定，也可以在繁體中文的環境下正確顯示。

本伺服器集合了 PHP 與 Perl 語言以及 MySQL 資料庫，方便網站開發人員進行測試的工作，也可以運行 AWStats 這個有名的伺服器記錄統計程式（需自己另外安裝），而且可以非常簡單的啟動、停止伺服器，可以說是非常方便！

因為本伺服器是為了方便測試而調整出來的版本，所以 MySQL 資料庫的帳號為預設的 root，並且沒有設置密碼。如果有必要的話，請自行更改帳號密碼的設定。

要在這個伺服器上進行測試，只要將想測試的檔案放置到 htdocs 資料夾中，再由瀏覽器開啟本地端的網站，就可以進行測試了喔。相當簡單吧！

最後列舉一下本伺服器使用的各種軟體版本：

• apache 2.0.59 - http://httpd.apache.org/
• Zend Optimizer 3.2.6 - http://www.zend.com/products/zend_optimizer
• PHP 5.2.1 - http://www.php.net/
• ActivePerl 5.8.8.820 - http://www.activestate.com/Products/ActivePerl/
• MySQL 5.0.37 - http://www.mysql.com/
• eAccelerator 0.9.5（預設不啟用）

另外還有幾個測試用的小程式喔！

• http://localhost/phpinfo.php - phpinfo 函式，用來顯示各種伺服器資訊
• http://localhost/iprober.php - iProber 探針，可顯示全中文的伺服器資訊，並且可進行簡單的系統效能以及資料庫連線測試
• http://localhost/cgi-bin/printenv.pl - 顯示 Perl 運行環境的各項參數

照慣例的，有什麼問題或建議，歡迎多多回報:)

我想應該滿多人也都有同樣的問題，所以乾脆再寫一篇補充介紹好了。本篇假設你已經有基本的英文能力，只是對於姓名住址等等需要中翻英的資料，不確定應該如何填寫。故而以收過 Google AdSense 確認函的過來人身分，分享一下我的心得。

首先介紹一下兩個必要的工具網站：

• 無聊人的無聊小站 - 國字拼音與輸入法拆碼查詢程式
• 中華郵政全球資訊網_查詢專區_郵件業務_中文地址英譯

有了這兩個網站，就可以輕鬆將中文的名字與住址翻譯為英文囉。

在第一個網頁中，注音的方式有分為國音第一式、國音第二式以及 Wade-Gilos 拼音法三種。因為 Wade-Gilos 拼音法拼出來的名字與我的護照信用卡上面的相同，所以我也建議大家採用這個拼音法來填寫你的英文基本資料。

而在地址翻譯的部分，則建議採用通用拼音的英譯地址。

在申請表單方面，Google AdSense 只接受 ISO-Latin-1 字集內的文字，詳細情況可以參考 What characters can I use in my application? Google AdSense Help Center 的說明。

簡單來說，基本資料填寫的必須都是英文，不可以參雜任何中文字元。具體的填寫方式如下：

• 名（First Name）：填寫名字部分的英文拼音
• 姓（Last Name）：填寫姓氏部分的英文拼英
• 地址行 1（Address line 1）：請將縣市、鄉鎮市區以下的地址填寫於此
• 地址行 2（Address line 2）：一般而言可以空白，如果地址真的太長才需要用到此欄位
• 城市（City）：請填寫縣市、鄉鎮市區的部分於此
• 州、省或地區（State, province or region）：這欄可以保持空白
• 郵遞區號（Zip or postal code）：請以半形數字填寫
• 國家或領域（Country or territory）：請按照實際情況填寫，選項中當然也有台灣摟
• 電話（Phone）：格式為國碼-不含零之區域號碼-電話號碼，例如達美樂的電話為 886-2-28825252
• 傳真（Fax）：同上
• 方便聯絡時間(當地時間)（Best time to call(local time)）：請根據實際情況來選擇

以上簡單的介紹，希望對想要申請的人能有幫助。

abbr 標籤代表 abbreviation，中文直譯為簡稱；acronym 則翻譯為縮寫。

兩者不太容易分辨，請看以下例句：

由於全球專家都認為SARS極可能在今年秋冬捲土重來，預計將對亞洲的Hi-Tech工業造成嚴重的威脅。

reference:

• Dive Into Accessibility - 在 30 天內打造更具親和力的網站
• 行政院 - 無障礙網路空間服務網

這個範例目前在 Firefox 1.5.0.3、Internet Explorer 7.0.5358 以及 Opera 8.54 中測試成功，並且確定無法在 IE6 以下使用。而 Konqueror 與 Safari 則尚未測試。

先給範例網址吧：測試 CSS hover 效果。在發表評論、引用連結、加到網路書籤三個項目下，都有下拉選單。

雖然網路上有很多類似的範例，但對我來說，卻都因為功能太強大，導致用到大量複雜的 Javascript 或 CSS 設定。對於只需要很簡單的下拉選單的人來說，無異牛刀殺雞。

在尋尋覓覓過後，一直找不到適合的範例可以套用，索性就自己來寫一個。經過一番嘗試過後，總算是相容於 Windows 下的三大瀏覽器。但是目前市佔率最高的 IE6 不支援 CSS hover 與 PNG 的透明背景，因此完全無法使用。

可以預見這個寫法的概念在將來應該可以有很多應用，但現階段就祇能自己把玩把玩了……

這個下拉選單主要有幾個特色：

• 語法完全相容於 W3C 的規範標準。
• 利用 unordered list 與 float: left; 來達到橫向選單效果；再用 width: 125px; 來指定寬度，使下拉的選單可以縱向排列。
• 利用 padding: 16px; background: url('icon.png') left center no-repeat; 在每個選單項目前面加上小圖示。
• 彈出的關鍵在於利用 :hover 這個 pseudo class，在滑鼠移動到項目上的時候，將特定內容以 display: block; 顯示出來。而平時則用 display: none; 隱藏起來。
• 在彈出的項目上使用 position: absolute;屬性，使彈出的選單不會影響到其他區塊。
• 利用一張半透明的背景重複填滿整個區塊，使選單背後可以透出些許原本的內容。不過這個效果拿捏不好的話，可能會導致與背景過度混淆（範例中有），必須小心使用。
• 在彈出的選單上使用 border-right: 1px solid #xxx; border-bottom: 1px solid #xxx;，做出類似陰影的效果。

p.s. 範例中的文字是用亂數假文產生器產生的。

這樣的調整確實是合乎潮流的，我舉一下本站從去年 11 月 14 日啟用至今的 Google Analytics 平均分析資料來看：

可以看出，1024x768 這個解析度有 67% ~ 68% 的佔有率，而 800x600 與 1280x1024 則算在伯仲之間。

此外，由單月的統計數據來看，1280x1024 的解析度呈現穩定成長（8.01%、8.98%、9.55%、9.69%、10.28%）；而 800x600 的解析度則穩定萎縮（16.21%、15.28%、14.21%、14.03%、13.63%）；至於主流的 1024x768，也小幅從原本的將近 69% 降至 67%；而且前三名的整體占有率也稍微下降，估計應該是跑到寬螢幕的筆電去了……

重點在哪？重點就是做網頁設計的時候，應該要以 1024x768 為最佳解析度，並且在 1280x1024 這個解析度下最好不要表現太差，第三個要考慮的則是 800x600，雖然占有率已經慢慢降低，但是短時間內應該也還不會消失。