企业网站制作超简单教程第五篇：文章及产品详情页制作

　　前几篇文章也从首页到列表制作给记录了一下，最终到了内容页详情页。方便快捷简单适合大部分企业网站制作页面，我这里做这个主要是用在做企业站群用的模板，所以对于板式以及其他素材方面也就没准备做的多么细致。
站群本来是准备下载一个站群系统，苦于是不准备付费使用站群管理系统，而且通过对于帝国CMS内容管理系统的理解，也是可以简单做一个小站群，然后结合“火车采集器”以及“火车浏览器脚本”可以做到更新、发布，后台统一管理，虽然相比正规站群管理系统功能还有差距，也足够使用了。
好了，转入正题。详情页的制作和列表页的制作也都是大同小异，都是将body右侧部分“清空”放入一般企业站详情页内容板式“
1、title，使用h1标签
2、发布时间、作者、以及点击次数使用p标签制作，当然也可以使用DIV写，
3、正文部分使用一个DIV，这里注意以后图片设置问题，防止因图片宽度超出正文溢出，给图片一个max-width(最大宽度)
4、分页使用p或者DIV
5、相关文章使用DIV
6、评论也可以使用DIV，个人觉得企业站做个评论没什么用处，况且我这里用在站群模板上面
    好了具体操作，这里其他部分不再说明，只说明右侧这一块：
    1、文章标题title，<h1>标题</h1>，h1最好给个margin和padding值都为0，如果其他没有给全局外边距和内边距的话，一般h1都会默认有外边距或者内边距值，可能看着有点突兀，然后居中：text-align:center;
       2、<p></p>一样设置文本的CSS样式给居中
    3、<div>正文</div>，可以给一个内边距，以及前面说的正文图片超出宽度
    4、分页使用p标签或者DIV标签，文本居中，以及每一个单页超链接样式，自设，可以给背景色、内外边距、边框具体参照：《网页超链接样式的CSS写法》这篇文章

     5、相关文章，使用DIV制作里面可以使用<ul><li></li></ul>制作比较简单，这里可以做成单列以及两列，给li 宽度和靠左浮动，这里在前几篇文章也有介绍。

     6、评论，至于评论也照样使用DIV，里面可以使用”畅言“”多说“两个评论插件，都是极好的，本站使用的是”多说“的评论插件，官方也有详细的安装教程，可以百度搜索一下看看

     这里具体步骤就不再详解了，具体看附件，附件没有装相关文章以及评论，分页也是简单写了一些数字，后面我还要使用之前制作好的，首页、列表页和详情页，套进帝国CMS系统下面做几个站群，当然如果你比较熟练使用织梦系统，可以套进织梦系统。

企业网站建设之详情页

f2ff00348b956728a5b90e954eb1951d.zip (3.20 KB)

TAGS:企业网站制作 , 详情页

来自Davids zhou博客原创文章请尊重作者：http://www.zongk.com/zongk/51.html转载请标注此链接