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

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

《网站界面设计教案详解.docx》由会员分享，可在线阅读，更多相关《网站界面设计教案详解.docx（10页珍藏版）》请在冰豆网上搜索。

网站界面设计教案详解

课程教案

开课时间：

2014—2013学年度第二学期

课程名称：

电子商务综合实训

开课教研室：

电子商务

课程编码：

课程类别：

总学时／周学时：

54/6（X9）授课年级、专业、班级：

2010级电子商务专业授课教师（职称）：

李小刚___

编写日期：

2012年8月日

课程目标

知识目标

掌握网站界面设计的基础构成，色彩，功能部分的理论知识

能力目标

掌握熟练应用软件工具，从而达到独立制作设计网站界面设计

教材分析

选用教材：

网站界面设计案例教程（全国高等职业教育规划教材）

教材特点及适用性分析：

1、从教材特点来讲，本教材重点侧重基础部分，从整体的网站界面设计来进行系统性的基础规划。

从网站界面的发展，构成要素等理论知识和设计网站界面的软件工具，实例网站的设计制作这三大部分构成。

这三部分相辅相成来实现本次教学规划。

基础理论部分由界面设计原则，色彩的原理作用，图形图像处理分类，整体界面首页的设计及其他功能设计等。

重点部分也是本教材的核心之一就是对软件工具的学习掌握，Photoshop,Fireworks,Dreamweaver等。

最后通过理论和软件工具的结合进行对一些案例网站界面进行设计制作。

2、从适用性方面来看，基本符合初学学生的掌握应用，重点让学生熟练应用操作软件工具，同时给学生良好详细的讲解网站界面设计的技术要素理论知识，能达到独立完成简单的网站界面设计制作。

参考教材：

调整说明：

教学方法

与手段

主要采用教师讲解界面设计的基础，原理，技巧，软件工具等知识，自主操作应用软件制作界面、课堂讨论的教学方法，通过实际操作案例分析、提问与个别交流等。

教学地点

网络教室

实训教学条件要求

国际互联网连接

考核方案

通过学生对网站界面的理解认识，学习态度以及能否独立制作简单网站界面来进行考核。

平时作业安排：

实行课上课下两部分作业来安排，教师按照教学规划讲解本次知识点，练习点，进行课堂作业练习，从而巩固学生对本堂课程的学习和应用。

课下作业按照学生的学习掌握情况来安排，重点加强，多练习设计制作，多沟通，提高学生的学习意识。

对教案的分析总结：

教师在授课之前，准备好当次教案，进行讲解授课，课后可通过实际授课内容，以及对学生的掌握程度对教案进行补充完善，使得每次授课计划各有特点，提高学生学习掌握的兴趣，达到更好的教学效果。

任课教师签字教研室主任签字

第一部网站界面设计基础

授课单元名称

网站界面设计基础授课学时6

单元教学目标

知识目标

了解网站界面的发展及基础构成要素

能力目标

初步掌握网站界面设计原则及需要用到的软件

主要教学知识点

网站界面的构成要素，设计要点，设计基本原则，网站界面和软件界面的异同

教学难点

设计软件工具的基础工具的认识

教材处理

围绕教材的重点内容

参考资料

网站界面设计教程软件视频教程

教学资源

通过实际浏览网站，电子商务平台和服务网站，登陆常见网站，进行对网站认识，下载安装软件工具。

教学方法与手段

操作训练

考核评价点

网站界面设计的构成部分及设计原则

教学内容

授课单元名称

网站界面设计中的色彩授课学时6

单元教学目标

知识目标

了解色彩学的心理效应和色彩作用

能力目标

掌握色彩三要素，色彩搭配应用及基本原理

主要教学知识点

在做网站界面的过程中，重点掌握色彩搭配，色彩的巧妙应用，以及色彩给人的视觉效果和情感变化

教学难点

不同网站界面，涉及到行业性质不同，色彩搭配实用都不同，配色技巧

教材处理

围绕教材的重点内容

参考资料

色彩搭配网站设计素材网站

教学资源

采用不同颜色的色彩色块配色，掌握冷暖色彩，色彩纯度，色彩主次关系，可通过色彩鲜明优秀的网站进行实例讲解说明。

如站酷素材网，素材中国等。

教学方法与手段

对比色彩，浏览各种不同色彩网站

考核评价点

色彩原理，色彩搭配的认知度和敏感度

教学内容

授课单元名称

网站界面设计中的图形授课学时6

单元教学目标

知识目标

了解图形图像在界面设计中所传达的作用，以及分类

能力目标

初步掌握图形的主题图，辅助图，标志；重点初步掌握学习图形图像的处理技巧，开始使用软件工具来处理制作。

主要教学知识点

可通过图形界面，增强效果，进行处

图像来美化界面视觉美感简单图形图像理制作

教学难点

软件工具初学者使用有一定难度，需要加强练习

教材处理

围绕教材的重点内容

参考资料

设计素材网站昵图网

教学资源

知名互联网信息网站，学习网站，电子商务平台和服务网站

教学方法与手段

操作训练

考核评价点

图形图像处理制作能力

教学内容

授课单元名称

网站界面中首页的设计授课学时6

单元教学目标

知识目标

界面整体设计风格的定位，包括色彩，版式，文字等有

初步了解作为基础，掌握一二级界面的概念

能力目标

设计制作网站一级界面，二级界面

主要教学知识点

界面整体设计框架，风格，栏目，色彩，图形的巧妙选用和使用

教学难点

实际操作过程中，界面设计

教材处理

围绕教材的重点内容

参考资料

设计素材网站昵图网，站酷网

教学资源

优秀设计网站，知名设计公司网站，优秀电子商务平台等

教学方法与手段

操作训练

考核评价点

设计制作能力

教学内容

第五部分网站界面中导航系统

授课单元名称

网站界面中导航系统授课学时6

单元教学目标

知识目标

导航系统的设计概述，原则形式

能力目标

具体导航系统的设计，从全局导航和局部导航来掌握，

实训导航设计案例

主要教学知识点

导航系统的设计目的，信息构建，整体结构，层级间的切换关系，超链接测试等

教学难点

导航设计的实际操作制作过程

教材处理

围绕教材的重点内容

参考资料

HTML学习网站，XX帮助页面，链接性网页

教学资源

通过互联网搜索引擎，浏览认识各种导航设计，导航栏目

教学方法与手段

操作训练

考核评价点

简单导航栏目设计

教学内容

授课单元名称

网站界面中其他功能的设计

授课学时

6

单元教学目标

知识目标

了解网站界面中个人注册，登陆，论坛，管理系统界面

的不同设计

能力目标

初步掌握投资、理财原理和风险

主要教学知识点

常见注册登陆页，论坛，后台管理系统页面的简单设计

教学难点

各种不同界面设计制作过程中的差别，互动界面设计的技巧处理，通过软件工具设计制作不同界面，以及简单超链接的使用

教材处理

围绕教材的重点内容

参考资料

各类注册登录网站，如邮箱，博客，空间登录界面，设计素材网站

教学资源

通过实际浏览网站，电子商务平台和服务网站，登陆常见网站，进

行对网站登录界面认识。

教学方法与手段

实训习题练习

考核评价点

设计制作

教学内容

授课单元名称

网站界面中的广告设计

授课学时6

单元教学目标

知识目标

网络广告的基本特别，设计

原则，表现手法

能力目标

在制作网络广告过程中具体的banner图设计，弹出式广告设计，表现的手法技巧

主要教学知识点

网络广告传播空间，视觉效果，交互性，针对受重点的不同，网络广告的不同分类，已经需要策划的广告内容知识

教学难点

使用软件工作制作网络广告，图形广告设计

教材处理

围绕教材的重点内容

参考资料

设计素材网站昵图网，站酷网

教学资源

优秀设计网站，知名设计公司网站，优秀电子商务平台，如大型购

物网站，视频网站。

教学方法与手段

操作训练

考核评价点

通过软件设计制作网络banner广告

教学内容

授课单元名称

网站界面设计的综合案例授课学时6

单元教学目标

知识目标

巩固前期所学各种界面设计的要素点，技巧点，已经熟练使用软件工具

能力目标

结合理论知识点，了解客户需求，通过客户分析定位，

制作成型的网络界面设计

主要教学知识点

巩固前期所设计的要素掌握一二级网络广告的练使用

学各种界面点，技巧点，界面的设计，设计；加强熟软件工具

教学难点

制作成熟网络广告和界面

教材处理

围绕教材的重点内容

参考资料

设计素材网站昵图网，站酷网

教学资源

优秀设计网站，知名设计公司网站，优秀电子商务平台，如大型购

物网站，视频网站。

教学方法与手段

实训操作

考核评价点

不同界面，广告的认知和制作

教学内容

授课单元名称

综合案例的分析和制作授课学时6

单元教学目标

知识目标

巩固前期所学各种界面设计的要素点，技巧点，已经熟练使用软件工具

能力目标

结合理论知识点，学习成熟网络界面的设计

主要教学知识点

熟练使用软件工具制作网络界面和网络广告

教学难点

熟练使用软件工具制作网络界面和网络广告

教材处理

围绕教材的重点内容

参考资料

电子商务概论电子商务服务

教学资源

通过实际浏览网站，电子商务平台和服务网站，登陆常见网站

教学方法与手段

操作训练

考核评价点

合理设计制作网站

教学内容

第十部分综合学习案例

授课单元名称

综合学习案例

授课学时6

单元教学目标

知识目标

巩固网络界面设计基本

理论知识

能力目标

具体设计制作

主要教学知识点

巩固加强学习关于网络界面设计理论知识点

教学难点

软件工具的操作使用

教材处理

围绕教材的重点内容

参考资料

软件工具视频教程设计素材搜集网站

教学资源

设计软件工具视频教程，设计素材搜集下载，积累优秀设计网站

教学方法与手段

操作训练

考核评价点

理论和操作结合掌握程度

教学内容

第十一部分综合考评

授课单元名称

综合考评授课学时6

单元教学目标

知识目标

通过本学习知识点交流沟通学习

能力目标

发现问题，提出问题

主要教学知识点

综合交流沟通

教学难点

综合交流沟通，进行总结

教材处理

围绕教材的重点内容

参考资料

软件工具视频教程设计素材搜集网站

教学资源

设计软件工具视频教程，设计素材搜集下载，积累优秀设计网站

教学方法与手段

交流沟通和实训结合

考核评价点

综合认识和实训

教学内容