工房版面Ⅰ

將網站公開前只使用一個多月的3.1版進行修改,正式上線的第一個工房版面為3.2版,此時發現表格素材很不錯,並開始知道CSS的技巧〈但不太會用〉,網站靈感來源與範本是「日々是徒然」,排版很棒的網站〈找乙女遊戲的電玩心得時發現〉

本來主頁用表格素材+iframe,不過顯示常會出問題變很難看 ,後來改成不分框的一頁式3.3版,使用時期為2006年5月中到10月初,持續了五個月之久。

 

▼ 開站初期首頁

首頁製作網站名稱的按鈕加上一張清爽的寫真素材圖,底下隨便擷段自個人日記或心血來潮想到反應心情的字句,然後放著大多網路都會讓人另外按的「ENTER」連結至網站入口。

友站連結和素材來源也整理在此頁,順便放上LOGO和網站最後更新日期,是和選單內容分開的入口頁,圖片和隨筆文字跟著心情更換,無聊時就把首頁換張寫真素材圖片與隨筆文字,以增加新鮮感,當初自己覺得很好看很有成就感(笑)

 

▼ 曾經的電玩目錄頁

將個人的電玩歷程利用色塊製作成簡單的演變圖。

文字加小張圖示(大型電玩機台、戀模或RM遊戲截圖等),另外以箭頭方式,標示個人隨著年齡而逐漸增加的電玩平台。

文字選單兼作歷史說明,從紙上或團體遊戲、大型機台、電腦遊戲、GAMEBOY之類掌上型電玩、任天堂紅白機,到PS2等電視遊樂器,以這種概念下去製作的目錄頁,當時還頗喜歡此模式。

 

▼ 其他分類目錄頁

基本上各區先用PHOTOIMAPCT製作按鈕(KEYIN文字、插入ICON圖樣),再列出該區文章、撰寫日期,用張寫真素材保持美觀。

閱讀這區就又分成小項目,如言情小說、外國翻譯、古典文學、網路小說、其他類別等,把閱讀的類型分出來個別整理。

因為當時各區寫的相關感想都很少,所以擺一起,除了一張主題式寫真圖片和圖片化的文字標題,其他都是用文字和表格編排。

 

▼ 回憶工房3.3版本主頁

把原用的表格素材拿掉、用顏色虛線,iframe改用CSS某功能〈感謝Kame的建議〉,顯示速度快多了,終於擺脫以往難看的樣子,太好了太好了~

偶爾也會改變一下表格框線水平線的色調,無聊看膩就換一張寫真素材圖,走清爽風〈笑〉

 

▼ 被我自己踩到的7000Hits

被我自己踩到的7000Hits

基本上這版型就是看心情換首頁圖片以求變動感。常看到別人網站玩踩Hits,但覺得比起讓人指定想看的心得但有可能孵不出來,不如直接讓我隨心所欲地更新便行,如果要人指定,他人搞不好不知道要指定什麼才好,所以目前還是這樣了。

當年截圖解析度較小,圖片放大後難免失真,但已經無法再重新截圖了,都是歷史啊。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *