企业网站制作超简单教程第一篇：页面布局构思

    帝国CMS系统，自己对于帝国CMS系统的使用比较熟悉，也经常使用帝国CMS制作一些企业站。对于帝国CMS的一些好处等等不在多废话，自己给自己定位算是一个进阶的小白。
    这篇文章主要写使用DIV和层叠样式表CSS制作一个简单的企业网站。对于美工我自己对自己都不敢恭维，一个字：丑！哈哈哈！
    DIV+CSS纯粹的是自己自学的！个人觉得熟练使用float：left；真的是“走遍天下都不怕”。
    企业网站建设，我一般都是先写首页，先在心里构思一下我的首页要做成什么样的？使用什么主色调？页面布局现在纸上画出来比较好，也有的人会先用图片工具（比如Photoshop）画出来，然后在切图。由于在于这点我是个菜！一般都是使用Dreamweaver直接写代码，然后需要什么素材，尽量使用CSS实现或者使用Photoshop制作出来，使用CSS调用。

    最简单的一些企业站布局应该如上图：
    1、公司logo；2、网站导航；3、banner图；4、左侧的产品列表；5、公司的联系方式；6:、公司简介；7、产品中心；8、页面底部的版权信息备案号等
    一个简单的企业网站，应该主要包含这些信息，思路分析布局DIV写法如下图：

    不知道你能不能看明白，我圈的图，红圈是一个DIV，蓝圈是包含在红圈内的DIV，青圈是包含在蓝圈内的DIV。
    好，布局思路到这里算结束了。那么什么是DIV？DIV个人理解就想一个盒子一样，一个页面就像一个仓库，页面里每一个图片，一段文字，就装在一个盒子里面，把盒子放在仓库的不同位置，就是在给这个仓库布局。
    这里是第一篇：企业网站制作之页面布局构思。
    第二篇预告：
    重点：选择符{float:left;}，float浮动，让这个DIV靠左浮动。

TAGS:企业网站建设 , 页面布局 , 教程

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