网站界面设计教案详解(DOC 14页).doc

1、 课课程教案开课时间： 2014 2013 学年度第 二 学期 课程名称： 电子商务综合实训 开课教研室： 电子商务 课程编码：_课程类别： 总学时周学时： 54 / 6(X9) 授课年级、专业、班级：2010级电子商务专业授课教师（职称）：_李小刚_ 编写日期：2012 年 8 月 日课程目标知识目标 掌握网站界面设计的基础构成，色彩，功能部分的理论知识能力目标掌握熟练应用软件工具，从而达到独立制作设计网站界面设计教材分析选用教材：网站界面设计案例教程（全国高等职业教育规划教材）教材特点及适用性分析：1、从教材特点来讲，本教材重点侧重基础部分，从整体的网站界面设计来进行系统性的基础规划。从网

2、站界面的发展，构成要素等理论知识和设计网站界面的软件工具，实例网站的设计制作这三大部分构成。这三部分相辅相成来实现本次教学规划。基础理论部分由界面设计原则，色彩的原理作用，图形图像处理分类，整体界面首页的设计及其他功能设计等。重点部分也是本教材的核心之一就是对软件工具的学习掌握，Photoshop, Fireworks, Dreamweaver等。最后通过理论和软件工具的结合进行对一些案例网站界面进行设计制作。2、从适用性方面来看，基本符合初学学生的掌握应用，重点让学生熟练应用操作软件工具，同时给学生良好详细的讲解网站界面设计的技术要素理论知识，能达到独立完成简单的网站界面设计制作。 参考教材

3、：调整说明：教学方法与手段主要采用教师讲解界面设计的基础，原理，技巧，软件工具等知识，自主操作应用软件制作界面、课堂讨论的教学方法，通过实际操作案例分析、提问与个别交流等。教学地点网络教室实训教学条件要求国际互联网连接考核方案通过学生对网站界面的理解认识，学习态度以及能否独立制作简单网站界面来进行考核。平时作业安排：实行课上课下两部分作业来安排，教师按照教学规划讲解本次知识点，练习点，进行课堂作业练习，从而巩固学生对本堂课程的学习和应用。课下作业按照学生的学习掌握情况来安排，重点加强，多练习设计制作，多沟通，提高学生的学习意识。对教案的分析总结：教师在授课之前，准备好当次教案，进行讲解授课，课

4、后可通过实际授课内容，以及对学生的掌握程度对教案进行补充完善，使得每次授课计划各有特点，提高学生学习掌握的兴趣，达到更好的教学效果。任课教师签字教研室主任签字第一部 网站界面设计基础授课单元名称网站界面设计基础授课学时6单元教学目标知识目标了解网站界面的发展及基础构成要素能力目标初步掌握网站界面设计原则及需要用到的软件主要教学知识点网站界面的构成要素，设计要点，设计基本原则，网站界面和软件界面的异同教学难点设计软件工具的基础工具的认识教材处理围绕教材的重点内容参考资料网站界面设计教程软件视频教程教学资源通过实际浏览网站，电子商务平台和服务网站，登陆常见网站，进行对网站认识，下载安装软件工具。

5、教学方法与手段操作训练考核评价点网站界面设计的构成部分及设计原则教学内容第二部分 网站界面设计中的色彩授课单元名称网站界面设计中的色彩授课学时6单元教学目标知识目标了解色彩学的心理效应和色彩作用能力目标掌握色彩三要素，色彩搭配应用及基本原理主要教学知识点在做网站界面的过程中，重点掌握色彩搭配，色彩的巧妙应用，以及色彩给人的视觉效果和情感变化教学难点不同网站界面，涉及到行业性质不同，色彩搭配实用都不同，配色技巧教材处理围绕教材的重点内容参考资料色彩搭配网站设计素材网站教学资源采用不同颜色的色彩色块配色，掌握冷暖色彩，色彩纯度，色彩主次关系，可通过色彩鲜明优秀的网站进行实例讲解说明。如站酷素材网，

6、素材中国等。教学方法与手段对比色彩，浏览各种不同色彩网站考核评价点色彩原理，色彩搭配的认知度和敏感度教学内容第三部分 网站界面设计中的图形授课单元名称网站界面设计中的图形授课学时6单元教学目标知识目标了解图形图像在界面设计中所传达的作用，以及分类能力目标初步掌握图形的主题图，辅助图，标志；重点初步掌握学习图形图像的处理技巧，开始使用软件工具来处理制作。主要教学知识点可通过图形图像来美化界面，增强界面视觉美感效果，进行简单图形图像处理制作教学难点软件工具初学者使用有一定难度，需要加强练习教材处理围绕教材的重点内容参考资料设计素材网站昵图网教学资源知名互联网信息网站，学习网站，电子商务平台和服务网

7、站 教学方法与手段操作训练考核评价点图形图像处理制作能力教学内容第四部分 网站界面中首页的设计授课单元名称网站界面中首页的设计授课学时6单元教学目标知识目标界面整体设计风格的定位，包括色彩，版式，文字等有初步了解作为基础，掌握一二级界面的概念能力目标设计制作网站一级界面，二级界面主要教学知识点界面整体设计框架，风格，栏目，色彩，图形的巧妙选用和使用教学难点实际操作过程中，界面设计教材处理围绕教材的重点内容参考资料设计素材网站昵图网，站酷网教学资源优秀设计网站，知名设计公司网站，优秀电子商务平台等教学方法与手段操作训练考核评价点设计制作能力教学内容第五部分 网站界面中导航系统授课单元名称网站界面

8、中导航系统授课学时6单元教学目标知识目标导航系统的设计概述，原则形式能力目标具体导航系统的设计，从全局导航和局部导航来掌握，实训导航设计案例主要教学知识点导航系统的设计目的，信息构建，整体结构，层级间的切换关系，超链接测试等教学难点导航设计的实际操作制作过程教材处理围绕教材的重点内容参考资料HTML学习网站，百度帮助页面，链接性网页教学资源通过互联网搜索引擎，浏览认识各种导航设计，导航栏目教学方法与手段操作训练考核评价点简单导航栏目设计教学内容第六部分 网站界面中其他功能的设计授课单元名称网站界面中其他功能的设计授课学时6单元教学目标知识目标了解网站界面中个人注册，登陆，论坛，管理系统界面的不

9、同设计能力目标初步掌握投资、理财原理和风险主要教学知识点常见注册登陆页，论坛，后台管理系统页面的简单设计教学难点各种不同界面设计制作过程中的差别，互动界面设计的技巧处理，通过软件工具设计制作不同界面，以及简单超链接的使用教材处理围绕教材的重点内容参考资料各类注册登录网站，如邮箱，博客，空间登录界面，设计素材网站教学资源通过实际浏览网站，电子商务平台和服务网站，登陆常见网站，进行对网站登录界面认识。教学方法与手段实训习题练习考核评价点设计制作教学内容第七部分 网站界面中的广告设计授课单元名称网站界面中的广告设计授课学时6单元教学目标知识目标网络广告的基本特别，设计原则，表现手法能力目标在制作网络

10、广告过程中具体的banner图设计，弹出式广告设计，表现的手法技巧主要教学知识点网络广告传播空间，视觉效果，交互性，针对受重点的不同，网络广告的不同分类，已经需要策划的广告内容知识教学难点使用软件工作制作网络广告，图形广告设计教材处理围绕教材的重点内容参考资料设计素材网站昵图网，站酷网教学资源优秀设计网站，知名设计公司网站，优秀电子商务平台，如大型购物网站，视频网站。教学方法与手段操作训练考核评价点通过软件设计制作网络banner广告教学内容第八部分 网站界面设计的综合案例授课单元名称网站界面设计的综合案例授课学时6单元教学目标知识目标巩固前期所学各种界面设计的要素点，技巧点，已经熟练使用软件

11、工具能力目标结合理论知识点，了解客户需求，通过客户分析定位，制作成型的网络界面设计主要教学知识点巩固前期所学各种界面设计的要素点，技巧点，掌握一二级界面的设计，网络广告的设计；加强熟练使用软件工具教学难点制作成熟网络广告和界面教材处理围绕教材的重点内容参考资料设计素材网站昵图网，站酷网教学资源优秀设计网站，知名设计公司网站，优秀电子商务平台，如大型购物网站，视频网站。教学方法与手段实训操作考核评价点不同界面，广告的认知和制作教学内容第九部分 综合案例的分析和制作授课单元名称综合案例的分析和制作授课学时6单元教学目标知识目标巩固前期所学各种界面设计的要素点，技巧点，已经熟练使用软件工具能力目标结

12、合理论知识点，学习成熟网络界面的设计主要教学知识点熟练使用软件工具制作网络界面和网络广告教学难点熟练使用软件工具制作网络界面和网络广告教材处理围绕教材的重点内容参考资料电子商务概论电子商务服务教学资源通过实际浏览网站，电子商务平台和服务网站，登陆常见网站 教学方法与手段操作训练考核评价点合理设计制作网站教学内容第十部分 综合学习案例授课单元名称综合学习案例授课学时6单元教学目标知识目标巩固网络界面设计基本理论知识能力目标具体设计制作主要教学知识点巩固加强学习关于网络界面设计理论知识点教学难点软件工具的操作使用教材处理围绕教材的重点内容参考资料软件工具视频教程设计素材搜集网站教学资源设计软件工具视频教程，设计素材搜集下载，积累优秀设计网站教学方法与手段操作训练考核评价点理论和操作结合掌握程度教学内容第十一部分 综合考评授课单元名称综合考评授课学时6单元教学目标知识目标通过本学习知识点交流沟通学习能力目标发现问题，提出问题主要教学知识点综合交流沟通教学难点综合交流沟通，进行总结教材处理围绕教材的重点内容参考资料软件工具视频教程设计素材搜集网站教学资源设计软件工具视频教程，设计素材搜集下载，积累优秀设计网站教学方法与手段交流沟通和实训结合考核评价点综合认识和实训教学内容