快速排版寫作：表格堆積木法

一個堆一個，由上而下，快速的版型寫作效果

快狀的視覺效果，是網路閱讀必然的要求。人們會在一個又一個塊狀的文本編輯區塊內，速讀式的掌握文意，覺得值得 讀下去時，才會有進一步的閱讀動 作。塊狀寫作是一位網路寫手必要的寫作概念和技巧。在初學的過程，「表格功能」很適合來讓創作者完成區塊寫作。

按 這裡開始表格堆積木  click here!!

※  左表：設寬度33%。    右表：說寬度66%，表格靠右。

快速學會．影音教學

注意事項：

1. 用多個「一列的表格」來堆出所要的寫作版型。
2. 超過一格以上的表格，記得要設定格的寬度，這樣表格才不會亂掉。
3. 最後記得把格線取消，這樣看起來就像排版的樣子。

★ 表格寫作的三個基本動作。一定要會！ click!

★ 常見問題tips：啟動表格，但表格只是小小的不完整。click!

表格及文字的圖文整合寫作

鶯歌陶瓷博物館▼◢

看門的石獅 它的安靜，是來自時間的力量。精神，來自姿色！

線條是主角 那像是來自風的傑作。一種無法被目視的湧動，全部擠壓至一種條狀的吶 喊！

範例使用之CSS：

<style>

/*表格內小標 */
.littletitle010413 {

font-family: Verdana, '微軟正黑體';
font-size: 1.31em;
font-weight: bold;
line-height: 1.6;
text-align: left;
letter-spacing: 0.08em;
margin-bottom: 0.6em;
background-color: rgba(192, 192, 192, 0.2);
}


/* 表格內基本細明體 */
.ironcontentmi010413 {
font-family: Verdana, '新細明體';
font-size: 15px;
font-weight: normal;
line-height: 1.4;
text-align: justify;
text-justify: inter-ideograph;
letter-spacing: 0.1em;
}
</style>


範例影音教學：

表格基本寫作技能：

1. 表格基本寫作動作（一）。 按此前往〉
2. 表格基本寫作動作（二）。 按此前往〉
3. 表格基本寫作動作（三）。 按 此前往〉

更多表格排版寫作範例：

1. 表格基本功：好看的圖和圖說配置。 按此前往〉
2. 表格的應用：網頁排版之靈魂。 按此前往〉
3. 表格使用基本功：為照片加上透明文字腰帶。 按 此前往〉
4. 表格使用基本功：把影音貼到照片上面。 按此前往〉
5. 從日本雜誌學表格版型。 按此前往〉
6. 不同分割比例的表格寫作。 按此前往〉
7. 表格內插入表格的塊狀版型寫作實作。 按此前往〉
8. table + div + click互動的整合性排版寫作。 按此前往〉