Don't make me think

想要快速的製作 Flash Slideshow 或是 Flash 3D Gallery，可恨沒時間爬程式的你，請享用[ Flash Gallery Factory ] 軟體輕鬆完成，官方網站於下方，免費版本發佈時會有公司浮水印。 官方網站: http://www.flash-gallery-software.com/free-flash-gallery-template.html My Demo: http://cindy8.myweb.hinet.net/demo_flash/flash_3d_gallery/DSC_0659.html 軟體使用上相當方便，很直觀，應該打開就會使用，所以就不多介紹了，如果還是有疑惑，可以參考 此篇文章 ，描述的很清楚。 特別要說明的，發佈後的Flash Gallery，圖片檔案是包在 swf 裡面，當照片多的時候，檔案容量會很大，也無法使用 XML 快速的新增、修改，所以比較適合小型專案上使用。

flash很適合做照片的快速流覽，加上生動的3D效果看起來更是過癮，自己寫還滿累的，提供一個免費的Photo Flow Flash Gallery給大家，限制是只有九張圖，動畫按右鍵出現該公司名稱，很不錯用喔！ 在此下載檔案： http://flash-gallery.com/photoflow-flash-gallery/demo/ 如何使用, 兩種方法擇一: 取代 images 圖片 修改xml語法

為了搭配網站風格與版面配置, 枯燥的表格也需要多樣化, 只要將htm語法做結構化的設計, 加上CSS, 就可重複運用表格樣式, 簡單又快速。 設計表格時, 我喜歡這樣做 <table id="Nclass" summary="簡要說明"> <thead> <tr> <th scope="col">欄1</th> <th scope="col">欄2</th> <th scope="col">欄3</th> <th scope="col">欄4</th> </tr> </thead> <tbody> <tr> <td>A1</td> <td>A2</td> <td>A3</td> <td>A4</td> </tr> <tr> <td>B1</td> <td>B2</td> <td>B3</td> <td>B4</td> </tr> <tr> <td>C1</td> <td>C2</td> <td>C3</td> <td>C4</td> </tr> <tr> <td>D1</td> <td>D2</td> <td>D3</td> <td>D4</td> </tr> </tbody> </table> CSS可以這樣設計 #Nclass thead {....} #Nclass tbody {....} #Nclass tfoot {....} 也可針對td #Nclass tbody td ...

以往 用table 編排網頁的方式, 容易產生複雜的原始碼, 適當的善用div 將會乾淨許多, 也減輕(版面 & 程式) 設計者的負擔, 舉例: <table> <tbody><tr> <td>第一列</td> </tr> <tr> <td>第二列</td> </tr> </tbody> </table> 用div呈現會變成 <div>第一列</div> <div>第二列</div> 所以在版面配置時, div 是個好幫手, 但在列表式的資料編排, 我還是會採用 Table, 部分設計師想盡辦法不使用 Table, 我並不贊成, 何苦呢 ? 將 Table 用在列表式的資料上, 簡單又方便, 通常只要掌握大方面 Table-less Css Layout , 就是一張漂亮的網頁。 如何用 div 做版面配置? 首先要會用 CSS, 需要學很久嗎? 不用, 請打開Dreamweaver CS4 , "新增空白網頁" 可以選擇各式各樣的版面, 三欄、二欄任你挑, 再依照說明文字的解釋去修改你要的寬度就可以。 在body之前會有一串文字如下方, <!--[if IE]><br /><style type="text/css"><br />/* 在這個條件註解中，放置所有 IE 版本的 CSS 修正 */<br />............<br /></style><br /><![endif]--> 這是為了網頁在各家瀏覽器上可以呈現相同的結果, 因為標題(<h1>,</h1><h2>,<hn...> )與<p>的使用各家瀏覽器預設內外距的差異, 造成頁面呈現的不統一, 建議做內外距的歸零動作即可, 如下: h1, h2, h3, p {padding:0; margin:0 } 最後提供以...