做網頁除了要會運用各式軟體,排版與配色也是相當重要的,如果你像阿湯一樣沒什麼經驗,可能會卡關很久,畢竟靈感說不來就不來,但參考別人的作品多少可以激發一些想法,「Straightline」這個日本網站目前收集了 7608 個不同的網頁設計類型,除了日文還有一些歐美的英文版網站,包含服飾品牌、旅遊介紹、唱片、咖啡店網站等等,相當豐富,喜歡即可加入收藏供實作參考。
網頁設計隨著技術的演變,近幾年比較流行的網頁技術就是 RWD 自適應設計,簡單的說就是做一個頁面自動符合電腦、平板、手機各種不同解析度的畫面,以往電腦版和手機版都是分開製作的,最常見的設計方式就是透過 Bootstrap,不過這還是需要有相當的基礎才好上手,Pingendo 這套 RWD 網頁設計工具則是全視覺化,讓你直接用拖曳的方式完成基本的 RWD 頁面結構設計,可以大幅的減少版面編排的時間,對網頁設計的人來說是相當實用的工具。
最近阿湯身邊的朋友也開始在問有關 7headlines 這種網站的事情,類似的網站其實有不少,共同的特點就是都是用 iframe 的方式嵌入別人的網站,雖然這樣做不違法,但基於道德問題,這樣跟盜別人文章沒什麼二樣,是很不可取的行為,如果你的網站也深受其害,阿湯這邊整理了一下對付的方式,讓這些 iframe 的頁面能真正的導回你的網站,一起來杜絕這些可惡的網站吧。
以前學習網頁的時候,清一色都是從frontpage開始,漸漸的隨著網頁技術的進步,frontpage就被淘汰了,現在如果自己去補習這部份的網頁設計技術都是使用DreamWeaver居多,不過如果自己在家要使用DW的價格也是不便宜,如果你不是DreamWeaver的重度使用者,或許也可以試試免費的網頁編輯器《BlueGriffon》,除了有DW的一些重點功能之外,也支援目前最新的HTML5及CSS3技術,甚至有部份的操作介面做的比DW更便利操作及使用,雖然功能不及DW,但在一般的網頁製作使用上已經是綽綽有餘。
雖然丫湯不斷的在研究Wordpress佈景,一直很想做一個CMS樣式的佈景,不過輪播圖片的部份一直找不到很滿意的程式來製作,最近無意間看到一個Flash+XML製作起來的輪播系統,看起來效果十足,也不會佔用太多資源,不過目前還不是很適合用在結合文章上,只適用輪播圖片,先在這裡做個筆記,之後再來研究看看是否適合做成WP外掛,有興趣的也可以拿去研究看看哦。
雖然不斷的改版佈景來融合自己所學習的東西,不過還是得不斷的吸收學習更多的技術,今天在逛網站赫然發現了一個很屌的CSS範例,居然是利用CSS3製作出一支哆啦A夢,而且不靠任何圖片就完成了,丫湯好奇的檢視原始檔,哇靠,真的是太強了,看來哆啦A夢也開始教起了CSS語法,不過由於是CSS3語法製成,在各大瀏覽器下的呈現效果都有所不同,不僅很有效果也很有笑果啦。