基础知识-
meta标签、
滚动条定义、
网页配色近期做东西作的很频繁,查到了好多有用的资料,正好下面是业余设计者们很容易忽视或者不明白的位置,尤其是网页配色,对浏览者对网页的初感有很大的影响。
一、不可忽视的Meta标签
Meta 标签放在每个网页的...中,我们大家比较熟悉的如:
[CODE]
说明编辑工具;
说明关键词;
说明主页描述; 和
说明所用语言及文字... [/CODE]
展开阅读全部..
可见META有两种,name和http-equiv。
name主要用于描述网页,对应于content,以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找META值来给你的网页分类)。这其中最重要的是DESCRIPTION(你的站点在引擎上的描述)和KEYWORDS(搜索引擎籍以分类的关键词),应该给你的“每一页”都插入这两个META值。当然你也可以不要搜索引擎检索,可用:
来确定:
设定为"all"时文件将被检索,且页上链接可被查询;
设定为"none"则表示文件不被检索,而且不查询页上的链接;
设定为"index"时文件将被检索;
设定为"follow"则可查询页上的链接;
设定为"noindex"时文件不检索,但可被查询链接;
设定为"nofollow"则表示文件不被检索,但可查询页上的链接.
http-equiv顾名思义相当于http文件头的作用,可以直接影响网页的传输。比较直接的例子如:
1、自动刷新,并指向新网页
[CODE]
10秒后刷新到http://yourlink; [/CODE]
2、网页间转换时加入效果
[CODE]
[/CODE]
加在一个网页中,进出时有一些特殊效果,这个功能即FrontPage 98的Format/Page Transition.不过注意所加网页不能是一个Frame页;
3、强制网页不被存入Cache中
[CODE]
[/CODE]
4、定义指向窗口
[CODE]
[/CODE]
可以防止网页被别人作为一个Frame调用.
二、定义网页滚动条
网页滚动条本身就是浏览器的一部分,使用它可以方便浏览较大的网页,但是千篇一律的它经常会给整体页面效果拖了不少后腿,我们能不能改变它灰灰的样子呢?能!俗话说:“只有你想不到的,没有做不到的。”
给滚动条换色
几乎所有网页的滚动条都是默认的灰色,如果把它的颜色换换,来点另类的,相信一定会使网页更加靓丽。我们只要在网页代码 之间插入下面的代码,即可随心所欲地更改颜色了。
[CODE]
[/CODE]
后面的16进制颜色值你可以根据喜好随意更改,括号内是解释说明,在输入时请不要插入。
隐藏滚动条
在任何情况下,如果网页超出显示范围,就会出现滚动条。但有时我们并不想让它显示,如何隐藏它呢?只需将代码更改为:即可,其中x表示水平滚动条,将其改为y的话就可以隐藏垂直滚动条。如果想要水平和垂直滚动条都隐藏的话直接改成:即可。
滚屏显示
当网页中有长篇文章时,浏览起来就比较吃劲了,想想一边忙着拖动滚动条,一边忙着浏览,确实挺累人的。为了客人能够轻松的浏览,我们可以使用script代码实现网页的自动滚屏,当双击网页的时候,网页将会自动向下滚动,再次单击时滚动停止。将下面的代码插入到 之间。
[CODE]
[/CODE]
三、网页配色
虽然我不是专业的设计师,可是已经养画好框架草图后就马上决定配色的习惯,有时网页配色完全是靠感觉(对于没有专业知识的人来说),假如你有一定的绘画基础就更好了。
配色的目的,个人认为,要么是让人更舒适的浏览网页内容,要么是让人对你的网页留下更深刻的印象。人类的感觉神经对各种色彩有着不同的反应,这是大家都知道的。所以你是想让浏览者受到视觉上的冲击还是给人以闲适就是你需要考虑的问题了。
这里是一个功能比较齐全的网页配色工具:http://wellstyled.com/tools/colorscheme2/index-en.html
TRACKBACK :: http://www.applechina.net/trackback/53