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

作者:Davidszhou   来源:SEO优化博客   时间:2015-05-22 23:15:46   点击:

  前几篇文章也从首页到列表制作给记录了一下,最终到了内容页详情页。方便快捷简单适合大部分企业网站制作页面,我这里做这个主要是用在做企业站群用的模板,所以对于板式以及其他素材方面也就没准备做的多么细致。
站群本来是准备下载一个站群系统,苦于是不准备付费使用站群管理系统,而且通过对于帝国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系统下面做几个站群,当然如果你比较熟练使用织梦系统,可以套进织梦系统。

   

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

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

七日热点
热力推荐
网站统计
文章总数:126
今天发布:1
软件资源数:17