企业网站制作超简单教程第三篇：列表页面构思

    像这种非常简单的企业站，首页一旦制作出来，也可以说 列表页和产品内容页 就基本出来，为什么这样说？
    首先，列表页面的头部head和foot基本不用修改，直接照搬首页就可以了，然后看页面中间部分body：
    1、body的布局大致可以选择和首页相同的布局：2：1，这样布局省去，样式也可以省去。
    2、唯独修改的地方在于页面body右侧，分产品列表的布局和企业新闻列表的布局。
    ①企业产品展示列表，一般含有图片和文字说明或者产品标题
    ②文章列表，一般文章列表基本都是文章标题列表，有的会加上发表时间以及点击次数
    ③接着就是底部的分页列表
    3、最新产品、最新新闻以及产品热度排行（一般是查看点击产品次数较多调用，有的会按照一周点击排行或者每月点击排行），还有的列表也会选择随机调用产品信息或者企业新闻信息，列表页面包含这些信息有利于页面更新，也就是有利于SEO优化，百度蜘蛛喜欢页面更新较频繁的页面，页面更新频繁，蜘蛛喜欢会爬取得较频繁。
    按照上面思路，我们可以做：
    1、把已经做好的首页页面复制一份，以及首页的CSS样式表复制一份，都重命名（CSS样式表的外部引用名不要忘记更新，以及在第二条删除的两块青色DIV样式不适用的也可以一并删除，如果有用到样式规则可以保留）
    2、由第一篇“企业网站制作超简单教程第一篇：首页页面布局构思”里首页构思图片讲解，body部分右侧的蓝色DIV盒子，保留，把里面的两个青色的DIV盒子删去，因为在列表页我是准备将他放产品列表或者企业新闻列表。
    OK！产品列表页和企业新闻列表页两个页面的前期布局构思大概就这样了，等待下一篇实际操作。
    预告：
    产品列表页和新闻列表页准备主要使用<ul>无序列表来制作，无序列表<ul>里面的<li>我们知道都是默认一行排列，给它float:left;靠左浮动，结合margin和padding使其左右间隔相同，而新闻列表页的新闻标题靠左显示，新闻的发布时间和点击数靠右显示，如何给发布时间和点击数在同一个<li>里面靠右浮动呢？下一篇文章我们详解。

TAGS:企业网站制作 , 教程 , 页面构思

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