13Web标准与CSS网页布局实例.pptVIP

  1. 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  4. 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  5. 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  6. 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  7. 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
13Web标准与CSS网页布局实例

教学内容:第12章讲述了CSS的基本语法,CSS可以控制字体大小、设置字体样式,目前更多地应用在网页布局上。本章将通过实例讲述CSS布局网页中的元素的方法。本章以CSS布局为重点,探讨CSS布局的入门知识和布局网页元素的实例技巧。 第13章 Web标准与CSS网页布局实例 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 教学重点 表单标记 插入表单对象 菜单和列表 文本域标记 id标记 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 13.1 Web标准与CSS布局 Web标准是网站开发中一系列标准的集合,包括XHTML、XML、CSS、DOM和ECMAScript等。制定这些标准是为了便于维护,代码更简洁,降低带宽的运行成本,更容易被搜索引擎搜索到,改版方便,不需要变动页面内容,提高网站易用性等。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Web标准是由W3C和其他标准化组织制定的一套规范集合,Web标准的目的在于创建一个统一的用于Web表现层的技术标准,以便通过不同的浏览器或终端设备向最终用户展示信息内容。 Web标准由一系列规范组成,目前的Web标准主要由三大部分组成:结构(Structure)、表现(Presentation)、行为(Behavior)。真正符合Web标准的网页设计是指能够灵活使用Web标准对Web内容进行结构、表现与行为的分离 。 13.1.1 什么是Web标准 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 掌握基于CSS的网页布局方式,是实现Web标准的基础。在制作主页时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确地控制。只要对相应的代码做一些简单的修改,就可以改变网页的外观和格式。 13.1.2 CSS布局的优势 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. DIV+CSS是现在最流行的一种网页布局格式,以前常用布局表格来布局,而现在一些比较知名的网页设计全部采用DIV+CSS来排版布局。DIV+CSS的优点在于可以使HTML代码更整齐,更容易使人理解,而且在浏览时的速度也比传统的布局方式快,最重要的是它的可控性要比布局表格强得多。 13.2 DIV+CSS布局网页基础 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. DIV是XHTML的一个标记,DIV在使用时以div/div的形式出现。DIV本身就是容器性质的,不但可以内嵌table,还可以内嵌文本和其他的HTML代码。DIV用来为HTML文档内大块的内容提供结构和背景,DIV的起始标记和结束标记之间的所有内容都是用来构成这个块的。其中所包含元素的特性由DIV标记的属性来控制,或是通过使用样式表格式化这个块来进行控制。 DIV是CSS布局方式的核心对象,做一个简单的布局只需要依赖DIV与CSS,因此也称CSS布局为DIV+CSS布局。 13.2.1 认识DIV Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 13.2.2 一列固定宽度 一列式布局是所有布局的基础,也是最简单的布局形式。一列固定宽度中,宽度的属性值是固定的像素。下面举例说明一列固定宽度的布局方法。 Evaluation onl

文档评论(0)

liangyuehong + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档