《网页设计与制作教案.docx》由会员分享，可在线阅读，更多相关《网页设计与制作教案.docx（13页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、精品名师归纳总结资料word 精心总结归纳 - - - - - - - - - - - -学习必备欢迎下载项目化实战教程网页设计与制作项目单元教学设计编号： 0101学校：专业：项目单元：赏析典型网站授课老师：可编辑资料 - - - 欢迎下载精品名师归纳总结学习资料 名师精选 - - - - - - - - - -第 1 页，共 7 页 - - - - - - - - - -可编辑资料 - - - 欢迎下载精品名师归纳总结资料word 精心总结归纳 - - - - - - - - - - - -学习必备欢迎下载网页设计与制作教学设计编号： 0101项目名称运算机系部网站建设任课老师任课班级项目
2、单元赏析典型网站章节第一章课时4名称（ 1）明白优秀网站的布局结构可编辑资料 - - - 欢迎下载精品名师归纳总结学问目标（ 2）明白优秀网站的颜色搭配可编辑资料 - - - 欢迎下载精品名师归纳总结教学目标（ 3）对网页的组成元素有肯定的明白（ 1）能针对优秀网站的布局结构及颜色搭配进行分析技能目标（ 2）具备自我收集资料进行分析、归纳整理的才能可编辑资料 - - - 欢迎下载精品名师归纳总结可编辑资料 - - - 欢迎下载精品名师归纳总结情感态度明确课程要学什么，学完该课程自己能做什么，引导同学对该课程产生深厚的爱好，有动力学好该门课程。可编辑资料 - - - 欢迎下载精品名师归纳总结（
3、1）明白网页制作相关概念可编辑资料 - - - 欢迎下载精品名师归纳总结教学内容（ 2）熟识网站开发流程（ 3）观赏并分析典型网站可编辑资料 - - - 欢迎下载精品名师归纳总结可编辑资料 - - - 欢迎下载精品名师归纳总结教学重点和难点重点观赏典型网站并分析典型网站，明确本门课程最终实现目标。 难点在把握网站设计基本概念的基础上具备赏析和分析网站的才能。可编辑资料 - - - 欢迎下载精品名师归纳总结教学方法和策略教学方法：项目呈现法，把学问点融入到项目中讲解。教学策略：通过典型项目呈现，在项目中引导同学把握该课程相关学问点。可编辑资料 - - - 欢迎下载精品名师归纳总结秉承“授人以鱼不
4、如授人以渔”的总体教学理念。通过项目呈现， 引导同学把握学问点的同时，把握该门课程的学习方法，并积极、主动的通过网络去自我吸取课程相关学问，开阔学问面。教学设计思路可编辑资料 - - - 欢迎下载精品名师归纳总结学习资料 名师精选 - - - - - - - - - -第 2 页，共 7 页 - - - - - - - - - -可编辑资料 - - - 欢迎下载精品名师归纳总结资料word 精心总结归纳 - - - - - - - - - - - -学习必备欢迎下载可编辑资料 - - - 欢迎下载精品名师归纳总结教学实施步骤宏观导入课程：老师活动同学活动可编辑资料 - - - 欢迎下载精品名师
5、归纳总结1、 专业课程体系简介2、 本课程与其它课程之间的关系可编辑资料 - - - 欢迎下载精品名师归纳总结3、 本课程对应的社会职位：网页设计师呈现最新社会聘请网页设计师信息网页设计师进呈现状数据统计资料网页设计师进展趋势数据猜测资料项4、 要想成为网页设计师需要具备的综合素养目单元以提问的方式引入本单元，把同学的思维聚导合到本门课程上来，并活跃气氛。入问题：你印象最深的网站是哪个网站？是什么吸引了你？留意：老师可事先预备一个自己印象最深的网 站，描述一下自己的感受，引导同学表达自己的看法。同学从宏观角度把握自己专业课程体 系，明白本课程与其它课程之间的相互关系，熟识本门课程对应的社会职位
6、。争论：同学针对自己印象最深的网站绽开争论目的：（1）引导同学对该课程产生爱好。（2）强调沟通、表达的重要性。可编辑资料 - - - 欢迎下载精品名师归纳总结可编辑资料 - - - 欢迎下载精品名师归纳总结学习资料 名师精选 - - - - - - - - - -第 3 页，共 7 页 - - - - - - - - - -可编辑资料 - - - 欢迎下载精品名师归纳总结资料word 精心总结归纳 - - - - - - - - - - - -学习必备欢迎下载可编辑资料 - - - 欢迎下载精品名师归纳总结一、赏析典型网站1. 赏析综合性门户网站2. 赏析电子商务型网站3. 赏析校内系部信息网
7、站 二、赏析的角度（结合案例）1. 网站页面元素以下学问点结合案例呈现进行讲解。1.2.1 网页制作相关概念WWW网页网站静态网页与动态网页HTML语言URLIP 的址域名1.2.2 网页构成的基本元素文本图像动画音频和视频表单2. 页面布局结合案例进行讲解布局类型“国”字型布局“厂”字型布局“封面 ”型布局Flash 型布局变化型布局3. 网站风格涉及到的学问点：1.2.4 网站风格定位（ 1）和谐运用颜色（ 2）适当挑选线条和外形。（ 3）均衡的分割版式。同学辩证去观赏和分析并随时和 老师进行互动， 表达自己对网站布局及风格定位的懂得。（1）具备肯定的赏析网站才能。（ 2）结合观赏分析网站
8、，把握网站相关理论学问点。同学通过视觉感受网站，深刻懂得概念WWW网页网站文本图像动画音频和视频表单同学通过视觉感受网站，重点把握以下布局类型：“国”字型布局“厂”字型布局“封面 ”型布局引导同学记录笔记。可编辑资料 - - - 欢迎下载精品名师归纳总结可编辑资料 - - - 欢迎下载精品名师归纳总结学习资料 名师精选 - - - - - - - - - -第 4 页，共 7 页 - - - - - - - - - -可编辑资料 - - - 欢迎下载精品名师归纳总结资料word 精心总结归纳 - - - - - - - - - - - -学习必备欢迎下载可编辑资料 - - - 欢迎下载精品名师
9、归纳总结三、通过创建一个测试页面来绽开对网站开发工具的介绍跟同学探讨对网站开发工具的熟识，明白同学对网站建设的认知度，并引导同学业余时间查看网站开发工具 都有那些，进行比较。明白网站开发工具并具备自己主动查找资料的意识。可编辑资料 - - - 欢迎下载精品名师归纳总结四、网站开发流程网站需求分析及策划网站设计与制作测试发布保护推广探讨网站开发总体流程，引导同学依据个人详细情形，从一个学问点动身依据自己的思维想法去网络里探求知识同学从宏观角度明白一个网站从无到有的过程。可编辑资料 - - - 欢迎下载精品名师归纳总结可编辑资料 - - - 欢迎下载精品名师归纳总结五、学问拓展涉及到的学问点：1.
10、4.1 网页创意设计思维1.4.2 网页设计配色基础引导同学不能只学习课上的学问点，肯定要有自我拓展学问自我学习的才能同学具备自我拓展学问的才能可编辑资料 - - - 欢迎下载精品名师归纳总结六、争论Web 技术进展展望将来WEB 技术的进展，技术在不断进展，勉励同学把握前沿技术，为就业打好基础。提高沟通和表达才能可编辑资料 - - - 欢迎下载精品名师归纳总结项目单元小结本章节以“鉴赏优秀网站”为任务驱动，明白了网站的布局结构、颜色搭配，以及网页的相关概念、网页制作的基本流程，为网页的进一步设计制作奠定了基础。可编辑资料 - - - 欢迎下载精品名师归纳总结可编辑资料 - - - 欢迎下载精
11、品名师归纳总结项目单元任务（ 1）观赏各大知名学院门户网站（ 2）观赏各大名校系部网站（ 3）分析网站布局及风格定位（ 4）观赏并分析门户类网站站点、电商类网站站点、手机移动端网站站点。可编辑资料 - - - 欢迎下载精品名师归纳总结可编辑资料 - - - 欢迎下载精品名师归纳总结学习资料 名师精选 - - - - - - - - - -第 5 页，共 7 页 - - - - - - - - - -可编辑资料 - - - 欢迎下载精品名师归纳总结资料word 精心总结归纳 - - - - - - - - - - - -学习必备欢迎下载项目单元教学反思可编辑资料 - - - 欢迎下载精品名师归纳总结学习资料 名师精选 - - - - - - - - - -第 6 页，共 7 页 - - - - - - - - - -可编辑资料 - - - 欢迎下载精品名师归纳总结*dT可编辑资料 - - - 欢迎下载