当前位置:首页>>视障教育>>盲校教学>>正文
2008年4月21日 星期一 8:57:16 星期一
盲人如何制作网页讲座五-网页颜色的处理
[ 来源: | 作者:朱清毅 | 时间:2008-4-7 8:41:37 | 浏览: ]
收藏到新浪ViVi 添加到收藏夹 字号选择〖 〗 / 双击滚屏 单击停止


处理网页颜色

颜色的概念对于许多先天失明的盲人朋友而言,几乎属于真空领域。然而在网页的制作过程中,色彩的运用又是必不可少的,颜色的合理搭配,能使网页精美典雅,充分体现出制作者的品味;一个别具一格的网页,也会令来访者赏心悦目,流连忘返,大大提高网站的流量。那么有办法解决这个难题吗?答案当然是肯定的。为了盲人朋友能够得心应手地驾驭这些颜色,我们必须掌握相关色彩原理的知识。实践证明,只要盲人朋友能够持之以恒的努力学习,充分领会相关色彩原理的知识后,就能灵活恰当地运用这些色彩知识,制作出的网页就会绚丽多彩、充满活力。即使很简单的页面、图像也不复杂,只要色彩运用得当,那也将是高水准的网页。

1、色彩的基本概念

自然界中的颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色,而其他所有颜色均属于彩色。任何一种彩色都具有三个属性:

(1)色相(Hue):也叫色泽,是颜色的基本特征,反映颜色的基本面貌。

(2)饱和度(Saturation):也叫纯度,指颜色的纯洁程度。

(3)明度(Brightness或Lightness或Luminousity):也叫亮度,体现颜色的深浅。

非彩色只有明度特征,没有色相和饱和度的区别。

2、色彩的三原色

电脑屏幕的色彩是由RGB(红、绿、蓝)三种色光所合成的,而我们可通过调整这三个基色就可以调校出其它的颜色,在“清毅盲人网”有专为盲人朋友制作的“清毅颜色查询器”的下载,该工具可调出百余种颜色以供盲人朋友们参考。这里不再详述。

3、盲人朋友使用色彩的技巧

我们必须要了解在页面中尽量使用看上去比较淡雅、简洁的色彩;比如背景尽量少用灰暗、深沉的色彩(除非特殊需要),并且要根据页面的主题来选择主色调,不同的色彩代表的含义是不同的。

红色:代表热情、奔放、喜悦、庆典;

黑色:代表严肃、夜晚、沉着;

白色:代表纯洁、简单;

黄色:代表高贵、富有;

蓝色:代表天空、清爽;

绿色:代表植物、生命、生机;

灰色:代表阴暗、消极;

紫色:代表浪漫、爱情;

棕色:代表土地。

那么我们如何在一个网页中合理搭配色彩呢?

技巧一:根据体裁选色,首先在确定主页的题材后,要了解哪些颜色适合哪些站点。比如一个影视的站点,基本上适用任何色彩,但也有的美术专家认为用黑色或其他较深的色彩为主比较好,因为人们看电视、电影一般在黑暗的环境下观看的,网页上使用深色较符合人们的视觉习惯;反之一个介绍医院、医学的站点就要使用浅色为主色,衬托其医学站点的氛围。

技巧二:万能色,白色的页面是万能的风格,我们制作网页的时候如果不想在页面色彩方面伤脑筋的话只要把背景设置成白色即可。

这里特别要注意的一点:页面颜色、文字颜色与链接颜色一定要区分开来,否则如果设置成同一种颜色的话虽然我们的读屏软件可以读出,但明眼人朋友却任何文字也看不到了。

4、调整页面色彩标签的使用

调整网页的颜色只要在 <body> 标签中加入 bgcolor=“颜色代码”属性即可,比如把页面颜色设置为白色可在网页中加入如下代码:

<body bgcolor=“white”> 或 <body bgcolor=“#FFFFFF”> 其中 “#FFFFFF”是颜色代码,其各类颜色的代码可在“清毅颜色代码查询器”中获得。

二、滚动字幕的制作

我们已经对网页中的色彩及图片有了较为系统的认识,如果再让网页中的文字动起来的话也就更增加了网页的活力,即制作滚动字幕。所谓滚动字幕就是使相应的文字在屏幕中特定的区域内按照一定的规则自左向右、自右向左、自上向下、自下向上或左右交替滑动的文字特效。因其滑动的特性使其具备了可以吸引浏览者的注意力以及可以在较小的区域内显示较多的内容两大特点。

实现滑动字幕效果的标签是<marquee>,需要滑动的文字</marquee>,该标签内有许多属性,我们通过调整这些属性以控制滑动的效果,同时一定要使用文字的控制标签 <font>……</font,以调解滑动文字的色彩、字体及大小等属性。请把下面的代码复制到记事本中将其扩展名改为 .htm 或 .html 运行一下,请身边的朋友帮助描述一下看看效果:

<html>

<head>

<title>我制作的第一个滑动字幕</title>

</head>

<body bgcolor=“#FFFFFF‘>

<marqueealign=“center”bgcolor=“#FDC980”direction=“left” behavior=“alternate” width=“1024” height=“80” hspace=“0” Vspace=“0” Scrolldelay=“0” Scrollamount=“8” loop=“-1”><font color=“#000000” face=“黑体_gb2312”size=“30”>你们好啊,今天真高兴</font></marquee>

本新闻共2页,当前在第1页  1  2  

责任编辑:

读者评论:



发表评论:

会员名称:
密码:匿名 ·注册·忘记密码?
评论内容:
(最多300个字符)
  查看评论



相关文章:

[发送给好友] [打印本页] [关闭窗口] [返回顶部] 转载请注明来源:Www.tejiao.cn
上一篇文章:盲人如何制作网页四-链接的创建
下一篇文章:盲人如何制作网页讲座六- 如何在网页中制作弹出窗口和播放音视频文件
特别声明: 本站文章版权归文章原始作者所有。除部分特别声明禁止转载的专稿外的其他文章勿用于商业用途的可以转载,但请务必注明出处和原始作者。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
文章搜索
    
精彩推荐
论坛新贴
热点图文