什麼是網路排版寫作? 【教學說明
show/hide】
這就是說一位布落客作者在寫作時,不但要思考內容是什麼,同時也要思考版型的樣態會是什麼樣子。以前的傳統寫作,內容及版型的產製是分開的,所以有作者、 有美編;但在網路布落格中,一位作者要同時來處理兩種工作項目。換言之,作者與美編的工作性質會同時存在於布落客作者。這是第一點。
第二點是,正如同大家所熟悉的,網路的文本是很視覺化的,比較接近傳統的「圖文整合」式的文本表現。一位作者在寫作時,要能同時構思版型;這不但能讓作者 準確的把各種文本素材掌握好,同時也是要透過圖文的互文性來傳達出作者的想法和企圖。
第三點,要達成排版寫作,最基本的技法即是用div區塊的推疊。就像是堆積木一樣,讓幾塊div區塊相互的推疊起來,就可以快速的完成一種簡單的圖文整合 版型的寫作。
這就是說一位布落客作者在寫作時,不但要思考內容是什麼,同時也要思考版型的樣態會是什麼樣子。以前的傳統寫作,內容及版型的產製是分開的,所以有作者、 有美編;但在網路布落格中,一位作者要同時來處理兩種工作項目。換言之,作者與美編的工作性質會同時存在於布落客作者。這是第一點。
第二點是,正如同大家所熟悉的,網路的文本是很視覺化的,比較接近傳統的「圖文整合」式的文本表現。一位作者在寫作時,要能同時構思版型;這不但能讓作者 準確的把各種文本素材掌握好,同時也是要透過圖文的互文性來傳達出作者的想法和企圖。
第三點,要達成排版寫作,最基本的技法即是用div區塊的推疊。就像是堆積木一樣,讓幾塊div區塊相互的推疊起來,就可以快速的完成一種簡單的圖文整合 版型的寫作。
Div
區塊堆疊排版寫作的互動範例【click】↗
Div區塊排版寫作相關CSS語法:
|
看懂上面的簡表&div 的css語法特色。
Div區塊CSS語法網路外部資源:
- HTML 教學之容器(樣式)
- CSS 語法教學
- W3School CSS教程
- CSS(Cascading Style Sheet) Note
Div區塊lmc的網路教學:
- 我 也會 CSS 排版功力大躍進
- DIV + CSS 隨心所欲搞定網路排版寫作
- CSS 的文字魔術
- 圖 像的置左、置中、置右:CSS 搞定照片