Div+css网页布局设计实现.doc
《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文件代码编写如下:
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Div css 网页 布局 设计 实现
链接地址:https://www.31doc.com/p-1578958.html