2022年《Dreamweaver网页设计》教案

1、精品word 名师归纳总结 - - - - - - - - - - - -精品教学教案精选名师 优秀名师 - - - - - - - - - -第 1 页，共 35 页 - - - - - - - - - -精品word 名师归纳总结 - - - - - - - - - - - -精品教学教案教学目标与要求教学重点教学难点第 1 章网页设计基础熟记站标、导航条、广告条、按钮等网页构成要素，以及 网页、网站、 IP 地址、域名、网址等概念；明白网页的本质和网页的布局类型和HTML文档的基本结构，娴熟把握网站建设的基本流程；重点：站标、导航条、广告条、网页、网站、IP 地址、域名、网址等概念，以及

2、网站建设的流程难点： IP 地址、域名、网址， HTML文档的基本结构及其常见标签教学方法提问、启示、图示、情形教学、案例、课堂争论教学课时2 课时第 1 章网页设计基础教学导入课程： 大家会输入文字、 制作和处理图像、设计动画，如何把这些作品放到internet中，让更多的人去查阅和观赏呢？-DW就可以制作网页；1. 网页的构成要素和组成元素网页的构成要素：站标、导航条、广告条、标题栏和按钮；网页的组成元素： 文字、图片、动画（ gif、 flash ）、表单（交互功能） 、音频、视频、超链接、表格、框架、导航等；2. 网页相关学问简介基本概念：网页的本质网页、网站、主页、互联网提示以提问的

3、方式引入课程采纳课堂争论教学法，打开几个典型的网页让同学们争论总结构成要素 和组成元素；打开一个搜狐主页，储存成不同的类型，让大家看储存的成效，加深对网页本质的懂得；先打开一个网页的源文件，结合网络常识，具体讲解网页的定义，然后略讲网站和主页的概念；并提示同学懂得并记忆这些概念；精选名师 优秀名师 - - - - - - - - - -第 2 页，共 35 页 - - - - - - - - - -精品word 名师归纳总结 - - - - - - - - - - - -精品教学教案动态网页、静态网页IP地址、域名、网址（url ）、浏览器等概念网页布局网页布局的相关概念常见的布局类型网站治理

4、与网页制作相关软件制作和治理网页工具；制作和优化网页图像工具；制作网页动画工具；其中 Dreamweaver、 fireworks、flash这三个软件合称为网页“三剑客”；其他小工具软件；HTML语言HTML的概念HTML文档的基本结构几个常见的html标签： html 、head、title、style、script、link、meta、body、img、p、font等；XHTML语言简介脚本语言简介3. 网页的设计理念和配色方案网页的设计理念颜色的三要素网页中的颜色心理与网页表现以注册和登录邮箱为例，对比讲解动态网页和静态网页的特点和区分；以平顶山学院和搜狐网站的IP地址与域名为例，简要

5、表达这两个概念； 通过查看分析知名网站的网址引入 url的定义和组成，其它概念略讲； 提示同学懂得并记忆上述概念；打开一网页（具体讲解网页布局成效的教程）让同学争论、分析总结布局类型；依据同学特点简要讲解ps、flash、fw 等软件在网页设计中的功能；打开搜狐主页的源代码，让同学熟识 一下html语言及其结构，然后分别用记事本和dw 创建 2 个最简洁的网页，让同学细看其源代码，并具体讲 解 8 个基本标签及其结构关系，最终依据时间酌情讲解其它几个常见标签；简要讲解这两个概念，然后创建一个网页，复制无缝循环的代码并粘贴到网页的body 标签，让同学明白脚本语言的功能；让同学观赏插入后的成效，

6、吸引同学dw 的相关代码；结合上网的体会，让同学总结网页的设计理念；颜色的三要素和心理表现同学在上 学期的ps 课程中学习过，采纳提问法，进行复习；然后打开几个典型网精选名师 优秀名师 - - - - - - - - - -第 3 页，共 35 页 - - - - - - - - - -精品word 名师归纳总结 - - - - - - - - - - - -精品教学教案颜色搭配应遵循的原就4. 网站的开发流程 网站需求分析 设计制作网站页面 空间和域名申请 测试和发布网站 网站推广第一阶段：网站需求分析站，分析其配色方案，最终总结网页中颜色运用的原就；依据设计的先后次序和同学一起分 析总结网

7、站的开发流程，并用图加以说明，重点讲解网站的需求分析，以加深同学对重点学问的把握；规划网站预备素材其次阶段：创建站点，设计制作各级页面定义站点设置页面属性制作页面第三阶段：申请空间和域名第四阶段：测试和发布网站第五阶段：网站推广5. 典型网站分析页面结构颜色运用采纳课堂争论教学法，打开几个典型的网页让同学们争论总结网站的构 成要素、组成元素、布局结构和配色方案；作业布置：1. 观看并对比分析大型网站（如中国网、闻名学校网、闻名医院网、官 方网、科技网、消遣休闲运动网、儿童网、体育网、闻名出版社网、 cctv提问网站、 sohu、yahoo、IBM、微软等）的风格、颜色搭配与布局；2 . 观看的

8、同时下载自己需要的文章、图片、软件等资源；. 课后习题；小结：通过提问、启示、图示、情形教学、课堂争论等教学方法的综合运用，提高了同学的学习爱好，从同学的反应看，授课成效很好；精选名师 优秀名师 - - - - - - - - - -第 4 页，共 35 页 - - - - - - - - - -精品word 名师归纳总结 - - - - - - - - - - - -精品教学教案教学目标与要求教学重点第 2 章 Dreamweaver 基础学问熟识 Dreamweaver 8 工作界面，熟记几个常用的工具按钮和菜单命令； 娴熟把握站点的创建步骤， 能快速规范地创建站点；能够快速创建、打开、储

9、存网页文档；能娴熟设置页面的属性；1. 创建站点并组织站点的结构;2.在站点中创建网页3. 页面的属性设置教学难点HTML基础教学方法举例为主，适当讲授操作要领，提问以测试课题成效；教学课时2 课时第 2 章 Dreamweaver 基础学问教学提示我们一贯都是浏览网页，想自己动手做网站吗？ 用 什 么 工 具 做 网 站 ？ 怎 样 做 呢 ？ - Dreamweaver网页制作工具；2.1 熟识 Dreamweaver 8 工作界面2.2 网站创建与治理2.2.1 站点的定义、组成和结构2.2.2 网页文档与文件夹命名规章2.2.3 创建本地站点的步骤2.2.4 组织站点结构2.3 网页文

10、档基本操作新建、储存、预览、打开、关闭2.4 基本页面属性设置制定文档标题和边距、网页背景颜色和背景图像，为网页设置文本属性、链接属性和跟踪图像的属性，总结页面的使用的技巧：抛出问题，引入新课启动 dw，具体讲解插入栏、文档标签与“文档”工具栏、状态栏的作 用，区分标签检查器、标签挑选器、标记挑选符3 个概念及其作用具体讲解站点的定义、组成、结构，以及文件和文件夹的命名规章；演示站点的创建过程和步骤，着重提出储存和站点文件夹的命名； 具体讲解站点结构的组织方法和原就；分别演示这几个操作通过 dw 设计视图分别创建1 个网页，分别演示文档标题和边距、背 景颜色和背景图像、文本和链接属 性，以及跟

11、踪图像的属性的设置方 法和步骤，帮忙同学把握页面的设 置过程；并总结页面设置和创建过 程中的一些使用技巧；作业：习题一第 1，2, 3题精选名师 优秀名师 - - - - - - - - - -第 5 页，共 35 页 - - - - - - - - - -精品word 名师归纳总结 - - - - - - - - - - - -精品教学教案小结：本次课内容操作性很强，经过同学自己上台操作，发觉大多数同学都能创建并组织好一个站点，仍能快速地设置网页的属性，达到了教学目标的要求；精选名师 优秀名师 - - - - - - - - - -第 6 页，共 35 页 - - - - - - - - -

12、 -精品word 名师归纳总结 - - - - - - - - - - - -精品教学教案教学目标与要求教学重点教学难点教学方法第 3 章网页中的基本元素1. 娴熟操作网页中的文本；2. 娴熟插入各种格式的图像并设置其属性；3. 明白图像切片的作用；4. 娴熟制作图像切片，并插入到dw中1. 文本对象的插入和格式设置；2. GIF 、PNG和 JPEG三种图像格式的异同点和使用环境；3. 用 fireworks制作网页切片的方法；1. 设置文本标题；段落的设置成效；2. GIF 、PNG和 JPEG三种图像格式的异同点和使用环境； 3.Dreamweaver 8.0中使用图像的一些基本方法和技

13、巧；4.在 dreamweaver 中插入用 fireworks制作的切片课堂讲授为辅，多媒体演示为主，适当举例，提问以测试课题成效，试验式教学；教学课时4 课时第 3 章网页中的基本元素教学提示复习上节内容：1如何创建站点？2如何站点结构的组织3.1 网页中文本的操作 . . 熟识文本按钮及属性面板.摸索题：依据以前所学学问说出文本的编辑和设置属性各包括几个方面？ . . 插入文本和对象将文本（英文、中文、数字）添加到文档中的3 种方法；插入特别字符水平线插入日期：菜单法；插入栏按钮法对插入的文本也可以执行删除、搜寻、替换、检查拼写（文本检查拼写 shift+f7）等操作； . . 设置文本

14、格式以提问的方式复习上次课内容结合 WOR，D通过复习的方式，总结dw 中文本的操作；先简要演示一下各 种文本符号的插入 方法，然后输入一 首小诗，调整其格 式；接着复制一篇 文章粘贴到dw 中；最终导入一篇word 文档；精选名师 优秀名师 - - - - - - - - - -第 7 页，共 35 页 - - - - - - - - - -精品word 名师归纳总结 - - - - - - - - - - - -精品教学教案字符的样式包括的方面及其设置方法 . . 设置文本标题标题的含义与作用3. . 设置段落成效1 .设置段落格式 . 缩进段落对齐段落（ 4 种对齐方式）. 分段与换行的

15、相关操作和区分： . . 创建项目列表. 网页图像的运用. . 网页中图像格式简介1. 图像在网页中的作用和网页中常用图像格式有：GIF 、JPEG、PNG；2. 三种图像格式的特点和在网页中的使用场合；在 Web页上显示图片之前，通常需要考虑以下三个问题： . . 在网页中使用图像1. 插入图像：2. 插入图像占位符：留意图像占位符的命名规章和作用3. 创建鼠标经过图象（轮换图像）4. 在 dw中图像的编辑功能仅适用于GIF 和 JPEG 图像格式；在属性检面板中编辑图像，上述设置也可通过菜单实现：修改 -图像用 fireworks优化图像； 热点工具的使用和图像热区的添加. 设置图文混排的

16、成效：7. 制作电子相册：命令创建网站相册3.2.3切片在 fw 中的创建和在 dw 使用打开大图片网页时， 总是等待很长时间， 怎样处理才能削减图片的下载时间呢？ -做成切片；1. 切片的定义和作用2. 切片在 fw 中的创建方法和步骤先简要表达一下文本格式、标题、段落的设置的含义和步骤，然后让同学走上讲台对上述插入的文本设置相应的字符格式、标题级别、段落成效，并挑选个别段落创建项目列表，以加深印象；通过比较法讲解各图像格式的特点 举例：在文档中插入各种图像对象，并 设 置 其 格 式 属性；演示制作图像热区 和 图 文 混 排 的 成效；演示制作电子 相册精选名师 优秀名师 - - - -

17、 - - - - - -第 8 页，共 35 页 - - - - - - - - - -精品word 名师归纳总结 - - - - - - - - - - - -精品教学教案3. 在 DW中插入 Fireworks HTML （切片）的方法和步骤将 Fireworks HTML 插入到 Dreamweaver中的方法；方法 1：将切片从 Fireworks复制到剪贴板上，然后直接粘贴到Dreamweaver文档代码视图中的相应位置处；方法 2：直接将 Fireworks HTML 插入到 Dw中的操作步骤. 网页多媒体的运用3.3.1 在网页中使用视频flash1. 网页中常见的视频文件格式和

18、插入方法；2. 常见的 flash文件格式和插入方法；flash文件（ .fla格式）、flash影片文件（ .swf格式）、flash模板文件（ swt 格式）、flash元素文件（ .swc 格式）、flash视频文件（ .flv格式）3.3.2 在网页中使用音频添加声音需要考虑的因素：添加的的、文件大小、声音品质和在不同浏览器中的差异；1. 音频文件的格式和相应的特点：网页中常见的音频格式有：mid/midi格式：；wav 和 aif （aiff）文件2. 在网页中插入音频文件的2 种方式：链接到音频文件嵌入声音文件3.4 dw 扩展插件1. 安装扩展插件2. 使用扩展插件使用扩展插件主

19、要有2 个步骤：以问题的形式引入 切 片 的 定 义 和 作用；本内容尽量调整在 机房讲解；具体讲 解并演示切片在fw 中制作和在dw 中插入的方法与步骤；用比较法总结网页中显现的视频文件的格式及其特点，举例讲解视频文件的插入方法和属性设置；用比较法总结网页 中显现的flash文件 的 格 式 及 其 特点，重点讲解flash 按钮、flash文本和 flash视频的插入方法和属性设置；用比较法总结网页中常见的音频文件格式及其特点； 举例演示音频文件的 插 入 和 属 性 设置，重点讲解背景 音 乐 的 插 入 和 设置；精选名师 优秀名师 - - - - - - - - - -第 9 页，共

20、 35 页 - - - - - - - - - -精品word 名师归纳总结 - - - - - - - - - - - -精品教学教案 先安装插件 然后启动 dreamweaver，在相应的位置找到调用扩展的命令即可；3. 在“类型”栏中显示扩展的类型含义：类型含义对象在 dw 界面的“插入”工具栏调用该扩展插件命令在 dw 的“命令”菜单中调用扩展行为在 dw 的“行为”面板中调用扩展4. 常用扩展插件的安装和使用重点讲解页面过度 效 果 、 sound、 marquee 和滚动链接的 AP元素 4 个插件的用法和设置先演示这几个常用扩展插件的安装和使用方法，然后让同学上台操作，教师指点操

21、作过程和Pagetransitions命有超级链接时，令页过渡（进入/退出）成效要选定整个页面 （即 body 标签），再在命令菜单中找到该命令即可实现（成效见实例站点中guodong1.html、 guodong2.html、 guodong3.html）方法扩展这本分内容支配到行为之后讲解Typewriter.mxp模拟打字先把要添加该成效的对象放入AP 元素中，然后在行为面板中找到行yaromat|typewriter即可实现，文字的打为印 效 果 就 显 示 在AP元 素 中 ；guodong1.html中打印文字）Sound.mxp对插入背景音乐象要选定整个页面 （即 body 标签

22、），再在“常用”插入栏中找到sound 按钮即可实现Marquee.mxp对滚动文字插件象要选定整个页面 （即 body 标签），再在“常用”插入栏中找到marquee 按钮即可实现Insert对Greeting.mxp象插入问候语把光标定位在页面的合适位置，然后挑选 “插入”栏中的“CNInsertGreeting ”按钮即可实现Calander.mxp对象把光标定位在页面的合适位置，然后挑选 “插入”栏中的“calander ”按钮即可实现精选名师 优秀名师 - - - - - - - - - -第 10 页，共 35 页 - - - - - - - - - -精品word 名师归纳总结

23、- - - - - - - - - - - -精品教学教案Persistent layers先把要添加该成效的对象放入AP 元素中，然后在行为面板中找到ribbers zeewolde|行滚动链接的AP为元素作业：1 .填空题Persistent layers即可实现，一般用来显示广告信息；（ guodong1.html中的”送给你了“）（ 1）使用属性检查器或【文本】菜单中的选项可以设置或更换所选文本的字体特性；可以设置字体（如粗体或斜体）和 ；（2）如要插入更多的特别字符，请挑选 | | 或在 栏中挑选 图标，挑选一个字符，然后单击【确定】；（3）在运算机领域中，图像分为 和 2 大类；（

24、4）GIF 图像采纳的是 压缩格式；2 .挑选题（1）在网页中连续输入空格的方法是 ；A 连续按空格键B 按下 Ctrl键再连续按空格键C 转换到中文的全角状态下连续按空格键D 按下 Shift键再连续按空格键（2）网页通常可以支持的图像格式有 ；AGIFBBMPC AVIDPSDE PNGF JPEG；3. 简答题（1）网页中常用的图像格式有哪些？各有什么特点？假如在网页中添加动画格式的浮动广告，采纳何种格式？为什么？电子相册，应当用哪种格式最好？2如何创建鼠标变换图像和图像热点？4. 操作题：搜集自己的宠爱的图片，制作一个电子相册；小结： 本章内容较多，但交简洁，需要边讲解边对比总结，通过

25、对比总结和同学上台操作演示，从同学上机的作业来看，授课成效很好；精选名师 优秀名师 - - - - - - - - - -第 11 页，共 35 页 - - - - - - - - - -精品word 名师归纳总结 - - - - - - - - - - - -精品教学教案教学目标与要求教学重点第 4 章使用表格与布局表格布局网页1. 明白表格和布局表格在网页布局中的作用；2. 把握表格和布局表格的插入方法和基本编辑方法；3. 把握表格和布局表格、单元格和布局单元格的属性设置；4. 通过对表格和布局表格的学习， 提高同学学习网页制作的爱好，增强同学的审美观1表格的插入方法、基本编辑方法与应用；

26、2布局表格和布局单元格的绘制方法、属性设置与应用教学难点教学方法2. 布局表格和布局单元格的绘制与属性设置多媒体演示，案例教学，任务驱动，引导教学；提问式教学；教学课时2 学时1. 表格和单元格的属性设置与应用；第 4 章使用表格与布局表格布局网页教学提示用表格掌握文字、图片、动化等对象的位置，使网页的布局紧凑又整齐美观；常用的页面设计布局类型有：表格、布局表格和 AP元素三种，本章着重讲解如何使用表格和布局表格布局页面；4.1. 表格模式1. dw 中表格的 3 种模式2. 模式切换的操作方式：查看- 表格模式 -标准模式 / 布局模式 / 表格扩展模式；3. 模式的区分与留意事项：只有在“

27、设计”视图中才可切换到“布局”模式； 在不同模式下，工具栏的各个按钮作用不同；在布局模式中不能像布局表格的空白区域插入内容，只能创建布局单元格，布局单元格才是承载具体内容的容器；4.2 使用表格布局网页1表格的作用展现一个布局合理、 美观的网页，激起同学的学习爱好；简要讲解并 3 种表格模式的作用， 重点演示不同模式下按钮的使用回忆 word 和 excel 中讲过的有关表格的概念和 基本操作，引入dw 中表格的概念和基本操作； 重精选名师 优秀名师 - - - - - - - - - -第 12 页，共 35 页 - - - - - - - - - -精品word 名师归纳总结 - - -

28、- - - - - - - - -精品教学教案2. 表格的组成部分表格的行、列、单元格、边距、间距、边框3. 表格的标记 标记、 标记、 标记三者的对应位置关系4. 表格的基本操作表格的插入、挑选、删除、大小调整； 单元格的挑选、合并、拆分、大小调整；表格在“扩展表格”模式和“标准”模式下的应用5. 嵌套表格表格嵌套的作用创建嵌套表格的操作方法；6. 导入和导出表格数据、7. 表格布局网页的应用实例8. 表格布局的缺点4.3 布局表格布局网页1. 绘制布局表格绘制布局表格的留意事项：2. 绘制布局单元格绘制布局单元格的留意事项：3. 设置布局表格和布局单元格的属性和参数4. 在布局单元格中添加

29、内容5. 课堂实例用布局表格布局网站主页点讲解表格的属性设置含义；插入一个表格， 并在每个格中插入不同的内容， 然后切换到代码视图， 让同学识记三个标签； 逐一演示表格的各个基本操作；重点讲解创建嵌套表格的缘由打开一个示例网页， 让同学上讲台比照着制作出 相同成效争论总结表格布局的缺点重点演示并总结绘制布局表格和布局单元格的留意事项；演示设置布局表格和单元格的属性；在设置好属性的布局单 元格中添加文章、 图像和多媒体；先和同学一起分析左侧网页的操作思路和主要步骤，然后让同学上台操作，以加深印象；精选名师 优秀名师 - - - - - - - - - -第 13 页，共 35 页 - - - -

30、 - - - - - -精品word 名师归纳总结 - - - - - - - - - - - -精品教学教案作业：课堂作业： 1. 表达 3 种模式的概念及切换方法；2. 说出表格和布局表格的作用3. 表达“表格扩展模式”的作用4. 什么是间隔图像？书面作业：课后习题；小结：通过与同学熟识的word 中表格的操作对比讲解，本章的讲解显得较轻松；让同学上台操作，提高了同学的学习积极性和主动性，教学成效较好；教学目标与要求第 5 章使用框架布局网页明白框架网页的概念；娴熟创建、储存框架网页，并设置框架和框架集的属性；框架中超级链接的创建和目标属性设置教学重点娴熟创建储存框架网页，并设置框架和框架

31、集的属性；框架中超级链接的创建和目标属性设置教学难点框架网页的概念和储存；框架中超级链接的创建和目标属性设置教学方法多媒体演示为主，适当举例，人体媒体结合式教学，课堂讲授，师生互动，提问式教学；教学课时2 学时第 5 章框架网页教学提示5.1 框架和框架集的概念、结构和应用1. 基本概念框架网页、框架集、框架框架和框架集的关系2框架网页的结构3. 熟识框架面板：4. 框架网页的应用：通常用于导航；5. 框架网页的优缺点5.2 创建和储存框架与框架集通过看看 和分析知 名网站使 用框架的 布局成效，引入框架 和框架集 的概念精选名师 优秀名师 - - - - - - - - - -第 14 页，

32、共 35 页 - - - - - - - - - -精品word 名师归纳总结 - - - - - - - - - - - -精品教学教案5.2.1 使用预设的框架集1. 创建新的空预设框架的具体操作步骤；修改框架名称必需以字母开头，可以包含数字、下划线（ _）；但不答应是 javascript 中的保留字（如 top 或 navigator ）、连字符（ - ）、句点、空格和；而且区分大小写；2. 创建预设的框架集并在某一框架中显示现有文档5.2.2 创建和编辑框架1. 创建框架2. 删除框架3. 建立嵌套的框架集4. 储存框架和框架集5.3 设置框架及框架集的属性1. 挑选框架：通过“框架

33、”面板来挑选框架和子框架；2. 设置框架属性框架的背景颜色可以在页面属性中进行设置在框架的属性面板中进行设置框架的的名称、源文件、链接、边距、滚动、边框和能否调整大小等；3. 设置框架集属性：边框、边框大小和边框颜色；5.4 设置框架集中的超级链接5.4.1 在框架网页中建立超链接5.4.2 框架网页中设置超级链接的目标打开方式1. 相对链接目标： _blank、_top、_parent 、_self2. 肯定链接目标： mainframe 、Leftframe、Rightframe 、Topframe；5.6 课堂实例制作一个框架网页举例演示框架的创建和储存操作打开框架 面板， 查看并总结框

34、 架和框架 集的属性 设置及其 含义演示框架中的超级链接成效举例演示框架网页的设计与制作精选名师 优秀名师 - - - - - - - - - -第 15 页，共 35 页 - - - - - - - - - -精品word 名师归纳总结 - - - - - - - - - - - -精品教学教案作业：1. 使用框架的优点是什么？2. 课后习题小结： 本章介绍了框架网页的创建、储存和属性设置，着重讲解了框架网页的中超级链接的创建和目标设置，内容较少，授课成效较好；精选名师 优秀名师 - - - - - - - - - -第 16 页，共 35 页 - - - - - - - - - -精品wo

35、rd 名师归纳总结 - - - - - - - - - - - -精品教学教案教学 目标与要求教学重点第 6 章 AP 元素的创建和使用懂得 AP元素的作用；熟记AP元素的命名原就和特点；把握绘制 AP元素和插入 AP 元素的方法和区分；娴熟设置AP元素的属性；敏捷、合理地使AP 元素随心所欲的布局页面内容；AP元素的作用； AP元素的插入和绘制； AP元素的属性设置；AP元素的特点； AP元素的应用教学难点AP元素的作用； AP元素的属性设置； AP元素的应用 教学方法多媒体演示为主，适当举例，人体媒体结合式教学，课堂讲授，师生互动，提问式教学；教学课时2 课时第 6 章 AP元素的创建和使

36、用教学提示在浏览网页时，留意到滚动的广告图片了吗？-它是使用 AP元素做出来的成效；6.1 应用 AP元素布局网页6.1.1 AP元素的概述1、AP元素的应用：布局网页；制作简洁动画；设计特效 等 ； 2、AP元素的定义、 AP元素的特点、 AP元素的分类、 AP 元素的优缺点、 AP元素面板；6.1.2 创建 AP元素1. 在首选参数对话框中设置AP元素的参数，可设置AP元素嵌套和显示AP元素锚记；2. 插入 AP元素与绘制 AP元素3. 绘制 AP元素和插入 AP元素的差别4. AP 元素的 html 代码5. AP 元素的肯定定位（一般是默认设置）和相对定位6.1.3. AP元素属性详解

37、1. 单个 AP元素的属性： AP元素编号、左和上、宽和高、Z 轴、背景图像、背景颜色、剪辑、可见性、溢出：抛出问题， 引入新课强调 AP 元素在页面布局中的作用演示 AP 元素的绘制要领；挑选 AP 元素，让同学观看的属性，并具体讲解各属性的设精选名师 优秀名师 - - - - - - - - - -第 17 页，共 35 页 - - - - - - - - - -精品word 名师归纳总结 - - - - - - - - - - - -精品教学教案2. 多个 AP元素的属性：置含义；6.1.4AP元素的基本操作激活 AP元素、挑选 AP元素、调整 AP元素大小、移动AP演示 AP 元素的元

38、素、对齐 AP元素、吸附 AP元素到网格各种操作6.1.5嵌套 AP元素6.1.6.AP元素和表格的相互转换6.2 课堂实例用AP元素布局网站首页作业： 课后习题上机作业： 使用 AP元素、表格和 css 排版网站首页综合举例小结： 本章着重讲解AP 元素的创建、命名和属性设置，让同学亲自上台制作案例，加深了对新学问的印象；上机时发觉同学基本都能完成操作任务，总体感觉授课成效较好；精选名师 优秀名师 - - - - - - - - - -第 18 页，共 35 页 - - - - - - - - - -精品word 名师归纳总结 - - - - - - - - - - - -精品教学教案教学目

39、标与要求教学重点教学难点第 7 章超级链接明白超级链接的路径和链接结构；熟记超级链接目标打开方 式的设置含义；娴熟把握超级链接的4 种创建方法；能快速完成 5 种特别超级链接的创建方法和步骤；1. 超级链接的各种创建步骤2. 超级链接目标打开方式的设置含义3. 超级链接的 4 种创建方法4. 5种特别超级链接的创建方法和步骤1. 超级链接的路径2. 超级链接目标打开方式的设置含义教学方法多媒体演示为主，适当举例，人体媒体结合式教学，课堂讲授，师生互动，提问式教学；教学课时2 课时第 7 章超级链接教学提示大家已经会创建不同内容的网页了，怎样把这些分散的网页组合成一个统一的整体，让浏览者只打开主

40、页 就能拜访到其它各个面呢？-需要创建超级链接；7.1 超级链接的定义和目标选项的含义1 .超级链接的定义2. 属性检查器的“目标”弹出菜单中各个选项的含 义： _blank 、_parent 、_self 、_top ；3：创建一个完整的超级链接必需考虑的4 个方面：链接的载体链接的目标链接的路径链接目标的打开方式7.2 超级链接的路径在 dreamweaver 中有三种类型的链接路径：肯定路径、文档相对路径、站点根目录相对路径；抛出问题，引入新课；（ 2 分钟）打开几个典型网站的 主页，让大家分析超级链接的功能， 进而引入超级链接的定义、 分类和目标列表的设置； 让同学争论总结创建超 级链

41、接的留意事项 （ 20分钟）通过举例和配图讲解链接路径的类型和在创建超级链接时路径的书写方法（ 20 分钟）精选名师 优秀名师 - - - - - - - - - -第 19 页，共 35 页 - - - - - - - - - -精品word 名师归纳总结 - - - - - - - - - - - -精品教学教案7.3 超级链接的分类依据链接路径的不同，网页中超链接一般分为内部链接、锚点链接、外部链接3 种类型； 依据使用对象的不同，网页中的链接又可以分为以下几种：文本超链接、图像超链接、电子邮件链接、锚点链接、软件下载链接、多媒体文件链接、空链接等；7.4 超级链接的创建方法1. 使用属

42、性检查器中链接后的文本框创建各种各样的超级链接；2. 使用属性检查器中的浏览文件图标创建各种各样的超级链接；3. 使用“指向文件”图标创建超级链接；4. 使用菜单中的“超级链接”命令创建超级链接；7.5 几种特别的超级链接详解1锚记链接 2创建脚本链接 3给图像热区加上超级链接4创建电子邮件超链接5创建空链接7.6 超级链接的基本操作：更新、修改、检查采纳争论法， 让同学争论总结超级链接的分 类；（ 8 分钟）举例讲解各种方法下 超级链接的创建方法 和创建步骤， 并总结各种方法的使用情形（ 25 分钟）借助上面讲过的创建 方法，让同学上台操作实践，创建各种类型的超级链接； 依据情形不部分内容调

43、整到机房 讲解；（30 分钟）简要表达超级链接的 修改与更新操作； （ 15分钟）7.7超级链接的结构结构较为简洁（15 分7.8总结创建超级链接的5 点建议钟）总结并提出建议； （ 10分钟）作业： 1. 表达超级链接的定义2. 说出超级链接的路径3. 说出超级链接的 4 种创建方法；小结： 本章内容较多，超级链接的路径较难懂得；其他内容相对简洁，且操作性较强，易把握，同学基本都能创建各种类型的超级链接，总体感觉授课成效仍好；精选名师 优秀名师 - - - - - - - - - -第 20 页，共 35 页 - - - - - - - - - -精品word 名师归纳总结 - - - -

44、- - - - - - - -精品教学教案第 8 章交互（行为、图 AP元素和时间轴的综合运用， 以及 javascript）1. 娴熟地应用行为，能够随心所欲地制作出具交互功能的网页；2. 把握时间轴的概念和基本用法；教学目标与要求教学重点教学难点3. 通过对行为的学习应用，增加网页设计的特别成效，提高 同学对学习网页制作的爱好， 培育大家的动手操作才能；4. 明白 java 脚本的基本用法1. 行为的概念和创建， 2. 使用 DW内置的行为 3.AP 元素、行为和时间轴的综合运用1. 使用 DW内置的行为； 2. 高级行为的应用； 3.AP 元素、行为和时间轴的综合运用教 学 方 法 多媒

45、体演示为主，适当举例，人体媒体结合式教学，课堂讲授，师生互动，提问式教学；任务驱动、引导教学、理论与操作紧密结合；教 学 课 时4 课时第 8 章交互（行为、图AP元素和时间轴的综合运用，以及 js ）问题：大家已经会在网页中的特别成效如：弹出消息、检查表单、设置导航文本、鼠标的花瓣、棉花糖、下雪了、礼花绽放等，这样的动态网页是如何制作的呢？使用行为就可以实现；8.1.1 初步熟识行为1、DW行为的引出2、行为的概念3、与行为相关的三个重要部分：对象、大事和动作；4、熟识行为面板8.1.2 行为的创建、修改和更新创建行为的三个步骤修改行为教学提示抛出问题， 导入新课举 出 几 个典 型的 带

46、有 行为 的网 页 显 示行 为的应用，进而引出 行 为 的作 用和相关概念（ 25 分钟）举 例 讲 解行 为的 创 建 步 骤 ；精选名师 优秀名师 - - - - - - - - - -第 21 页，共 35 页 - - - - - - - - - -精品word 名师归纳总结 - - - - - - - - - - - -精品教学教案更新行为8.1.3 使用 DW内置的行为dw8.0自带的行为主要有 :1. 弹出消息2、“播放声音”实例3、跳转菜单和跳转菜单开头4、打开浏览器窗口5、交换图象与复原交换图象6、掌握 shockshave 或 flash7、设置导航栏图像8、设置文本9、显示弹出菜单（下拉菜单）10、显示和隐匿 AP元素11、拖动 AP元素12、滚动链接的 AP元素8.1.4 高级行为的应用1、插入滚动字幕示例：文本自动向上循环滚动，鼠标放到上面仍会暂停2、下载安装