September 3, 2006
推薦這個部落格: 128
July 21, 2005
尚未套入樣式的原始網頁
套入CSS樣式後的網頁
很神奇吧,不用表格也可以排版,但是過程會累很多,對於需要大量修改樣式的網頁,CSS真的很方便
Basic CSS Box Model Demo
這個蠻有趣的,也非常容易理解
資料來源:
CSS網頁設計師手札-101個您一定會遇到的問題與解答:可以迅速找到特定CSS問題的解答,很方便,因為範例檔的檔案太小了,所以不附光碟,要去上奇下載,評價★★★★★
其它:
Web CSS網頁樣式設計學:一個步驟一張圖,講解的很詳細,而且是全彩書,比CSS網頁設計師手札簡單易懂,不過我覺得要是看得懂CSS網頁設計師手札的話,這本就可以跳過了,但封面蠻吸引我的XD
The Zen of CSS-網頁視覺設計的王道:有人推薦原文書,中文版要推出了,可是還沒看到實際內容,考慮入手^^
CSS 速查手冊 第二版:樣式表手冊,一本199,打折可以到159,很便宜,屬於隨身手冊,可是紙張比一般書還厚,有點不易翻閱。
專業網站設計實務:這跟CSS的關係不大,裡面的範例全部都是用表格去做排版,很多巢狀表格,現在看起來真複雜
套入CSS樣式後的網頁
很神奇吧,不用表格也可以排版,但是過程會累很多,對於需要大量修改樣式的網頁,CSS真的很方便
Basic CSS Box Model Demo
這個蠻有趣的,也非常容易理解
資料來源:
CSS網頁設計師手札-101個您一定會遇到的問題與解答:可以迅速找到特定CSS問題的解答,很方便,因為範例檔的檔案太小了,所以不附光碟,要去上奇下載,評價★★★★★
其它:
Web CSS網頁樣式設計學:一個步驟一張圖,講解的很詳細,而且是全彩書,比CSS網頁設計師手札簡單易懂,不過我覺得要是看得懂CSS網頁設計師手札的話,這本就可以跳過了,但封面蠻吸引我的XD
The Zen of CSS-網頁視覺設計的王道:有人推薦原文書,中文版要推出了,可是還沒看到實際內容,考慮入手^^
CSS 速查手冊 第二版:樣式表手冊,一本199,打折可以到159,很便宜,屬於隨身手冊,可是紙張比一般書還厚,有點不易翻閱。
專業網站設計實務:這跟CSS的關係不大,裡面的範例全部都是用表格去做排版,很多巢狀表格,現在看起來真複雜
July 19, 2005
2advanced(v4)│2advanced(v3)│2advanced(v2)
2advanced是我剛接觸Flash網站時候看到的,那時候只有"驚奇"形容,一個網站竟然可以做到這種程度,那時候我就認為Flash網站就像是一段互動影片,目前網站是第4版,網路上還能找到2、3版,第1版不見了,我也沒看過,最喜歡3版,雖然第4版最新,可是速度慢了一點(檔案變大了?),因為網頁的動態很多也很流暢,等待讀取的時時會有點不耐煩,而且感覺瀏覽被中斷了,而且作品簡介的動態圖片,看久了很累。
Flash可以讓網站更豐富,不過我現在不敢說Flash可以讓網站更具"互動",自從老師極力說太多互動都是"為了互動而去互動",已經不算互動,至於多媒體性,之前的網站比賽,某個參賽網站用的Flash非常非常的多,本來以為多媒體獎項會頒給她,後來獎項從缺,沒有一組符合多媒體,而且那個網站因為Flash用太兇,被人批評"MP3都不用錢喔?每頁進去都讀超久的",而且進入頁面一定有一段動畫,還不能skip,實在是過度花俏而喪失功能性。
July 15, 2005
/a>的選單是十字狀的,第一次看還不知道那個選單,還好背景不花,不然我就不知道選單了,轉場的動畫很獨特(Loading的文字動畫也很有趣),第一次看到這種的,而且每一頁單看都是一個平面設計的作品,沒有一般網頁的固定框格。但是捲軸竟然在左下角,除了習慣上會覺得不好用,而且還無法顯示捲軸在底部還是頂端。
The Work區的作品介紹有圖片自動播放,滑鼠游標移到圖片上面,可以控制圖片播放暫停,不過圖片會變的跳來跳去的,本來以為是圖片放大可自由選擇要看的部分,其實不然,後來研究了一下,滑鼠游標從左到右移動剛好是整段圖片播放的時間(就是時間軸),所以要利用滑鼠游標的左右移動去控制,很神奇吧,如果只是在圖片上胡亂移動滑鼠游標,只會看到圖片切換來切換去,移動來移動去,眼睛都要花了,如果覺得這個設計不夠人性,還有單張圖片自由選擇觀看或是直接進入網站。
2ndnature網站很美觀,可是也犧牲掉一些東西,撇開捲軸的問題,Work裡有很多東西,目前有24件作品左右,可是選單只用數字去標示,這樣很不方便,要找一件作品還必須一個一個去找,點選過的選單顏色會不一樣算是幫了一點小忙。







































