*YouTube 教學頻道* *影像布落格*
首頁
初學者技能教案專區
布落格寫作
數位影音專題寫作
西洋哲學史導讀
老子探義導讀
《論語》小談
flickr圖像集

2014年9月16日 星期二

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



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

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



按 這裡開始表格堆積木  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互動的整合性排版寫作。 按此前往〉



沒有留言:

張貼留言