《Div+css网页布局设计实现.doc》由会员分享，可在线阅读，更多相关《Div+css网页布局设计实现.doc（2页珍藏版）》请在三一文库上搜索。
1、Div+css网页布局设计实现0 引言 随着web 网络技术的发展，采用di+css布局设计逐渐开始流行起来了。Div+css布局设计将web网页的内容和表现形式进行分离，分离之后的表现形式可以以文件的形式进行保存，而文件又可以让更多的web网页内容进行访问，以此达到表现形式可以在不同的网页内容之间进行共享。去除了表现形式的网页内容，将比以前变得更加精简，这样更利于搜索引擎搜索，提高web网页的语义。 1 div+css介绍 Div是html标记的一个常用标签，表示文档中的一区块，我们可以设置该区块的大小，该块里可以容纳其他的标记和子div区块。Css，是层叠样式表。通过它可以精确的控制htm
2、l标签的表现形式，包括页面的布局，背景和其他效果。Css可将网页的所有表现形式完全与内容脱离出来，css可以在行内定义，头部中定义，也可以在文件中定义。 2 div+css优点 Div+css优点有很多，这里主要说出几个必要的优点，首先，内容和表现形式分离，在html文件中存放网页内容，在css样式文件中存放了表现形式。其次，提高客户访问web网页的速度，最后，与搜素引擎的关系更加友好，提高搜索引擎对网页的搜索速度。 3 网站布局设计 网站整体规划。 做网站开发之前，首先要做的是网站外在表现形式的规划，我们称之为整体规划。整体规划是确定网站分为几个部分，一般都分为网页顶部，网页侧边栏，网页中间内容块，网页尾部等。设计如图1所示： 网页代码设计。 针对上面的网页整体规划，Index.Html文件代码编写如下：