2.1 创建本地站点——我的足球网（教案）-《网页设计与制作（DreamweaverCC)》（电子工业出版社）同步精品课堂

《网页设计与制作（Dreamweaver CC)》教案 课 题 2.1 创建本地站点——我的足球网 课 型 理论+实践 课 时 2 授课班级 授课时间 授课教师 教材分析 “创建本地站点——我的足球网”部分，系统地介绍了网站开发流程中的关键环节，特别是站点创建与管理。通过详细的案例分析和实现步骤，教材不仅传授了Dreamweaver CC软件的基本操作技能，还强调了网站策划、站点规划、文件组织与管理的重要性。这些内容不仅理论扎实，而且通过实例操作，使学生能够将理论知识与实践紧密结合，为全面掌握网页设计与制作技能奠定坚实基础。教材设计科学合理，有助于学生构建系统的知识体系，提升专业技能水平。 学情分析 “创建本地站点——我的足球网”是网页设计与制作课程的基础环节，对学生后续深入学习网页设计与制作具有至关重要的作用。通过本章的学习，学生不仅能够掌握Dreamweaver CC站点管理的基本操作，还能理解网站开发流程中的关键步骤，如站点规划、文件管理和内容组织等。这些技能不仅有助于学生建立对网站建设的整体认知，还为后续深入学习网页布局、CSS样式设计、JavaScript交互等高级技术打下坚实基础。同时，通过实践操作创建“我的足球网”本地站点，学生能够提升动手能力和团队协作能力，为将来从事网页设计与制作相关工作积累宝贵经验。 学习目标 知识目标： 理解网站开发流程。 掌握Dreamweaver CC站点管理。 技能目标： 站点规划能力。 网页设计与布局能力。 掌握内容添加与超链接设置 情感目标： 培养学生的团队协作能力，学会分工合作，共同完成任务。 学习重难点 重点： Dreamweaver CC站点管理。 网页布局与内容添加。 难点： 站点规划的逻辑性与合理性 超链接设置的准确性 教学方法 操作演示、讲授法、小组讨论法 课前准备 1.查找相应网站资料，课堂演示使用。 2.学生课前预习。 教学媒体 电子课件、多媒体视频 教学过程 教学环节 教师活动设计 学生活动设计 设计意图 活动一： 创设情境 生成问题 课堂导入： 【辩一辩】 小组讨论根据第一章我们学习的网站开发流程“你认为完成这个足球网网站开发中最重要的是哪个环节？ 2.1.1  案例综述 1　 网站开发始于规划 2　 本地站点是网页存储的核心 2.引导学生去课本寻找答案，明确本节课的学习内容。 3.展示本讲学习目标。 1. 情景导入 2. 接收并查看本节课堂任务书。 3. 小组讨论 4. 了解学习目标，带着目标进行学习。 1.以提问的方式导入课程，让学生带着问题有针对性的进行学习。 2.通过任务实施，调动学生积极性。 3.辩论形式让学生参与并归纳总结。 活动二： 调动思维 探究新知 2.1.2  案例分析 1　 规划站点。 2　 创建站点(本地站点)。 3　 组织和管理站点文件。 4　 设计网页布局。 5　 向页面添加内容，制作简单主页 1. 知识讲解 2. 思索反馈 1. 了解学生现有知识储备。 2. 巩固练习。 活动三： 调动思维 探究新知 2.1.3  步骤实现 围绕案例设计分析流程： 1　 规划站点。 2　 创建站点(本地站点)。 3　 组织和管理站点文件。 4　 设计网页布局。 5　 向页面添加内容，制作简单主页 进行操作展示。详细展现使用Dreamweaver CC进行足球网站制作全流程 【做一做】 看完教师的操作演示流程，请根据书本上的实践步骤以，使用Dreamweaver CC创建本地站点，并自己独立完成我的足球网页面的制作。 1. 操作演示 2. 思考总结 3. 做一做 1. 教师操作演示，学生认真思索，参与课堂。 2. 培养学生发现问题，解决问题的能力。 3. 了解相关知识。 活动四： 巩固练习 素质提升 知识拓展 在创建“我的足球网”这样的本地站点时，虽然Dreamweaver以其便捷的拖拽式编辑和强大的模板库功能能够加速开发过程，但深入理解和掌握HTML（超文本标记语言）的代码编写是不可或缺的。 HTML作为网页内容的基石，其代码的精确编写能够让我们精确控制网页的结构与布局。在利用Dreamweaver进行设计时，结合HTML代码的学习与应用，不仅能够提升技术深度，还能更有效地利用CSS和JavaScript来美化网页外观和增强功能性。 知识拓展 知识巩固与拓展 课堂小结 作业布置 课堂小结 作业布置 复习本节课内容，预习下节课内容。 板书设计 案例综述 案例分析 实现步骤 教学反思 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $$