2001.08.08 網站成立

2001年8月8號,我將已製作好的網站上傳到Yahoo!奇摩的免費網頁空間中,艾莉異想世界誕生。沒錯!當時網站名稱叫做「艾莉異想世界」!

網站是用 Frontpage 製作的純HTML網頁,使用框架功能,分割成上、左下、右下三欄,上欄是「艾莉異想世界」標題,左下欄是目錄選單,右下欄是主要內文。顏色使用黑底白字,字體選用標楷體。網站最初的面貌是這樣的:

當時雖然還沒什麼內容,但已先分類成很多類別,如下:

  1. 你猜猜我是誰:自我介紹。
  2. 常常會碎碎唸:雜七雜八的瑣事。
  3. 大不列顛散記:因為人在英國唸書,特闢一欄專門寫在英國的見聞。
  4. 到處遊山玩水:到其他國家玩耍的遊記。此欄名稱在日後改成「雲遊五湖四海」。
  5. 就是愛聽音樂:關於音樂的種種感想。
  6. 沒事看看電影:關於電影的種種感想。
  7. 電視也常看啦:關於電視的種種感想。
  8. 偶而也翻小說:關於文學的種種感想。
  9. 有點運動細胞:關於體育的種種感想。
  10. 用相機寫日記:相簿啦,放些照片。此欄名稱日後改成「用相簿寫日記」。
  11. 瞄到一些好站:介紹一些我知道的其他好站。
  12. 有空寫信給我:告訴大家我的 Email 方便和我聯絡。
  13. 沒空直接留言:留言版。上傳網站當時還在跟Yahoo!奇摩留言版奮鬥中,所以此欄尚未啟用。

網站雖是8月8號上傳的,但站內可以看到更早日期的文章,因為有時我用回溯的,把以前的事寫出來,就把發表日期設為事情發生的日期,而非我上傳的日期。


2001.08.12 留言板啟用

2001年8月12號,留言板啟用,直接採用Yahoo!奇摩提供的免費留言板,花了好一陣子將版面調整成與網站差不多,最後在8月12號完成,我自己試著留言也沒問題。當時留言板長的像這樣子:

後來我當然把自己測試用的留言刪掉了,結果第一個到此一遊的是CC


2001年8月~2002年底 穩定發展期

自留言版啟用後,網站架構大致算是定型,直到2002年底超過一年的時間內只有一些小調整,沒有大規模變動。當然,文章一直在增加。這段時間有做的小調整如下:

  1. 原本頁面分割成三欄,後來覺得上面那標題欄很無謂,徒佔空間,又不像左邊目錄欄有其實用性,所以就把標題欄取消,反正 Window 視窗的標題欄就會顯示這裡是「艾莉異想世界」。從此網站版面成為左右兩半的面貌。
  2. 增加「舞台上的戲子」類別,記錄關於舞台劇的感想。
  3. 改變底色,從黑色變為灰色。這雖然是小動作,卻使面貌大為不同。原本的黑底白字看久了覺得不舒服,反差太強,所以就改底色。

歷經若干調整,網站面貌變成這樣:


2003年1月 版面細微調整

為了讓版面看來更精緻,做了一些細微的修改,所有調整如下:

  1. 改變捲軸位置,左邊目錄欄的捲軸移到最左邊,這樣整個網站的兩條捲軸就是在左右兩邊,很對稱。
  2. 取消左右兩欄中間的分隔線,看起來就像是連在一起未被分割,有整體感。
  3. 捲軸變色,改成跟網頁底色一樣的灰色,看起來就像是捲軸消失了。其實它還是在那邊,但只突顯出四個白色小三角形,讓人知道按那裡可以捲動頁面。
  4. 左邊目錄欄的文字連結改用 Photoshop 製作的圖片連結,加上粗邊白框和陰影,產生立體感。
  5. 右邊內文頁的標題字用語法產生陰影,配合左邊目錄圖片產生的立體感,也加強身為標題的突出感。
  6. 圖片邊框本來是細的白色框,改成厚邊立體框,也是要加強立體感。

經過眾多調整,網站的面貌變成這樣:


2003.01.26 關門歇業及另起爐灶

打從一開始「艾莉異想世界」就是擺在Yahoo!奇摩的免費空間,後來它所提供的15M空間很快就不夠用 (主要是像簿很佔空間),我就重複申請戶頭。直到2003年初,我在Yahoo!奇摩已用了超過十個戶頭。

同時使用十幾個戶頭很麻煩,尤其網頁之間的連結設定要採用絕對路徑,真是很頭大,所以我早就有找其他空間較大的免費空間來擺網頁,只是並沒有向眾親朋好友們宣告,仍是以Yahoo!奇摩為入口。因為那些能提供較大空間甚至無限空間的網站,我想觀察久一點測試它的穩定性。

後來在2003年1月,Yahoo!奇摩那邊終於被抓包了,我的眾戶頭被停掉一半以上,網站隨之停擺。當然,前頭說過,我其實還有其它空間可以擺網站,但那些空間我都還不能百分之百信任,我可不想說剛通知朋友們我網站搬家,過一兩個月後就又倒店。所以最好的辦法是用最穩定的空間擺入口頁,再從入口頁連至我的網站,這樣我只要向大家通知我前導頁的所在即可。結果,我還是用Yahoo!奇摩來擺我的入口頁,是個跟之前那十幾個戶頭截然不同的 username,應該是很穩當。

在2003年1月26號,我弄了個很簡單的入口頁 (如下圖),同時也通知大家我的網站搬家。因為是急就章做出來的前導頁,相當空洞,就是六個大字。

後來很快的在2月10號我就換一個新的入口頁,白底灰字加上美女,如下圖:

突然改用白底,完全是為了那張美女圖,因為想做去背的剪影效果,但做出來的圖邊緣總是會有一點殘缺的白邊,所以只好擺在白底上。字也就跟著改成灰色,這樣白底灰字,算是跟網頁的灰底白字同樣基調。

但是從入口頁的白底到進入異想世界的灰底,這轉換還是有點突兀,為了降低突兀感,我用了溶入溶出的效果 (如下圖),這是 Frontpage 提供的功能,跟圖片的淡入淡出很類似,但這是針對整個網頁頁面的轉換。

2003年3月份,我又設法處理剪影圖片的不規則白邊,既然難以消除,乾脆把它加上一道整齊、有渲染效果的白邊,這樣也很好看。所以入口頁又改回灰底,溶入溶出的效果也拿掉 (不需要了)。白底灰字的入口頁成為短暫的歷史。


2003.02.12 更換留言版程式

Yahoo!奇摩的留言版用很久了,它是網站裡唯一不是我自行設定版面的元素,早就看它不順眼,所以花了點時間,找了另外一支可以自行安裝及設定的CGI留言版,爽!

新的留言版在2003年2月12號傳到網上開始啟用,之前眾人的留言也都有成功轉移過來。


2003.02.25 採用無工具列全螢幕視窗

2003年2月25號,我又幫網站版面做個小變化:採用無工具列的全螢幕視窗。這個新功能並不是什麼改版,只是把Windows視窗的標題欄、目錄列、工具列、位址列、狀態列等佔空間的東西設法拿掉,這樣畫面變的非常清爽乾淨,重點是有最大的面積來顯示網頁內文,酷斃了。新面貌就像下圖這般,除了網站內容本體之外,什麼雜七雜八的東西都沒有!


2003.05.25 新增「哇哩蝦米所在」類別

2003年5月15號,再新增「哇哩蝦米所在」一欄,記錄在台灣玩耍的遊記。標題名稱用台語發音,是盜拷自一個電視節目名稱,主持人是個美國大男孩,在台灣到處趴趴走,真是有趣。


2003.06.15 入口頁圖片更替全記錄

自從幫網站做了入口頁後,就決定在頁面上任意放張好看的圖片,增添美感。並且也打算不定期更換圖片,利用這一篇幅來做個圖片更替的全記錄吧。

2003年2月。這圖片擷自一幅畫作,畫家 Gerhard Richter 的作品 Betty。

2003年6月。這圖片擷自一幅畫作,畫家 Henri Fantin-Latour 的作品 White and Pink Roses。

2003年6月底,入口頁換成下面這幅圖片,擷自捷克畫家 Vitezlav Karel Masek 的畫作 The Prophetess Libusa

多年來我一直很喜歡這幅畫,但是對它的背景一概不知,只知道是日本搖滾團體 Ain Soph 的專輯 A Story of Mysterious Forest 的封面。2000年去阿姆斯特丹時無意中在梵谷博物館辦的一項特展中看到真跡,震驚無比,超棒的畫!其實我是運氣好,這幅畫原收藏於法國,是辦特展才搬來荷蘭擺一陣子,正好被我看到了。

當時有背了一下畫家和畫名,後來又忘記。也有買了張特展海報,就是用這幅畫,但上面沒寫畫作的相關資料,只有特展的介紹。所以,我又被打回原點,對此畫的背景完全不知道。

這幾天再拿出那張海報來看,突然發現上面竟有寫這幅畫的資料,只是字很小,和底色的顏色又非常接近,所以我一直沒注意到。真是的,三年了。這下就簡單了,有資料在手,很快在網路上找到它的介紹及圖片,就把它用來當入口頁圖片。

至於前一幅圖片那瓶花,我不是對它有意見,只是真的很喜歡 Masek 這幅畫,所以想立刻用上去。那瓶玫瑰真是可憐,不到一個月就謝了,也許等日後 Masek 這幅畫看膩了之後再讓那瓶花重新綻放吧。

後來我靈機一動,我又何必一再更替入口頁圖片?之前我就有試用過隨機選擇頁面的語法,於是就拿來應用,並把舊的入口頁面都擺回網上,以後每次進網站就會隨機顯示不同畫面。

2003年8月初又製作兩個新的入口頁面,第一個是畫家 Michelangelo 的畫作 The Creation of Man。

另一個是擷自畫家 Picasso 的畫作 Interior with a Girl Drawing。

後來在2003年8月底花錢買了個人網址跟付費空間,並做了新版網站。因為打算讓新舊版網站並存,而 Masek 那張圖片左右對稱的結構適合用來當新舊網站並存後的進站畫面,所以後來就固定使用它 (有再稍加變化)。另外則選了畢卡索那幅圖片固定擺在Yahoo!奇摩空間當作搬家聲明,其它圖片就都收山了。


2003.08.01 新增「好歌推薦聆賞」

以前就有想過要在網站上播歌給大家聽,並且不定期更換,可是因為音樂檔實在太大,不管是處理或瀏覽試聽都很麻煩,就懶得做這件事。最近逛過很多有播放歌曲的網站,才確定現在有些播放器有串流技術,可以邊下載邊播,我覺得這樣已可接受,至少不會等下載等到睡著。於是回頭再嘗試以前的老念頭,新增「好歌推薦聆賞」一欄。

在網路上找了 ExoBUD 播放器來使用。一般人使用播放器的方法都是運用框架功能在頁面切割出一塊小地方擺播放器 (通常是底部),若要看歌曲清單則需另跳出一個新視窗。我則反過來用,要聽歌就要先跳出一個新視窗,然後播放器、歌曲清單通通在這個頁面上。會採用這種方法有若干原因:

  1. 不想再分割現有的頁面。目前分左右兩半的版面我很滿意,不想底部多花個空間給播放器。用另跳一頁的方式,既可聽歌,播放器又可隱藏在背後,不影響原本的頁面。
  2. 歌曲清單是一定要看的,為了看清單也需要跳個新視窗,那兩種方法豈不是差不多?!
  3. 我希望歌曲清單能很詳細的列出來,甚至還會為每首歌做點介紹,所以需要一個完整的頁面來顯示。
  4. 新跳出一個完整頁面,我可以加進更多資訊。如每次我放的歌都有個共同主題,就可以為這主題介紹一番。另外我還加了「過往推薦主題回顧」,總之不希望只是簡單的聽歌,而是希望在推薦大家聽歌時能同時提供更多相關資訊。

後來在11月初,又決定把「好歌推薦聆賞」收掉,但只是指在灰色舊站這裡收掉,因為我已經另架設新版的黑色網站,那邊運用了資料庫及 n@board,在樂曲播放、資料呈現、過往紀錄建檔等效果都好很多,所以決定在那邊播歌就好,灰版舊網站再也沒音樂可聽囉。


2003.08.20 購買個人網址及付費空間 建立新版網站

2003年8月20號,花錢買了個人網址 illusionland.net,也買了付費空間,從此網站就從Yahoo!奇摩搬到 illusionland.net。同時也開始建立新的PHP版網站,是採用來自韓國的 n@board 架站程式,後來於8月底上線。新版網站是黑色的,但我仍保留灰色的舊版網站,所以將原來 Masek 那幅圖片修改底色,變成一半灰一半黑,新的進站畫面便是如此,按左邊進入舊網站,按右邊進入新網站。至此我的網站就定居在新的付費空間。


2004.02.13 網站改名為「幻境 illusion land」

從2001年8月建站以來,站名就一直是「艾莉異想世界」,一是因為我是 Ally,二是偷懶,三是因為原本網站沒打算公開,所以就直接盜用人家的劇名沒關係。後來在2003年7月份網站開始公開後 (之前的兩年間只有一些朋友才知道我的網站),這名字就開始變的奇怪,「艾莉」總讓人搞不清我是男是女,而且網站人多後,直接拿人家劇名就不太恰當。

直到2004年2月終於決定要更換站名,因為網址是 illusionland,所以中文站名原本打算叫做「什麼什麼幻境」的,可是想了一下想不出合適的,乾脆簡單俐落,只用「幻境」兩個字,再加上英文網址名,於是站名正式改成「幻境 illusion land」。


2004.10.10 舊版灰色網站停止更新

自從2003年8月建立新版黑色網站後,舊版灰色網站仍繼續運作,大部分新發的文會同時在新舊兩版發表。後來終於懶得再維護舊站,遂決定停止更新,但還是有擺著,可以進去看往日風貌,不會添加新文。


2003年8月~2007年7月 幻境 illusion land 穩定發展期

自從2003年8月採用 n@board 架設新版互動性網站以後,網站就呈現穩定狀態。當然有不時的在研究 n@board、PHP、Java Script、CSS... 等語法學問,但終究都是技術問題,只是改善或添加一些小功能,網站版面及內容架構大致上都沒有變動,就是一個黑壓壓的幻境維持了四年,持續增加內容、持續播歌、持續哈拉。

在搖滾樂界,一個團體的團員常有更動,因而形成若干時期,但其中總會有一個時期號稱為黃金時期。對「幻境 illusion land」來說,2003年8月~2007年7月這四年就是第一個經典黃金時期。當然,在多年後,這四年的黃金時期還是結束了,黑色幻境不再,藉這篇紀錄讓當年的幾個經典畫面再度出現吧!

黑色網站剛上線時,有用 Masek 的畫作製作了一幅左右對稱的入口頁面 (上面已有介紹),但不久後便稍加修改,成為幻境最經典的入口頁面,一擺就是四年,如下圖:

幻境的老友們看上面這幅圖應該看不過癮吧!這頁面的背景底色其實是在黑白之間閃爍的,但上面這圖片無法表現出動態效果。而且該頁面還有背景音樂,Chris de Burgh 的 Just In Time,在這裡也聽不到。

好吧,請點此重溫神秘詭異的算命仙!

跟算命仙打過招呼後,進入網站還是黑壓壓的一片,但有個老爺爺提著燈照亮四方... 其實一點都不亮。底下就附上幾張網站版面截圖,每一張都可以點小圖看大圖,看原尺寸的話也許老爺爺的燈會亮一點?


為了交換連結所做的網站LOGO圖片彙整

以前有在玩交換連結,前後做過若干網站LOGO圖片,在此回顧一下。

幻境 illusion land (灰濛濛版)

幻境 illusion land (黑漆漆版)

蕭邦 Fryderyk Franciszek Chopin


黑色網站時代的眾 Member Icon

以前黑色網站時代使用的架站程式 n@board 有 member icon 功能,有些朋友做了自己專屬的 icon 擺在幻境使用 (有些是我自己的),在此回顧吧。


2007年7月~2010年8月 網站暫停營業 進入冬眠期

大約從2007年以來,網站就屢屢遭受攻擊,原因是架站程式 n@board 的安全性不佳,而韓國原作者久未推出更新版,網路世界上參與開發或修改 n@board 的人也不多,所以問題始終無法徹底解決。

程式屢屢被攻擊,空間商數次凍結我的戶頭,來往交涉多次越來越心煩,但終究問題是出在程式,只好暫時拉下大門休息一陣子,再找時間研究別的架站程式,等改天轉移到新程式後再復出。

可是,轉換新程式不難,麻煩的是眾多的內容卻很難轉移,因為 n@board 的資料庫架構不好,和其他若干熱門架站程式差異也很大,很難用單純的資料庫語法或小程式將資料一口氣全部轉移。結果就因為資料搬移不易,我的懶病隨之發作,就這樣持續擺爛,網站一關就是三年!

在這三年間,我仍預期有朝一日會復出,所以網域和空間都保留著。這段期間內,我僅在首頁陸續擺過若干不同的公告畫面,聊勝於無,網站完全沒有復出的跡象。自己網站停擺後,也就很少去朋友那邊串門子,往往好幾個月,甚至一年半載的,才會去朋友那邊打屁個幾句,然後又隔好幾個月才有下一次。

關站期間,我在首頁擺的第一個臨時頁面是個 Hibernated Version,如下圖:

這個 Hibernated Version 擺放的時間很短,可能兩三個月吧,我也記不太清楚。它是純 HTML 網頁,只是利用 ExoBUD player 播歌而已。上圖若看不過癮的話,可以點這裡看原尺寸。我很喜歡這個版面。

下一個臨時頁面很陽春,只有一頁,以及播一首歌,Carmen Maki 的歌,如下圖,或點此瀏覽完整頁面。這個頁面一擺就是兩年多,大概從2007年底到2010年初都是這個頁面,擺爛到極點。

2010年初,因為有人畢業,我短暫的擺了一個極為陽春的頁面,好像擺不到一個月,只有三個字跟一首背景音樂而已,如下圖,或點此瀏覽完整頁面。那首背景音樂是 David Darling 的 Minor Blue,出自 Journal October 專輯

後來又換了下一個臨時頁面,也是播一首背景歌曲而已,如下圖,或點此瀏覽完整頁面。那首歌是 Renaissance 的 Kiev,出自他們1972年的 Prologue 專輯,頁面背景圖就是該專輯的封面及封底。


2010年8月1日 幻境復出 白色極簡新風貌

從2007年7月到2010年的三年停擺期,我還是有為了復出做些事情。首先是試用各種架站程式,選用重點是要熱門的,這樣才有夠多的資源應付以後可能發生的新問題。總共試用過 WordPress、Movable Type、PHPBB、Xoops、Discuz,最後選定 WordPress。

試用各種程式期間確認了一點,n@board 的資料庫架構不理想,跟眾家熱門程式差異又很大,實在難以找出簡單方法一口氣搬移所有資料,這也是我網站長期停擺的主因。後來終於認命,還是愚公移山一篇一篇慢慢搬吧,往好處想,就當順便整理一下以前的舊內容。

停擺期間其實還是有在發文,但只活在我自己的電腦裡,沒有上線。主要都是發單車遊記,因為是這幾年內的新興趣,以前網站內沒有這類別。另外也有整理一些專題音樂欣賞的資料,例如「大家來唱羅大佑 (reprise)」就是在網站停擺期間整理好的,還有其他幾篇大概都整理了六七成,但在撰寫此文的時候都還沒播出,所以在此先不揭祕。

經過漫長奮鬥,愚公終於把山搬完,幻境 illusion land 在2010年8月1日復出。和以前差別有:

  1. 復出後是白底的極簡新風貌,首頁除了舊有的隨機封面以外沒有其他圖片,網頁沒有任何裝飾用的小圖示,沒有個人圖像或表情符號,盡量不使用表格語法,總之盡可能的保持陽春,來幻境就是看內容或聽音樂,沒什麼視覺效果。
  2. 字體放大很多。未雨綢繆嘛...
  3. 入口的算命仙跟提燈的老爺爺都退休了,只能在這篇「幻境演變歷程」重溫他們的容貌。
  4. 以前黑色網站時期還保留更古老的灰色舊站,雖然不會更新,但可以進去瀏覽。這次復出後已完全拿掉灰色舊站,連看都沒得看。
  5. 雖說是愚公移山一篇篇搬內容,但還是有刪掉一些內容,多半是關於電腦或網頁空間的討論,那些內容太技術性又有時效性,現在看來無趣又無用,就直接砍掉。
  6. 會員資料雖然都有搬過來,但新程式沒有便條功能,所以以前那些便條只好全數丟棄。
  7. 以前的分類類別有重新整合過,雖然類別有變少,但內容其實都在。
  8. 新增「旅遊 - 單車」類別。

希望這白色極簡階段能再成為 幻境 illusion land 的黃金時期。


2010年10月8日 提燈老爺爺復出

幻境名為「幻」,但算命仙跟提燈老爺爺都退休後就變得一點都不幻,想想還是讓提燈老爺爺復出好了。

位置還是一樣,提燈老爺爺站在左邊,但顏色弄得很淡,似有若無。


2011年4月23日 黑白灰三色隨機呈現

提燈老爺爺在去年復出,其實我也很想讓算命仙復出,但是算命仙的背景是在黑白灰三色之間閃爍,現在網站卻固定白底,若算命仙突然回來感覺很突兀。

所以,順便玩玩CSS,準備了三套CSS,再加上簡單的PHP隨機語法,以後網站就會隨機在黑白灰三色中擇一顯示。如此撲朔迷離,越來越幻了!過陣子便可讓算命仙復出。

2011.08.04 註:灰底的怎麼配色都不好看,不要了,以後保留黑白兩色就好。


2011年6月13日 算命仙復出站崗

幻境從2003~2007四年間都是由下圖的算命仙在門口站崗。後來幻境暫停營業三年,去年復出後一直沒有叫算命仙回來。直到今天,終於請到算命仙回來站崗,幻境又恢復更多「幻」的氣息了!

算命仙是在門口站崗,只有在 http://illusionland.net/ 才看得到,若從 http://illusionland.net/website/ 進來就跳過算命仙了。

關於算命仙的身世請參閱此文:從 Ain Soph 到 Masek