2.2-Web文档的常用操作（教案）-《网页设计与制作》同步教学（电子工业出版社）

教案 编号：PTzZ-67 流水号：18 （首页）共 4页 课程 《网页设计与制作Dreamweaver CS5》 一体化 理论 章节（课题）及内容 Web文档的常用操作 班级日期 中职 2024.05 授课方式 讲授与任务驱动相结合 课时 1 作业题数 1 拟用时间 40分钟 教学目标 使学生理解以下理论知识： · 掌握HTML文档的基本结构和常用标签。 · 学会使用CSS样式表设置网页样式。 · 熟悉JavaScript脚本的基本用法。 教学资源准备 多媒体设备 课本教材 学生练习素材 教学重点 1. HTML文档的基本结构和常用标签。 2. CSS样式表的引入和使用方法。 3. JavaScript脚本的基本语法和功能。 教学难点 1. 如何合理地使用HTML标签组织网页内容。 2. 如何利用CSS样式表优化网页布局和美化网页。 3. 如何编写简单的JavaScript脚本来实现网页交互功能。 教学方法 讲授法、任务驱动法、演示法、体验探究法等。 1. 案例分析法：通过分析实际案例，让学生理解Web文档的常用操作。 2. 实践操作法：通过动手实践，让学生掌握HTML、CSS和JavaScript的基本用法。 3. 小组讨论法：鼓励学生分组讨论，共同解决问题，培养合作精神。 授课教师： 审阅签名： 教学过程 教学活动内容 时间分配教学方法 课前导入 · 回顾上一节课内容，强调Web文档的重要性和基本概念。 · 展示几个优秀的Web文档实例，激发学生的学习兴趣。 · 提出问题，引导学生思考如何创建和编辑Web文档 2分钟 讲授新课 练习指导 Web文档的常用操作包括创建文档、保存文档、打开文档和设置页面属性。以下是这些操作的详细介绍： 1. **创建文档**： - 选择“文件”>“新建”命令/“Ctrl+N”。 - 在“新建文档”对话框中，选择“类别”和“文档类型”。 - 单击“创建”按钮，新文档在“文档”窗口中打开。 2. **保存文档**： - 选择“文件”>“保存”命令/“Ctrl+S”或“另存为”。 - 在出现的对话框中，定位到要用来保存文件的文件夹。 - 在“文件名称”文本框中，键入文件名，注意不要使用空格和特殊字符，文件名也不要以数字开头。 - 单击“保存”。 3. **打开文档**： - 选择“文件”>“打开”命令/“Ctrl+O”。 - 在“打开”对话框中，定位到并选择要打开的文件。 - 单击“打开”命令，文档在文档窗口中打开。 4. **设置页面属性**： - 选择菜单“修改”>“页面属性”命令/“Ctrl+J”或单击属性面板上的“页面属性”按钮。 - 在弹出的“页面属性”对话框中，设置页面属性，包括“外观”、“链接”、“标题”、“标题/编码”和“跟踪图像”等。 以上就是Web文档的常用操作，希望对您有所帮助。 在Word文档中创建多级标题，可以采用以下步骤： 1. 打开Word文档，点击“开始”选项卡中的“样式”框旁边的小箭头，或者点击“样式窗格”按钮，打开样式窗格。 2. 在样式窗格中，你会看到一些预定义的标题样式，如“标题1”，“标题2”，“标题3”等，这些就是用于创建多级标题的样式。 3. 首先，选中你想要设置为标题的文字。 4. 然后，在样式窗格中，点击你想要应用的标题样式。例如，如果你想要设置一级标题，就点击“标题1”，想要设置二级标题，就点击“标题 在Microsoft Word中自定义标题样式的方法如下： 1. 打开Word文档，并选择要设置标题样式的文本。 2. 在主页选项卡中，找到“样式”组。 3. 在“样式”组中，点击“样式”下拉菜单的右下角箭头，以展开样式窗格。 4. 在样式窗格中，点击“新建样式”按钮，以打开“新建样式”对话框。 5. 在“新建样式”对话框中，输入新样式的名称，并选择基于的样式（例如“标题1”、“标题2”等）。在对话框的其他选项卡中，可以设置字体、段落、边框等样式属性。 6. 点击“确定”按钮，以应用自定义的标题样式。 通过以上步骤，您可以轻松地为Word文档创建自定义的标题样式，从而提高文档的可读性和专业性。 10分钟 7分钟 自主学习 8分钟 练习训练 1. 编写一个简单的HTML文档，包括标题、段落、列表等元素。 2. 为HTML文档添加CSS样式，设置字体、颜色、边距等属性。 3. 编写一个简单的JavaScript脚本，实现网页上的交互功能。 12分钟 布置作业 · 完成课后习题，巩固所学知识。 · 设计并制作一个个人主页，要求使用HTML、CSS和Java