*YouTube 教學頻道* *影像布落格*
首頁
初學者技能專區
布落格寫作
小世界習作網
《台灣立報》

2016年4月17日 星期日

表格的圖文整合寫作:實例二


表格的圖文整合寫作:實例二
表格使用的優點在於,可以創造出某種版面結構上的秩序感。秩序感是平面構成重要的美 感原則。

「圖文整合寫作」是數位文本中必然要成為常見的「文本格式」之一。
例如表格的特性,使我們易於感受和學會圖文整合寫作過程中,要常注意的某種寫作原則。本例著重如下原理:(一)分割比例(二)媒材位移(空 間關係)。
分割,請注意同等分割以及黃金比例分割。
本例,請特別注意「1px」的寫作技法,請看影音教學。







顏色
在日常生活中
線條
在不經意的那一眼波流轉
經常,顏色與線條,往往令我騅足再三。
感官終究是有某種秩序的一種結構體,
它會在符合那種結構中的態勢綻放出一種永恆的感受之美。






範例的 CSS 語法:

<style>

/* 表格內大標字 */
.bigtitle010417 {
font-family: Verdana, '微軟正黑體';
font-size: 2.1em;
font-weight: bold;
line-height: 1.2;
letter-spacing: 0.06em;
margin-bottom: 0.5em;
text-shadow: 1px 1px 2px silver;
}

/* 表格內大標後粗體摘要字*/
.ironcontentbo010417 {
font-family: Verdana, '微軟正黑體';
font-size: 1.29em;
font-weight: bold;
line-height: 1.8;
letter-spacing: 0.1em;
}

/* 圓角框語法*/
.imgbord {
border-radius: 25px;
}

/* 旋轉語法*/
.trans0417 {
-webkit-transform: rotate(-10deg);
}

</style>


教學影音: