网站界面设计教案详解
脑年龄测试-名人读书
课程教案
开课时间: 2014 — 2013
学年度第 二 学期
课程名称: 电子商务综合实训
开课教研室: 电子商务
课程编码:______________________________
课程类别:
总学时/周学时: 54 6(X9)
授课年级、专业、班级:2010级电子商务专业
授课教师(职称):_____李小刚___
编写日期:2012 年 8 月
日
课
程
目
能力
标
目标
知识
掌握网站界面设计的基础构成,色彩,功能部分的理论知识
目标
掌握熟练应用软件工具,从而达到独立制作设计网站界面设计
选用教材:网站界面设计案例教程(全国高等职业教育规划教材)
教材特点及适用性分析:
1、从教材特点来讲,本教材重点侧重基础部分,从整体的网站界面
设
计来进行系统性的基础规划。从网站界面的发展,构成要素等理论知识和设
计网站界面的软件
工具,实例网站的设计制作这三大部分构成。这三部分相
辅相成来实现本次教学规划。基础理论部分由界
面设计原则,色彩的原理作
用,图形图像处理分类,整体界面首页的设计及其他功能设计等。重点部分<
br>也是本教材的核心之一就是对软件工具的学习掌握,Photoshop, Fireworks, Dreamweaver等。最后通过理论和软件工具的结合进行对一些案例网站界面
进行设计制作
。
2、从适用性方面来看,基本符合初学学生的掌握应用,重点让学生熟
教
练应用操
作软件工具,同时给学生良好详细的讲解网站界面设计的技术要素
材
理论知识,能达到独立完成
简单的网站界面设计制作。
分
析
参考教材:
调整说明:
主要采用教师讲解界面设计的基础,原理,技巧,软件工具等知
教学方法
识,自主操作应用软件制作界面、课堂讨论的教学方法,通过实际操
与手段
作案例分析、提问与个别交流等。
教学地点
网络教室
实训教学
条件要求
国际互联网连接
通过学生对
网站界面的理解认识,学习态度以及能否独立制作简单
考核
网站界面来进行考核。
方案
平时作业安排:
实行课上课下两部分作业来
安排,教师按照教学规划讲解本次知识点,练习点,
进行课堂作业练习,从而巩固学生对本堂课程的学习
和应用。
课下作业按照学生的学习掌握情况来安排,重点加强,多练习设计制作,多沟通,
提
高学生的学习意识。
对教案的分析总结:
教师在授课之前,准备好当
次教案,进行讲解授课,课后可通过实际授课内容,
以及对学生的掌握程度对教案进行补充完善,使得每
次授课计划各有特点,提高
学生学习掌握的兴趣,达到更好的教学效果。
任课教师签字
教研室主任签字
第一部
网站界面设计基础
授课单元名称
单元教学
目标
网站界面设计基础
授课学时 6
知识目标 了解网站界面的发展及基础构成要素
能力目标
初步掌握网站界面设计原则及需要用到的软件
网站界面的构成要素,设
主要教学
计要点,设计基本原则,设计软件工具的基础工具
教学难点
知识点
网站界面和软件界面的的认识
异同
网站界面设计教程
教材处理
围绕教材的重点内容 参考资料
软件视频教程
通过实际浏览网站,电子商务平台和服务网站,登陆常见网站,进
教学资源
行对网站认识,下载安装软件工具。
教学方法与考核
网站界面设计的构成部分
操作训练
手段 评价点 及设计原则
教学内容
第二部分
网站界面设计中的色彩
授课单元名称
单元教学
目标
网站界面设计中的色彩
授课学时 6
知识目标
了解色彩学的心理效应和色彩作用
能力目标 掌握色彩三要素,色彩搭配应用及基本原理
在做网站界面的过程中,
重点掌握色彩搭配,色彩不同网站界面,涉及到行业
主要教学
的巧妙应用,以及色彩给教学难点 性质不同,色彩搭配实用都
知识点
人的视觉效果和情感变不同,配色技巧
化
色彩搭配网站
教材处理
围绕教材的重点内容 参考资料
设计素材网站
采用不同颜色的色彩色块配色,掌握冷暖色彩,色彩纯度,色彩主
教学资源
次关系,可通过色彩鲜明优秀的网站进行实例讲解说明。如站酷素
材网,素材中国等。
教学方法与对比色彩,浏览各种不同考核 色彩原理,色彩搭配的认知
手段 色彩网站 评价点
度和敏感度
教学内容
第三部分 网站界面设计中的图形
授课单元名称
知识目标
网站界面设计中的图形
授课学时 6
单元教学
目标
主要教学
知识点
教材处理
教学资源
教学方法与
手段
了解图形图像在界面设计中所传达的作用,以及分类
初步掌握图形的主题图,辅助图,标志;重点初步掌握
能力目标
学习图形图像的处理技巧,开始使用软件工具来处理制
作。
可通过图形图像来美化
界面,增强界面视觉美感软件工具初学者使用有一
教学难点
效果,进行简单图形图像定难度,需要加强练习
处理制作
设计素材网站
围绕教材的重点内容 参考资料
昵图网
知名互联网信息网站,学习网站,电子商务平台和服务网站
操作训练
考核
评价点
教学内容
图形图像处理制作能力
第四部分
网站界面中首页的设计
授课单元名称
单元教学
目标
主要教学
知识点
教材处理
教学资源
教学方法与
手段
知识目标
网站界面中首页的设计
授课学时 6
界面整体设计风格的定位,包括色彩
,版式,文字等有
初步了解作为基础,掌握一二级界面的概念
能力目标
设计制作网站一级界面,二级界面
界面整体设计框架,风
格,栏目,色彩,图形的教学难点
实际操作过程中,界面设计
巧妙选用和使用
设计素材网站
围绕教材的重点内容
参考资料
昵图网,站酷网
优秀设计网站,知名设计公司网站,优秀电子商务平台等
操作训练
考核
评价点
教学内容
设计制作能力
第五部分 网站界面中导航系统
授课单元名称
单元教学
目标
主要教学
知识点
教材处理
教学资源
教学方法与
手段
知识目标
网站界面中导航系统
授课学时 6
导航系统的设计概述,原则形式
具体导航系统的设计,从全局导航和局部导航来掌握,
能力目标
实训导航设计案例
导航系统的设计目的,信
息构建,整体结构,层级导航设计的实际操作制作
教学难点
间的切换关系,超链接测过程
试等
HTML学习网站,百度帮助
围绕教材的重点内容 参考资料
页面,链接性网页
通过互联网搜索引擎,浏览认识各种导航设计,导航栏目
操作训练
考核
评价点
教学内容
简单导航栏目设计
第六部分
网站界面中其他功能的设计
授课单元名称
单元教学
目标
知识目标
网站界面中其他功能的设计 授课学时 6
了解网站界面中个人注册,登陆,论坛,管理系统界面
的不同设计
能力目标
初步掌握投资、理财原理和风险
各种不同界面设计制作过
常见注册登陆页,论坛,程中的差别,互动界面设计
主要教学
后台管理系统页面的简教学难点 的技巧处理,通过软件工具
知识点
单设计
设计制作不同界面,以及简
单超链接的使用
各类注册登录网站,如邮
教材处理
围绕教材的重点内容 参考资料 箱,博客,空间登录界面,
设计素材网站
通过实际浏览网站,电子商务平台和服务网站,登陆常见网站,进
教学资源
行对网站登录界面认识。
教学方法与考核
实训习题练习 设计制作
手段 评价点
教学内容
第七部分 网站界面中的广告设计
授课单元名称
知识目标
网站界面中的广告设计
授课学时 6
网络广告的基本特别,设计原则,表现手法
单元教学
在制作网络广告过程中具体的banner图设计,弹出式
目标
能力目标
广告设计,表现的手法技巧
网络广告传播空间,视觉
效果,交互性,针对受重
主要教学
使用软件工作制作网络广
点的不同,网络广告的不教学难点
知识点 告,图形广告设计
同分类,已经需要策划的
广告内容知识
设计素材网站
教材处理
围绕教材的重点内容 参考资料
昵图网,站酷网
优秀设计网站,知名设计公司网站,优秀电子商务平台,如大型购
教学资源
物网站,视频网站。
教学方法与考核 通过软件设计制作网络
操作训练
手段 评价点 banner广告
教学内容
第八部分 网站界面设计的综合案例
授课单元名称
知识目标
网站界面设计的综合案例
授课学时 6
巩固前期所学各种界面设计的要素点,技巧点,已经熟
练使用软件工具
单元教学
目标
结合理论知识点,了解客户需求,通过客户分析定位,
能力目标
制作成型的网络界面设计
巩固前期所学各种界面
设计的要素点,技巧点,
主要教学
掌握一二级界面的设计,教学难点 制作成熟网络广告和界面
知识点
网络广告的设计;加强熟
练使用软件工具
设计素材网站
教材处理
围绕教材的重点内容 参考资料
昵图网,站酷网
优秀设计网站,知名设计公司网站,优秀电子商务平台,如大型购
教学资源
物网站,视频网站。
教学方法与考核
不同界面,广告的认知和制
实训操作
手段 评价点 作
教学内容
第九部分
综合案例的分析和制作
授课单元名称
单元教学
目标
主要教学
知识点
教材处理
教学资源
教学方法与
手段
知识目标
综合案例的分析和制作
授课学时 6
巩固前期所学各种界面设计的要素点,技巧点,已经熟
练使用软件工具
能力目标
结合理论知识点,学习成熟网络界面的设计
熟练使用软件工具制作熟练使用软件工具制作网
教学难点
网络界面和网络广告
络界面和网络广告
电子商务概论
围绕教材的重点内容 参考资料
电子商务服务
通过实际浏览网站,电子商务平台和服务网站,登陆常见网站
操作训练
考核
评价点
教学内容
合理设计制作网站
第十部分
综合学习案例
授课单元名称
单元教学
目标
主要教学
知识点
教材处理
教学资源
教学方法与
手段
综合学习案例
授课学时 6
知识目标 巩固网络界面设计基本理论知识
能力目标
具体设计制作
巩固加强学习关于网络
教学难点 软件工具的操作使用
界面设计理论知识点
软件工具视频教程
围绕教材的重点内容 参考资料
设计素材搜集网站
设计软件工具视频教程,设计素材搜集下载,积累优秀设计网站
操作训练
考核
评价点
教学内容
理论和操作结合掌握程度
第十一部分 综合考评
授课单元名称
单元教学
目标
主要教学
知识点
教材处理
教学资源
教学方法与
手段
知识目标
能力目标
综合交流沟通
围绕教材的重点内容
综合考评
授课学时 6
通过本学习知识点交流沟通学习
发现问题,提出问题
教学难点
参考资料
综合交流沟通,进行总结
软件工具视频教程
设计素材搜集网站
设计软件工具视频教程,设计素材搜集下载,积累优秀设计网站
交流沟通和实训结合
考核
评价点
综合认识和实训
教学内容