近幾年在台灣使用手機、平板瀏覽網站的需求量越來越大，由於瀏覽網站的裝置大小不同，因此對於傳統網頁在手機及平板上觀看時，會產生不易閱讀的問題。而網站首頁為使用者第一個接觸的頁面；因此如何把首頁呈現方式及風格給予使用者好的瀏覽體驗是值得思考的標竿。
本研究將網頁分成三個部分說明：(1)手機版網頁(2)自適式網頁(3)響應式網頁，並從中瞭解各個網頁特性及差異。研究方法採用內容分析法，針對已有建置響應式網頁之大專院校校園入口網站進行分析，以質轉量的方式分析各大專院校校園入口網站功能，藉此瞭解校園網站是如何設計，及如何將傳統校園網頁成功轉型為響應式網頁。
研究發現，目前大專院校不分公立、私立及體系，皆以招生為目的做網頁內容資訊設計；建置大專院校校園響應式入口網站比例也逐漸上升。版型偏好使用主體為流動、字型標題偏好使用襯線字體；內文偏好使用非襯線字體；網頁色彩計畫會因校徽為出發點做設計，偏好使用冷色調色彩。經大專院校校園網站調查結果與文獻之結果改善視傳系網站設計，統整其過程並建立學校校園入口網站之響應式設計準則，以協助後續設計師、決策參與者。校園入口網站建置參考原則如下：
1. 為使網站設置目的聚焦，決策者需明確決定網站目標。
2. 網頁色彩應避免純度過高的顏色，在色彩透明度上應適度，避免瀏覽網頁上視覺上的負擔，網站風格需具一致性。
3. 對於有無搜尋目標的使用者，設置動態輪播式橫幅在網站上方，能吸引使用者注意力，並遵守三次點擊規則。 |
