第4课站点的创建与管理( 二 ）（教案）-《网页设计与制作案例教程（第2版）》同步教学（航空工业出版社）

课题 站点的创建与管理( 二 ） 课时 2课时（180 min） 教学目标 知识技能目标： （1）认识什么是站点 （2）学会创建并管理本地站点 （3）熟悉创建和保存网页文件的基本操作 （4）知道如何使用“文件”面板管理站点中的文件 思政育人目标： （1）体验网页制作工具的使用方法，培养基本的工作能力 （2）练习创建站点，锻炼学生的实践能力，培养学生的探究精神。 教学重难点 教学重点：站点的概念 教学难点：创建并管理本地站点 教学方法 情景模拟法、问答法、讨论法、练习法 教学用具 电脑、投影仪、多媒体课件、教材 教学设计 第1节课：课前任务→ 考勤（2 min）→ 问题导入（5 min）→传授新知（23 min）→小组互助（15 min） 第2节课：任务实施（25 min）→ 实践探究（15 min）→ 课堂小结（3 min）→ 作业布置（2 min） 教学过程 主要教学内容及步骤 设计意图 第一节课 课前任务 · 【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过文旌课堂APP，查阅资料，了解站点的相关知识 · 【学生】按照教师要求完成课前任务 通过课前的预热，让学生了解所学软件，激发学生的学习欲望 考勤 （2 min） · 【教师】使用文旌课堂APP进行签到 · 【学生】按照老师要求签到 培养学生的组织纪律性，掌握学生的出勤情况 问题导入 （5 min） · 【教师】提出以下问题： 你知道什么是网络站点吗？ · 【学生】思考、举手发言 通过问题导入，引导学生思考，调动学生的主观能动性，了解相关行业的背景 传授新知 （23 min） · 【教师】通过学生的发言，引入新的知识点，介绍站点 一、什么是站点 【教师】展示站点的相关图片，帮助学习理解相关知识 1．远程站点 对于用户来说，远程站点就是可以通过网络访问的网站。这些站点存放在网络服务器上，只要知道IP地址任何人都可以访问。 2．本地站点 对于制作者来说，站点实际上就是一个文件夹，这个文件夹中存放着网站的所有网页文件及素材资源。这些文件夹一般存放在本地磁盘中，也称为本地站点，在发布之前其他人不可以访问。在网页制作完成后，制作者将站点文件夹上传至网络服务器后即成为远程站点，供用户访问。 （详见教材） 二、创建并管理本地站点 1．站点的目录结构 【教师】提出以下问题： 请举例说明站点的目录混乱会导致什么问题？ 【学生】思考、举手回答 【教师】总结学生的答案 通常情况下，一个网站往往包含很多文件，大型网站的文件甚至有成千上万个。如果将这些文件杂乱存放，容易导致文件管理混乱、上传速度慢等问题。 （详见教材） 【教师】提出以下问题： 我们已经知道了目录树混乱会导致一系列的问题，那么如何避免这些问题呢？ 【学生】聆听、思考、举手回答 【教师】总结学生的答案 为避免这些问题，创建网站目录结构应遵循以下方法和建议。 （1）大型网站的站点按导航栏中的栏目内容建立子目录。例如，网页制作技术教学站点可以根据技术类别建立相应的子目录，如html、css、javascript等；企业站点可以按公司简介、产品介绍、价格、在线订单、反馈联系等内容建立相应的子目录。 （2）需要经常更新的栏目（如新闻、资讯等）可以建立独立的子目录；而一些相关性强，又不需要经常更新的栏目（如联系地址、版权信息等），可以统一放在一个目录下。 （3）在栏目较多时，为每个主栏目都建立独立的目录放置资源文件（图像、视频等）。 （详见教材） 2．创建站点 在明确站点的目录结构之后，可以先在本地磁盘创建站点文件夹及其子文件夹，并放置相关的资源文件，然后使用Dreamweaver CC创建站点。 【教师】演示创建站点的步骤 （1）本地磁盘合适位置创建“test”文件夹，并在其中创建子文件夹“img”。 （2）打开Dreamweaver CC，单击“站点”→“新建站点”菜单，打开“站点设置对象”对话框，在“站点名称”文本框中输入“test”，单击“本地站点文件夹”文本框右侧的浏览文件夹按钮，找到“test”文件夹，然后单击“保存”按钮。 （3）站点创建完成后，在“文件”面板中即可查看创建好的站点。 （4）导出和导入站点。 （详见教材） 【学生】观察、思考、理解 3．管理站点 管理本地站点的操作主要包括编辑站点、复制站点、删除站点、导出和导入站点等。 【教师】根据教材提示，演示管理站点的步骤 （1）编辑站点。单击“站点”→“管理站点”菜单，打开“管理站点”对话框，在“您的站点”列表框中双击站点对象，即可弹出此站点的“站点设置对象”对话框，在其中进行编辑即可。 （2）复制站点。打开“管理站点”对话框，选择要复制的站点（此处选择“test”），单击“复制当前选定的站点”按钮