2.4.4-DreamweaverCS5插入特殊符号（教案）-《网页设计与制作》同步教学（电子工业出版社）

教案 编号：PTzZ-67 流水号：18 （首页）共 4页 课程 《网页设计与制作Dreamweaver CS5》 一体化 理论 章节（课题）及内容 DreamweaverCS5插入特殊符号 班级日期 中职 2024.05 授课方式 讲授与任务驱动相结合 课时 1 作业题数 1 拟用时间 40分钟 教学目标 使学生理解以下理论知识： · 了解DreamweaverCS5中插入特殊符号的方法。 · 掌握使用字符实体和Unicode编码插入特殊符号的技巧。 · 学会使用DreamweaverCS5的符号库插入特殊符号 教学资源准备 多媒体设备 课本教材 学生练习素材 教学重点 1. DreamweaverCS5中插入特殊符号的方法。 2. 字符实体和Unicode编码的应用。 教学难点 · 如何根据设计需求选择合适的特殊符号。 · 特殊符号的编码和实体在实际应用中的区别 教学方法 讲授法、任务驱动法、演示法、体验探究法等。 1. 讲授法：介绍DreamweaverCS5中插入特殊符号的基本知识。 2. 实例演示法：通过实际操作演示插入特殊符号的方法。 3. 小组合作法：鼓励学生分组合作，共同完成任务。 授课教师： 审阅签名： 教学过程 教学活动内容 时间分配教学方法 课前导入 · 回顾上节课内容，引导学生思考特殊符号在网页设计中的重要性。 · 展示包含特殊符号的网页，激发学生对特殊符号的兴趣 2分钟 讲授新课 练习指导 在Dreamweaver CS5中，插入特殊符号主要有以下几种方法： 1. 使用字符实体：字符实体是一种表示特殊字符的方法，它以“&”符号开头，后面跟着字符名称，最后以“;”结尾。例如，要插入版权符号（©），可以输入`©`。在Dreamweaver CS5的代码视图中，直接输入相应的字符实体即可。在设计视图中，可以将光标放在要插入特殊符号的位置，然后在菜单栏中选择“插入”>“特殊字符”，在弹出的“特殊字符”对话框中选择相应的字符实体，然后点击“确定”按钮。 2. 使用Unicode编码：Unicode编码是一种表示特殊字符的数字方法。例如，要插入版权符号（©），可以输入`©`。在Dreamweaver CS5的代码视图中，直接输入相应的Unicode编码即可。在设计视图中，可以将光标放在要插入特殊符号的位置，然后在菜单栏中选择“插入”>“特殊字符”，在弹出的“特殊字符”对话框中选择相应的Unicode编码，然后点击“确定”按钮。 3. 使用Dreamweaver CS5的符号库：在Dreamweaver CS5中，提供了一个符号库，可以方便地插入特殊符号。在设计视图中，将光标放在要插入特殊符号的位置，然后在菜单栏中选择“插入”>“特殊字符”，在弹出的“特殊字符”对话框中选择相应的符号，然后点击“确定”按钮。 通过以上方法，您可以在Dreamweaver CS5中轻松地插入特殊符号。在实际应用中，可以根据设计需求选择合适的特殊符号，以提高网页的视觉效果和用户体验。 在Dreamweaver CS5中，插入特殊符号的方法有很多，其中使用字符实体和Unicode编码以及Dreamweaver CS5的符号库是最常用的方法 1. 使用字符实体和Unicode编码插入特殊符号： - 字符实体：在Dreamweaver CS5的代码视图中，直接输入相应的字符实体即可。例如，要插入版权符号（©），可以输入`©`。在设计视图中，可以将光标放在要插入特殊符号的位置，然后在菜单栏中选择“插入”>“特殊字符”，在弹出的“特殊字符”对话框中选择相应的字符实体，然后点击“确定”按钮。 - Unicode编码：在Dreamweaver CS5的代码视图中，直接输入相应的Unicode编码即可。例如，要插入版权符号（©），可以输入`©`。在设计视图中，可以将光标放在要插入特殊符号的位置，然后在菜单栏中选择“插入”>“特殊字符”，在弹出的“特殊字符”对话框中选择相应的Unicode编码，然后点击“确定”按钮。 2. 使用Dreamweaver CS5的符号库插入特殊符号： - 在设计视图中，将光标放在要插入特殊符号的位置，然后在菜单栏中选择“插入”>“特殊字符”，在弹出的“特殊字符”对话框中选择相应的符号，然后点击“确定”按钮。 通过以上方法，您可以在Dreamweaver CS5中轻松地插入特殊符号。在实际应用中，可以根据设计需求选择合适的特殊符号，以提高网页的视觉效果和用户体验。同时，熟练掌握这些方法可以