1、 活动主题活动主题 如果我们在设计网页的时候如果我们在设计网页的时候 只是插入文字和图片而不进行排只是插入文字和图片而不进行排 版，页面不免过于简单、呆板。版，页面不免过于简单、呆板。 多姿多彩的民俗风情又怎能容平多姿多彩的民俗风情又怎能容平 淡无奇的版面把它的光彩抹杀呢淡无奇的版面把它的光彩抹杀呢? ? 本节课本节课, ,我们将对上节课制作的基本成型的网页进我们将对上节课制作的基本成型的网页进 行“形象设计”行“形象设计” , ,使网页更为精美使网页更为精美, ,具有独特的风具有独特的风 格格, ,使读者在打开网页时就被深深地吸引住。使读者在打开网页时就被深深地吸引住。 学习体验学习体验 体
2、现一个网站与众不同体现一个网站与众不同, ,就要确定网站的风格。就要确定网站的风格。 交流交流 请用一句话描述图请用一句话描述图5 5- -1 1和图和图5 5- -2 2给你的感觉给你的感觉, ,它呈现它呈现 了怎样的风格了怎样的风格? ? 网站的风格网站的风格 “风格”是指站点的整体形象给浏览者的综合感受“风格”是指站点的整体形象给浏览者的综合感受: : 是粗犷豪放的，或是清新秀丽的；是温文儒雅的是粗犷豪放的，或是清新秀丽的；是温文儒雅的, , 或是执着热情的或是执着热情的; ;是生动活泼的是生动活泼的, ,或是专业严肃的。或是专业严肃的。 整体形象包括网站的配色、字体、页面布局、页面整体
3、形象包括网站的配色、字体、页面布局、页面 内容、交互性、海报、宣传语等因素。内容、交互性、海报、宣传语等因素。 有风格的网站与普通网站的区别有风格的网站与普通网站的区别: :在普通网站上你在普通网站上你 看到的只是堆砌在一起的信息看到的只是堆砌在一起的信息, ,你只能用理性的感你只能用理性的感 受来描述受来描述, ,比如信息量的多少比如信息量的多少, ,浏览速度的快慢等浏览速度的快慢等; ; 在有风格的网站上你可以获得除内容之外的更感性在有风格的网站上你可以获得除内容之外的更感性 的认识的认识, ,比如站点的品位比如站点的品位, ,对浏览者的态度等。对浏览者的态度等。 我们如何树立网站风格呢？
4、我们如何树立网站风格呢？ 第一，确信风格是建立在有价值内容之上的第一，确信风格是建立在有价值内容之上的。 第二，你需要彻底搞清楚自己希望站点给人的印象是什么。第二，你需要彻底搞清楚自己希望站点给人的印象是什么。 第三，在明确自己的网站印象后，开始努力建立和加强这种印象。第三，在明确自己的网站印象后，开始努力建立和加强这种印象。 1.1.如果只用一句话来描述你的站点，应该是如果只用一句话来描述你的站点，应该是:_:_ 参考答案：参考答案： 有创意，专业，有有创意，专业，有( (技术技术) )实力，有美感，有冲击力实力，有美感，有冲击力 2.2.想到你的站点，可以联想到的色彩是：想到你的站点，可以
5、联想到的色彩是：_ 参考答案：参考答案： 热情的红色，幻想的天兰色，聪明的金黄色热情的红色，幻想的天兰色，聪明的金黄色 . .如果网站是一个人，他拥有的个性是：如果网站是一个人，他拥有的个性是：_ 参考答案：参考答案： 思想成熟的中年人，狂野奔放的牛仔，自信憨厚的创业者思想成熟的中年人，狂野奔放的牛仔，自信憨厚的创业者 图形图像处理软件图形图像处理软件 除了除了PhotoPhoto- -shopshop这样的专业图形图像处理软件之外这样的专业图形图像处理软件之外, , FireworksFireworks也是一个比较简单易用的图形图像也是一个比较简单易用的图形图像 处理软件。处理软件。 一、设
6、计网站标志一、设计网站标志 实践实践 网站标志可以是中文、英文字母网站标志可以是中文、英文字母, ,也可以是符号、也可以是符号、 图案等。标志的设计创意应当来自网站的名称和内图案等。标志的设计创意应当来自网站的名称和内 容。例如图容。例如图5 5- -3 3就是一些网站标志的范例。就是一些网站标志的范例。 1.设计网站的标志(logo). (1).网站有代表性的人物，动物，花草，可以用它们作为设计 的蓝本，加以卡通化和艺术化，例如迪斯尼的米老鼠，搜狐 的卡通狐狸 ().网站有专业性的，可以以本专业有代表的物品作为标志。比 如中国银行的铜板标志，奔驰汽车的方向盘标志。 ().最常用和最简单的方式
7、是用自己网站的英文名称作标志。 采用不同的字体， 字母的变形，字母的组合可以很容易制作好 自己的标志。 如果让你围绕“民族大家庭”设计一个网站标志如果让你围绕“民族大家庭”设计一个网站标志, , 你会怎么做呢？你会怎么做呢？ 试试看试试看, ,你能不能用“画图”软件或其他图形图像你能不能用“画图”软件或其他图形图像 处理软件来设计一个类似图处理软件来设计一个类似图5 5- -4 4的简洁美观的网站的简洁美观的网站 标志标志? ? 如果你是使用“画图”软件来制作如果你是使用“画图”软件来制作, ,那么那么, ,用什么工用什么工 具画橙色的线条具画橙色的线条? ?哪个工具可以逐个输入文字哪个工具可
8、以逐个输入文字? ?放置放置 好文字好文字, ,这样就可以做出类似的效果了。这样就可以做出类似的效果了。 二、设计网站色彩二、设计网站色彩 网站给人的第一印象来自视觉冲击网站给人的第一印象来自视觉冲击, ,不同的色彩搭不同的色彩搭 配产生不同的视觉效果。例如配产生不同的视觉效果。例如, , “山水甲天下”的“山水甲天下”的 广西给人们的感觉是山清水秀、风景独好。图广西给人们的感觉是山清水秀、风景独好。图 5 5- -5 5中有两个不同风格的“美丽的广西”中有两个不同风格的“美丽的广西” , ,请问哪请问哪 个网页的风格更为恰当呢？个网页的风格更为恰当呢？ 一般来说，适合于网页标准色的颜色有：蓝
9、色，黄一般来说，适合于网页标准色的颜色有：蓝色，黄 / /橙色，黑橙色，黑/ /灰灰/ /白色三大系列色。白色三大系列色。 请用恰当的语言描述图请用恰当的语言描述图5 5- -6 6所示“民族大家庭”首所示“民族大家庭”首 页的主体风格。页的主体风格。 三、设计网站字体三、设计网站字体 为了体现网站的与众不同和特有风格为了体现网站的与众不同和特有风格, ,我们可以根我们可以根 据自己网站所表达的内涵据自己网站所表达的内涵, ,选择一些特别字体选择一些特别字体, ,如图如图 5 5- -7 7所示。所示。 一般而言一般而言, ,标题要做得醒目标题要做得醒目, ,字体就要特别一点字体就要特别一点,
10、 ,字字 号也要较大号也要较大, ,而正文部分采用普通的宋体字即可。而正文部分采用普通的宋体字即可。 在在FrontPageFrontPage中也可以使用艺术字中也可以使用艺术字, ,方法与在方法与在WordWord中中 插入艺术字基本相同。请写出具体实施的操作步骤。插入艺术字基本相同。请写出具体实施的操作步骤。 交流交流 1 1. .你打算为你的网站设立什么样的风格你打算为你的网站设立什么样的风格? ?请与同学请与同学 谈谈自己的想法。谈谈自己的想法。 2 2. .根据图根据图5 5- -8 8、图、图5 5- -9 9和图和图5 5- -1010所示所示, ,说说在网页中说说在网页中 使用“艺术字”的操作步骤。使用“艺术字”的操作步骤。 巩固练习巩固练习 1 1. .请你为自己即将出炉的少数民族网站制作网站标请你为自己即将出炉的少数民族网站制作网站标 志。志。 2 2. .利用学过的知识利用学过的知识, ,确定你的少数民族网站独特的确定你的少数民族网站独特的 风格。风格。 （四）课堂小结（学生自己总结）（四）课堂小结（学生自己总结） 通过这节课的学习，我学会了对网页进行“形象设通过这节课的学习，我学会了对网页进行“形象设 计”计” , ,使网页更为精美使网页更为精美, ,具有独特的风格具有独特的风格
