手机
当前位置:查字典教程网 >网页设计 >脚本HTML教程 >HTML 4.0 语法其他技巧
HTML 4.0 语法其他技巧
摘要:■网页配色及背景音乐首先是网页的底色,通常是白白的,要怎么做变化呢?可以做自己的背景图片。要注意一点,如果背景和文字颜色一样~或者颜色相近,...

 ■ 网页配色及背景音乐

首先是网页的底色,通常是白白的,要怎么做变化呢?可以做自己的背景图片。

要注意一点,如果背景和文字颜色一样~或者颜色相近,天啊~那谁知道你在写什么呀?最好文字与背景颜色有对比,像敝人当初,网页背景是黑的,字是白的红的,就可以很明显的突显出文字。如果图片中有文字,也要尽量淡化,否则影响内容就不好啰!

内容的东西颜色要配的适宜(除非你想要有奇怪的风格),不然像背景大红大红,太刺眼了,有人会想去吗?剩下的就让您自己配配看吧!

然后是音乐,有人喜欢用bgsound标签

<bgsound src="music.mid">

可是用NetScape看就没有声音了最好用embed标签 <embed src="music.mid">

这样就可以正常播放了唷~

■ 首页应有的特质及重要性

About Open Page:打开browser看到网站的第一个部份,有人称之为Open Page(通常是首页的一半或三分之一),这个部份应该包含网站的主功能(亦即使用者上这个网站最希望或者最可能做的事),ex. 一进入Allproducts.com即可看到“Key word search”及“Search by category”,应该尽量避免让使用者还要使用mouse上下左右拉才能看到他(她)所想要的功能或资讯,有时资讯太多,在不得已的情况下,页面可以往下沿申,但切忌右左划面过大,不符一般人的使用习惯,也会造成列印上的困扰。

主题明确:Open Page应包含公司Logo、网站主题(最好是一段简短的Slogan,让使用者一看就知道这个网站主要功能或架站目的,ex. Allproducts.com上的The world's best products directory for volume buyers)

Navigation:让使用者很明确了解他(她)目前在网站的什么地方(或功能),首页上应该有主要功能的连结,各个icon如果可能的话,尽可能加上一些纯文字的说明及link;至于icon或者link的摆放亦应有其相对应的逻辑,如与整个网站或大架构较为相关的,放在较外层,与目前执行的功能或页面较为相关的link应该放在内层;另外,最好能在首页上提供Site Map的连结,让使用者可以很快了解网站的架构;所有的link应该把握 intuitive , obvious , fast的原则。

Color or image:对于颜色的采用,应该考虑到该网站的特性及与其它相关网站的区别,特别是首页的颜色配置,应该让使用者感觉很舒服、没有压迫感,但又不失其专业性,但切忌过度追求美感而牺牲其功能性,就公司目前的网站设计理念,应该是功能性的考量优于纯美术的考量,首页的设计最好设定在60k以内,而且不要用太多层的table。

Meta tag:该部份不会出现在前端的页面上,但网站规划时应该将该部份一并考量,做为网站登录时使用,网站上线时务必将相关资料加入。

其它:首页上应该有service account 及 联络资料

■ Meta Tag 的简介

一般常用的格式如下:

<Title>All Products Online</title>

这虽说不是meta的一部份,但是也不可忽略,总长度不要超过85个Character (约10个字)。

<meta http-quive="content-type" content="text/html; charset=iso-8859-1">

说明网站的格式及编码方式,另外这个功能也可以拿来说明网站的名称。

<meta name="keyword" contents="关键字一, 关键字二, 关键字三, …..">

铲明整个网站的关键字,关键字间用逗点隔开,总长度最好不要超过1000个Character (约44个字)。

<meta name="description" contents="整个网站的描述….">

铲明整个网站为何吸引人的地方,可用逗点隔开,总长度最好不要超过200个Character (约15个字),若文章真的太长,可以切割成两个部分,较不重要的部分置入下一个Description。

<meta name="robots" content=" ALL, NONE, INDEX, NOINDEX, FOLLOW, NOFOLLOW">

此功能是要给搜寻引擎使用的,是要用来告诉Spider哪些网页是要去撷取的或不用去撷取的,一般都设定成All(内定值)

【HTML 4.0 语法其他技巧】相关文章:

HTML 行间距的设置方法与问题

HTML 4.0 语法框架标签

HTML 4.0 语法影像标签

HTML标记大全参考手册

HTML tabIndex属性

HTML 4.0 语法表格标签

HTML 4.0 语法序列标签

会说话的HTML:语义化杂谈

HTML语言剖析(十五) 调色原理

HTML标签大全

精品推荐
分类导航