之前設計嵐分享了如何在進行網頁設計時，利用CSS語法將圖片加上拍立得的外框效果，對於學習網頁設計的人來說是個好用的技巧，(相關文章請參閱：[教學]成為CSS高手之路(八)~製作拍立得相片效果)；而今天設計嵐再更進一步針對Blog經營者，介紹如何在blog文章圖片也加上拍立得相片效果外框，讓各位格友們不需要透過美工軟體就可以讓圖片有不同效果喔！
把部落格圖片變成拍立得相片風格
我們常常在網頁或是Blog中放置內容圖片，只是純粹放入圖片，有時候會覺得在視覺效果上略顯單調，但是如果想要針對圖片加點設計效果，往往又需要使用美工軟體進行編輯才可以做到，所以今天設計嵐來分享一個簡單的手法，利用CSS語法在圖片上製作具有拍立得效果的外框，瞬間就可以讓沒有特色的圖片擁有吸引眾人目光的魔力喔！
利用CSS製作拍立得相片效果
2010年5月，强大的dropbox终于被墙了，那么访问dropbox的方法: 第一种方法：修改hosts文件dropbox的IP方法 如果想继续使用Dropbox,可以参照以下方法在hosts文件中将dropbox对应的IP修改为174.36.30.71，hosts文件的目录一般是在C:\Windows\System32\drivers\etc。在host文件(这个文件可以用记事本打开并保存生效)中增加如下IP：174.36.30.71。(说明：此方法对部分DNS无效。这样的情况下，可以直接使用174.36.30.71访问，但显示不完全，CSS样式未加载。)
成為CSS高手之路系列文章第七篇來嚕!!上一篇設計嵐說明了如何針對文字設定邊框以及轉灰階圖片的CSS語法，今天來介紹一個更實用的技巧~文繞圖的設定，這個技巧之所以重要，原因有二：1.網頁內文不作文繞圖排版上很難看 2.使用DIV+CSS排版是目前網頁標準化的一個標準作法，網頁設計師必備技能!!
今天設計嵐來介紹『成為CSS高手之路』系列文章第六篇，經過前面五篇的基本功訓練，有閱讀並且練習的人應該對於CSS有了基本的認識，接著開始我們正式進入實際運用的介紹，當然，我們還是要由淺入深，先從最簡單的圖片效果開始介紹，慢慢的再進展到更進階的CSS設定。
CSS在圖片效果上的套用
今天系列文章之五所要介紹的套用外部CSS檔案的方式，是先將CSS的格式語法寫在一個獨立的檔案中，並且儲存成CSS格式的檔案，然後再將此檔案以連結或匯入的方式套用在不同的網頁中，讓這些網頁同時擁有相同的CSS格式設定，相當方便快速，而且日後有需要，只要修改CSS檔就可以同時更新所有的網頁格式設定了，這對於需要統一格式設定以及同時管理大量網頁的設計師來說，是個省時簡便的好方法。
今天設計嵐的朋友轉寄了一封信，標題為『馬克的履歷表』，看完之後覺得很有趣，有趣之餘更是佩服，佩服的原因有二：1.這就是『創意』，身為設計師你我或立志成為設計師的人，是否能有這樣的創意思維？ 2.這就是『能力』，當我們有靈感、有創意時，我們能不能用我們所會的技術與工具，將我們的創意實現？
今天『成為CSS高手之路』系列文章之四，繼續針對『整頁套用的CSS規則』作後半段的說明，能夠讓規則套用在整個頁面的方法除了前文『成為CSS高手之路(三)~CSS在DW中的設定與語法宣告方式Part I-整頁套用的CSS規則(上)』所提到的設定方法之外，還有其他幾種設定方式，其影響範圍也都是一整個頁面的。
「Simple CSS」是一套圖形化介面的 CSS 設計軟體, 只要透過點選並輸入數值的方式輕輕鬆鬆就能完成 CSS 的設計。
We've put together this CSS support in email clients guide to save you the time and trouble of figuring it out for yourself. With 21 different sets of results, all the major email systems are covered, both desktop applications and webmail.
CSS樣式表提供了許多優勢,你沒有在表佈局上,首先是嚴格區分佈置,或設計新的一頁,與信息,對提交的頁面.
很有用的CSS技術
「CSSVista」就是一個能夠同時支援 IE 及 Firefox 的 CSS 編輯軟體, 你可以即時的在「CSSVista」中預覽這兩種瀏覽器呈現頁面的結果
RoundedCornr 是一個能幫助使用者，經過幾步簡單的設定後就可以產生圓角圖形或是含有圓角邊框的內容盒 (rounded corner box) 的網站。
70 Expert Ideas For Better CSS Coding
Naming conventions table
css id class 語意命名統計
拿來當學習樣本也不錯:P
可以學到蠻多東西的 美工人員可以看看
表格之所以存在於 HTML 中，只是為了一個目的：顯示表格狀的資料。然而此後的 border="0" 使得設計師可以將圖片和文本放在這無形的網格中。迄今為止，表格仍然主導著視覺豐富的網站的設計方式，但它卻阻礙了一種更好的、更有親和力的、更靈活的，而且功能更強大的網站設計方法。下面我們開始尋找這個問題滋生的源頭，並學習創建過渡性的，甚或完全不需表格的排版方式。
如何善用CSS很好的一個說明
Free CSS Templates 這個網站目前設計並提供 100 多個免費的 CSS 模板，使用 CC 姓名標示 2.5 授權使用。 每個模板都別具特色，完全不使用表格 (純 CSS 及 XHTML 打造) 及符合 W3C 的 XHTML 標準。就算不直接下載套用的話，拿來參考別人的 CSS 怎麼寫也很受用。
Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
好用的 javascript 除錯工具.
準備瘋狂改造Blogger，建立良好觀念為首務！ 每個玩部落格的朋友，肯定都了解擁有好而充實的文章內容才是部落格最為重要的靈魂，才是王道！就算最最陽春的版型，一旦擁有好文內容，那將勝過華麗百萬倍，卻沒有內容的部落格！ 所以充實自己部落格的內容絕對才是第一等課題！
test
對於網頁設計者來說Smashing Magazine真的是一個值得推薦的好站，它提供了很多好文章，這次要介紹的是53 CSS-Techniques You Couldn’t Live Without，共整理了53個你不能錯過的CSS技巧！
12 Basic CSS Templates這個網站提供了12個基本的CSS樣版，喜歡網頁設計的朋友應該很有幫助，只要點選圖案，就可以進行下載！對初學者也是一個好的研究範本！
(繁體中文版 by:藤原直樹 翻譯製作)
詳列了一些Web 2.0版面設計的方法，還有圖片
