第6章-CSS运用.pptVIP

第七章 动态HTML/CSS运用 动态HTML发展史 动态HTML（DHTML）的两种称呼Dynamic HTML：它是微软的称呼dynamic HTML：它是网景的称呼它们虽然只在大小写上有区别，但两种动态标准的差距有很大的差距。动态HTML最先是由网景（Netscape）公司推出的，微软紧接着跟进，并且把动态HTML推进到了极致，最好了支持了W3C的官方建议，成为了事实上的标准。 动态HTML没有抛弃原来的HTML，而是采取了一种全新的扩展。动态HTML依旧由标签、元素都可以成为动态对象，即我们可以对网页上的所有的元素进行动态改变。 动态HTML的支持技术 动态样式，它通过CSS来实现，动态样式可以动态改变几乎所有的元素在网页上显示的效果。 动态内容。IE4.0以上版本可以完全控制DOM（Document Object Model文档对象模型），实现网页任意元素内容的动态更新。 可下载字体。IE与Navigator的都可以实现，只是方法不同而已。它可以使用网页设计者提供的字体，而不需要在本地安装。 数据绑定。只有IE支持此技术。只需下载一次。 多媒体。可以创建一些精美的显示效果，如雾化、阴影、发光以及页面的过渡等。只有IE才能支持。 脚本语言。它是通过JavaScript 、VBScript语句来实现更多交互效果，以及网上交互游戏。 CSS语法 CSS定义一般是由标签、大括号构成。其中大括号中放置标签的属性。一般用“标签属性：属性数值”来表示。如果有几个不同的属性，中间要用分号来隔开。在颜色属性中，有时用关键字，例如red，也可用十六进制表示是：#FF0000,它们都可被浏览器支持，颜色还有另外两个表示方法，一种用（RRR，GGG，BBB）,另一种用（R%，G%，B%）。它们都能被IE能好的支持，但为了支持更多的浏览器，我们最好用十六进制来表示。 名词专解 JavaScript脚本：JavaScript是IE与Navigator都支持的脚本。一般都再现在script标签中。 可下载字体：如果在自己的网页中运用了一些特殊字体，在没有安装此字体的机器上可以浏览会显示不正常，我们可以把此种字体放置在服务器上，以供下载。 Pfr文件：pfr(Portable Font Resourse便携字体源)是一种可以支持IE与Navigator可下载字体。我们可以到或网站去下载相关特殊字体。 注：由于中文字体般都比较大（1M左右），很难做到动态下载。根据现在中国的网络状况仍需假以时日。 动态HTML的脚本语言是:JavaScript和VBScript。JavaScript:IE与Navigator都能很好的支持。VBScript:只有IE支持，它是由微软公司自主开发的。 JavaScript的应用：数据搜寻、表单验证、网页特效、交互式教育或网络/手机游戏。 名词专解 JavaScript与Java的区别JavaScript与Java是两种不同的语言。JavaScript的开发公司是Netscape,它是一种解释性脚本语句。它的应用方面仅限于WEB。Java：它是由SUN公司开发的一种全新的跨平台语言，和C类似，是编译性语言。它不仅仅用于WEB，更广泛应用于程序开发。 两者之间易于混淆，是因为Netscape为了占领脚本语言市场，在SUN的允许下，在其开发的脚本语言加了个时髦的前缀“Java”。 JavaScript函数的放置位置它一般被放置在headbody之间，以免减少出错和增强可读性。 CSS的神奇功能 设想一下,打开一个文本编辑器,输入几行文字,即可使整个WEB站点得到改变。 再次设想，以在线的方式创建带有复杂图形、丰富字体字号等特殊效果的页面，而且大小只有10K左右。 它就是幕后总策划－－CSS。 CSS的作用 CSS：它是一种样式表（stylesheets）的技术。它的全称是级联样式表，即Cascading Style Sheet的缩写，以称之为风格样式表（Style sheet）,顾名思义，是用来进行网页风格设计的。 具体作用：（1）可以将格式和结构分离。它完全可以代替HTML样式来设置网页，编码也会更加简洁。它可是一个独立的文件来控制整个页面。 （2）能以前所未有的能力控制页面的布局。它可以很好的控制行间距或字间距及精确在屏幕上定位图像的位置。这些都是HTML从来都不可能实现的。（3）可以制作出体积更小下载更快的网页。CSS只是简单的文体,它不需要图像、插件、流式及执行程序。它大大减少了网页代码而使网页文件变得更为简洁。（4）可以快捷的更新网页的样式。它只需修改CSS文件即可实现。（5）更好的被浏览器所支持，它不会因缺少插件而中断或使用老版本浏览器而使显示杂乱无章。它的兼容性很好。