2005/07/07
利用表格进行msn space日志排版
by gouy2k
(转贴请著名作者和出处)
本文只是提供了一个理念, 有兴趣的可以发挥你们的想象进行更深入的研究.
在网页设计中,表格被广泛引用于页面的排版, 因为利用表格可以很容易和简单的实现页面的规划. 虽然现行w3c和网页标准化不在支持网页设计中使用表格排版, 但是既然msn space支持了<table>标签,那我们为何不利用表格对我的日志进行排版让日志看起来更为整齐和美观呢.
1. 图文混排
运用表格,我们可以很容易把如片和文字结合在一起, 请看下面的例子 ( 是一个不显示边框的一行两列表格):
 |
潘天寿“春塘水暖”图创作于1961年。249×102厘米,画心上留有“文革”时期的粉笔痕迹。此作曾录于浙江人民美术出版社《潘天寿书画集》等画册中。 此作以牛为主题,自是笔墨重点,沉重厚实的笔墨,将一只辛勤劳作之余休息的老水牛表现的淋漓尽致,而牛的一双眼睛深邃,尤为感人。岩石表现是潘天寿的一贯风格,而右上角一些山花、野竹则是他另一代表作“雁荡山花”的再现。
|
再看一个,这次是背景
潘天寿“春塘水暖”图创作于1961年。249×102厘米,画心上留有“文革”时期的粉笔痕迹。此作曾录于浙江人民美术出版社《潘天寿书画集》等画册中。 此作以牛为主题,自是笔墨重点,沉重厚实的笔墨,将一只辛勤劳作之余休息的老水牛表现的淋漓尽致,而牛的一双眼睛深邃,尤为感人。岩石表现是潘天寿的一贯风格,而右上角一些山花、野竹则是他另一代表作“雁荡山花”的再现。 潘天寿以牛为题材的作品曾画过几幅,但最为著名者只有“夏塘水牛”与这幅“春塘水牛”了。 |
2. 文字排版
利用table 可以实现之前比较难实现的一些日志文字排版, 比如说两个并列段落, 如下例子(是一个不显示边框的一行两列表格):
|
段落一
臣亮言:先帝创业未半,而中道崩殂;今天下三分,益州疲敝,此诚危急存亡之秋也。然侍卫之臣,不懈于内;忠志之士,忘身于外者:盖追先帝之殊遇,欲报之于陛下也。诚宜开张圣听,以光先帝遗德,恢弘志士之气;不宜妄自菲薄,引喻失义,以塞忠谏之路也。宫中府中,俱为一体;陟罚臧否,不宜异同:若有作奸犯科,及为忠善者,宜付有司,论其刑赏,以昭陛下平明之治;不宜偏私,使内外异法也。侍中、侍郎郭攸之、费依、董允等,此皆良实,志虑忠纯,是以先帝简拔以遗陛下:愚以为宫中之事,事无大小,悉以咨之,然后施行,必得裨补阙漏,有所广益。将军向宠,性行淑均,晓畅军事,试用之于昔日,先帝称之曰“能”,是以众议举宠为督:愚以为营中之事,事无大小,悉以咨之,必能使行阵和穆,优劣得所也。亲贤臣,远小人,此先汉所以兴隆也;亲小人,远贤臣,此后汉所以倾颓也。先帝在时,每与臣论此事,未尝不叹息痛恨于桓、灵也!侍中、尚书、长史、参军,此悉贞亮死节之臣也,愿陛下亲之、信之,则汉室之隆,可计日而待也。 |
段落二
臣本布衣,躬耕南阳,苟全性命于乱世,不求闻达于诸侯。先帝不以臣卑鄙,猥自枉屈,三顾臣于草庐之中,谘臣以当世之事,由是感激,遂许先帝以驱驰。后值倾覆,受任于败军之际,奉命于危难之间:尔来二十有一年矣。先帝知臣谨慎,故临崩寄臣以大事也。受命以来,夙夜忧虑,恐付托不效,以伤先帝之明;故五月渡泸,深入不毛。今南方已定,甲兵已足,当奖帅三军,北定中原,庶竭驽钝,攘除奸凶,兴复汉室,还于旧都:此臣所以报先帝而忠陛下之职分也。至于斟酌损益,进尽忠言,则攸之、依、允等之任也。愿陛下托臣以讨贼兴复之效,不效则治臣之罪,以告先帝之灵;若无兴复之言,则责攸之、依、允等之咎,以彰其慢。陛下亦宜自谋,以谘诹善道,察纳雅言,深追先帝遗诏。臣不胜受恩感激!今当远离,临表涕泣,不知所云。 |
3.全局排版
利用表格可以很容易的规划出整洁美观的日志排版.比如:
建立两个表格, 第一个做导航栏, 第二个做文章区:
根据这样的思路,很容易就可以打造一个属于自己的blog模板, 很容易把. 还可以根据需要设置背景, 边框, 插入图片等等.
还有一个需要知道的问题就是表格是可以互相嵌套的,就是说一个单元格的里面还可以嵌套另外的表格. 比如用上面的那个全局排版距离, 我们还可以这么做