(完整word版)《JavaScript程序设计》实训方案.doc

《JavaScript程序设计》实训方案 《JavaScript程序设计》实训方案旨在培养学生综合应用JavaScript技术所涉及的知识，系统地进行动态网页的设计与制作，由静态网页向动态网页开发计划、确定网页制作流程、编写页面程序、编写后台程序、等步骤，完成网页制作与开发的重要过程。 本实训方案共分为六个项目：制作静态网页、两种方法来创建和引用JS文件、定时器的应用、购物车、DOM编程、JS与CSS交互。 项目一：制作静态网页 * 实训目的：学会使用DW；学会HTML制作网页的结构；学会CSS初步美化网页。 * 实训内容：制作静态网页、初步美化网页、制作一行五列的表格、在表格中输入不同的内容。 项目二：两种方法来创建和引用JS文件 * 实训目的：掌握何时使用定时器；掌握怎么设置定时器；掌握何时清除定时器。 * 实训内容：编写一个网页，在其HEAD部分编写一段脚本代码，当页面被加载时显示一个当前年月日时分秒；编写一个网页，显示若干个数字，点击按钮时开启数字的滚动，点击另一个按钮时停止数字的滚动。 项目三：定时器的应用 * 实训目的：掌握何时使用定时器；掌握怎么设置定时器；掌握何时清除定时器。 * 实训内容：掌握何时使用定时器、掌握怎么设置定时器、掌握何时清除定时器。 项目四：购物车 * 实训目的：复习表格；利用函数和事件来显示购物记录和统计结果。 * 实训内容：制作显示购物记录的页面、利用函数和事件来显示购物记录和统计结果。 项目五：DOM编程 * 实训目的：学会节点的创建和各种操作；学会表格对象的组成部分的操作。 * 实训内容：编写一个网页，动态的添加、删除、修改节点对象（对应的三个按钮）；编写一个表格网页，动态的添加、删除、修改行对象、列对象。 项目六：JS与CSS交互 * 实训目的：学会利用DOM对象对网页的样式进行动态的修改；学会利用Style方式来动态修改网页样式；学会利用ClassName方式来动态修改网页样式。 * 实训内容：创建一个有一个div和两个按钮的静态页面；利用style和ClassName两种方法来控制div的大小（点击大的按钮就变大，点击小的按钮就变小）。 本实训方案旨在帮助学生掌握JavaScript技术所涉及的知识，提高学生的实践能力和解决问题的能力，为缩短上岗适应期奠定工程实践基础。