第五课 我有我风采——确定网站风格 课件（34张PPT）

课件34张PPT。第五课 我有我风采--确定网站风格活动主题 如果我们在设计网页的时候只是插入文字和图片而不进行排版，页面不免过于简单、呆板。多姿多彩的民俗风情又怎能容平淡无奇的版面把它的光彩抹杀呢?
本节课,我们将对上节课制作的基本成型的网页进行“形象设计” ,使网页更为精美,具有独特的风格,使读者在打开网页时就被深深地吸引住。
学习体验体现一个网站与众不同,就要确定网站的风格。
交流请用一句话描述图5-1和图5-2给你的感觉,它呈现了怎样的风格?
网站的风格
“风格”是指站点的整体形象给浏览者的综合感受:是粗犷豪放的，或是清新秀丽的；是温文儒雅的,或是执着热情的;是生动活泼的,或是专业严肃的。整体形象包括网站的配色、字体、页面布局、页面内容、交互性、海报、宣传语等因素。
有风格的网站与普通网站的区别:在普通网站上你看到的只是堆砌在一起的信息,你只能用理性的感受来描述,比如信息量的多少,浏览速度的快慢等;在有风格的网站上你可以获得除内容之外的更感性的认识,比如站点的品位,对浏览者的态度等。我们如何树立网站风格呢？ 第一，确信风格是建立在有价值内容之上的。

第二，你需要彻底搞清楚自己希望站点给人的印象是什么。
第三，在明确自己的网站印象后，开始努力建立和加强这种印象。 1.如果只用一句话来描述你的站点，应该是:_____________
　　参考答案：　　有创意，专业，有(技术)实力，有美感，有冲击力
　　
2.想到你的站点，可以联想到的色彩是：________________
　　参考答案：　　热情的红色，幻想的天兰色，聪明的金黄色
　　
３.如果网站是一个人，他拥有的个性是：________________
　　参考答案：　　思想成熟的中年人，狂野奔放的牛仔，自信憨厚的创业者图形图像处理软件
除了Photo-shop这样的专业图形图像处理软件之外, Fireworks也是一个比较简单易用的图形图像处理软件。
一、设计网站标志实践
网站标志可以是中文、英文字母,也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容。例如图5-3就是一些网站标志的范例。1.设计网站的标志(logo).
(1).网站有代表性的人物，动物，花草，可以用它们作为设计的蓝本，加以卡通化和艺术化，例如迪斯尼的米老鼠，搜狐的卡通狐狸(２).网站有专业性的，可以以本专业有代表的物品作为标志。比如中国银行的铜板标志，奔驰汽车的方向盘标志。 (３).最常用和最简单的方式是用自己网站的英文名称作标志。采用不同的字体， 字母的变形，字母的组合可以很容易制作好自己的标志。
如果让你围绕“民族大家庭”设计一个网站标志,你会怎么做呢？试试看,你能不能用“画图”软件或其他图形图像处理软件来设计一个类似图5-4的简洁美观的网站标志?如果你是使用“画图”软件来制作,那么,用什么工具画橙色的线条?哪个工具可以逐个输入文字?放置好文字,这样就可以做出类似的效果了。二、设计网站色彩网站给人的第一印象来自视觉冲击,不同的色彩搭配产生不同的视觉效果。例如, “山水甲天下”的广西给人们的感觉是山清水秀、风景独好。图5-5中有两个不同风格的“美丽的广西” ,请问哪个网页的风格更为恰当呢？一般来说，适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。
请用恰当的语言描述图5-6所示“民族大家庭”首页的主体风格。
三、设计网站字体为了体现网站的与众不同和特有风格,我们可以根据自己网站所表达的内涵,选择一些特别字体,如图5-7所示。一般而言,标题要做得醒目,字体就要特别一点,字号也要较大,而正文部分采用普通的宋体字即可。在FrontPage中也可以使用艺术字,方法与在Word中插入艺术字基本相同。请写出具体实施的操作步骤。
交流1.你打算为你的网站设立什么样的风格?请与同学谈谈自己的想法。2.根据图5-8、图5-9和图5-10所示,说说在网页中使用“艺术字”的操作步骤。
巩固练习1.请你为自己即将出炉的少数民族网站制作网站标志。
2.利用学过的知识,确定你的少数民族网站独特的风格。
（四）课堂小结（学生自己总结）通过这节课的学习，我学会了对网页进行“形象设计” ,使网页更为精美,具有独特的风格……