任务三 创建网站目录结构 - 图文

— 学年第 学期

Dreamweaver CS6网页制作教学设计方案

系 别：信息工程系 班 级： 姓 名： 指导教师：

课程目标：

掌握静态网站开发的工作流程与制作技巧，熟练掌握创建站点、插入页面元素、CSS+DIV布局、表格布局、框架、表单、超级链接、热区、行为等基本技能及基础知识，熟悉HTML代码，逐步养成爱岗敬业、乐于学习，团队协作、互相帮助，循序渐进、步步为营，爱护公物、清洁卫生等良好的职业素养。

课程 名称 项目名称 Dreamweaver网页制作 任务名称 班级 人数 日期 周次 课次 节次 创建个人网站 创建网站目录结构 地点 机房 计划学时 2 面向工种：网站建设与维护 本任务职业背景岗位：网站建设与维护 （基础课不填） 技能：能够根据网站要求在本地站点创建网页文件和文件夹，管理站点内文件。 1.了解站点目录结构。2.网页文件的命名规则。3.掌握网页结构与目录结构的关系。4.了解页面属性、文件面板与插入栏的基本功能。 知识点 教学 目标 技能点 1.能够根据网站要求在本地站点创建网页文件和文件夹。 2.能够管理网站内的文件 1.分组完成任务，锻炼协作能力；2.制定计划，按步操作，培养步步为营循序渐进的良好习惯；3.按照指定机位就位，课前检查机器，课后设职业素养 备归位，清洁卫生，培养爱护公物的责任感与良好的工作秩序；4.培养学生课前预习的学习习惯，主动学习、积极探索的优良作风 1. 在本地站点创建网页文件和文件夹。 2. 管理网站内的文件。 3. 网页文件的命名规则 重 点 难 点 熟悉文件面板，创建并管理网站目录结构 教学资源 信息资源：教材、教案、工作页、课件、微课 设备资源：投影、机房 人员资源：学生按5人一组；专业教师1位 教学方法：任务引领，微课学习、演示讲解、小组讨论 教学策略：举牌策略、画廊漫步 效果评价：小组自评、组间互评、教师点评 教学方法 效果评价 教学过程实施方案 教学 内容安排 学生活动 1.分组就位、检查设备。每组小组长检查本组成员的出勤、设备及学习工具的携带情况，报告教师。 任务描述 组织安排 2.认真思考并回答老师提出的问题，明确本节课任务，记录电子工作页。 教师活动 时间分配 1. 组织学生就位，记录考勤 3 2.任务导入： （1）展示一个没有网站目录结构的站点，让学生找文件及根据栏目找关联。 （2）展示一个规划良好目录结构的站点，10 再次让学生找文件及根据栏目找关联。结论：有良好的目录结构，创建与修改网站时非常方便，可以提供工作效率。 （3）引出的任务：创建网站目录结构。 1.演示网站样张,帮助学生归纳任务需求,7 引领学生分析任务所需技能，填写工作页。 2.学生通过课前观看微课及预习教材“第一单元任务四”中的知识点了解本节课所需知识点。通过提问了解学生的理解程度： 5 问题1：什么是站点目录结构？（加2分） 问题2：在Dreamweaver中如何创建与管理站点目录结构？ 3.总结学生回答情况； 师生共同进行网站目录结构创建与管理基本操作； 讲解任务所需知识点：页面属性、文件面板、插入栏。 1.组长组织本组成员分析任务，填写在工作页中。 任务分析与准备 2.预习课程内容，回答教师提问。 3.记录教师重点讲解的知识点、技能点。记忆页面属性、文件面板、插入栏的基本功能 5 制定实施方案 1. 教师强调制定方案要点与填写工作页事1.听见、记录、提问； 项； 2.讨论分析完成任务的步2.组织学生分组讨论完成任务所需步骤与骤； 关键点； 3.制定实施方案； 3.组织每人在工作页中制定实施方案； 4. 各组选拔优秀工作页；4.组织好画廊漫步，交流问答； 15 安排讲解员，展示工作页；5.归纳总结各组方案，确定实施方案，明供大家相互参观、学习、交确实施方案须包含以下主要步骤： 流； （1）打开站点，新建首页文件。 5.理解教师对实施方案的（2）打开首页文件，观察文档窗口，设置分析，修改实施方案 页面属性，熟悉插入栏功能。 （3）完善网站目录结构，编辑站内文件。 1.根据实施方案，分析网站结构 1.通过投影演示讲解网页名称的命名规则。 10 任务实施步骤1 新建首页文件 2.打开“幽幽我心的个人网2.通过巡视了解学生完成情况，对有问题站”站点，新建首页文件。 的学生进行指导，注意首页命名规则。 1.通过投影演示讲解页面属性的设置。 2.通过巡视了解学生完成情况，对有问题的学生进行指导。任务实施 步骤2 打开首页打开首页文件，观察文档窗文件，设口，设置页面属性。 置页面属性 10 任务实施 步骤3 切换插入栏“菜单”和“制了解插入表符”两种显示样式。认识栏的基本并记忆插入栏的基本功能 功能 任务实施 步骤4 完善网站目录结构，创建网完善网站站所需文件夹。 目录结构 问答插入栏基本功能 5 1.通过巡视了解学生完成情况，对有问题的学生进行指导。 2.检查学生的完成情况，并对快速完成的同学予以鼓励 1.教师巡视、检查、指导； 2.组织进行组间互评，教师总结点评验收各组的作品； 3.收取电子工作页，点评上次工作页。10 1.组长组织本组成员进行组内互评，记录各成员成绩。 2.各小组最佳作品进行展总结评价 示，各组长给出小组互评成绩。 3.将成绩记录完毕后，上交工作页 10 分组完成拓展任务“创建网页制作站点目录”： 1．明确任务，了解任务要求。 任务拓展 2.明确任务制作流程并实施。 3.完成拓展任务并向其他小组成员展示结果（画廊漫步）。 布置拓展任务以检验学生掌握情况： 1.布置任务:依据前面学习的知识与掌握的专业技能，新建一个站点，网站命名为“网页制作”，存放在“D:\\dreamweaver”文件夹中，使用“文件”面板新建首页文件“index.html”和首页图像文件夹“images”，在“我的电脑”中查看相应目录的变化。 2.任务分析：回忆任务二创建站点的步10 骤，哪个菜单项用于创建站点，在创建站点时各个选项如何设置？ 站点建好后，打开什么面板创建站点目录和网页，如何把网页设为首页? 3.总结学生任务完成情况，总结在站点中添加文件、添加文件夹。总结文件面板中网站目录结构与我的电脑中的目录之间的关系。 课后作业 教学后记 教研组长签字

1.完成课后举一反三； 2.完成工作页中作业（其中预习是下次课提问内容） 教师要认真检查学生的电子工作页，并合理给出评价。建立过程考核电子表，每次上课公布上次课工作页完成情况。 系主任签字