網站版面「Epistaxis w/ tea ver.2」

Epistaxis w/ tea ver.2

網站名稱:Epistaxis w/ tea
網站網址:http://wanico.wamimo.net/ewt/(已關閉)
版面名稱:Pink Cloud
主要顏色:#DEA2BE#7CCFFE#9C7EA9#FFEDCB

自上一個網頁空間過期未續約後,個人網站就沒有再更新過了;買了新空間也是先架 WordPress,個人網站改版計畫就一直延期。今年初上 PHP 基礎課程,心想著要把學到的運用在網頁上,繁雜的課業和工作接踵而至,因此一拖又是數個月,直到這個月才初步完成公開。

附圖是整個網站最重要、也最精華的部份,所有主要內容都集中在那幾個區塊。

左一區塊用的是 Easy Silder,設定為網頁載入即自動滑動變化圖片;右一區塊則是拍手,有別於一般使用開新視窗跳出、改用 ThickBox 直接在同一視窗顯示。跳過中間黃色的網站簡述區塊,下面區塊是使用 PHP 的部份,分別是網站更新紀錄和繪圖作品區。由於個人的 PHP 等級非常低,沒辦法只用 open file 的方式來讀紀錄,所以還是用了三張 tables 來處理。

這次展示圖片的方式也有改變。以往都是另外截部份成小圖檔排列展示,這次改用別的方式,稍微簡述一下--<li> 設定裡面的 <a> 為區塊顯示、<a> 加上 background,用 css 控制背景圖片的顯示位置;接著把連結顯示的部份用 <span> 包起來,設定 <li> 裡的  span 為不顯示。雖然顯示的部份每一張可能不會是最滿意的,但可以省去截圖的時間和存放的空間,算是造福懶人的作法。

此外,雖然網站下面推薦使用瀏覽器是 Firefox,不過最佳瀏覽狀態還是推薦用 Chrome。上圖可以看到所有區塊都是 CSS3 的圓角,然而我家的 IE7 不吃圓角、Firefox 則是單純只有一張圖片的區塊不顯示圓角,雖然可以把圖片設成背景、但懶得做(喂)

關於首頁的帳號密碼和全英文的內容,前者純粹是因為 PHP 有學到輸入帳密和資料庫核對登入,所以就修改了一下當作是強制讓大家閱讀首頁內容的手段,畢竟不是很難的英文單字、也有給提示;後者則是個人興趣、練習破爛英文,嗯、其實個人做網站有很大的因素就是自己高興XD

最後是待完成部份,目前剩下寫一個可以新增、修改和移除內容的後台,所以前台暫時不會再動了,不過後台完成時間還不確定,如果完成會繼續在這篇補充。

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料