网页设计三剑客基础练习典型案例第7章.ppt

1第第7章章 建立动态网站建立动态网站 目前网站上的网页，已经打破了传统网页设计的模式，逐渐变得丰富多彩起来。其主要原因是在网页中，添加了脚本语言编制的特殊效果。例如ASP（Active Server Pages）和JavaScript等。通过它们就可以将文字、声音和图像等对象以交互且动态的方式呈现在网页上。在Dreamweaver中，可以方便的制作动态交互表单，这样网站管理员和浏览者就能通过这些表单进行交流，从而使网页的互动性上了一个更高的台阶，这也正是Dreamweaver的魅力所在。2本章学习目标：了解JavaScript通过实例学习在网页中如何运用JavaScript在网页中创建表单 表单在网页中的实际应用37.1 JavaScript概述概述JavaScript是一种面向对象、跨平台、结构化、多用途的语言，可以根据不同的要求，不同的平台，设计出各种类型的解决方案。1995年12月4日，Netscape公司与SUN公司合作，推出了JavaScript1.0，当时称为LiveScript。与已经存在的Perl等基于服务器的计算机语言相比，它能够在当时的Netscape Navigator 2.0浏览器中进行编译操作，也就意味着可以在客户运行，具有巨大的优势，于是就飞速发展起来。47.1.1 JavaScript的时间效果的时间效果时间的获取、显示和应用是JavaScript技术最基本也是最重要的应用方向之一，本节怎样使用Date()方法来创建一个时间对象，进而完成时间的获取、显示和应用。很多网站都在其页面里使用了分时问候，所谓分时间问候是指如果一个用户在一天内的不同时间访问页面，页面会随着访问者到访的时间不同给出不同的问候语。比如在早上时，易可以给出“早上好”的问候，在中午的时候就可以给出“中午好”等等。这样会使人感觉网站具有一定的智能水平，同时会给使用者带来一种很温馨的感觉，增加对这个网站的好感。57.1.2 控制状态栏的显示控制状态栏的显示 通常情况下，状态栏的默认信息在页面载入的过程中是关于链接的情况的，比如链接到哪一个IP地址上去，当前链接的进度等等；在页面载入以后是关于链接的信息，要链接的文档的网址等等。67.1.3 JavaScript的窗口操作的窗口操作对于JavaScript来说，window对象无疑是最重 要 的。Window对 象 的 重 要 性 是 由 它 在JavaScript的对象树中的地位决定的，它是客户端最高层次的对象。在本书的前几章里也多次用到window对 象 的 方 法。比 如 alert()、open()、setTimeout()等。77.1.4 JavaScript的图像操作的图像操作JavaScript在网页制作上一个重要应用就是对图像的显示进行控制。目前大多数人制作图像显示都采用了使用软件编辑自动生成代码的方法，但是这种方法相对于用手工编辑出的JavaScript程序来说文件太大。通过下面的学习就会发现制作一些图像显示的代码其实没有那么复杂，完全可以自己动手编写，只有自己动手编写才会更快的了解编程的概念和品尝到编程的乐趣。87.2 创建表单创建表单交互式网页被广泛用在各种网站调查、电子商务、远程教学等需要访问者反馈信息的地方。处理交互网页中的信息，除了要用到ASP和JavaScript等程序脚本外，最重要的是能够设计一个简洁明了的表单页面。在【插入】工具栏的【表单】选项卡中，包含了所有创建表单控件的工具，97.2.1 定义表单域定义表单域在设计表单之前，首先在【首选参数】对话框的【不可见元素】选项卡中，启用【表单隐藏区域】和【表单范围】复选框，使不可见元素显示出来。要使用各种标准的表单控件，必须先定义表单区域，也就是交互区域。在页面中插入的各种表单控件必须放在表单区域之中，否则这些控件在浏览器中将无法正常工作。107.2.2 插入各种表单控件插入各种表单控件在定义表单区域之后，就可以为表单添加各种表单控件，方法是：在表单区域中，将光标放在要插入表单控件的位置，然后单击【插入】【表单】命令，在弹出的下拉菜单中，选择要插入的表单控件。或者在【插入】工具栏的【表单】选项卡中，单击要插入的表单控件按钮，还可以直接将【表单】选项卡中的表单控件按钮拖放到【文档】窗口要插入控件的表单区域中。下面分别介绍各表单控件的使用方法及其属性设置。