第六章-网页元素banner

《第六章-网页元素banner》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、授课班级授课日期授课题目：第六章网页元素Banner目的要求：会分析BANNER优劣；会设计制作BANNER动画；了解BANNER的常用表现形式重点难点：Banner基本常识；Banner的常见表现形式；Banner的设计原则组织教学：点名考勤引入新课讲解新课总结学生练习巡回指导总结问题总结复习导入新课：Banner是指显示在网站首页以及其他各级页面的一个横幅，放置在每个页面最醒目的位置，可以对访问者起到很好的提示、宣传作用，是一种网络广告形式。提问：v导航的概念及作用？v导航的基本常识是？v常见导

2、航的表现形式有哪些？v导航的设计原则有哪些？教学方式、手段、媒介：教学手段：讲授、多媒体；媒介：教材授课内容：一、banner简介Banner（网幅图象广告）：以GIF，JPG等格式建立的图象文件，定位在网页中，大多用来表现网络广告内容，同时还可使用Java等语言使其产生交互性，用Shockwave等插件工具增强表现力。     BANNER广告有多种表现规格和形式，其中最常用的是486×60像素的标准标志广告，由于这种规格曾处于支配地位，在早期有关网络广告的文章中，如没有特别指名，通常都是指标准标

3、志广告。这种标志广告有多种不同的称呼，如横幅广告、全幅广告、条幅广告、旗帜广告等。通常采用图片、动画、FLASH等方式来制作BANNER广告。二、Banner的作用对于网站和广告客户而言，banner广告绝对不只是一张可以产生动态的图片而已，如何在有限的空间里用几秒钟的时间来达到最佳的视觉冲击力对于广告设计者来说是很难把握的工作。网络banner设计的特点,首先我们需要了解一下网站的页面组成，网站一般包括以下几个部分。1、首页：这是网站的门面，代表公司的形象，应该特别注重设计很规划。2、框架页：网站

4、的主要结构页面，又称次首页或内页，大型网站往往框架页即为首页，如一些门户网站。框架页主要是网站的内部主要栏目的首页，讲究风格的一致性，并与这个、主页呼应。3、普通页：望站主要的承载信息的页面，设计要求不高，但要求连接准确、文字无误、图文并茂、并延续网页的风格。4、弹出页：一般用与广告、新闻、消息、到其他网站的连接等，一般使用很少。通过上面的分析，我们可以得出：从功能上来看，首页主要承载着树立企业形象（当然不仅仅是首页）的作用，所以一个好的banner设计可以给网站增辉添彩、树立网站形象，并达到广告的

5、预期效果。所以如何把握页面中的banner设计就成了各网站美术设计师相当看中的部分。在网络营销术语中，Banner是一种网络广告形式。Banner广告一般是放置在网页上的不同位置，在用户浏览网页信息的同时，吸引用户对于广告信息的关注，从而获得网络营销的效果。a.决定网页设计水平。b.获得网络营销效果。三、banner尺寸标准IAC/CASIE标准　　1997年第一次标准公布　　No.Size(pix)Name　　1468×60全尺寸banner　　2392×72全尺寸带导航条banner　　3234

6、×60半尺寸banner　　4125×125方形按钮　　5120×90按钮＃1或小图标　　6120×60按钮＃2或小图标　　788×31小按钮或banner　　8120×240垂直banner　　2001年第二次标准公布　　No.Size(pix)Name　　1120×600"摩天大楼"形　　2160×600宽"摩天大楼"形　　3180×150长方形　　4300×250中级长方形　　5336×280大长方形　　6240×400竖长方形　　7250×250"正方形弹出式"广告*IAB将不再支持1997

7、年第一次公布标准中的392×72形。四、网络banner的设计要领由于汉字的特点，中文banner的设计与创作有一些特别之处值得注意，一个精心设计的banner和一个设计平淡的banner在点击率上将会相差很大。 （一）找出目标站点最吸引访问者的地方，转换为banner设计时的“卖点”， （二）选择一个最具有吸引力的内容来作为banner的创作主题：  （三）在“卖点”设计上，应该站在访问者的角度，注意与广告站点内容的相关性，使得点击率能够提高。比如，一家高尔夫俱乐部的banner，如果出现在体育站

8、点，则应该强调高尔夫球是健身娱乐的理想运动项目，而如果出现在金融站点时则应该强调是身份和地位的象征。（四）决定点击率的真正标准是看banner所包含的意思中是否有给访问者带来利益的内容，最简单的例子就是抽奖站点的banner一定要大大突出奖项的丰厚和普遍。 （五）Banner的文字不能太多，一般最好用一句来表达，配合的图形也无须太繁琐，文字尽量使用黑体等粗壮的字体，否则在视觉上很容易被网页其他内容所淹没，也极容易在分辨率不高的屏幕上产生“花字”。图行尽量选择颜色数少，