说明:用截图及文字的方式介绍了模板的基础样式及原理。
示例图片:
1:样式文件
说明:实战制作:模板头部说明制作教程。
示例图片:
1:博客头部
说明:实战制作:模板侧边栏共用部分:
示例图片:图片上面有标题,就不重复了。
说明:实战制作:模板文章列表及分页显示说明制作教程。
示例图片:
1:文章列表:
2:文章分类名称和分类描述
3:分页显示
说明:介绍博客文章详细显示及评论列表及评论框的制作说明:
示例图片:
1:文章详细
2:回复列表
[有点长,省略]
3:评论框
总结:
博客皮肤文章这一块,就到这里结束了。
基本上就两个页面,一个文章列表和文章帖子页。
即:index.html,articlelist.html,articledetail.html。
如果皮肤以文章为主,不包含图片,首页[index.html]和文章列表[articlelist.html]就是一样的了。
因此制作一套皮肤,基本上就做两个页面就可以了。
至于commoncache.html不是必须的,如果你想抽取共同代码到这里,让其它页面简洁一点,也可以使用。
基本上就两个页面,一个文章列表和文章帖子页。
即:index.html,articlelist.html,articledetail.html。
如果皮肤以文章为主,不包含图片,首页[index.html]和文章列表[articlelist.html]就是一样的了。
因此制作一套皮肤,基本上就做两个页面就可以了。
至于commoncache.html不是必须的,如果你想抽取共同代码到这里,让其它页面简洁一点,也可以使用。
本文转自cyq1162 51CTO博客,原文链接:http://blog.51cto.com/cyq1162/599272
,如需转载请自行联系原作者