第8章制作blogbus模板新.pdfVIP

第8章. 制作Blogbus 模板 第8章. 制作Blogbus 模板 第第88章章.. 制制作作BBllooggbbuuss模模板板 设计模板 在制作模板前，我们需要构思下如何设置模板的各个功能模块。大体上讲，Blogbus的功能 模块分为日志区和副栏区。日志区里包含各种与日志相关的信息，比如日志主体，发表时间， 日志分类，日志TAG等等。副栏区的内容则更加广泛，它包含有最新日志，最新留言，友 情链接等小模块。 在制作模板前，通常会利用作图软件制作一个示意图出来，然后再分析下示意图，将示意图 中的大体框架用HTML代码表示出来，接着就可以用CSS来修饰HTML中的标记，最终达 到示意图中的效果。 下面以“万恶的blogbus模板”所使用的模板为例，来介绍下模板的制作过程。 “万恶的blogbus模板”示意图 模板布局 在构思并设计好模板示意图后，我们需要对模板的布局结构进行简单的分析，并写出主要的 HTML代码。 在模板设计中常用的是两栏布局（如右图）这里的模板 也同样采用两栏布局，页面总宽度设为960px，日志区宽 度设为726px，副栏区设为210px。 在对页面的布局结构大致了解后，我们写出下面这样的代码，用以构建出布局的整体框架。 HTML部分代码： divid=oute