dreamweaver cs 网页制作案例教程电子教案第章制作包含特效的网页

《dreamweaver cs 网页制作案例教程电子教案第章制作包含特效的网页》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第9章　制作包含特效的网页第9章　制作包含特效的网页将JavaScript程序嵌入到HTML代码中，对网页元素进行控制，对用户操作进行响应，，从而实现网页动态交互的特殊效果，这种特殊效果通常称为网页特效。【教学导航】教学目标（1）学会编写简单的JavaScript程序，能看懂较复杂的JavaScript程序，明确其实现的功能和各语句的含义（2）能根据功能需求改写JavaScript程序代码，以改进或扩展其功能（3）掌握在网页中显示当前日期的实现方法（4）掌握不同时间段显示不同问候语的实现方法（5）掌握滚动网页标题栏中的文字的实现方

2、法（6）掌握动态改变网页中文本字体大小的实现方法（7）掌握关闭网页时自动弹出小窗口的实现方法（8）掌握鼠标指针指向不同的超级链接时，切换不同图片的实现方法（9）了解转动鼠标滚轮缩放图片的实现方法（10）了解在网页中自动切换图片的实现方法（11）了解借助Flash动画自动切换图片的实现方法（12）了解网页中的图片随着页面滚动而上下移动的实现方法（13）通过对典型JavaScript程序代码的分析，掌握JavaScript的基本语法：JavaScript程序的基本语法格式；常量、变量、运算符（包括算术运算符、赋值运算符、关系运算符、逻

3、辑运算符和字符串运算符）、表达式；if语句、if…else语句、if…elseif语句、for语句、while语句；JavaScript的函数；JavaScript的事件；window对象、document对象、String对象、Date对象、Math对象、Array对象、event对象、style对象、image对象、link对象；全局常量和全局函数；链接外部JavaScript脚本文件等本章重点（1）学会编写简单的JavaScript程序，能看懂较复杂的JavaScript程序（2）能根据功能需求改写JavaScript程序代

4、码，以改进或扩展其功能（3）JavaScript的基本语法（4）熟练运用JavaScript技术制作常见的网页特效本章难点（1）JavaScript多种对象及其属性、方法和事件的应用（2）在网页中自动切换图片的实现方法（3）网页中的图片随着页面滚动而上下移动的实现方法教学方法任务驱动法、分组讨论法、三步训练法、理论实践一体化、讲练结合课时建议8课时（含课堂同步训练）9.1　课前准备269第9章　制作包含特效的网页9.1.1　在本地硬盘创建文件夹9.1.2　启动DreamweaverCS39.1.3　创建名称为“生态游”的本地站点9

5、.1.4　应用外部样式在【文件】面板中双击网页文档“index0901.html”打开该网页。（1）附加外部样式文件（2）预览网页index0901.html按F12预览网页index0901.html的初始效果如图9-5所示。网页index0901.html的主体布局结构示意图如图9-6所示。网页index0901.html的主体布局结构的HTML代码如表9-所示，设置区块圆角的HTML代码如表9-所示。9.2　课堂引导训练及评价【课堂引导训练任务描述】1、网页制作任务卡网页制作任务卡如表9-1所示。表9-1　网页制作任务卡任务

6、编号09-1任务名称制作包含特效的“云南旅游”网页网页主题云南旅游计划工时180min网页制作任务描述在网页index0901.html中编写JavaScript程序，实现以下特效：（1）在网页中显示当前日期（2）在不同时间段显示不同问候语（3）动态改变网页中文本字体大小（4）关闭网页时自动弹出对话框（5）滚动网页标题栏中的文字（6）鼠标指针指向不同的超级链接，切换不同的图片（7）转动鼠标滚轮缩放图片（8）在网页中自动切换图片（9）借助Flash动画自动切换图片在网页中链接外部JavaScript程序moveImage.js，实现

7、网页中的图片随着页面滚动而上下移动的特效网页布局结构分析（1）使用Div＋CSS布局网页，269第9章　制作包含特效的网页整个网页分为上中下三个主要版块，中部分为左、右两个版块，左部和右部各有上、中、下三个对称的版块，如图8-所示（2）文字型导航栏（位于网页底部）网页色彩搭配分析网页中文字的颜色：#000、#690、#428080、#856885、#CC3300、#c60、#666、#88880e、#9b566d，背景颜色：#ecf4df、#2b8100、#366、#e9f4ed、#644764、#eeecf6、#c60、#f9f

8、4e5、#88880e、#f2f2db、#d5d588、#eea2bb、#c3d9ff、#00c网页组成元素分析主要包括各种特效、文字、图像、Flash动画、项目列表、底部导航栏等网页元素任务实现流程分析创建本地站点“云南旅游”→打开网页文档“in