采用XHTML+DIV+CSS构建网站示例.docVIP

采用XHTML+DIV+CSS构建网站 1、采用XHTML+DIV+CSS构建网站的一般原则 （1）首先对整个页面进行布局划分 ——明确在网站页面的什么位置应该要放什么东西（内容），网页内容在页面上所处位置的设计即为布局。 遵守先“粗”再“细”的原则； 首先划分出大的区域（容器宽度为网站宽度的这类容器）——比如，先划分出网站顶部、栏目导航区、主体区、底部工具栏区、版权信息区几个大区；然后在各个大区中再划出各自的小容器，小容器包含于各自的上级大容器中。 再画一个体现设计结果的“草图”（可以在Word中或者Excel中画出）。 （2）明确布局的内容 主要是决定页面尺寸、整体造型、页眉、文本、页脚、图片、多媒体（如声音、动画、视频）等信息的摆放位置。 （3）命名每个容器（每个区域）标签的名称（都应该要有唯一的名称） 在具体进行网站实现时首先画出网站布局的示图——这可以采用PhotoShop或FireWorks等图片处理软件将需要制作的界面布局简单的构画出来，然后把网站的各个区域划分成不同的容器，以一定的规律进行命名、并标记在示图上面。然后按这个图纸上的容器名在模板中用“div id=容器名”来布局，例如： div id=webLogoImage/div 根据这个容器要表现出的效果在CSS样式文件中用“#容器名{参数}”定义这个容器的样式参数，例如： # webLogoImage{ }