2列固定宽度左窄右宽型+头部
合理布局的网页界面设计：
电脑显示平台的尺寸有限，通常只有17英寸。布局合理，流畅使视线融会贯通，是网页设计必不可少的关键所在。人的视线通常垂直落在屏幕的中心，然后再向四周游动。设计师应考虑将重要信息或视觉流程的停留点安排在注目价什高的最佳视域，注目程度不同，心理感受也不同。设计师可根据具体元素的传达需要，依照画面的重心关系，安排各自适当的位置。
另外，网页设计还具有动态的方面，即网页本身具有不停闪烁的文字，不断变化的色彩和FLASH动画；另外，网页之间的链接，使得人们具有访问更深层页面的兴趣。为了能让观者进一步观赏网站，使网站的信息，说明和文件更清晰，明了地外于视觉可及范围之内，而不是深藏于某处无法发现，就需要建立导航来帮助。网站的导航在于如何运用简短，易于理解的方式来呈现网站的诸多方向。好的网站设计应该让导航功能使用起来自然而然，明确清楚，简便而又新颖别致。通过网站导航“地图”，可以让观者在网络空间中从站点的某一个地方随意跳转到不同层次的其他地方。
德曼网页设计布局培训之2列固定宽度左窄右宽型+头部：
同样是在<body></body>间插入如下代码:
<div id="header">this is the head</div>
<div id="main">
<div id="mainleft">德曼(DEMAN)是一个高素质的、经验丰富的网页制作技术团队，凝聚了一批网页设计行业年轻、有活力的网页设计讲师成员。他们在各自的阵地上有着出色的表现以及丰富的网页设计实战经验，更具魅力的是他们的创造力和奉献精神</div>
<div id="mainright">德曼(DEMAN)的网页设计培训宗旨，为学员营造美丽温馨学习环境，为企业塑造良好形象。</div>
</div>
上面我们定义了类，下面我们就要给这些类添加样式。
body{margin:0;font-size:14px;}
#header{width:900px;height:100px;margin:auto;background:#FFCCFF;}
#main{margin:auto;height:400px;width:900px;}
#mainleft{background:#00FFFF;width:200px;height:400px;float:left;}
#mainright{background:#CC3399;width:695px;height:400px;float:right;}
文章出处：http://www.deman.cc/DIV+CSS/206.html | 复制网址
版权声明：合肥德曼SEO培训中心是专业的SEO培训机构,中国SEO优化技术人才的摇篮!
★★了解德曼SEO培训中心 ↓↓
» 德曼SEO教学团队介绍
» 德曼SEO教学特色
» 德曼培训课程设置
» 德曼SEO教学环境
在线QQ咨询：513816851 461436777
德曼SEO培训群：48812488 27175177
报名电话：0551-3221973 13909691973
上班时间：周一至六：08:30-18:00