网页制作教案 第五单元

1、网页制作教案第五单元第五章链接Macromedia Dreamweaver MX提供多种创建超文本链接的方法，可创建到文档、图像、多媒体文件或可下载的链接。可以建立到文档内任意位置的文本 或图像（包括标题、列表、表、层或框架中的文本或图像）的链接。若要直观地查看文件是怎样链接在一起的，可使用站点地图。在站点地图 中，可以向站点添加新文档、创建和删除文档链接以及检査到相关文件的链接。链接的创建与管理有几种不同的方法。有些Web设计者喜欢在工作时创建 一些指向尚未建立的页面或文件的链接；而另一些设计者则倾向于首先创建所 有的文件和页面，然后再添加相应的链接。另一种管理链接的方法是创建代替 最终文件

2、的【占位符】页面，使用这种方法可以快速添加链接，还可在实际完 成所有页面之前对这些链接进行检査。本章重点: 了解链接、路径与锚的使用条件掌握链接的设置方法学会使用特殊链接掌握链接目标的指定3课时教案（总第课时 ）教案内容：课题，教学目标，教学重点、难点、教学流程（教法、学法），板书设计，作业设计，教学反思一、课题创建文字超链接二、教学目标了解超链接学会建立文本超链接三、教学重点L超链接简介!1!2.建立文本超链接四、教学难点创建文字超链接五、教学流程（一）导入提问：1、什么是超链接2、怎样创建超链接（二）知识点讲解与操作演示5.1创建文字超链接5.1.1超链接简介=1超链接是WWW技术的核心，

3、是网页中最重要、最 根本的元素之一。超链接能够使多个孤立网页之间产生 一定的相互联系，从而使单独的网页形成一个有机整体,课时教案（总第课时 ）教案内容：课题，教学目标，教学重点、难点、教学流程（教法、学法）,板书设计，作业设计，教学反思、课j创薑文季超链接二、教学目标5. 1. 3实例一三、教学重点1、超链揍简介2、建立大本超四、教学难点创建文字恩五、教学流程（一）导入3提问: 1、什么是超链接 2、怎样创建超链接（二）知识点讲解与操作演示5.1.3实例一 六、学生上机操作练习实例一七、个别辅导、小结八、教学反思课时教案（总第课时 ）教案内容：课题，教学目标，教学重点、难点、教学流程（教法、学

4、法）,板书设计，作业设计，教学反思一、课题 试题汇编实例一 二、教学目标实例一三、教学重点1、学会创建和设Jt键接2、学金插入命名书签3、学金创建命名 书透链接g34、挙会锥接的设Jt与吏改5、学金创建电子邮件链揍四、教学难点 挾妥求操作实例_五、教学流程(-)导入复习：1、图像超链接2、文字超链接3、电子邮件链接(二)知识点讲解与操作演示5.1第1题【操作要求】将DWMXUnit5Y5.01文件夹复制到考生文件夹 root文件夹中，重命名为X5-01o把X5-01W5-01.htm 文档重命名为X5-01.htmo打开X5-01X5-01.htm文档, 参照【样图5-01完成下列操作创建和设

5、置链接：在文档中的Dreamweaver UltraDev教程图像处创建与X5-01.htm的链接。!1!插入命名书签：在X5-01.htm文档右栏“内容 区”中，在文本“一、内容简介”、“二、准备工作”、“三、 Web应用示例”和“四、拷贝文件”的左边分别插入命 名书签，书签的命名依次为X5.01AX5.01D。创建命名书签链接：分别创建左栏文本“一、以容简介”与右栏命名书签“一、内容简介”处的链接;左栏文本“二、准备工作”与右栏命名书签“二、准备工作”处的链接；左栏文本“三、Web应用示例”与右栏命名书签“三、Web应用示例”处的链接;左栏文本“四、拷贝文件”与右栏命名书签处的链接。链接的

6、设置与更改：创建右栏中所有文本“返回目录与左栏命名书签“教程目录”处链接,要求“教程目录命名书签的名称为X5-01E,和教程目录的链 接，删除原“返回目录”文本中的空链接。创建电子邮件链接：在“教程目录”栏目下的文本“联系我们”中创建电子邮件链接,电子邮件地址为 HYPERLINK mailto:Ruest Ruest。将操作结果保存到X5-01文件夹中。六、学生上机操作练习 实例一七、个别辅导、小结八、教学反思3 课时教案（总第课时 ）教案内容：课题，教学目标，教学重点、难点、教学流程（教法、学法）,板书设计，作业设计，教学反思一、课题试题汇编实例二二、教学目标实例二三、教学重点1、学会创建

7、和毋Jt接2、学佥插入命名书会3、学金创建命名书签4接4、学金铤挨的设Jt与更改5、李会创建电子邮件1ft接四、教学难点挾要求操作实例二五、教学流程（一）导入 复习：1、图像超链接2、文字超链接3、电子邮件链接（二）知识点讲解与操作演示5.2第2题【操作要求】将DWMXUnit5Y5.02文件夹复制到考生文件夹 root文件夹中，重命名为X5-02o把X5-02W5-02.htm 文档重命名为X5-02.htm o打开X5-02X5-02.htm文档, 参照【样图5-02完成下列操作创建和设置链接：在文档中的“哲学专题”图像 处创建与X5-02.htm的链接。插入命名书签：在X5-02.htm

8、文档右栏“内容 区”中，在文本“世界观”、“本体论”、“目的论”、“方 法论”、“诡辩论”和“唯我论的右边分别插入命名书 签，书签的命名依次为X5.02AX5.02F。创建命名书签链接：分别创建左栏文本“世界观 与右栏命名书签“世界观处的链接；左栏文本“本体 论”与右栏命名书签“本体论”处的链接；左栏文本“目 的论”与右栏命名书签“目的论”处的链接；左栏文本 “方法论”与右栏命名书签处的“方法论链接；左栏 文本“诡辩论”与右栏命名书签处的“诡辩论”链扌 左栏文本“唯我论”与右栏命名书签处的“唯我论”链链接的设置与更改；创建右栏中所有文本“返回 专题目录”与左栏命名书签“专题目录”处链接，要求

9、“专题目录”命名书签的名称为X5-02E。创建电子邮件链接：在文档文本Email中插入 电子邮件，电子邮件地址为电子邮件地址为 guest 。将操作结果保存到X5-02文件夹中。六、学生上机操作练习 实例二七、个别辅导、小结八、教学反思课时教案（总第课时 ）教案内容：课题，教学目标，教学重点、难点、教学流程（教法、学法）,板书设计，作业设计，教学反思试题汇编实例三二、教学目标实例三三、教学重点1、学金创建和设Jt接2、学会插入命名*签挾要求操作实例三五、教学流程（一）导入 复习：1、图像超链接2、文字超链接3、电子邮件链接（二）知识点讲解与操作演示5.3第3题【操作要求】将DWMXUnit5Y

10、5-03文件夹复制到考生文件夹 root文件夹中，重命名为X5-03。把X5-03Y5-03.htm 文档重命名为X5-03.htm。打开X5-03X5-03.htm文档, 参照【样图5-03完成下列操作创建和设置链接：在文档中的“友情链接”图像 处创建与X5-03.htm的链接。插入命名书签：在X5-03.htm文档正文中，在 蓝色的文本“我的文集、“我的感受、“我看品网”、“我 的朋友”、“种子处分别插入命名书签，书签的命名依 次为 X5-03A X5-03E。创建命名书签链接：分别创建左栏文本“我的文 集”与右栏命名书签“我的文集”处的链接；左栏文本“我的感受”与右栏命名书签“我的感受处

11、的链接；左栏文本“我看品网”与右栏命名书签“我看品网处 的链接；左栏文本“我的朋友”与右栏命名书签处的“我 的朋友”链接；左栏文本“种了与右栏命名书签处的“种子”链插链接的设置与更改：创建右栏中所有文本返回目录与左栏命名书签“目录”处链接，其中”目录”命名书签的名称为X5-03Fo5.创建电子邮件链接:在“正文”中的文本“请和我联系“中插入电子邮件，电子邮件地址为地壬邮件 地址为 HYPERLINK mailto:guest guest。将操作结果保存到X5-03文件夹中。六、学生上机操作练习 实例三七、个别辅导、小结八、教学反思课时教案（总第课时 ）教案内容：课题，教学目标，教学重点、难点、

12、教学流程（教法、学法）,板书设计，作业设计，教学反思试扇汇编实例四二、教学目标实例三三、教学重点、挙建和设Jt锥接2、学会插入命名书釜3、学会创建命名*爸桂接4、学金铤接的毋Jt与更改5、学金创建电子邮件辘揍U!I、教学难点 挾長求操作实例四 五、教学流程（一）导入复习：1、图像超链接2、文字超链接3、电子邮件链接（二）知识点讲解与操作演示5.4第4题【操作要求】在考生文件夹中创建一个文件夹，命名为X5-04o 将DWMXUnit5Y5-04文件夹中所有文档复制到 X5-04o 把 X5-04Y5-04.htm 文档重命名为 X5-04.htm o 打开X5-04X5-04.htm文档，参照【

13、样图5-04完成下 列操作创建和设置链接：在文档的文本“考古学”处创 建与X5-04.htm的链接。插入命名书签：在X5-04.htm文档正文的“贝 丘”、“船棺葬”、“岩画”、“铜镜”、“铜鼓”、“带钩”处 分别插入命名书签，书签的命名依次为X5-04A X5-04F o创建命名书签链接：分别创建上栏文本“贝丘” 与正文中命名书签“贝丘”处的链接；分别创建上栏文 本“船棺葬”与正文中命名书签“船棺葬”处的链接； 分别创建上栏文本“岩画”与正文中命名书签“岩画”处的链接；分别创建上栏文本“铜镜”与正文中命名书 签“铜镜”处的链接；分别创建上栏文本“铜鼓”与正 文中命名书签“铜鼓处的链接；分别创

14、建上栏文本“带 钩”与正文中命名书签“带钩”处的链接。4.链接的设置与更改:创建正文中所有命名书签“返 回考古学专题”和“考古学”处的链接，其中“考古学 专题”命名书签的名称为X5-04G。5.创建电子邮件链接：在文档结尾处“Email:” 中插入电子邮件，电子邮件地址为电子邮件地址为 guest bhp。将操作结果保存到X5-04文件夹中。六、学生上机操作练习实例四七、个别辅导、小结八、教学反思课时教案（总第课时 ）教案内容：课题，教学目标，教学重点、难点、教学流程（教法、学法）,板书设计，作业设计，教学反思一、课题试题汇编实例五二、教学目标实例五三、教学重点1、学金创建和设Jg接2、学金插

15、入命毛书爸3、学会创建命名书签铤接4、学金铤接的设JL与更改5、李金创建电子邮件链接四、教学难点按妥求操作实例五、教学流程（一）导入复习：1、图像超链接2、文字超链接3、电子邮件链接（二）知识点讲解与操作演示5.5第5题【操作要求】在考生文件夹中创建一个文件夹，命名为X5-05 o 将DWMXUnit5Y5-05文件夹中所有文档复制到 X5-05o 把 X5-05Y5-05.htm 文档重命名为 X5-05.htm。 打开X5-05Vf5-05.htm文档，参照【样图5-05完成下 列操作创建和设置链接：在文档的文本“欢迎访问我的 网站wwwo #.com”处创建与X5-05.htm的链接。插入命名书签：在X5-05.htm文档正文的“女 蜗神话”、“伏羲神话”、“黄帝神话”、“帝俊神话”、“并 神话”和“嫦娥神话”处分别插入命名书签，书签的命 名依次为X5-05AX5-05F。创建命名书签链接：分别创建上栏文本“女蜗神 话与正文中命名书签“女蜗神话处的链接；分别创 建上栏文本“伏羲神话”与正文中命名书签“伏羲神话” 处的链接；分别创建上栏文本“黄帝神话”与正文中命 名书签“黄帝神话”处的链接；分别创建上栏文本“帝俊神话与正文中命名书签帝俊神话”处的链接；分 别创建上栏文