教学：1-1 《规划与设计网站》教学设计.docxVIP

项目一任务一《规划与网站设计》教学设计 设计构想 《规划与网站设计》出自高等教育出版社出版的《网页设计与制作》项目一任务一，项目一主要讲解了什么是网站建设，以及建设网站时所运用到的软件，通过完成“数码资讯网”网站结构的规划设计，熟悉网站规划、设计方面的知识，让学生了解网站主题、站点、网页等相关内容，学会根据要求，确定网站的主题与内容，并进行网站结构的设计。通过建立本地站点，熟悉Dreamweaver CS6的工作界面，以及如何创建和本地站点、创建简单的网页等知识技能。 学情分析 知识储备： 学生在此之前从未接触过网页设计的知识，要先从基本的网页类型，以及对不同类型网站的首页进行观察分析来获取知识。 学习特点： 学生需要通过分析“数码资讯网”来学习网站的规划，网站的主题，网站的结构设计，从而学习到在网站建设的时候需要运用到哪些知识，已经要做哪些准备工作。 教学目标 知识与技能目标： （1）了解网站规划；（2）明确网站的主题；（3）掌握网站的结构设计。 过程与方法目标： 通过分析“数码资讯网”来学习网页制作的基本知识。 情感态度价值观： （1）通过网页制作的学习，提高学生的动手能力与设计能力； （2）培养学生勤于探索、主动分析、方向明确的意识。 教学重点 网站规划及站点建立 教学难点 网页设计的制作规范 教学方法 自主学习法 任务驱动法 教学过程 第1环节：创设情境，导入新课 【教师活动】 （1）打开百度的首页以及网易的首页，引导学生观察与分析这两个网页有什么异同点。布置课前热身的题目，让学生在观察与分析完之后做有关于百度与网易首页的题目，并进行分析。 【学生活动】 （1）学生观察百度和网易主页。 （预设回答：观察两个网页之间的异同点） （2）回答热身活动有关该网页的题目，并进行思考网页设计的架构。 【设计意图】 （1）通过观察百度和网易两个网站来让学生初步了解数码是网站和网页； （2）通过做题，使其产生思考，对网页的构造和如何设计网页产生思考，加深进一步的了解。 第2环节：新知讲授，信息教学 【教师活动】 （1）通过“数码资讯网”展开内容，明确“数码资讯网”建设目的与服务的对象。中等职业学校计算机专业的学生一般会对身边新兴的数码科技比较感兴趣，“数码资讯网”建设目的就是为中等职业学校计算机类专业学生学习专业知识时，能够拓展相关数码知识，使之成为一个获取更多知识的平台。 （2）分析网站建设的经济与技术可行性。要分析网站建设前景、资金来源途径、维护成本、网站投入使用后的收益等。分析不同的网站，要考虑不同的情况。 （3）明确“数码资讯网”所包含的内容。先建立该网站的结构，明确每个模块的内容。 （4）设计“数码资讯网”的链接结构。采用树状结构，每一页通过栏目导航都可以访问其他一级栏目的首页；同时通过二级目录，可以访问本模块内所有同层级网页。 （5）确定“数码资讯网”制作规范，了解该网站的目录结构，以及各个素材所需要放置的文件夹。讲解文件管理规则，规则主要有文件命名规则，文件夹结构规则。 【学生活动】 （1）学生观看教师的操作步骤 （2）学生根据教师的引导分析网页的内容。 （3）学生观看教师的操作步骤 （4）学生来确定“数码资讯网”所要建立的每一个模块，并和老师交流，每一个模块的内容是否合适。 （5）试着将既有的网站进行文件分类，以便来学习文件管理规则。 【设计意图】 （1）通过对“数码资讯网”的分析和解读，让学生意识到建立网站和创设网页的意义和目的。 （2）通过对“数码资讯网”的分析，让学生了解到在建设一个网站时，所需要做哪些经济与技术的可行性分析，以及其他的前期准备工作。 （3）通过查看“数码资讯网”的主页，了解网站的链接结构 （4）确定“数码资讯网”的制作规范，了解到在制作网页的时候，需要遵守哪些规则，同时做练习，充分了解。 第3环节：趁热打铁，新知巩固 【教师活动】 下发“数码资讯网”的网页课件，让学生浏览该网站，并深入分析网站的目的和目录分类，并让学生写下独立分析该网站的作业。 让学生学会网站的文件夹分类。 （3）请学生将作业上交到论坛，并与学生一起进行欣赏评价； 【学生活动】 （1）学生在教师的引导下分析“数码资讯网”。 （2）学生将作业上传到指定文件。 【设计意图】 （1）进一步巩固重难点，同时也培养学生对网站的分析意识。 （2）将作业以附件的形式上传到指定文件夹，方便分享及阅读。 第4环节：课堂小结，课后延伸 【教师活动】 （1）与学生一起小结本课的知识点； （2）并将此次课堂完成的作业回复到论坛中相应的主题帖； （3）在课后请学生将最终完成的作业同时上传到微信群，便已其他同学可以看到相应的作品并进行评价。 【学生活动】 （1）学生回顾本课知识点 （2）学生在课后继续完善网页分析，并将作业上传到论坛与微信群，进一步交流评