没有合适的资源?快使用搜索试试~ 我知道了~
网页艺术设计基础教案的所有内容授课主要内容、课时分配、板书设计
资源详情
资源评论
资源推荐
授课主要内容、课时分配、板书设计
一、课程介绍
从创意、色彩、版式等几个方面学习网页的赏析,为以后设计制作网页打基础。
二、课程学习安排:上课+上机实践
三、教学要求及考核方式:对同学的要求,30%平时+70%考试成绩
四、课程目的:提高同学的审美观和艺术设计能力,提高网页制作的质量。
五、主要内容
第一篇 优秀网页赏析
1、引言:上网,什么网页给大家的印象深刻?
(好网页、差网页都容易给人留下深刻的印象)
2、优秀网页需具备的六个条件(均举例说明)
(1) 4 个必要条件
1 明示标题:标题要清楚,显眼
2 明示信息:一看画面,就能知道是什么类型的网页
3 整理目录信息:目录信息和项目查找方便
4 传达信任感:高品质的设计更让人信赖
(2) 2 个附加条件
1 表现欢迎态度:传达欢迎的心情,给人感觉良好
2 加强说服力:给访问者留下深刻、强烈的印象
(3) 必要条件占优先地位
3、利用这几个条件来设计一个简单的主页
(1)给定主题:以动物为主题,请同学根据以前上网的经验和这六个条件自行设计一
个简单主页
(2)总结同学设计的结果
(3)以猫为主题设计几个主页
1 设计一:中心对称、印象主体型、猫的脚印、桔色为主色
2 设计二:中心对称、印象主体型、多幅照片、桔色为主色
3 设计三:半包围式、均衡型、桔色为主色
六、小结
《第一篇 优秀网站赏析》作为一个整体来进行讲解,将各种类型的网页进行分
解,所有的优秀网站都满足六个基本条件。本次课先总的概括讲解,让同学们对网页赏
析产生兴趣,有一个好的印象。
方法手段:讲授法、实例法、实践法
七、预习:第一篇 优秀网站赏析
授课主要内容、课时分配、板书设计
一、 复习
优秀网页具备的六个条件是哪些?
二、 主要内容
第一篇 优秀网页赏析
1、网页的三个构成空间
(1) 标题空间:明示标题
(2) 欢迎空间:明示信息、表现欢迎态度
(3) 目录信息空间:整体目录信息
(4) 画面整体:传达信任感、加强说服力
(5) 举例
1 检索型首页:关于国际新闻的典型页面
2 印象主体型首页:舒服的对称式
2、4 个必要条件之一:明示标题(均通过举例说明)
(1) 大小、粗细要与标题相称
1 字号越大,文字越粗,越醒目
2 检查标题是否字号太小
3 大小合适最重要
(2) 通过高色阶明示标题
1 鲜艳的色彩能够强化标题
2 强调主体性
(3) 通过宽阔的领地衬托标题
1 宽阔的领地起到强化标题的作用
2 通过扩展领地来强化弱效的标题
(4) 小结
1 大字象征精力和能量,小字代表精密和雅致
2 仅将颜色变得鲜亮一些,就能使标题清晰显眼
3 通过制作空白可以取得标题应有的强度
三、 小结
本次课在于了解六个条件在网页中所占的空间位置,并具体讲解了必要条件一明示
标题。标题如门牌一样需要固定,并且显眼。为了使访问者安心,标题一定要有一定的
强度,并且和谐。
方法手段:讲授法、实例法
四、 预习:第一篇 优秀网站赏析
授课主要内容、课时分配、板书设计
一、复习
网页的构成空间有哪些?好标题在网页中的表现有哪些共同点?
二、主要内容
第一篇 优秀网页赏析
1、了解网站的分类(上机观察各类网站的画面)
(1) 门户类网站
(2) 商务类网站
(3) 文娱类网站
(4) 动漫游戏类网站
2、观察各类网站的标题
从标题的大小、色彩、所占空间等三个角度对下列网站或其它网站进行观察
(1) 门户类网站
1 www.google.com
2 www.sina.com
(2) 商务类网站
1 www.li-ning.com.cn
2 www.bmw.co.uk
3 www.dell.com
4 www.csc108.com
5 www.dangdang.com
6 www.eachnet.com
(3) 文娱类网站
1 www.andylau.com
2 www.rayli.com
3 www.seu.edu.cn
(4) 动漫游戏类网站
1 www.sixdogs.net
2 www.flashempire.com
3、完成实验报告
三、小结
本次课是第一次上机实践,要求按照网站的类型来赏析网站的三个构成空间分
布,并着重了解标题在网站中的作用及明示标题在实际中的应用。
方法手段:实践法
四、作业:实验报告
五、预习:第一篇 优秀网站赏析
授课主要内容、课时分配、板书设计
一、复习
网站中标题的明示主要有哪些方法?
二、主要内容
第一篇 优秀网页赏析
1、明示标题是网站标题空间的内容,主要是介绍使标题方便查看的方法。
2、下面介绍网站的欢迎空间
(1)欢迎空间的两个作用(通过实例说明)
1 标明信息
2 表达欢迎空间
(2)必要条件 2:明示信息(通过实例说明)
1 利用排版样式传递信息
2 利用图片传递信息
3 利用配色传递信息
a、 色相与色调决定整体印象
b、 各类色系搭配概况:同色系、对比色、全色相
c、 色调搭配概括:灰色系、明色调
(3)附加条件 1:表现欢迎态度(通过实例说明)
1 用图片表现欢迎态度
2 通过色彩、形状和语言来表现
a、 明色调表现欢迎情绪
b、 吉祥图案是欢迎态度的说明
c、 用语言表示欢迎
(4)总结(再次通过实例说明)
1 确定了要传达的信息,排版的样式也就相应决定了
2 图像决定网页给人的第一印象,应选择容易引起人们联想且不易忘记的主题
3 配色本身也有信息性,选择与主页相称的颜色
4 欢迎的趣味性和简明性最重要
5 通过色彩和形象传递气氛和乐趣
三、小结
本次课是介绍使访问者安心和愉快的方法,即网站的欢迎空间。欢迎空间是位于标题
与目录信息之间的部分。它是再次确认信息和获得安心感的地方。访问者会在这个空间
再次确立自己先前从标题中得到的主页的大体印象。
方法手段:讲授法、实例法
四、预习:第一篇 优秀网页赏析
授课主要内容、课时分配、板书设计
一、复习
信息明示在网页中的表现有哪些共同点?
二、主要内容
第一篇 优秀网页赏析
1、了解网站的分类(上机观察各类网站的画面)
(1) 门户类网站
(2) 商务类网站
(3) 文娱类网站
(4) 动漫游戏类网站
2、观察各类网站的信息明示
从信息明示排版样式、图片、色调等三个角度对下列网站或其它网站进行观察
(1) 门户类网站
1 www.google.com
2 www.sina.com
(2) 商务类网站
1 www.li-ning.com.cn
2 www.bmw.co.uk
3 www.dell.com
4 www.csc108.com
5 www.dangdang.com
6 www.eachnet.com
(3) 文娱类网站
1 www.andylau.com
2 www.rayli.com
3 www.seu.edu.cn
(4) 动漫游戏类网站
1 www.sixdogs.net
2 www.flashempire.com
3、完成实验报告
三、小结
本次课是上机实践,要求按照网站的类型来赏析网站的欢迎空间,并着重了解信
息在网站中的作用及明示信息在实际中的应用。
方法手段:实践法
四、作业:实验报告
五、预习:第一篇 优秀网站赏析
剩余27页未读,继续阅读
gk1999
- 粉丝: 0
- 资源: 2
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0