当网站发展到一定时期,想要扩大网站规模、建立新频道的时候,相信很多人和我一样在选择二级域名和二级目录上犯了难。这篇文章我深入分析之后给出了答案。如果你的网站在使用二级域名和二级目录捉摸不定的时候,看看此文,会对你有所帮助的。
首先,我们来看看什么是二级域名,什么是二级目录?
1:二级域名:需要创建二级域名,设置DNS,修改A记录,指定IP等操作。具体建网站或者编辑网页时,需要对不同二级域名下的内容分开存放。相当于一个独立的网站。
如,http://bbs.enet.com.cn
2:二级目录,就是子目录,继承在主站目录下的,相当于网站的跟目录在建立一个文件夹存放网站。
如,http://www.enet.com.cn/bss/
其次,让我们通过各种比较来分析二级目录和二级域名的优势和劣势:
1.二级域名用来优化的关键词的话,有优势。
2.二级目录的形式,多少会继承首页的权重,增加网站收录量。
3.二级域名,在搜索引擎看来是一个新的独立网站。网站权重、PR值之类的,要重头培养。倒不如用新域名做个新站更好。
4.二级目录当面临高难度的关键词时候,比起二级域名优势不明显。
5.二级域名作为独立网站容易和其他网站做友情链接。
6.二级目录虽然比较难做友情链接,但也可以通过与对方网站做交叉连接得以解决。
最后,总结一下二级域名和二级目录。
什么时候使用二级目录?
做网站(尤其是中小型网站),可以靠多个二级目录来壮大网站。如果开设的二级域名太多,会削弱主站的优势。
所以我认为中小型网站(包括博客)尽可能使用二级目录的形式更好。前提是网站的内容和主站内容差不多。如果相差甚远,就应该考虑使用二级域名了。
什么时候使用二级域名?
大型门户网站、行业门户、垂直类门户等信息量巨大的网站,可以选择把信息量大的频道设置为二级域名。或者你的新开设的频道和主站不搭边,可以考虑二级域名。如果是地域型公司,也可以考虑按地区设置二级域名。
(中国电子商务研究中心讯)摘要:网站是由诸多的网页构成,网站存在的价值是被客户访问,客户的浏览率是网站广告收费的重要依据,也是评估网站价值的重要依据之一。网页是构成互联网的基本元素,是引导客户进入网络的大门。网页作为信息传达的载体,具有提高消费者对企业或商家新产品的了解,增强企业或商家的知名度,树立企业或商家形象,提高企业或商家信誉,促进销售等方面的功能。那么,如何使客户浏览后记住这个网站?企业或商家如何使自己的网站与众不同?这是设计师要认真思考的问题。
一、利用图像美化网页,提高点击率
网页设计中内容应当是第一位的,但是从商业的角度考虑,页面设计也是非常重要的。设计师除了利用互联网的特性和企业目标市场的准确定位外,还要把页面设计的趣味盎然,引人入胜,从众多的页面中脱颖而出,以吸引读者的眼球,从而增加页面的点击率。
网页是由文字、图像等元素构成的,各种设计手段与编排手法的运用,就是要让读者产生一种心理暗示,引导读者对目标网站产生兴趣和阅读欲望。
文字是网页中必不可少的设计元素,也是网页中主要信息描述的要素,所以网页中文字占据了很大的面积。但是页面上文字太多,就会显得沉闷,缺乏生气。图像是构成网页设计要素之一,它具有强烈的视觉效果,能使页面显得活泼生动,美观大方,图像的好坏直接影响阅读者的观赏兴趣。图像还能补充文字说明,给读者直观的表现。能给网页锦上添花,并能潜移默化地给读者思想情感上的启迪与感染,也能表达设计师个人的设计风格。
一个优秀的页面设计必定是形式与内容的完美结合。一方面,网页设计所追求的形式美,必须适合主题的需要,这是网页设计的前提。只讲究形式美感,过于强调独特的设计风格而脱离内容,或者只求内容而缺乏艺术的表现,页面设计都会变得空洞而乏味。另一方面要确保网页上的每一幅图像都有存在的必要性,不要为了炫耀而刻意装饰,了解企业或商家的经营策略,具有针对性地设计。因为图像是为页面而服务的。图像的大小、位置、数量、形式等因素,直接关系到网页的视觉传达。图像要与内容特性相吻合,不能相脱离,更不能相互冲突。
在产品开发中,由UED发起的项目越来越多,但是现在的问题是很难为其设定商业价值的目标。如果没有明确的商业价值目标,很多公司根本没办法花大成本去支持。所以设计师必须挖掘自己产品的商业价值。
在最近做的几个项目中,整理出了以下几个商业价值的纬度:
1.从产品的可用性和易用性方面提升用户对产品的接受度。
设计知识资源网
2.通过提升转化率、降低客服量等方面降低产品成本,做到开源节流。
3.通过高品质产品提高公司的品牌认可度。
4.通过独特思维角度去设计新市场,挖掘新需求和利润空间。
5.最大程度地扩大目标用户,从而扩大用户群。
6.规划产品架构,从不同角度获取用户数据,为公司战略规划提供完整的市场和用户样本。
还有很多商业价值纬度可以挖掘。更多地站在产品经理、市场运营等角度考虑产品,够得到更多更有价值的商业目标。当然我们的优势就是我们是UCD设计师,更懂得用户和设计
1.颜色背景
颜色背景的设计是最为简单的,但同时也是最为常用和最为重要的,因为相对于图片背景来说,它有无与伦比的显示速度上的优势。在网页文件中,一般通过<body>标签来指定页面的颜色背景,其HTML语法为:
<body bgcolor="color">
其中的"color"表示不同的颜色,可以用各种不同的颜色表示方法,比较常用的有直接用颜色的英文名称,如blue、yellow、black等等,还可以用颜色的十六进制表示方法,如#0000FF、#FFFF00、#000000等等,此外还可以用百分比值法和整数法,其效果都是一样的。
颜色背景虽然比较简单,但也有不少地方需要注意,如要根据不同的页面内容设计背景颜色的冷暖状态,要根据页面的编排设计背景颜色与页面内容的最佳视觉搭配等等。
2.沙纹背景
沙纹背景其实属于图片背景的范畴,它的主要特点是整个页面的背景可以看作是局部背景的反复重排,在这类背景中以沙纹状的背景是为常见,所以我们将其统称为沙纹背景。
初学主页制作者都有这样的经历,当试图把自己的照片作为页面的背景是,却发现浏览器上显示出来的不仅仅是一个照片,而是同一照片在水平和竖直方向上的反复排列。这就是浏览器处理图片背景时的规律方法,利用这一规律我们可以用一小块图片作为页面背景,让它自动在页面上重复排列,铺满整个页面,从而使网页的体积大大减小。
读者到现在恐怕都已经知道了沙纹背景的原理和实现方法,就是找一个小的图片,越小越好,但注意要使最后的背景看起来要像一个整体,而不是若干图片的堆砌。其实现的HTML语法如下:
<body background="picture">
其中的"picture"表示背景图片的URL路径。
3.条状背景
条状背景与沙纹背景是比较相似的,它适用于页面背景在水平或竖直方向上看是重复排列的,而在另一方向上看则是没有规律的。它也是利用浏览器对图片背景的自动重复排列,与沙纹背景所不同的是它只让图片在一个方向上重复排列。
以在竖直方向上排列为例,首先用图像处理软件做一个从左到右为蓝白渐变的水平条状图片,其长度与页面的宽度相当。也通过
<body background="picture">
将其设为页面背景,经浏览器显示后,就成为整个页面从左到右蓝白渐变的分栏颜色背景。当然,也可以用类似的方法实现条状背景在水平方向上的重复排列。
4.照片背景
把自己或朋友的照片作为页面的背景让大家看到,是有点令人激动的事情,但浏览器对图片的自动重复排列却使这一愿望难以实现。怎么办呢?只有想不到的,没有做不到的,这里我们用上一点简单的CSS。在网页文件的<head>……</head>之间加入下面的CSS语句:
<style type="text/css"><!--body{background-image:url(myphoto.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:50% 50%}--></style>
这样,在网页页面中,就可以看到你的照片位于页面的正中间,而且在拉动浏览器窗口的滚动条时,照片仍然位于页面的正中间而不随页面内容一起滚动。如果你觉得照片位于页面的正中间不满意,你也可以随意地调整它在页面中的位置,只需要调整"background-position"的值就可以了。 5.复合背景
如果你在练习上面的“照片背景”时“不小心”也设置了<body>标签里的颜色背景,那么你看到了什么?颜色背景还起作用吗?对,你能看到你的照片浮于你设的颜色背景之上,二者能够同时正常地显示出来。这就是复合背景的魅力,更为吸引人的是,当你所设置的图片背景因为某种不可知的因素而不能正常显示的时候,浏览器能够自动用你所设置的颜色背景取而代之。它的设计方法,就不用我再多说了吧!
6.局部背景
前面我们所说的背景都是整个页面的背景,能不能在页面上为某个局部的内容设置属于它自己的背景呢?回答是肯定的。
最为常见的是在表格的设计当中,我们可以为表格设置一个不同于页面的背景,甚至在不同的表格单元中,我们也可以设置各个表格单元自己的背景。请看下面这个表格例子:
<table border="1" width="240" height="101" bgcolor="#C0C0C0">
<tr>
<td width="80" height="46" bgcolor="#00FFFF"></td>
<td width="80" height="46"></td><td width="80" height="46" bgcolor="#00FF00"></td>
</tr>
<tr>
<td width="80" height="47" bgcolor="#FFFF00"></td>
<td width="80" height="47" bgcolor="#FF0000"></td>
<td width="80" height="47" bgcolor="#FF00FF"></td>
</tr>
</table>
在浏览器中的显示效果如图所示,可以看到,不但对于表格整个来说有不同于页面的背景,就是每一个单元格也可以设置各不相同的背景。
除此之外,我们还可以单独为某个文字段落设置背景,甚至为这个文字段落中的某几个文字设置自己的背景,是不是有点相当不错,这也需要用上一些CSS。请先看一下下面的这个例子:
<HTML><HEAD><TITLE>不仅仅是页面的背景</TITLE><STYLE TYPE="text/css"><!--BODY{BACKGROUND:#FFFFDD;COLOR:red}div{BACKGROUND:red;COLOR:white}--></STYLE></HEAD><BODY><P STYLE="BACKGROUND:black url(../images/bg.jpg);COLOR:black}">
记得毛主席有这么一首诗:"<div>坐地日行八万里,巡于遥看一千河。</div>"伟人就是了不起,……几万里就出去了。</P></BODY></HTML>
在浏览器中的显示效果如图所示,现在是不是有点兴奋了,啊,原来文段也可以有自己的背景。只要你愿意,你就可以为页面的任何一个部分定义自己的背景,从而把页面打扮得更加漂亮和吸引人。
说到这,关于网页背景设计的问题也就说得大概也就差不多了,但新的网页制作技术也在不断涌现,说不定今天你看了这篇文章,明天就觉得它太过时了。笔者写这篇文章,目的是引起广大网页制作者对背景设计的注意,毕竟,背景对网页来说实在是太重要了,当然,网站还是要以内容为第一的。
网页可读性是用户体验中十分重要的基本环节,如果网页本身对于用户阅读都有困难,那么用户体验就更别谈了。所以这篇文章主要讨论如何提高网页对于用户的可读性。
其中的中心思想就是围绕更清晰的展示内容和如何减少不必要的视觉干扰。
1. 使用对比色 (Use contrasting colours). 这里说的对比是文字的颜色和背景色的对比。这样用户可以比较容易的看清文字,减少阅读疲劳。有视力障碍的人可能看不清楚低对比度的文字。可以去Vischeck这个网站可以看看你的网站在色弱(或色盲)用户眼中的样子。
2. 把文字圈成小块 (”Chunk up” your copy). 大块的高密度的文字让你的用户感觉信息负荷超载,有压抑感。几个小技巧:
用列表(或者1-2-3)和副标题.
保持段落短小.
在重要的观点上使用加粗或使用不同颜色,便于那些不太耐心而快速浏览的用户能抓住重点。
控制文字的行宽(Use columns to control text width.)
3. 避免杂乱的背景(Avoid busy backgrounds),让文字容易看清楚。
4. 少一点更好(Less is better). 在页面上放置越多杂乱的东西,越是让用户迷惑,分散注意力,不能集中阅读。网站看起来也不够专业.在放任何一项东西前想想,真的不放不可么?
5. 使用辨识性好的字体(Strive for a clean font style for maximum readability.)
6. 文字不要太小(Don’t use itsy-bitsy font sizes). 蚂蚁似的文字,很难快速的阅读。如果用户自己可以控制就更好了.
7. 让链接更像链接(Make your links look like links). 如果不是标准蓝色链接,最好可以加上下划线。不是链接的文字,最好不要加下划线。