2014年底因為公司網頁合約到期，被公司指定來架設新的官方網站，也是因為這個緣故開始自學html/css和javascript，這網頁應該是我的初步學習成果。
為什麼會用這個顯示卡效能測試數據為主題來練習?主要是因為之前買電腦狂逛原價屋網站，發現網頁內有顯示卡效能測試數據網頁，但我覺得原價屋的網站寫的有點"雜"，所以就決定以此為主題來當作自我學習作業。
網頁資料是來自知名國外電腦硬體網站tom's hardware，而數據圖表的呈現是使用google chart api函式庫來繪製，還有不得不提的超陽春特效!當初還不知道有"框架"這種東西，所以網頁中的許多基本效果都是自己使用純Javascript+css"土製"的，著實花了我不少時間!。還有當初同樣還沒研究PHP+MYSQL，所以數據資料是使用google 的試算表來當資料庫!
當初是存放在為hinet的免費主機上，跟下面的我後來的新版網站付費主機相比，多了右邊的惱人hinet廣告
網站主要以世界兩大顯卡製造商AMD和NVIDIA的顯示卡產品數據來做展示，選取兩大廠商的名字頁籤可切換該廠商顯卡顯示數據，點取中間的表可以切換各種不同測試類型，選取CUSTOM頁籤，可以分別選取兩大廠商的顯卡來進行比對。
更新:
上面是最近心血來潮新寫的測試網頁，使用了bootstrap來當基本框架，數據部分使用php+mysql來處理。當然只是測試寫一下，所以還有需多bug沒處理，但基本顯示還是ok。果然，套上框架後好看多了。
沒有留言 :
張貼留言