网页设计-页面布局篇(Css+Div).doc

网页设计-页面布局篇(Css+Div) 目录第一步：规划网站，本教程将以图示为例构建网站；第二步：创建html模板及文件目录等；第三步：将网站分为五个div，网页基本布局的基础；第四步：网页布局与div浮动等；第五步：网页主要框架之外的附加结构的布局与表现；第六步：页面内的基本文本的样式(css)设置；第七步：网站头部图标与logo部分的设计；第八步：页脚信息(版权等)的表现设置；第九步：导航条的制作(较难)；第十步：解决各种浏览器之间的兼容性(暂不讨论)第一步：规划网站，本教程将以图示为例构建网站 1.规划网站，本教程将以下图为例构建网站。 其基本布局见下图： 主要由五个部分构成： 1.Main Navigation 导航条，具有按钮特效。 Width: 760px Height: 50px 2.Header 网站头部图标，包含网站的logo和站名。 Width: 760px Height: 150px 3.Conte