创建第一个网站研讨.ppt

* 创建外部样式表 外部样式表中的样式规则常应用于整个网站，这些规则包含于独立的.css文件中。 在调用时，使用link元素可以将样式表链接到网页，如将“1-3.css”文件中的样式规则应用于当前页的代码为： link rel=stylesheet type=text/css href=1-3.css / * 实例2-5 外部样式表 源程序：2-5.css 源程序：2-5.htm * 2.4 .js文件和JavaScript常识 JavaScript是由NetScape公司开发的基于对象和事件驱动的解释型语言。作为一种脚本语言可以直接嵌入到XHTML页面中，不需要Web服务器端的解释执行即可由浏览器实现动态网页处理。 目前，所有的浏览器均支持JavaScript。 * 典型的JavaScript用途 在XHTML中创建动态文本。 响应客户端事件。 可以读取并改变XHTML元素的内容。 在数据提交到服务器之前，验证这些数据。 可检测访问者的浏览器，并根据检测到的浏览器类型载入相应的页面。 用来创建cookies。 关闭窗口。 页面上显示时间。 * 2.4.1 JavaScript代码位置 在head元素中 在body元素中 独立的.js文件中 * 在head元素中 head元素中的JavaScript代码包含于script type=text/JavaScript…/script元素之间，只有在被调用或当事件被触发时才会执行。 * 实例2-6 head元素中的JavaScript代码 源程序：2-6.htm 程序说明： 当网页执行到body元素时，触发load事件，再调用message()函数，最后在浏览器中显示“在head”信息。 * 在body元素中 与head元素中的JavaScript类似，body元素中的JavaScript代码也要包含于script type=text/JavaScript…/script之间。 * 实例2-7 body元素中的JavaScript代码 源程序：2-7.htm 程序说明： 在页面载入时执行docment.write方法输出XHTML文本“在ltbodygt元素中”，浏览器上显示效果是“在body元素中”。与在head元素中的JavaScript相比较，包含于body元素中的JavaScript肯定会执行，而head元素中的JavaScript只有被调用才执行。 注意：“”在程序中用“lt”表示；“”用“gt”表示。 * 在独立的.js文件中 独立的.js文件常用于多个页面需要调用相同JavaScript代码的情形。 通常把所有.js文件放在同一个脚本文件夹中，这样容易管理。 在调用外部JavaScript文件时，需在script元素中加入src属性值。 * 实例2-8 独立的.js文件 源程序：2-8.htm 源程序：2-8.js 程序说明： 在2-8.htm文件中，行5中的src属性表示独立的.js文件存放位置；当网页执行到body元素时，触发load事件并调用2-8.js中的message()函数。 注意：在2-8.js中不要包含script元素。 * 实例2-9 检测浏览器类型 本实例将检测浏览器类型，如果浏览器为Netscape或4.0以上版本的IE，则显示“您的浏览器满足要求！”，否则显示“请更新您的浏览器”。 源程序：2-9.htm 程序说明： “//……”表示语句注释；navigator.appName返回“浏览器名”；navigator.appVersion返回“浏览器版本号”；parseFloat()将字符型数据转化为浮点型数据； * 实例2-10 按钮动画 源程序：2-10.htm 程序说明： 网页载入后显示eg_mouse2.jpg；当鼠标指针指向图片时触发mouseover事件调用mouseOver()函数显示eg_mouse.jpg，移开时触发mouseout事件调用mouseOut()函数显示eg_mouse2.jpg；单击后链接到。 * 实例2-11 计时器 源程序：2-11.htm 程序说明： 网页载入后调用startTime()函数在div层txt上显示当前系统时间。 * 2.5 .XML文件和XML常识 在ASP.NET 3.5网站中，.XML文件常用于解决跨平台交换数据的问题，这种格式实际上已成为Internet数据交换标准格式。 XML（eXtensible Markup Language）是一种可以扩展的标记语言，可以根据实际需要，定义相应的语义标记。与XHTML相比，XHTML被设计用来显示数据，而XML旨在传输和存储数据。 * 实例2-12 XML格式早餐菜单 本实例描述一个早餐菜单