2.1 筑梦青春——创建与管理本地站点（教案）-高一《网页设计与制作（Dreamweaver CC》同步精品课堂（电工版2021）

课 题 模块二 筑梦青春—创建和管理本地站点 课 型 理实一体 课 时 1 授课班级 授课时间 授课教师 教材分析 《网页设计与制作》是为了适应中等职业学校计算机课程改革的要求，从网页制作技能培训的实际出发，结合当前网页技能培训的实际出发，结合当前网页制作软件的流行版本DreamweaverCC，有利于初学者快速掌握必备的知识。 本节课内容为教材中“模块二 筑梦青春—创建和管理本地站点 学情分析 知识储备： 通过“筑梦青春——创建与管理本地站点”，认识DreamweaverCC 2018工作界面。 能力水平：掌握在Dreamweaver中创建、管理站点的基本流程，以及在Dreamweaver中新建和设计页面的基本过程。 学习目标 知识目标：通过“筑梦青春——创建与管理本地站点”，认识DreamweaverCC 2018工作界面； 能力目标：掌握在Dreamweaver中创建、管理站点的基本流程，以及在Dreamweaver中新建和设计页面的基本过程。 素质目标：掌握在Dreamweaver中创建、管理站点的基本流程，以及在Dreamweaver中新建和设计页面的基本过程。 学习重难点 教学重点：通过“筑梦青春——创建与管理本地站点”，认识DreamweaverCC 2018工作界面； 教学难点：掌握在Dreamweaver中创建、管理站点的基本流程，以及在Dreamweaver中新建和设计页面的基本过程。 教学方法 实物展示法、讲授法、演示法 课前准备 教师准备：讨论主题、学生任务书 学生准备：在线讨论、完成任务书 教学媒体 多媒体教室 教学过程 教学环节 教师活动设计 学生活动设计 设计意图 活动一： 创设情境 生成问题 1.操作引出主题 提前进行实操操作，让学生大致了解网站配色方案的知识和主要内容的预习。 2.分发学习任务书 引导学生分析任务书，明确本节课的学习内容。 3.展示学习目标 1.提前预习内容 2.接收并查看本节课堂任务书 3.查看并记住本节任务的学习目标 1组织学生观看实操内容，让同学们提起兴趣，对学习内容参与度更深。 2.下发和展示任务，让学生明确课堂任务，学习课堂知识 活动二： 调动思维 探究新知 筑梦青春—创建和管理本地站点 （1）在D盘根目录中新建文件夹zmqc，将素材renwu3文件夹中的所有内容复制到zmqc 中。运行Dreamweaver,选择菜单“站点” ——“新建站点''命令，弹出“站点设置对象"对话框，如图2· 1所示。输入站点名称“筑梦青春"，单击“本地站点文件夹"文本框后的“浏览文件夹"按钮，在打开的对话框选择“D：\ zmqc”文件作为站点根目录，单击“保存”按钮。 （2）选择菜单“文件"—— “新建"命令，弹出“新建文档"对话框，在左侧选择“新建文档"选项，“文档类型"选择"HTML"，单击“创建''按钮，即可创建一个空白网页。选择菜单：文件” “保存"命令，打开“另存为"对话框，输入文件名"index.html" 单击“保存”按钮，在“文件''面板即可出现该文件。 （3）在“文件"面板中，选择站点“筑梦青春''，右击，在弹出的快捷菜单中选择“新建文件夹''命令。输入文件夹名称"images"，按Enter键保存图像文件。 在“文件"面板中，按住ctrl键，依次单击ch.jpg、lian.jpg和mx.jpg三个文件，按住鼠标左键，将其拖动到images文件夹上。 （4）在“文件"面板中，双击打开文件jin．html， 按F12键打开浏览器预览，如图所示。 （5）关闭浏览器窗口，将鼠标移到“文档"窗口上方的文件名标签上，单击“关闭" 按钮，关闭该文件。在“文件"面板中，选择jingji.html文件，按Delete键将其删除。 （6）选择菜单“站点" ——“管理站点"命令，打开“管理站点"对话框，选择站点“筑梦青春"，单击 按钮，打开“导出站点"对话框，选择保存位置，默认的站点定义文件名是“筑梦青春．ste ”，单击“保存"按钮。 筑梦青春—创建和管理本地站点 通过来源以及演变方式等知识的学习，完成课后练习。 1. 细化课程知识点设计，让学生更好的理解和掌握。 2. 知识点在学生心理更清晰明了。 Dreamweaver的工作界面 在桌面上双击Dreamweaver CC的快捷图标，或者选择“开始"——“程序"——“ Adobe Dreamweaver CC"命令，打开Dreamweaver的开始界面。 1 、工作区切换器 单击“工作区切换器"下拉按钮，如图2-11所示，在下拉菜单中，可以选择合适的工作区布局模式，不同工作区的界面会有所不同，系统默认的工作