四 川
广 播 电 视 大 学
《Java语言与WWW技术》课程教学大纲
第一部分 大纲说明
《Java语言与WWW技术》是计算机科学与技术专业的一门必修课程。该课程全面系统地介绍了JavaScript语言制作Web页的客户端编程技术方法，课程从JavaScript的特点、语法规则、基本结构、编程方法和使用技巧。要求学生通过本课程的学习，制作出自己的Web页，全面提高自己网页设计的基本知识和基本技能。
有C++程序设计语言、HTML标注语言基础。
（1）了解JavaScript的基本概念和使用JavaScript进行编程设计的基本思想。
（2）能比较熟练地用JavaScript语言进行网页设计。
（3）初步掌握用JavaScript语言增加Web页的智能性、交互性的技巧。
4．方法和教学形式建议
（1）该课程实践性较强，需要学员多作练习。
（2）主讲教师需要有比较熟练的编程经验，对JavaScript语言环境比较熟悉。
（3）针对所留习题，可以组织两到三次讨论，以便学员掌握JavaScript语言的设计思想。
5．课程教学要求的层次
（1）掌握：要求学生能够较好地理解，并且能够进行简单分析和设计。
（2）了解：要求学生能够一般地知道所学内容。
第二部分 多种媒体教材一体化总体设计初步方案
课程教学总学时数为54学时，3学分，其中课内学时27，实验27。
|
教学内容 |
课内学时 |
实验学时 |
|
第一部分 创建Web页 |
6 |
6 |
|
第二部分 增加Web页的智能性 |
6 |
6 |
|
第三部分 Web页交互 |
6 |
6 |
|
第四部分 Web站点自动化 |
3 |
6 |
|
第五部分 十个组成部分 |
6 |
3 |
|
合 计 |
27 |
27 |
第三部分 教学内容和教学要求
（一）创建Web页
教学内容:
JavaScript是当今最流行的Web工具之一，而且其应用范围越来越广。作为超文本标记语言（HTML）的一种扩展，JavaScript可以使我们访问和操作构成Web页的全部组件。使用JavaScript可以实现所谓的智能化Web页设计，即可以校验和计算输入信息，并由此作出决断。不必学习业界标准语言，如C或C++，就可以在客户端构建出所有这些Web页。
1．JavaScript的基本知识
JavaScript的特点；JavaScript和HTML；JavaScript和Web浏览器；用JavaScript可以实现HTML不能实现的效果；运行JavaScript的软硬件条件。
2．编写第一个脚本
从设计思想到实用的JavaScript应用程序；脚本字符种类。
3．JavaScript编程概念
JavaScript的语法；JavaScript的表达式；对象模型；Netscape
Navigator的对象模型；Microsoft Internet Explorer的对象模型。
教学要求:
|
掌握：JavaScript的基本概念及编写JavaScript脚本的基本方法。 理解：JavaScript和HTML；JavaScript和Web浏览器的关系；JavaScript的编程概念。 了解：用JavaScript可以实现HTML不能实现的效果；运行JavaScript的软硬件条件。 |
（二）增加Web页的智能性
教学内容：
这部分介绍根据不同用户显示出不同Web页的创建方法。首先说明根据用户所用浏览器来修改网页的方法，然后说明如何把时间和日期信息融入网页，最后介绍创建能够“记忆”访问者的网页。
1. 检测用户浏览器环境
JavaScript：非标准的标准；“浏览器检测”脚本。
2．日期处理
修改普通日期显示格式：查出时间，弄清日期。
3． 关于Cookie
Cookie实例，回访者脚本。
教学要求：
|
掌握：增加Web页智能性的方法。 理解：修改普通日期显示格式的过程。 了解：关于Cookie的实例。 |
（三）. Web页交互
教学内容:
这一部分介绍创建能够依据用户与Web页的会话作出响应的Web页。首先说明如何创建按钮，并且每当用户单击这些按钮时就取消脚本。然后介绍当用户单击或拖动鼠标略过图像时，如何用JavaScript脚本使图像作出响应。最后说明如何收集和验证Web站点访问者的输入信息。
1．按钮
选择按钮；订购表单脚本。
2．完美的图片
给图片命名；生动网页的脚本；最佳导航栏
3．滚动鼠标
滚动图像的概念；给导航栏添加逼真的色彩。
4．收集用户输入信息
表单可选项；创建订购表单脚本。
5．框架窗口
框架窗口的构建与链接；创建折叠式的索引。
教学要求
|
（四）. Web站点的自动化
教学内容
这一部分介绍如何制作漂亮的Web页的信息。首先描述如何使用动态HTML，JavaScript的最新技术创造外观复杂的页面布局。然后描述了一些不为人知的技巧，例如如何跟踪用户在你的Web页上所花费的时间，如何用密码保护页面，如何创建动态效果，如何自动滚动页面内容和数字时钟等。最后描述如何在你的Web页中嵌入Java小程序、Netscape插件和ActiveX组件以及如何操纵你用JavaScript嵌入的组件。
1．动态超文本标记语言概述
Web页的动画感；幻灯片编号；显示和隐藏图像；设计具体程序。
2．计时
用JavaScript计时；暂停刷新网页功能。
3．JavaScript技巧
定期更新；Java小应用程序的优点；传递数据信息；窗口的机遇；用户插入网页的内容；制作滚动的文本；对不同用户提供不同的浏览方式。
教学要求
|
掌握：JavaScript技巧。 理解：用JavaScript计时。 了解：动态超文本标记语言。 |
（五）.十个组成部分
教学内容：
这一部分首先介绍了一些重要的Web站点，这些站点中含有许多关于JavaScript语言各方面的非常有用的信息。然后讲述了程序员在实现自己的Web页的过程中可能遇到的最常见的错误，并给出了要避免这些错误应该注意的一些事项。最后又讲述了一些方便、实用的故障排除技术。
1．十个主要的在线JavaScript资源
可查阅的十大Web站点：Netscape网站；Microsoft网站；CNET网站；ZDNet网站；Project Cool的JavaScript Zone网站；Gamelan网站；About.com网站；Netscaped 的DevEdge FAQ网站；WebReference.com网站；ScriptSearch.com网站。
2．JavaScript常见错误及其避免方法
输入错误；拆散配对字符造成的错误；脚本说明语句放错位置造成的错误；错误地嵌套引号造成的错误；把数字当成字符来处理造成的错误；把字符串当成数字来处理造成的错误；JavaScript无法解决的问题：逻辑错误；忽视浏览器的不兼容性造成的错误。
3．调试脚本的十个技巧
JavaScript解释器只能看懂代码，理解不了设计思想；依据具体情况确定问题种类和出处；查阅文档资料；显示变量值；把长语句拆成较小函数；在消除问题的过程中磨练提高；利用他人的经验；试用由来已久的试验—纠错法等。
联合与类：联合作为类的定义；匿名联合类的成员变量和成员函数。
教学要求
|
掌握：调试脚本的十个技巧。 理解：JavaScript常见错误及其避免方法。 了解：十个主要的在线JavaScript资源。 |
第四部分 实验内容和实验要求
实验要求：
3．尽量安排在机房授课，向学生传授编程技巧。
实验安排：
共安排九次试验，每次上机3小时。
第一次：熟悉JavaScript程序设计环境，并利用其编制简单的脚本程序。
第二次：根据不同用户显示出不同Web页的创建方法。首先根据用户所用浏览器来修改网页，然后把时间和日期信息融入网页。最后介绍创建能够“记忆”访问者的网页。
第三次：创建能够“记忆”访问者的网页。Cookie实例，回访者脚本。
第四次：创建能够依据用户与Web页的会话作出响应的Web页。首先创建按钮，并且每当用户单击这些按钮时就取消脚本。
第五次：当用户单击或拖动鼠标略过图像时，用JavaScript脚本使图像作出响应。
第六次：制作漂亮的Web页的信息。首先使用动态HTML，JavaScript的最新技术创造外观复杂的页面布局。
第七次：练习一些技巧，例如如何跟踪用户在你的Web页上所花费的时间，如何用密码保护页面，如何创建动态效果，如何自动滚动页面内容和数字时钟等。
第八次：在Web页中嵌入Java小程序、Netscape插件和ActiveX组件以及如何操纵用JavaScript嵌入的组件。
第九次：首先熟悉一些重要的Web站点，这些站点中含有许多关于JavaScript语言各方面的非常有用的信息。然后注意在实现自己的Web页的过程中可能遇到的最常见的错误，并掌握避免这些错误应该注意的一些事项。最后练习一些方便、实用的故障排除技术。
2003年9月