高中信息技术选修3课件-4.2.3 树立网站整体风格-教科版(共25张PPT)

五一过去了
六一还会
“远”吗？
青春期的同学们，已经过了理智气壮的过六一要礼物的时候，为了缅怀自己已经逝去的童年，高一（1）班的小阮同学把童年的回忆做成了一个名为“童年（childhood）”
网站，这是她的初稿，我们一起来欣赏一下：
树立网站的整体风格
网站标志(logo)
1.主题相关的人或物进行卡通化和艺术化；
2.专业化网站，以本专业代表性物品为标志；
3.以网站中文或英文名称作为标志。
设计思路
网站标志制作工具
用图像设计软件（Ps，Flash,画图等）
2.
在线logo生成工具
http://www..cn/logo-maker.jsp
活动一
1.
尝试为“童年（childhood）”主题网站设计一个“
png
”格式的网站标志，命名为“logo”，并保存到“D:\Myweb\images\
”文件夹中。
2.请同学们在网页制作工具FrontPage
中打开“D:\Myweb\index.htm
”
，将自己的设计放在页面的指定位置。
优秀LOGO设计的一般特征
能够契合网站的主题
平凡不平庸：
设计既要符合大众的审美习惯，又要有一定的独特创意。
标准色彩
网站的标准色彩指能体现网站形象和延伸内涵的色彩；
不同的色彩搭配产生不同的效果，并且可能影响到访问者的情绪，改变访问者的行为方式。
红色：激奋的色彩，联想到太阳，使人产生冲动愤怒，热情活力
绿色：和睦宁静的色彩，与金黄、淡白配合，更显优雅舒适
黄色：明度最高，快乐、希望、智慧和轻快的颜色
蓝色：清朗的色彩，让人冷静信服，与白色混合更显淡雅柔顺
紫色：神秘的色彩，高贵、庄严、豪华
白色：明快、纯真、清洁的色彩
黑色：寂静，简洁、肃穆
灰色：中庸平凡、温和谦让，而又沉稳大气
活动二：用“色彩”说话
1、思考讨论你们觉得主题网站“童年”应该给人_______的感觉；______配色最适合表达。
2、在FrontPage
中打开D:\Myweb\index.htm
，用颜色将你们的设计呈现出来吧。
小贴士：
通过调整网页、表格、单元格的背景以及网页中字体颜色实现你的设计
虽然内心对“童年”有自己的想法要表达，也懂得操作方法但就是实际效果和预期差别巨大，这么多短的时间，这么高的要求，怎么办呢？
“主题”
主题
Microsoft
FrontPage
内置了许多可立即使用的完整配色设计方案。使用主题是使网页视觉一致且具有吸引力的快捷方法。
活动二续：用“色彩”说话
在FrontPage
中打开D:\Myweb\index.htm
，尝试使用“主题”将你的设计意图呈现出来。
http://www./lesson/list.htm
网站配色规则
1.契合网站主题
2.标准色彩不超过3种，用于网站的标志、标题和主色块，给人以整齐统一的感觉。
3.整体协调，局部对比
大家来找茬
观察一下同学们屏幕上网页，跟投影出来的效果有哪些不同？
http://172.1.7.30
讨论思考：
1.为了避免设计效果和浏览者看到的情况不符，对于网页字体我们应该怎么选择？
2.为体现网站“与众不同”的特有风格，必须使用特殊字体或艺术字，应该怎么处理？
标准字体
标准字体指用于标志、标题、主菜单的特有字体。
3、字体的大小设置
网页中字体大小不要乱设置，以系统默认为宜。
?
?
?1、字体的选择?
??
网页字体的使用一般选择宋体等比较常用的字体，防止用户因没安装对应字体造成显示错误。
2、特殊字体或艺术字体的设置?
??
尽量做成图片置入网页，以保证所有人看到的页面是同一效果。
活动三
1.请同学们对“童年”主题网站上的文字进行进一步美化，并保存网站
2.关闭自己的网站设计，打开如下链接，欣赏同伴作品，根据本节课所学，选出你觉得最漂亮且独具风格的网站设计。
http://www./lesson/list.htm
总结
树立一个网站整体风格的关键是：
网站标志
标准色彩
标准字体
本节课结束，谢谢！