用户以方便为前提,可以用任何形式处理自己的图像文件,不过最终都要转换为Web上采用的GIF和JPEG文件格式。然后再将图片做成超链,与其他图像或URL链接。
②声频
与声频文件链接,无论是内嵌的,还是外部的,在HTML文档中都能采用与图片和HTML文档链接相同的方法编写。浏览器根据声音文件的扩展名(常用的扩展名有.an、.way、.snd等)确定相应的声音播放程序。随着多媒体计算机拥有量的迅速增加,声音文件的应用正在越来越普遍。
绝大多数多媒体计算机都可利用麦克风或磁带录音机进行录音,并具备起码的声音编辑能力。
另一种传送声音的方法是使用位流传送系统。在这个系统中,先发送一小段初始化设置数据;用户的软件就开始播放声音记录,只要用户想听,声音数据就不断地传送出来。因此,采用这样的系统访问Web站点的人收听声音就不会有限制。位流传送系统正在被一些广播电台和网络广播发布者用于提供实时声音信息传送。为了提供这种声音文件,服务器应该与Intemet建立大容量、高速度的连接。
③动画
随着modem(调制解调器)速度的不断提高,计算机处理速度不断加快,一种往Web页面中添加活动的、可交互的画面的生成系统已经走向成熟。该系统将电影、动画、三维系统和一些小程序带入用户的计算机,从而赋予计算机新的功能,并为网络广告提供了更为触目惊心的动画效果。
在互联网络世界,广告仍处在摇篮时代,但该领域的先行者正力求尽可能多地展现其不输于任何传媒的十足魅力。网络广告的发展速度令人吃惊,而且潜力无限,两三年前网上还充斥着静态的同幅广告,如今的网幅广告却以动态的居多了。动画技术的引进,使网络广告变得异常生动。
标准的动画GIF格式文件常常用做Web上的图片,也能在浏览器内产生动画效果。不过这种浏览器应该支持附加的GIF特性。动画的速度可以调整,顺序也可以循环,以达到连续不断的动画效果。现在Web中电影的应用并不广泛,但处于不断上升态势。几乎所有的数字电影格式都能在Web上广泛使用;如.mpg、,.mov、.avi、.qt等。数字电影由一系列图片的文件组成,一般采用了一种或更多的文件压缩方法。图片能够正常显示的速度取决于访问者自己的计算机硬件处理能力和视频显示卡/系统的速度。为了增加电影在可接受的速度下运行的机会,不妨采用小图片模式——例如,采用320像素×240像素点显示,或者干脆采用160像素×120像素点显示。但是即便这样减少图片的尺寸,播放5秒钟电影至少也需存储100K的数据。
(3) Web页面规划
在明白了主页制作的基本原理及其基本编写方法后,我们再来探讨页面内容及图形等应本着什么样的原则,做怎样的安排与设计。一般而言,在规划一个Web页面时,应该考虑以下几个方面的因素:
①关于导航
如果你必须使用图形化的导航按钮的话,那么同时也应该提供一套似乎“冗余”的文本导航标签,作为图形化的导航按钮的后备工具。假如合适的话,在页面的顶部放置一个简短的内容列表。
为每一个页面设置一个标题。同时选择可以反映页面标题文本的文字作为HTML文件的标题。这些标题应该能够准确地概括页面的内容,提供搜索服务。其中应该包含文档标题以及长篇多段落文档的章节标题。
页面底部的导航提示也很重要,可以考虑将页面头部的导航工具复制到页面底部。
避免使用“返回”或是“上页”这样的按钮和链接。
避免使用没有实际意义的图形化导航按钮。
②关于链接
应当充分利用非线性模式。编写Web’页面上的文档与编写线性的。自项向下的文档有很大区别。Web文档的非线性模式意味着允许非线性的访问,对访问顺序的控制权掌握在访问者手中,而不是编写者手中。对于网络广告而言,采用非线性模式非常有利,可以设计多个超链,以实现到达详细解释性信息的跳转和连接。
Web主页通常分栏目编写,栏目中的字或小图标被设计为定位元素,指向其他的子页面。但这并不是说只能按一个方向使用超链,Web文档也支持回指的超链。每个页面顶部的栏目信息可以在访问者访问页面之前快速串起访问者访问的全部可能性和所有选择,同时指向主页的回溯链及进阶链则反复向访问者提示,本网站提供和显示了哪些内容。在Web页面上,高亮的字和小图标被用做定位元素。访问者可以通过选择或点击这些定位元素测览其他的文档或图像。因此,在页面正文中,用专门的句子告诉访问者“Cickhere”是没有必要的。访问者在正常阅读过程中,只要点击该定位元素,就可实现链接,完成页面跳转,很自然,也很方便。如果用文字专门点明“Clickhere”,反而会破坏句子的正常顺序,影响访问者的思考。
处理链接的具体做法是:首先,将你的文档的各项主题写下来。暂且不考虑文本当中的链接问题。然后从中挑选有意义的词汇或短语以用于建立链接。接着,为链接文本确定一个适当的长度。建立用于链接的上下文。然后根据文章的主题结构和语句内容选择有用的链接。应该尽量使用户将要点击的链接文本与目标页面的标题保持一致。
如果内容很多,就划分成多个相互链接的短文档。即使访问者有耐心浏览长文,但他们还是会喜欢在文档中建立快速超链。另外在长文档中,应该给访问者提供返回开头或结尾的机会。在常规中断中使用“more”和一个下指的箭头,也是一种良好的设计风格,以鼓励访问者继续阅读后面的信息。
高亮度的文本总是具有特殊意义的,请不要随意改变链接文本的颜色!
③关于页面长度
为了使你所展示的内容能够成功地抓住人们的注意力,一般说来,你不应该把页面做得比浏览器的窗口更长。
有一些内容必须放在一个屏幕大小的范围之内,因为假如窗口底部以下还藏着更多的内容的话,用户往往就难以得到完整清晰的认识了。如果你需要展示一些短小并且具有清楚的段落结构的信息块,你就应该尽量地使页面都短一些,以免用户错过了落在窗口外面的内容。然而,要是你页面上的文本想让用户成篇地阅读的话,那么长一些的滚动页面也是可行的。不过,作为一个首要的通用准则,大多数页面应该控制在一屏半的文本范围之内,这样,才不会导致太多的不良后果。
如果要进行文档打印或是保存的话,也可以为完整的文档提供一个单独的页面链接。
另外,短小一些的页面也可以使你的站点更便于维护。
④关于视框
将一个页面划分为多个视框对使用者来说是十分具有迷惑性的,因为视框破坏了网络页面的基本用户接口模型。它会导致许多几乎是突如其来的意外情况。例如,你无法为当前的页面设置书签以便于今后的再次访问(因为书签指向了视框集合中的另外一个画面),URL不再有效,打印输出也变得十分困难。更糟的是,使用者所进行的操作可能会带来许多令人意想不到的后果,天知道当你点击一个链接的时候,新的信息会出现在什么地方?
⑤关于图片处理
应当使用图片来诠释页面中的关键性信息内容,而大的图像只应该提供给单独的视频请求。应该把每个页面上所有图片的总规模控制在30K以内。同时,使用现有的技术使页面的访问时间尽量缩短。如果你希望页面能为尽可能多的访问者所接受,那么就应该避免使用JPEG图像来传递关键信息。
如果有一个链接将会引向一幅大型图片的话,那么就应该向访问者发出警告信息。
单幅图像中使用的颜色数量应尽量减少。
假如你打算在一个页面上集中众多的图像,那么就应该为每一幅图像包含一段替代文字。
处理首页通常都有的大图像的最好方法,是为访问者提供多种选择,例如可以采用位映射,让位映射图像中的每一个小内嵌图像都一一对应一个大的图像,访问者点击小图像,就能转入完整的大幅图像,这样可以有效减少首页的下载时间。
使用那些具有透明背景颜色的图像,可以得到更好的图片综合效果。
不要使用那些从别的站点上引用来的图片。
应该有目的地使用图形按钮,不要仅仅因为它们看起来“整齐”就使用它们。
不要过多地使用图形化的分割线。
应当反复地使用一套种类较少的图标或是风格化图片,而不应当采用太多只出现一次的图片。具有相似风格的图标集可以保持自己所有页面的一致风格,也便于访问者记忆。
图标常用做指向其他部分或文档超链的内嵌定位元素。图标图像应该很小,便于浏览器快速进入页面文档。每个图标的图像文件只需浏览器下载一次,在文档中反复调用同一个图标不会降低下载的速度。
谨慎地选择背景图像。
将你的图像在多种硬件和浏览器的组合环境下预览以确保无误。
⑥关于背景色块
有一个办法可以既减少图像的使用,又能达到使页面生动、吸引注意的效果。这个办法就是运用背景色块。显而易见,颜色是站点视觉设计的关键因素之一。视觉设计的先期工作,就包括确定页面的颜色组合方案。颜色能对受众的情绪、思维产生强烈影响,所以选择暖色还是冷色组合、黑色还是白色背景,对访问者必然有很大的导引作用。具体设计时你尽可发挥你的艺术想象力,这里给你提供应该遵循的几条基本技巧:
尽量使用背景色块,避免使用背景图像。用图像做背景,会降低页面的访问速度,使文本难于阅读,还容易模糊整个站点的主旨。
颜色组合要有个性,同时可使文本易读、图像易于区别开来。
审慎选择颜色组合的情绪意义。举例来说,黑色背景下的红色文本,显得很刺眼,对于像花店这类站点就不合适。白色背景下的蓝色文本,看上去很放松、很宁和,对于像摇滚乐队的站点就显得不够分量。改变页面的文本颜色是一个易犯的错误,应当警惕。
为照顾大多数网友,最好限定使用256色。
⑦关于动画
慎重使用动画图像,因为它容易制约页面的访问速度,同时也容易造成对读者视觉上的强烈骚扰,对人的视觉感受产生不良影响。网络页面可以效仿纽约城的时代广场,为用户创造一平和而安静的环境以平静地阅读文章,这样的做法对人们切身感受上的触动才是真正持久的。在使用动画图像之前,建议你仔细考虑这些因素:你为什么一定要用动画图像?为浏览方便强调信息?还是宣传自己身份?如果只是想让你的站点时髦点,那最好别用。
尽量缩减动画的大小。
注意动画是很抢眼的,闪烁的东西往往令人无法忍受,能不用,还是不用为好。要防止弄巧成拙和画蛇添足。
⑧关于页面文字
每行的字符数不要超过50。因为在利用( PRE)和(/PRE)预格式化时,虽然可以控制字符在屏幕上的显示位置,但是这样的控制并非最终控制,如果访问者的浏览器配置的每行字符数小于( PRE)定义的字符数,或者访问者改变了浏览器的大小,预格式化区域里的信息将变为不可见。
标题的字体设置不要太大,以节省空间。前25行以内应该显示尽可能多的信息,多使用内嵌图像,会比普通图像节省空间,争取在首屏显示时就集中体现出主要设计思想和屏幕显示规划。
⑨关于新技术应用
不要试图借助于使用那些最新的网页技术来把顾客吸引到你的网络站点上来。这样做也许可以引来一些无目的的冒失鬼,但大流量的用户所关心的终究是站点上那些有所裨益的内容及其提供良好客户服务的能力。使用那些最新最强大甚至是仍处于测试过程中的技术十有八九要令你的用户感到失望。假如他们的系统在访问你的站点的时候卡壳了,你可以想象,他们中的许多人将永远不会再度光临了。除非你自己所从事的业务就是销售互联网络产品和服务,否则你最好还是等到那些新技术已经经过恰当的实验而为你所熟练掌握并且知道如何恰如其分地应用的时候再去使用它们。
⑩关于质量检查
页面设计完成以后,还要做好质量检查,特别要注意检查以下各项:
对每一个链接都进行测试。
校验HTML文档的语法和结构。
保持页面具有最新时效。
检查文字拼写。
写出适合所有浏览器的页面,而不是仅仅考虑Intemet Explore。
Netscape或是Hotava。
成功的页面规划,其关键在于了解访问者的条件和需求,并站在他们的立场上,为他们设计和制作。这十分重要,如果能做到这一点,你就可以创造性地规划真正能够促销的成功页面了。
7.怎样制作网幅广告
网幅广告的制作程序为:
(1)软件工具的选择与使用
根据对各种图像处理软件的掌握程度,可以选择不同的软件。最简单方便的软件是Microsoft公司出品的用来制作GIF格式的动画GIF Animato。它的界面简洁,操作方便,非常好学,是八门级Web工作人员的首选工具。参照帮助文字,10分钟之内,你就能基本掌握GIFAnimator,因为在这里,你只需插入图片,编排顺序,设定画面大小、循环次数、延迟时间、背景色等,然后预览。不满意还可以重新设置,直到满意为止。
一般来说,制作网幅广告都使用功能全面的Adobe Photoshop除此之外,Adobe Image Ready,Macromedia Fireworks都是制作Banner的不错选择。使用Photo-shop创作网幅广告与进行其他图像处理工作并无太多差异,我们可以使用特种特效滤镜,直接利用裁剪工具,调节明暗和色调,调整Layer与Channel。另外,对于生成符合网页需求的CIF图形,特别需要注意以下几点:
①将图像模式设为RGB模式,否则你无法直接导出GIF格式文件。
②避免使用色彩层次过于丰富的特效,比如阴影和模糊,这会使导出的GIF文件变得斑点生硬(256色的最高限制),而且256色的标准GIF网幅文件尺寸将在20K左右,所以尽量将色彩数降低,保证468像素×60像素的标准,Banner大小在10K左右。
③尽量将不同的图像主体放置在不同的Layer中,以利于将来的修改。
④如果你使用了白色或透明背景,记住在图像周围加上一个深色边框,否则广告将无法在绝大多数的白色背景网页上突出显示。