《Dreamweaver网页制作》精品课
实验教案
七台河职业学院电子与信息工程系
二○○九年十一月
实验项目一
熟悉flash c工作界面 【学 时 数】 2 （ 40 分钟× 2=80 分钟）
【实验内容】
1、新建一个文件800*600，背景为蓝色。
① 新建文件。
② 打开“修改”——“文档”，打开文档属性，设置文件尺寸和背景色。 如下图所示：
2、把新建的文件保存并打开。
① 把设置好文件尺寸和背景色的文件，保存到E盘，文件名问“实验”，关闭。
② 打开E盘，找到“实验.fla”文件，双击打开。
3、Flash动画欣赏
【实验参考】
《Flash CS5动画设计项目教程》 ……………中国水利水电出版社
《Flash CS6 动画制作实战从入门到精通》 ……………………人民邮电出版社
【实验设备】
计算机
【实验目的】
认识flash cs6的工作界面； 新建、打开、保存文件； 对文件属性进行修改；
欣赏经典的flash动画及课件。
【实验重点】
Flash CS6工作界面的操作、文件属性的修改 【实验难点】
Flash CS6工作界面的操作
【实验教学方法】
1、采用分组教学 , 每个小组就是一个开发团队
2、充分发挥小组内各成员的积极性、主动性和创造性
【实验设计】
第一步：Flash CS6的启动和退出。 （ 5 分钟左右）
第二步：Flash CS6界面的操作。 （ 45 分钟左右）
第三步：指定学生在本机演示：面板的显示和隐藏、面板组的位置改变、文档的属性设置。 （ 15 分钟左右）
第四步：学生对操作者评价，最后由教师统一给出指导和评价
（ 15 分钟左右）
【 实验小结 】
1、通过本节课大家分组设计网站主页，初步了解做一个完整网站的基本要素，以及一个网站的框架结构。
2、在设计中，各组同学都能积极参与设计，发挥了大家的想象和创造力，通过本组作品的展示，表达了各自设计网站的思想和理念，希望大家在今后的学习中继续努力，设计出更加实用美观的作品。
实验项目二 企业实训（网站规划）
教学方案
【学 时 数】 2 （ 40分钟× 2=90 分钟）
【实验内容】网站规划
组织学生到“七台河在线，网络公司”观摩。该公司是七台河职院电子与信息工程系的校外实训、实习基地。
【实验目的】
1.见习、观摩远策公司的一个真实网站规划过程
2.理解开发团队的脚色组成
3.理解规划过程规范化的重要性
4.初步理解团队协作
【实验重点】
1.见习、观摩远策公司的一个真实网站规划过程
2.理解开发团队的脚色组成
3.理解规划过程规范化的重要性
4.初步理解团队协作
【实验难点】
理解规划过程规范化的重要性
【实训教学方法】
要体现教学过程的实践性、开放性和职业性，重视学生校内学习与实际工作的一致性，结合一个具体的网站来展开、发挥。
通过观摩 / 见习，理解网站设计的完整流程，学习软件企业的规范化运作。
【实训设计】
1 ．早晨 7 ：00 在教学大楼集合，准备乘车去武汉；领队老师讲解注意事项；主讲教师讲解实训目的和实训教学方法；
2 ．见习、观摩该公司的一个真实网站规划过程；
3 ．实训小结。
【实验小结】
让同学们谈谈感受，有什么收获？与在学校学习有什么不同？
脚色：项目经理，策划，美工，程序员，代码整合员，测试员的职责；
建议见习时间为一天，有效时间 2 学时。
实验三 站点的建立和管理
【学 时 数】 2 （ 40 分钟× 2=80 分钟）
【实验内容】
讲授站点的建立和管理站点的方法
【实验参考】
《 Dreamweaver 网页制作》 …………… 北京理工大学出版社
《网页设计与制作》 ………………………… 高等教育出版社
《 网页设计与制作》 …………… 高等教育出版社
【实验设备】
计算机，双向教学软件
【实验目的】
1、掌握建立新站点的方法
2、学会设置站点 3、学会管理站点
【实验重点】
1、建立新站点
2、管理站点
【实验难点】 管理站点
【实验教学方法】
1、项目工程互动式教学法
2、“讲、学、练”相结合：对于实现建立和管理站点的相关操作细节，通过教师演示、讲解和练习等方式。使学生在建立和管理站点的实践中加深对概念的理解，熟练掌握相关的操作细节。
【实验设计】
向学生演示自己制作的《多媒体网络课件》网站：分阶段演示此站点的建立和管理，在每个阶段演示完毕后，让学生对此阶段进行练习。讲解完毕后学生完成课后作业，教师实施指导。
第一步： 展示《多媒体网络课件》站点。 （ 3 分钟左右）
第二步： 讲解和演示此站点的建立过程 （ 5 分钟左右）
第三步： 教师指导 （ 10 分钟左右）
第四步： 讲解和演示设置站点参数 （ 5 分钟左右）
第五步： 学生根据上一步演示练习对此站点的参数设置，教师指导（ 7 分钟左右）
第六步： 讲解和演示管理站点的方法 （ 15 分钟左右）
第七步： 学生练习管理站点方法，教师指导 （ 10 分钟左右）
第八步： 实验小结 （ 5 分钟左右）
第九步： 学生完成实战演练 （ 20 分钟左右）
【实验小结】
站点的建立和设置是做网站的基础，没有站点就很难对自己的网站进行有效的管理。 建立了站点，对以后的学习会带来很大的方便，比如链接，站点内的链接，会自动变成相对路径，
而且有了站点，对于引用站点里的资源会带来很大方便等等。所以掌握站点的建立与管理非常重要。
实验项目四 HTML中表格的应用 【学 时 数】 2 （ 45 分钟× 2=90 分钟）
【实验内容】
HTML 基本标记及表格的应用
【实验参考】
《 Dreamweaver 网页制作》 …………… 北京理工大学出版社
《网页设计与制作》 ………………………… 高等教育出版社
《 网页设计与制作》 …………… 高等教育出版社 【实验设备】
计算机，多媒体课件
【实验目的】
1、熟练掌握 HTML 的语法结构和各种标记的应用；
2、熟练掌握利用HTML进行处理表格的实际应用。
【实验重点】
1、熟练掌握 HTML的语法结构及在HTML中各种标记的实际应用；
2、表格的使用
【实验难点】
1、HTML 中各种网页元素的添加方法； 2、表格标记的灵活使用
【实验教学方法】
1、项目教学法
2、“讲、学、练”相结合：对于实现建立和设计网页的相关细节，大量采用演示、讲解和操作等方式。使学生在建立和设计网页的实践中加深对相关内容的理解并熟练掌握。
【实验设计】
向学生演示自制的“多媒体网络课件”项目，分析主页中的设计流程和过程，对各模块进行演示并讲解知识点后，让学生完成课后作业，教师实施指导。
第一步：演示并分析网页中的相关效果。 （ 5 分钟左右）
第二步：分步讲解并完成网页中利用表格布局网页效果的实现。 （ 40 分钟左右）
第三步：分组讨论并修改网页。 （ 35 分钟左右）
【 实验小结 】
1、通过本次课的学习我们对 HTML 的基本标记及表格的相关属性有更深的认识，希望大家利用课余时间对课本中的例题进行练习，达到能灵活运用的程度。
2、部分学生的学习状态还待于提高；
实验项目五 模板的应用
【学 时 数】 2 （ 45 分钟× 2=90 分钟）
【实验内容】
1、模板的基本结构
2、模板的各种属性
3、模板的更新链接 【实验参考】
《 Dreamweaver 网页制作》 …………… 北京理工大学出版社
《网页设计与制作》 ………………………… 高等教育出版社
《 网页设计与制作》 …………… 高等教育出版社 【实验设备】
计算机，多媒体课件
【实验目的】
1、掌握模板的创建方法和基本结构；
2、掌握利用模板创建文档的方法；
3、熟练掌握修改模板和网站更新的方法。
【实验重点】
1、模板的使用；
2、模板应用实例。
【实验难点】
1、模板的正确创建、编辑和应用方法；
2、如何创建嵌套模板。
【实验教学方法】
1、案例教学法
2、“讲、学、练”相结合：对于实现建立和设计网页的相关细节，大量采用演示、讲解和操作等方式。使学生在建立和设计网页的实践中加深对相关内容的理解并熟练掌握。
【实验设计】
向学生演示师制作的“Dreamweaver网页制作精品课网站”，展示其中的“主页模板”和“视频讲解模板”，通过展示讲解，让学生对模板的应用有一定的认识，尤其对其作用：“可很快更新网站所有以模板创建的网页”的展示，更加深了学生对模板在网站建设中的更要性理解，讲解完毕后学生完成课后作业，教师实施指导。
第一步：演示“Dreamweaver网页制作精品课网站”并分析网页中的相关效果。 （ 5 分钟左右）
第二步：分步讲解两个模板的创建方法，演示模板修改后再更新对应的各网页的整体效果。 （ 40 分钟左右）
第三步：让学生创建一模板，然后在此模板中创建可编辑区域，并利用此模板再创建两个网页，修改模板后再更新，观察效果的变化。 （ 35 分钟左右）【实验小结】
本次课，我们通过我自制的“Dreamweaver网页制作精品课网站”中模板的实际运行效果，可以看出模板在网站建设中的用途是：可十分方便地更新整个网站；更能使网站具有统一的风格。通过大家的练习也可以看出，我们基本上掌握了创建模板和实际应用的方法。只是还需要我们在课余时间里多加练习，达到熟练掌握的程度。
实验项目六 CSS及应用
【学 时 数】 2 （ 40 分钟× 2=80 分钟）
【实验内容】
CSS 用应用
【实验参考】
《 Dreamweaver 网页制作》 …………… 北京理工大学出版社
《网页设计与制作》 ………………………… 高等教育出版社
《 网页设计与制作》 …………… 高等教育出版社 【实验设备】
计算机，多媒体课件
【实验目的】
1、掌握 CSS 的基本概念
2、掌握 CSS 样式定义
3、掌握 CSS 常用属性与值
【实验重点】
1、掌握 CSS 样式定义
2、掌握 CSS 常用属性与值
【实验难点】
1、掌握 CSS 样式定义
2、CSS 常用属性与值
3、能独立完成 CSS 样式的应用
【实验教学方法】
1、案例教学法
2、“讲、学、观察”相结合：对于实现建立和设计网页的相关细节，大量采用演示、讲解和观察等方式。使学生在建立和设计网页的实践中加深对相关内容的理解并熟练掌握。
【实验设计】
向学生演示“《计算机应用基础》网络课件”：中所应用到的CSS样式的实例，帮助学生分析设计原理和过程，演示完毕后，让学生对按书中实例进行巩固练习。然后让学生完成课后作业，教师实施指导。
第一步：演示“《计算机应用基础》网络课件”案例中的 CSS 样式应用实例并演示更新的过程。 （ 5 分钟左右）
第二步：结合多媒体课件讲解 CSS 样式的基本概念。 （ 5 分钟左右）
第三步：讲解并分析 CSS 的知识点。 （ 20 分钟左右）
第四步：让学生结合课本中的 CSS 样式例题进行练习制作网页 （ 30 分钟左右）
第四步：课程小结。 （ 5 分钟左右）
第五步：学生完成课程作业。 （ 15 分钟左右）
【实验小结】
通过本节课的实验，我们对CSS样式表的定义与应用有了更深的认识，关于其中的其它诸多属性，请同学们课后结合课本进行练习，从而真正地掌握样式表的实际应用。 实验项目七 Flash MX动画设计
【学 时 数】 2 （ 40 分钟× 2=80 分钟）
【实验内容】
CSS 用应用
【实验参考】
《 Dreamweaver 网页制作》 …………… 北京理工大学出版社
《网页设计与制作》 ………………………… 高等教育出版社
《 网页设计与制作》 …………… 高等教育出版社 《闪客家园Flash5网上动画制作指南》北京希望电子出版社
【实验设备】
计算机，多媒体课件
【实验目的】
1、了解时间轴、图层、关键帧和帧的概念
2、熟练掌握图形、按钮和影片剪辑元件的制作方法
3、掌握几种动画的制作方法 【实验重点】
1、时间轴、图层、场景、帧等概念；
2、三种元件的制作方法
【实验难点】
正确理解相关概念，并能熟练将各种元件的制作应用到实际动画制作中。 【实验教学方法】
1、案例教学法
2、“讲、学、观察”相结合：对于实现建立和设计网页的相关细节，大量采用演示、讲解和观察等方式。使学生在建立和设计网页的实践中加深对相关内容的理解并熟练掌握。
【实验设计】
向学生演示自制的“要下雨了”的Flash动画，通过展示讲解相关的概念及元件的应用，然后让学生结合练习要求及制作过程的提示，完成本节课的实验内容。在学生练习中，教师可进行指导。具体为：
第一步：演示“《要下雨了》”案Flash动画，打开Flash软件，结合案例讲述时间轴、帧、场景等概念。并展示其中的“图形元件”-燕子和白兔，影片剪辑元件—“白兔割草”，按钮元件“开始”等，使学生对元件有初步的认识。 （ 5 分钟左右）
第二步：结合多媒体课件讲解 时间轴、帧、场景、图层等的基本概念。 （ 5 分钟左右）
第三步：发给学生“网页制作标识”题目所需的素材，让学生结合老师发给的“任务”中的“制作方法”完成此实验 （30 分钟左右）
第四步：展示学生完成的作品，并对其进行点评和强调其中应注意的问题 （ 20 分钟左右）
第四步：课程小结。 （ 5 分钟左右）
第五步：学生完成课程作业。 （ 15 分钟左右）
【实验小结】
通过本节课的实验，我们对网页中Flash动画的制作，有了一定的认识，绝大多数同学都能按要求完成“任务”。希望同学们利用课余时间多加练习，为我们的下一步“如何在网页中插入多媒体”做准备。个别学生的学习态度还有待于加强。
实验项目八 用DW处理文本和图片
【学 时 数】 2 （ 40 分钟× 2=80 分钟）
【实验内容】
练习文本和图片的基本操作
【实验参考】
《 Dreamweaver 网页制作》 …………… 北京理工大学出版社
《网页设计与制作》 ………………………… 高等教育出版社
《 网页设计与制作》 …………… 高等教育出版社
【实验设备】
计算机，多媒体课件
【实验目的】
1.掌握文本的基本操作
2.掌握图片的基本操作
【实验重点】
1.文本的编辑
2.图片的处理
【实验难点】
图片的基本操作
【实验教学方法】
1、任务驱动教学法
2、“尝试、展示、指导”相结合：对于给定的任务，让学生按要求完成网页的制作，通过展示学生完成的情况，师再强调作品中应该注意的问题，使学生能有意识地在某些细节中加以注意。
【实验设计】
向学生演示案例图，学生的作品“我的主页”效果图，让学生对自己能设计出更精美的网页充满信心，接着教师将学生要尝试的问题发给学生，让学生按要求自拟主页名称和结构，设计主页。学生完成后，通过教师机收上来的学生作品进行展示给大家，并让全体学生对每个作品进行评分。
第一步：通过教师机展示的“任务”进行说明 （ 5 分钟左右）
第二步：展示学生作品“我的主页”效果图，同学生一起分析文本属性 （ 10 分钟左右）
第三步：教师实践 （ 40 分钟左右）
第四步：展示学生作品（10分钟左右）
第五步：教师示范操作、答疑 （ 12 分钟左右）
第六步：小结 （ 3 分钟左右）
