《JavaScript动态网页设计》实训方案
一、实训目的 
JavaScript程序设计综合实训是《JavaScript动态网页设计》课程教学中最重要实践教学环节。旨在培养学生综合应用JavaScript技术所涉及的知识，系统地进行动态网页的设计与制作，由静态网页向动态网页开发计划、确定网页制作流程、编写页面程序、编写后台程序、等步骤，完成网页制作与开发的重要过程，为缩短上岗适应期奠定工程实践基础。
二、实训要求 
通过验证或设计一些JavaScript页面，学会利用JavaScript技术创建交互式的动态网页。
（1）能够应用HTML和CSS语言构建基础页面；
（2）能够应用JavaScript脚本语言实现基本动态功能；
（3）能够应用BOM对象模型进行动态功能模块设计；
（4）能够应用DOM对象进行动态网站功能的开发与设计；
（5）能够应用正则表达式到登录信息验证；
（6）能够应用JavaScript与CSS之间动态的交互；
（7）能够应用事件进行动态网站项目的设计与开发。
三、实训安排
章节/模块/项目
技能内容及要求
知识内容及要求
实训参考学时
项目一、制作静态网页-我的博客
1、HTML网页结构的回顾；
2、CSS初步网页美化的回顾
1． HTML+CSS+DW
2
项目二、 两种方法来创建和引用.JS文件
1 从外部的JavaScript文件引入到HTML文档中
2 在HTML文档中写JavaScript代码
1. <link>应用
2. <script>应用
8
项目三、定时器的应用
1掌握何时使用定时器
2掌握怎么设置定时器
3掌握何时清除定时器
1. serintever
2. settimeout
10
项目四、购物车
1 理解变量
2 理解数组
3 函数的应用dw怎么制作网页
jdk安装路径设置1． Var使用
2． 数组的定义和操作
3． 函数的定义和调用
10
项目五、DOM编程
1利用DOM对节点进行操作
2 利用DOM对表格对象进行操作
1．节点的分类
2．节点的创建和操作
3．表格、行、数据项的操作
20
项目六、JS与CSS交互
1. 熟练掌握ClassName方法来控制网页的样式
2. 掌握Style方法来控制网页的样式
1. style使用方法
2. ClassName使用方法
8
小  wavwrite函数计
48
实训一、制作静态网页-我的博客
【实训目的】：
1．学会使用DW；
2．学会html制作网页的结构；
3．学会CSS初步美化网页。
【实训内容】：
1．制作静态网页
2．初步美化网页。
3．制作一行五列的表格。
4．在表格中输入不同的内容
实训二、两种方法来创建和引用.JS文件
【实训目的】：phppdf转图片
1掌握何时使用定时器
2掌握怎么设置定时器
3掌握何时清除定时器
【实训内容】：
1. 编写一个网页,在其HEAD部分编写一段脚本代码，当项目一（我的博客）页面被加载时显示一个当前年月日时分秒。
2. 编写一个网页,z字型钢筋叫什么显示若干个数字，点击按钮时开启数字的滚动，点击另一个按钮时停止数字的滚动.
提示typescript实战指南pdf:”显示结果”后是选中的数字号码.
实训三、项目四、购物车
【实训目的】：
1. 复习表格
2. 利用函数和事件来显示购物记录和统计结果
【实训内容】：
1． 制作显示购物记录的页面
实训四、DOM编程
【实训目的】：
1. 学会节点的创建和各种操作
2. 学会表格对象的组成部分的操作
【实训内容】：
1.    编写一个网页，动态的添加，删除，修改节点对象（对应的三个按钮）。
2.    编写一个表格网页，动态的添加，删除，修改行对象，列对象。
实训五  JS与CSS交互
【实训目的】：
1．学会利用DOM对象对网页的样式进行动态的修改；
2．学会利用Style方式来动态修改网页样式
3．学会利用ClassName方式来动态修改网页样式
【实训内容】：
1 创建一个有一个div和两个按钮的静态页面
2 利用style和ClassName两种方法来控制div的大小（点击大的按钮就变大，点击小的按钮就变小）
四、实训地点：躬行楼6楼机房
五、实训设备及工具 
1、硬件：i5计算机50台；
2、软件：IIS、DreamweaverCS5、SQLserver（Access）数据库、cutftp、多媒体网络教学平台 
六、指导教师：郭志杰 
七、实训时间：2018年9月-2019年6月每周二和周一
八、实训纪律及要求 
1、 进入实训机房区域时要带脚套，不得将食品、饮料等与实训无关的物品带入实训机房；

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。