2.4.3-DreamweaverCS5编辑字体列表（教案）-《网页设计与制作》同步教学（电子工业出版社）

教案 编号：PTzZ-67 流水号：18 （首页）共 4页 课程 《网页设计与制作Dreamweaver CS5》 一体化 理论 章节（课题）及内容 DreamweaverCS5编辑字体列表 班级日期 中职 2024.05 授课方式 讲授与任务驱动相结合 课时 1 作业题数 1 拟用时间 40分钟 教学目标 使学生理解以下理论知识： · 了解DreamweaverCS5中字体列表的编辑方法。 · 掌握如何添加、删除和修改字体。 · 学会使用字体面板进行字体设置。 教学资源准备 多媒体设备 课本教材 学生练习素材 教学重点 1. DreamweaverCS5中字体列表的编辑方法。 2. 字体面板的使用技巧。 教学难点 1. 如何根据设计需求选择合适的字体。 2. 字体列表的优化和管理。 教学方法 讲授法、任务驱动法、演示法、体验探究法等。 1. 讲授法：介绍DreamweaverCS5中字体列表的基本知识。 2. 实例演示法：通过实际操作演示字体列表的编辑方法。 3. 小组合作法：鼓励学生分组合作，共同完成任务。 授课教师： 审阅签名： 教学过程 教学活动内容 时间分配教学方法 课前导入 1. 回顾上节课内容，引导学生思考字体在网页设计中的重要性。 2. 展示不同风格的网页，激发学生对字体设计的兴趣。 2分钟 讲授新课 练习指导 在Dreamweaver CS5中，字体列表是一个包含了常用字体的集合，可以方便地在网页设计中使用这些字体 1. 打开Dreamweaver CS5：首先，启动Dreamweaver CS5并创建一个新的HTML文件或打开现有的HTML文件。 2. 选择文本：在代码视图中，使用鼠标或键盘选择要设置字体的文本。在设计视图中，直接点击要设置字体的文本。 3. 使用字体面板：在设计视图中，选中要设置字体的文本。然后，在菜单栏中选择“格式”>“字体”，或者直接在工具栏中点击“字体”按钮。在弹出的字体面板中，可以选择字体、字号、样式等属性。 4. 添加字体：在字体面板中，点击“添加字体”按钮。在弹出的“添加字体”对话框中，选择要添加的字体文件（如.ttf、.otf等格式），然后点击“确定”按钮。添加的字体将显示在字体列表中。 5. 删除字体：在字体面板中，选中要删除的字体，然后点击“删除字体”按钮。选定的字体将从字体列表中移除。 6. 修改字体：在字体面板中，选中要修改的字体，然后点击“修改字体”按钮。在弹出的“修改字体”对话框中，可以更改字体名称、字体文件等信息。修改完成后，点击“确定”按钮。 7. 应用字体：在字体面板中，选中要应用的字体，然后点击“应用”按钮。选定的字体将应用到当前选中的文本上。 8. 保存更改：在完成字体编辑后，记得保存文件。在菜单栏中选择“文件”>“保存”，或者直接按下快捷键Ctrl+S（Windows）或Cmd+S（Mac）。 通过以上方法，您可以在Dreamweaver CS5中轻松编辑字体列表。在实际应用中，可以根据设计需求选择合适的字体，以提高网页的视觉效果和用户体验。 在Dreamweaver CS5中，字体面板是一个方便的工具，可以帮助您轻松地添加、删除和修改字体，以及设置字体属性 1. 打开Dreamweaver CS5：首先，启动Dreamweaver CS5并创建一个新的HTML文件或打开现有的HTML文件。 2. 选择文本：在代码视图中，使用鼠标或键盘选择要设置字体的文本。在设计视图中，直接点击要设置字体的文本。 3. 打开字体面板：在设计视图中，选中要设置字体的文本。然后，在菜单栏中选择“格式”>“字体”，或者直接在工具栏中点击“字体”按钮。在弹出的字体面板中，可以选择字体、字号、样式等属性。 4. 添加字体：在字体面板中，点击“添加字体”按钮。在弹出的“添加字体”对话框中，选择要添加的字体文件（如.ttf、.otf等格式），然后点击“确定”按钮。添加的字体将显示在字体列表中。 5. 删除字体：在字体面板中，选中要删除的字体，然后点击“删除字体”按钮。选定的字体将从字体列表中移除。 6. 修改字体：在字体面板中，选中要修改的字体，然后点击“修改字体”按钮。在弹出的“修改字体”对话框中，可以更改字体名称、字体文件等信息。修改完成后，点击“确定”按钮。 7. 应用字体：在字体面板中，选中要应用的字体，然后点击“应用”按钮。选定的字体将应用到当前选中的文本上。 8. 设置字体属性：在字体面板中，可以设置字体的大小、样式、间距等属性。选择相应的选项，然后点击“应用”按钮，即可将设置应用到当前选中的文本上。