Div+css 网页布局设计实现 摘要： 从过去到现在， 流行过几种常用的网页布局设计， 但现在 div+css 的布局无疑是最流行的。 Div+css 之所以流行， 是因为具有过去网页布局所不具备的优点，优点体现在：网 页的内容与表现形式分离。 本文从 div+css 布局技术的概念和 优点开始， 后结合具体的例子， 展示 div+css 布局的设计和实 施过程。 关键词：div+css；布局设计；网络技术 中图分类号： TP39 文献标识码： A 文章编号： 1673-1069（2016）11-151-2 0 引言 随着 web 网络技术的发展， 采用 di+css 布局设计逐渐开 始流行起来了。Div+css 布局设计将 web 网页的内容和表现 形式进行分离，分离之后的表现形式可以以文件的形式进行 保存，而文件又可以让更多的 web 网页内容进行访问，以此 达到表现形式可以在不同的网页内容之间进行共享。去除了 表现形式的网页内容，将比以前变得更加精简，这样更利于 搜索引擎搜索，提高 web 网页的语义。 1 div+css 介绍 Div 是 html 标记的一个常用标签， 表示文档中的一区块， 我们可以设置该区块的大小，该块里可以容纳其他的标记和 子 div 区块。 Css， 是层叠样式表。 通过它可以精确的控制 html 标签的表现形式，包括页面的布局，背景和其他效果。Css 可将网页的所有表现形式完全与内容脱离出来， css 可以在行 内定义，头部中定义，也可以在文件中定义。 2 div+css 优点 Div+css 优点有很多，这里主要说出几个必要的优点，首 先，内容和表现形式分离，在 html 文件中存放网页内容，在 css 样式文件中存放了表现形式。其次，提高客户访问 web 网页的速度，最后，与搜素引擎的关系更加友好，提高搜索 引擎对网页的搜索速度。 3 网站布局设计 ①网站整体规划。 做网站开发之前，首先要做的是网站外在表现形式的规 划，我们称之为整体规划。整体规划是确定网站分为几个部 分，一般都分为网页顶部，网页侧边栏，网页中间内容块， 网页尾部等。设计如图 1 所示： ②网页代码设计。 针对上面的网页整体规划，Index.Html 文件代码编写如 下：
