网站界面设计教案详解.docx

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 学习网站，XX帮助 页面，链接性网页教学资源通过互联网搜索引擎，浏览认识各种导航设计，导航栏目教学方法与 手段操作训练考核 评价点简单导航栏目设计教学内容授课单元名称网站界面中其他功能的设计

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

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

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

12、 目标知识目标巩固前期所学各种界面设计的要素点， 技巧点，已经熟 练使用软件工具能力目标结合理论知识点，学习成熟网络界面的设计主要教学 知识点熟练使用软件工具制作 网络界面和网络广告教学难点熟练使用软件工具制作网 络界面和网络广告教材处理围绕教材的重点内容参考资料电子商务概论 电子商务服务教学资源通过实际浏览网站，电子商务平台和服务网站，登陆常见网站教学方法与 手段操作训练考核 评价点合理设计制作网站教学内容第十部分 综合学习案例授课单元名称综合学习案例授课学时 6单元教学 目标知识目标巩固网络界面设计基本理论知识能力目标具体设计制作主要教学 知识点巩固加强学习关于网络 界面设计理论知识点教学

13、难点软件工具的操作使用教材处理围绕教材的重点内容参考资料软件工具视频教程 设计素材搜集网站教学资源设计软件工具视频教程，设计素材搜集下载，积累优秀设计网站教学方法与 手段操作训练考核 评价点理论和操作结合掌握程度教学内容第十一部分 综合考评授课单元名称综合考评 授课学时 6单元教学 目标知识目标通过本学习知识点交流沟通学习能力目标发现问题，提出问题主要教学 知识点综合交流沟通教学难点综合交流沟通，进行总结教材处理围绕教材的重点内容参考资料软件工具视频教程 设计素材搜集网站教学资源设计软件工具视频教程，设计素材搜集下载，积累优秀设计网站教学方法与 手段交流沟通和实训结合考核 评价点综合认识和实训教学内容