发布时间 : 星期五 文章《网页制作》项目式教案 - 图文更新完毕开始阅读1395aa8aa1116c175f0e7cd184254b35eefd1a07
“扩展”模式：在标准模式中，当图像填满整个单元格时，很难直接将光标定位在单元格中，为了解决这个问题，可以切换到“扩展表格”模式。在“扩展”模式下，Dreamweaver 8临时向文档中的所有表格添加单元格边距和间距，并且增加表格的边框以使编辑操作更加容易。利用这种模式，可以方便地选择表格中的内容或者精确地定位插入点。 “布局”模式：在“布局”模式中，可以在表 格添加内容前，使用“布局”单元格和“布局”表 格对页面进行灵活的布局。文档窗口的顶部显示“布 局模式”，指示当前正处于“布局”模式中，原来页 面上的每个表格都显示为布局表格。 “布局”模式的主要功能是绘制或编辑复杂的 表格。“布局单元格”不能存在于布局表格之外，可 以在“布局表格”中任意位置绘制“布局单元格”。 单击绘制“布局表格”或“布局单元格”按钮后， 可以通过拖拽鼠标来绘制“布局表格”或“布局单 元格”，也可以按住Ctrl键拖拽鼠标，实现连续绘 制多个“布局表格”或“布局单元格”。在布局表格 内，布局单元格可以任意移动。 如果页面中没有其他内容，则新建的“布局表 格”自动定位在页面的左上角。不能在文档、图像、 表格等内容的旁边绘制“布局表格”。如果要在内容知识小结 之下绘制布局表格时出现禁止绘制光标，表示布局 表格的插入点距离内容太近。“布局”单元格可以自 由移动，也可以利用控制柄灵活地调整大小。 通过完成本任务学习了： 举一反三 1．在单元格内插入图片，并设置图片格式。 任务目标 2．在单元格内插入文字，并设置文字格式。 3．使用表格的三种视图模式。 启发思路 打开上一任务作业中创建的以环保为主题的网 页，从互联网或其他途经搜索需要的素材，插入到 表格中，并设置相应格式。 自己搜索素材，把素材插入到表格中并设置格分组完成任务 式。根据最终要完成的效果可调整素材或单元格。 若在操作单元格时遇到问题，可以考虑用“扩展” 或“布局”模式来配合操作。 学生自评或互评 学生分组完成任务，教师巡视指导，指出问题，教师点评总结 纠正学生不良操作习惯。
37
布置作业 点评自己及他人作品的优点和缺点 总结学生点评结果，补充不足， 完成课本中本任务举一反三练习题。
任务四 建立超级链接
一、提出任务
1．任务目标
完成“作品展示”网页中超级链接的添加。 2. 解决的问题
本任务将把网站中的所有网页联接起来、并把网站和Internet上的目标对象联接起来。通过完成本任务要学会如何在网页中建立超级链接。 3. 本任务所涉及原有知识要点
完成本任务所涉及原有知识要点有：在网页中添加文本对象、图像等网页元素，以及设置这些网页元素的样式。
二、教学目标
1. 知识目标
⑴ 理解各个独立的网页如何构成一个有机的整体。
⑵ 理解超级链接的含义，超级链接中的链接源和链接目标。 ⑶ 掌握为网页中的文本对象建立超级链接。 ⑷ 掌握为网页中的图像建立超级链接。 ⑸ 在网页中建立电子邮件超级链接。
⑹ 掌握其他类型（文件下载、空链接）超级链接的使用。 ⑺ 掌握设置文本超级链接样式。 ⑻ 理解不同类型的链接路径。 2. 能力目标
熟练掌握在Dreamweaver 8中为网页元素建立各种超级链接，并能根据具体需求进行灵活应用。通过对不同对象设置超级链接的操作，总结出操作规律，培养学生自主学习与应用的能力。 3. 情感目标
培养学生系统分析、解决问题的能力，在小组协作学习中，培养学生团队精神与沟通能力；并通过完成本任务，使学生感受成功的喜悦。
38
三、教学分析与准备
1. 教学重点
⑴ 超级链接的含义，链接源和链接目标。 ⑵ 各种超级链接的建立。
⑶ 设置文本超级链接的样式。 2．教学难点
链接路径的三种类型。 3. 教学方法
任务引领学习和自主学习、协作学习、探究学习相结合，通过举一反三拓展对所学知识的认识和理解。 4. 课时安排
4课时。 5. 教学环境
多媒体网络教室。
四、教学过程（组织课堂、复习知识、教师引领完成任务占4课时；举一反三占2
课时。） 教学环节及手段 组织课堂 复习知识 任务流程 导入任务 教学内容 备注 提醒学生注意光标的插入状态，不要在选中当前单元格的状态下插入。 由学生来回答问题，一起复习在Office中学过的有关超级链接的知识。 通过任务导入，吸引学生学习兴趣。 教师提出任务要求，由学生进行讨论，教师归纳总结。 39
集中学生注意力，准备上课。 通过让学生上前操作考察学生对“添加表格内容”的掌握情况。 教师在Dreamweaver 8中打开一个表格布局的网页，让学生在表格中插入文字和图片。 在“作品展示“网页中已制作好网页导航，但这时的导航还没有实现超级链接。请大家回忆在以前的学习中，哪些软件利用到了超级链接？ 在这些软件中超级链接起什么作用？通过讨论总 结使学生理解超级链接的含义。 教师引导，展示两个网页，一个已经创建了超级链接，学生讨论、分析。 一个没有超级链接，让学生进行比较找出区别。 学生展开交流，通过对比找出不同点，回答教师 的问题。使学生明白在因特网上有“小手”的地 方就有超级链接——就有信息资源，超级链接让 网页“活”了起来。从而引出本课课题。 提出任务：为“作品展示”网页创建超级链接 分析任务 在建立超级链接之前，要明确链接源与链接目 标及其链接关系，然后根据不同的超级链接类型 建立超级链接。 完成任务 1．为文本添加超级链接 知识讲解 ⑴ 为网页中的导航文本添加超级链接。 a．超级链接的添加方法： 使用“浏览文件”按钮。
动手练习 知识讲解 动手练习 知识讲解 动手练习 知识拓展 知识总结
使用“指向文件”按钮。 输入超级链接路径：直接在“链接”下拉列 表框中输入文本的链接对象的路径。 教师讲解为b．“目标”下拉列表选项简介。 主。 ⑵ 介绍链接路径的三种类型。 提示学生注意观察：创建不同类型的超级链 接时在属性面板中“链接”下拉列表框看到的路 径有何不同。 ⑶ 结合以前的学习经验，讨论如何使用“插 入”菜单或“插入”栏的“常用”类别中的“超 级链接”按钮，建立超级链接。 在同一站点内不同页面之间建立链接。学生实 践完成教材p92页题3。 2．设置文本超级链接样式 学生讨论并回答：上网时见过哪些超级链 接？它们的文本样式是什么？实际制作时如何实学生分组讨论现这些样式？ 并完成。教师提示为了区别未建立链接的普通文本，可以为超操作要点，出现问级链接文本设置不同的样式。 题时可查找课本或设置文本超级链接样式练习，学生实践完成教帮助。 材p92页题2。 3．为图像添加超级链接 安排学生示范操作并讲解如何为图像添加超 级链接，然后教师总结补充。 教师讲解如何设置“提示文本”。 学生分组讨论4．添加“友情链接” 并完成。 通过在“属性”面板中的链接文本框中输入 绝对路径http://www.webjx.com，实现在浏览器 中预览网页时，单击图像“link.jpg”，即可打开 “http://www.webjx.com”（网页教学网）。 实现与Internet上的目标对象间的超级链接。 学生实践完成教材p91页题1。 5．添加电子邮件超级链接 在网页中经常看到一些用于运行邮件发送程 序的超级链接，这就是电子邮件超级链接。 教师演示建立电子邮件超级链接的三种方法。 学生分组讨论6．文件下载超级链接、空链接。 并完成。 通过完成本任务学习了： ⑴ 什么是超级链接。 ⑵ 关于链接源和链接目标：超级链接不能凭 学生利用“帮空建立，需依托一个实体而存在，这个实体可以是文本、图片、表格的行列或单元格等，链接的助”学习，并互相讨论掌握这两种超目标对象可以是网页、文件、邮件地址等。 级链接，教师辅以⑶ 建立各种超级链接的方法。 必要的讲解，要求⑷ 不同类型的链接路径。 40