如何制作一个好的网站?

 什么是好网站?如何做一个好网站?这两个问题在目前网站建设领域目前还没有一个确切的标准。然而,能留住网站访客并提升网站潜在用户转换率的网站必然是好网站。
        因此,网站欲留住客户,除SEO优化以后之外,更应注意用户体验,现就此问题阐述以下几点:
        1、界面的友好性。(给用户第一眼留下好的印像。)
        2、网站的实用内容。(用户通过搜索引擎或其它渠道浏览你的网站,找他们需要的内容,如果你的网站有用户要找的内容或者是还能提供更多的内容。呵呵。这无疑是招杀手锏。)
        3、网站的导航。(你的网站虽然有用户要找的内容,但导航不清楚的话,让用户很难找到或者是找不到他所需要的内容。这会造成很严重的后果。)
        4、权威性内容。(网站经常发布些权威性的文章或者是工具)
        5、线下活动。(呵呵,这几天我一直在考虑这个问题,也有了个方案,这里先卖个关子,抓住网民的心理,组织一些活动来吸引用户注册或者是购买你的产品。)
        6、实用工具。(针对该项行业制作些实用工具,像中国站长提供的一些SEO方面的工具。)
        7、在论坛和博客发表些比较有争议性的东西,但一定不能过火。
        8、网站有一个和用户沟通的平台,能让用户及时能和网站管理者沟通。
        如果在网站建设与运营时注重以上几点,我们相信您网站的用户体验度和潜在用户的转化率必然会有大幅的提升,那么您的网站也就是一个好网站! 

Read More

企业网站建设需用选择正规网络公司吗?

   前段时间,我们接到一个用户电话,要求做一个行业性很强的营销型企业网站,以销售为主。后来,因为几百元的价格差,这个客户最终选择了另外一家比价便宜的公司。今天,看到他们做得网站,我们想在这里针对以营销为主的企业网站阐述几个观点:
        一、关注您的网站界面。古语有句话,人靠衣裳,马靠鞍。在网络诚信问题尚未解决的今天,如何通过网站界面给您的客户以良好直观的印象是很重要的。假如您网站的界面设计精美合理,我想多数潜在客户都能够感受到您在网络方面所投入的精力和良苦用心,这无疑在诚信方面为您的网站加了很大的一个分数;
       二、注重客户的访问习惯。我们在之前的文章中曾经表述过,影响网站客户体验度的几个因素。如网站导航是否清晰、内容是否与网站相关、是否存在错误链接等问题。说到这些,我们还想再补充几点, 众所周知,多数网站的结构都是相似的,很多客户可能不屑于传统的网站结构,但我们劝您在网站建设的时候,一定要注意在如此众多的重复结构下,您的客户是否养成了访问习惯。比如,多数网站的导航栏都页面上方,如果我们改成在左侧或者右侧,您的客户是否习惯这种访问。广告学中有句话,重复就是力量,当您多数潜在客户具有大众式的访问习惯时,我们建议您的网站也应该采用这种传统的结构模式,而不是一味的追求个性,导致客户体验度下降,最终导致潜在客户的转化率下降;务必在首页及内容页的合适位置加上您的联系方式,这一点也很重要,当客户在浏览您网站产生合作意向时,我们必须及时地抓住这个机会主动出击,让客户能够及时找到怎样与我们联系。
       三、合理分配在网络方面的投入。在多数网络公司已赢利为目的的今天,已经很少有人能够站出来说,踏踏实实的为企业着想,为网络的推广发展着想。当我们公司在成立伊始的时候,很多的我们内部的人都对此表示怀疑,但如今,我们达成了共识,网络公司的根本性质就是服务,网络公司在浩瀚的网络潮流中更应该扮演传教士的角色。因此,当我们在为客户做网站建设、网站推广或者网络整体营销方案时,都会时时地提醒自己自己的角色所在、自己的职责所在。网络营销的关键仍旧是以网站为主,网站做得如何,信息传达的是否及时准确仍然是网络营销的重头戏。很多用户问我,为什么几百元能做一个网站,你们却要上千元,我是这样回答的,我们也是公司,也讲究成本。几百元的网站要么是个人闲暇时间为赚外快,要么是自助建站系统。前者不会有这么专业的团队为您的网站整体设计与构建,后者的模式翻来覆去都是那几种,对于关键词优化不利,更不要谈从网站上看出企业形象。
       所以,企业网站建设的时候,更多的是应该注重这家公司是否为您真心实意地服务,我们建议客户重点以客户案例为主,另外能够及时地进行专业方面的沟通,更不要因为几百元而放弃一家您满意的公司,导致不必要的损失! 

Read More

提高关键字排名最好的方法

网站建设方面的专家
一个内容页面做出来后,肯定会想如何提高关键字排名,带来流量。但提高关键字排名是一个系统的工程,从开始到结尾都要注意一些细节。下面我们来谈谈如何提高关键字排名:


  一、 在做关键字优化之前选择关键字是基础,如果说选择关键字做不好,那么其它的做的再好,你的关键字排名也排不上去。 首先确定中心词,然后用关键字工具找到自己合适的关键字。


  二、页面最好静态化,静态化页面有利于搜索引擎收录。动态页面最好处理一下,生成伪静态页面。

Read More

QQ互动状态代码生成

 亲爱的客户:
  如果您希望在已建立的网站中加入QQ在线互动沟通,请先登录以下网站生成代码,然后将所生成的QQ代码发邮件给您所联系的石特客服,我司将免费为您嵌入在贵公司网站中。
网址: http://imis.qq.com/webpresence/code.shtml

Read More

Dreamweaver技巧锦集17条

1、从外部文档中粘贴时,如果不想要其格式,只要文字,可以使用“Edit->paste as text”命令,而不要直接Ctrl+V。
  2、“Command->Add/Remove Netscape resize fix”是一个很有用的命令,它可以使在NC4.0中浏览页面时,改变窗口大小的时候页面不会花掉。
  3、所有的head元素不可成为库组件,所有元素在被insert library时,其head关联属性被去掉,如style、CSS属性。
  4、library组件和template模板不用上传服务器,就可以正确预览使用了该组件或模板的页面。
  5、使用“check plugin”behavior来确定访问者浏览器是否安装flash插件,有时候会判断失误,比如明明装了插件却报告没有安装。最好在flash的publish里面设置清楚,而不是简单的输出成.swf文件。
  6、不要在同一个页面同时使用表格和层来布置,在Netscape中会导致混乱,从属关系除外。
    7、使用层的时候最好定义为div标签而不是layer,因为前者在两种主流浏览器都有很好的 兼容性。
  8、在用图片制作热区链接时,最好给热区命名,防止有时只能在图片上画出直线。
  9、当我们将框架结构建立好后,可以将此框架体文件和Site窗体并排放置,然后从Site中选择网页文件拖放到相应的框架中。这适用于框架比较复杂的页面。
    10、如果对一张图片不满意,想更换另一张,最简单的方法双击此图片,直接选择要替换的图片即可。
  11、在预览网页之前最好先保存一下,有时候在不能正确预览网页,而存一下就可能会解决这个问题。
  12、如果你的页面中使用了CSS或是Java Applet,最好不要使用“file->convert->3.0 browser compatible”命令,因为这一选择会把所有3.0 浏览器不认识的定义都抹去。最可怕的是我们不知道在这个过程中Dreamweaver 到底做了什么,具体发生了那些变化。而且要提醒你,对一批页面执行此操作时,一定要先备份,否则可没地方买后悔药。
    13、没有任何内容的表格单元在NC中不会显示出来,这时可以插入透明的gif来解决这个问题。
  14、design note只能在本地的dreamweaver中被调用,而网页浏览者下载此页面却看不到这一注释。如果你希望别人也能看到,可使用comment功能。
  15、使用“hide/show layer”Behavior后,如果在Netscape中有个别的图层无法显示出来,可以在dreamweaver中删掉此图层,再重新定义它,一切就正常了。
    16、表格的特点是只有整个表格的内容全部被浏览器down下来才会一次性显示,所以表格里面东西太多,可能浏览器要花很长时间去下载而屏幕上始终没内容。 如果表格太长,要么嵌套一下,要么分成几个表格以加快显示。最好把表格在在纵向分开,比如原来一个3行3列的表格,将其改为3个1行3列的表格。
  17、尽量不要在表格单元里面放层,不过在层里面放表格基本没问题。 

Read More

Web设计中的黄金分割

数学是优美的. 听上去有点奇怪? 当我第一次开始设计的时候,我确信如此。数学如此刻板乏味。你可能会惊讶的发现,最美观的设计,艺术作品,物体,甚至人都有数学上的共同点。尤其是黄金分割,也被称为神之比例,希腊字母表示其为 Φ (phi). 本教程会剖析一个网站的布局,以及如何对其黄金分割
网页骨架
这些是web页面的主要元素。有很多不同的方法去组织它们,但是这种布局也许是最常用的。
Container
所有的web页面都用一个container,主要是为了同一个目的:去包含一些页面元素,然而这个方法实现各有不同。例如,body标签或者是最常用的div。甚至于过去常用的table(不要使用table作为你的container,这是一个破方法)。想想container作为你房子的外墙,里面包含卧室,厨房,起居室等等。
container的类型:
Liquid: 根据浏览器宽度填充。
Fixed: 指定的宽度,并不会根据浏览器宽度改变。
Header
header并不真的是一个特定的元素,尽管某些人会认为它是。它更多是用在涉及到你放置你的logo,导航栏,tagline的web页面顶层的地方。许多人更愿意把这些元素包含在一个div里以方便使页面样式和内容分离。header会被视为一个container,所以它有两种类型选择,就是上文提到的 liquid 或 fixed 。
 
Logo
你的logo是你的身份和品牌。最常用的是把logo放在你header的左上角。我们的阅读习惯是,从左往右,从上至下,所以你的log应该放在访问者第一眼能看到的地方。
Navigation
页面导航是最重要的元素之一;你的访问者需要用它来使用你的站点。 它应该是容易被找到且易用的,这就是为什么大多数的人把它放在header部分,最少也是在页面顶端附近的原因。
navigation类型:
Horizontal: 水平显示,被称为‘navigation’
Vertical: 垂直显示,被称为‘menu’ 

Read More

网站灵魂与网站设计

网站灵魂与网站设计
网站设计不能与企业的精神脱离关系。一个网站如果没有灵魂,就好像人没有了灵魂,就像行尸走肉一样,网站就不会具有生气,网站就会处于瘫痪状态,并且也很不利于网站的推广。网站必须要具备灵魂,才会体现网站的品牌价值,才会体现企业的特色,才会有可能建立起企业的网络品牌,也是企业品牌宣传的一种很好方式,因此,网站必须要具备灵魂,才会使网站获取成功,并使企业通过网站获取价值。
网站灵魂根据你的网站性质,经营产品和经营方式有着很大的关系;有了灵魂,才能做出好的设计方案。
现在主流的网站设计软件是什么!就是一般的门户和网页是用什么软件做出来的或者还是用代码写出来的!
还有就是,网站设计一般需要掌握那些方面的知识!
1、ASP脚本,PHP语言,JS脚本都是建设网站常用到的。
2、ACCESS数据库,MySQL数据库,SQL数据库是建设网站常用到的数据库。对于中小网站和企业网站一般用ACCESS数据库就可以,大型门户和流量大的论坛等必须用SQL数据库。MySQL数据库用的不多。
3、Dreamweaver是初学者用的一种可视化网页编程。
4、大型门户,一般都是用ASP脚本,PHP语言,JS脚本结合起来,有专业技术人员共同开发的自己的后台WEB程序,然后用WEB程序来控制前台首页等的图片,文字更新等功能。
5、后缀是.htm\.html的是静态页面,门户网站一般是通过自己的WEB程序后台生成的。
6、后缀是.asp?XXXXID=39\PHP?254之类的是动态页面。 

Read More

在网站设计中需要什么样的界面?

 “您需要什么样的界面?”大多数用户对此的回答几乎都是“大气点儿”、“漂亮点儿”、“用着方便”,这时候你会怎么去做?这是你想要的答案么?这时候,“美工”往往都会收到这样的任务——做几套效果图给用户选一个,要做的细一点儿,跟最终实现的效果一样。这应该是国内大部分软件公司都会优先采用的做法,那么,这真的就正确么?答案是否定的。首先,对于某种特定场合的应用来说,并不是只有一套界面最合适,界面这东西,就不存在完美一说,尤其是受众来自不同年龄层次和社会层次的情况下。而,往往客户方代表只有少数几个人,有决定权的更是仅有一人而已。他的决定,往往只代表他的主观想法,作为UI设计师,做出多套图形设计效果图让“他”来选择,这本身就是非常不负责任的。我们常戏称自己为搞“大众艺术”的,原因就是,我们的设计要符合大多数人的喜好和习惯,而不是特定的某个人,来宣扬他的个性。那么,说了这么多,正确的做法应该是什么呢?首先,UI设计师应该运用自己的行业经验,为用户确立一个最保守的交互风格设计。那么,什么又是交互风格设计呢?简言之,桌面应用和Web应用就是两种交互风格,针对不同用户和不同应用,首先应该为他确定的就是交互风格,这往往可以通过简单的图形就足以概括。比如,在纸张或白板上描绘一个草图,再创建若干典型用例,图解给用户,看看是否符合用户的业务习惯和使用场景。这就是“概念设计阶段”,你可以选用的道具有很多:Flash、PPT、白板、纸张、甚至与笔和墨水瓶,充分发挥你的想象力和沟通能力,我们要的就是最终沟通的结果,只有交互方式确立了,你才可以真正的开始设计(这时候你会发现,那种刚听到需求就开始做效果的做法是多么的冒险)。

Read More

网站设计中-细节不能丢

整理一些网站设计中用到的细节,在此提醒设计师们,有些细些不要搞丢了.因为自己在设计的时候就对这些东西经常不是很在意,以为是很小的事情,结果往往给自己搞出不少的麻烦。可能大家没有我这么粗心,不过还是想提醒一下跟我一样的设计师:细节决定成败。
1.提示信息
用户既然做了,那么是对是错、是好是坏、是成功是失败,总得给人家一个反馈吧?!给他们留一个能看到这些信息的地方吧。
2.帮助提示
当设计表单或者一些操作比较复杂的功能时候,千万不要忘记给这个地方加一个提示(帮助)哦!即使那是文案设计师做的事情,起码也要留一个地方。
3.无结果(404)、无数据页面。
每次做项目都会遇到的页面,逃也逃不掉。
4.文字折行,缺行。
设计师总爱在PS里搞一个最好看的宽度来演示效果,现在注意了:有的时候这些内容不会像你想像的那么听话。一个字符的有,一百个字符的也有,综合考虑下吧。
5.单词过长
这个问题老大难,一个表格(容器)里遇到“64d91eb441377ee66b823e3732f775ac64d91eb441377ee66b823e37…”这样的东西怎么办?
6.label标签
用到checkbox,一定不要忘记加!
7.为你的连接加上title
这个就更不用说了,title=”一定要加啊!”
8.区别
可填不可填要有区别,必填选填要有区别,可点不可点要有区别,可选不可选要有区别,点与不点要有区别……
9.更多
有的时候加一个“更多>>”会让用户发现更多自己需要的东西。
10.翻页
信息多的时候,不要忘记还要翻页的哦!多少条一页?如何翻页? 

Read More

网页宽度是多少能符合用户浏览

网页多宽才合适,这个问题可能并没有一个标准,也没有对错之分,可能我们在使用网页尺寸的时候更多的想的并因该是用多大的宽度,而是我们的访问者更适合多大的网页宽度!
  1、结论:固定宽度只适合功能型网站,不适合希望用户认真阅读的浏览型网站。UCD大社区是浏览型网站,它的定位是“知识库”,希望你停留在这里认真浏览和阅读。
  2、大屏幕不是用来显示更宽文字内容的,大屏幕下必然会面临鼠标长途奔袭的问题。建议用大屏幕的人:为自己的身体健康着想,在大屏幕下阅读的时候,养成缩小窗口的习惯。共勉 :)
  3、希望用户认真阅读的网站,主要内容区域的宽度必须固定,不能过长,否则会伤害到阅读者的眼睛,而且不适合阅读的流畅性。固定宽度在650左右最合适。有兴趣的人可以去搜索相关报告,为什么是650左右。(Google是按照英文算的宽度,我们可以按照中文相对调整)
  4、一个页面只有一个主要内容区域,其他所有都是辅助内容,能隐藏就隐藏,能忽视就忽视。在用户浏览的时候,辅助内容不要紧挨着主要内容。那样会干扰阅读,侧面影响内容摄取的质量。特别是当辅助内容不能很少的时候。
  5、浏览型网站尽量别用三栏,三栏太难设计,一个合理的页面不需要一下子摆出来那么多内容。
  6、所以:对于浏览型网站,在大屏幕下,浏览区域和辅助区域需要有分隔。 即使因为不用固定宽度会带来视觉上的不协调。
  7、虽然屏幕越来越大,对于一些网站来说1024的宽度不一定会是主流,但至少需要向下兼容这个宽度,把他们作为一个很重要的人群考虑。
  8、宽度问题其实是一个蛮值得讨论的问题。在屏幕越来越大,尺寸越来越多样的时候,这个问题会越来越凸显。
  但如果纠结于“不要有空白”、“功能和内容不能分开”,没有任何意义。有些可用性原则,没有挑战余地。就好像公共场所的门必须向外打开一样。
  9、对于这个问题,设计者应该为用户考虑更有益的方式。而不是听用户说他们想要什么样的方式。因为:大多数嗓门大的用户,并不知道什么样的方式对自己最有益。
  10、为了保证更好的阅读体验,UCD大社区的设计者们正在考虑:是否不再录入那些阅读体验很差的网站的文章,或者将这些文章的默认链接改为我们的快照页面(点大社区文章标题前的“望远镜”ICON就是快照页面)。
大尺寸网页并不适合阅读
  首先得抛出个重要的前提观点,大屏幕、宽屏幕根本不是为方便“扫视”准备的。所以说以内容为基础的网站设计不用考虑超宽、超大的场景,甚至包括服务类网站都如此。
  曾经在800*600为主流时,页面宽度大都以770或780px为标准;在1024*768为主流时,页面宽度大都以950或960px为标准。当时准则很简单,首页固定宽度,因为版面容易控制;内文页自适应宽度,因为可以让更大屏幕(主要是1024*768)用户单屏看到更多内容。
  但现在的大屏幕通常得超过17′才算,在这种情况下,全屏自适应的排版模式并不易读。因此我个人认为,在显示器越来越宽、越来越大的发展趋势下,页面宽度还是固定为好,并且应该以适应1024*768为基准,950或960px几乎是用户不扭脖子、双眼扫视的宽度极限。
  至于大屏幕应用,主要是为了能放更多窗口,或者特殊的查看、处理超大图片场景。其目地都是为了提高工作效率,使用双屏意义也如此。全屏模式下,自适应页面中间必然大量留白,固定页面旁边必然大量留白。所以回到开篇所述结论,大屏幕浏览页面的良好体验,本就应该用户自己调整窗口,否则无论如何都有鼠标“长征”的弊端。
  宽屏幕的意义主要在于让用户看宽幅电影时的体验更好,绝对不是阅读体验。用普通4:3屏幕看宽幅电影必然造成上下留有黑边,本身就是种浪费,与用宽屏浏览网页两边会有留白是同样道理。比如我很少在笔记本上看电影,用笔记本主要是工作和学习,因此我还是喜欢12′普通比例,虽然宽屏笔记本越来越成为主流。
  再比如我博客现在风格版面,从06年第一版设计开始就宽度固定,再大再小的屏幕都如此。现在content宽度是几次调整后的结果,固定还是自适应各有各的好处,我不喜欢自适应。在是否需要固定的问题上,我不是很同意白鸦观点,另外大辉、西贝提出的问题,我下周二上班用大屏幕截几个有趣的应用后再探讨。
  有人认为“UCDChina网志写的挺好,但实际产出不是一回事。”很多时候,研究而成的总结仅仅在理论阶段,实际应用并接入项目得需要时间。创新必然超前于应用,何况因为我们自身的能力问题,还有很多悬而未决的概念、理论认识错误。
  最后回到blog皮肤问题,建议所有写网志“号称”web设计师的同行们自己动手设计blog界面,这是自我能力的最基本展示,欧美同行的成绩大家有目共睹。不同的方向必然有不同创意结果,包括视觉设计、交互设计、界面设计、信息设计都能在各自点上尽情发挥。只有在百花齐放的环境里,国内web design水准才可能得到真正意义上的提高。 

Read More

网站中不应该出现的几种SEO方法

好久没有写SEO方面的东西了,今天写了一些关于搜索引擎优化方面的错误,这些错误会导致搜索引擎忽略你、网站访客忽视你,还有可能使得访问者从你的网站流失掉。
  用过多的Flash
  要知道,由于搜索引擎技术原因,无法检索到Flash中的内容,因此,在网站中使用过多的Flash会适得其反。而且网站使用过多的Flash,会增加网站人力成本,相反,图片比Flash好的多。
  没有使用带关键字的链接
  对于优化来说,使用带关键字的内部链接和外部链接很重要,比如在其他网站上发布信息,关键字中加入自己网站的超链接。获得了越来越多的关键字链接,就能提高网站的整体权重,搜索引擎也会对你的网站越来越关注。
  还有一个注意点,就是在不同的网页上做上不同的关键字链接,因为将这些丰富的关键字散开传播,效果会比单个关键字好的多,而且最重要的一点:事实证明谷歌对页尾并不太重视。
  使用相同的标题
  搜索引擎排名中有一个因素,就是你网站页面标题。
使用黑帽SEO
  黑帽SEO是最没有安全感的,许多企业很喜欢采用黑帽SEO迅速将关键词做上去,但这样是没有安全感的,因为谁都不知道搜索引擎会什么时候下黑手。
  一般采用黑帽SEO的手段有:
  1、伪装网页。就是在标题上挂一个关键字,里面什么内容都没有;
  2、隐藏文字。关键词的文字和网页的背景一样,网友们一般看不出来,但搜索引擎蜘蛛可以抓取到;
  3、关键字堆砌。有的网站在head中放置了很多关键字的信息,这根本没有意义,会引起搜索引擎的反感,百度就有一个部门专门处理这些关键字堆砌的网站;
  4、桥页。桥页的意思是网站所做的单页优化,目的是为了获得在搜索引擎的排名,所有这样的网页最终是引导到一个真正的网站上,起到一个入口的作用,因此被人们成为“桥页”。虽然搜索引擎都不喜欢桥页,但没办法,目前还没有达到能识别桥页的技术;
  5、Alt属性。Alt属性一般加在应该说明的图片、按钮、导航或者其他内容上,愿意是为了让用户更容易了解网站,但也不是所有地方都能加上Alt属性,如果被搜索引擎发现了,就会受到惩罚;
  6、垃圾评论。主要是通过博客评论工具来进行垃圾外部链接的建设,同样,通过评论,也是希望能够从博客上来一些流量,不过谷歌现在对垃圾评论控制的很严格;
  7、论坛群发。和博客评论工具类似,现在也被谷歌盯得紧;
  使用Java的链接
  搜索引擎抓很难抓取Java,所以还是尽量选择DIV+CSS。在内容管理系统选择上,尽量选择可以自动生成静态页面、并且代码精简的程序,如dedecms、phpcms等。
  友情链接的小注意点
  友情链接对于谷歌优化来说,是很重要的一个环节,如果网站的链接超过了100个,那随时都有可能被谷歌惩罚。
  经常换名称
  如果经常更改文件名称或目录名称,会导致之前收录的页面消失,网站的质量也会随之下降,从而得不偿失。
  重复的内容
  重复的内容涉及使用相同内容的多个网页,或抄袭其他网站的内容。搜索引擎会自动检测,如果发现了这样的情况,有可能搜索引擎就不会收录,当然,要是有人偷你的原创的话,你可以也到搜索引擎上查询。
  总结以下以几个细节:
  1:防止K站,不要把自己相互连接的站过多的出现在同一个页面,甚至放在同一个IP上。
  2:不要群发,群发的效果没有以前那样显著了,但还是有一些作用的。但要记住,幸福过后就是痛苦。
  3:很多站长都拥有几个站,千万不要相互连接,否则会给百度群K留下机会。
  4:SEO重要的就是连接,做连接也有一些要说的。比如我要做的关键词:ASP源码,和别人做连接的时候,连接名字尽量用上ASP源码这个词。但不要短时间出现过多的连接,甚至是同一个名字的连接。
  5:不要随便删除页面。就算是不想要内容,也不要删,把他改成其他的内容。 

Read More

XML初学者应知道的十条基础知识

一直都对XML有种望尘莫及的感觉,直到看到这篇文章,才终于让我对它的学习有了更进一步的掌握,原来,它是这么的有亲和力。XML、 XLink、Namespace、DTD、Schema、CSS、XHTML这些莫名的单词其实也并没我们想象中的那么无理取闹。如果你是一个XML语言的初学者,那么我强烈建议你把这十个XML自身特点的描述看完,你可以清晰明了地掌握到XML的一些基本概念,然后消化掉,最后应用到自己的程序设计中去。
  首先,需要指出的是文章来自网络,英文原文为W3C.org官方发布: XML in 10 points中文翻译具体不祥。
  1. XML是用来组织数据结构的
   结构数据包括如: 电子数据表、地址簿、控制器参数、财务交易及技术绘图等。XML是一系列文字格式设计的规则(也可称之为指导方针或惯例),来帮助你组织数据结构。XML不是一种程序语言,所以你不必一定是程序员,同样可以使用或学习它。XML使计算机简单地生成及读取数据,并确保数据结构精确。XML避免了一般语言设计的缺陷:它是可扩展的、跨平台、支持国际化及区域化的格式,绝对支持Unicode格式。
  2. XML类似于HTML
  和HTML一样,XML是使用标签<tags>(使用 “<”和”>”包含)和属性(以”name”=”value”的形式)。一旦HTML指定了每一个标签和属性的定义,一般文字在浏览器中表现的形式后, XML只使用这些标签来界定一些资料的特殊意义,但整体句子的意思则随个别应用程式读取时界定。换句话说,如你看到一个XML档中的 “<p>”, 千万不要以为是段落的意思。根据XML上下文的解释,它可能是一个价?quot;price”、一个参表”parameter”、一个人 “person”、或…(这样谁可以界定一个”p”字的定义呢?)
  3. XML是文字, 但不是被阅读的
  制作电子数据表、地址簿及其它结果数据的程序一般是存储在磁盘中,以二进制或文字格式储存的。其中文字存储格式的好处是,人们在需要时阅读这些文字,而不须制作文件所用的程式; 另外, 你也可以用你喜爱的文字处理器来读取文件。文字格式也容许开发者更容易地理解应用程式。如HTML,XML档是一些人类无需阅读,但若有须要时亦可阅读的文字档案。不太像HTML,XML的规则是非常严 格。若忘记了一个标签或属性漏了一个引号便使这个XML档无法执行,但在HTML内这些错误却可以接受的。正规的XML定义防止程式尝试去猜测这个已被破 坏的XML档的意思;若发现一个被破坏了的档案,应用程式便会立刻在那儿停止并报告发生错误的讯息。
  4. XML是很详尽的
   因为XML是文字格式及其为使用标签来解放资料,XML文件差不多比所有以二进制格 式的文件档大。这点往往是XML设计者必定留意及考虑的。文字格式的好处是一切都很清楚(看上文第3点),但亦有不同程度的缺点。磁盘空间的价钱比以前大 幅降低;而其它的文件压缩程序如zip和gzip便能简易快捷地把文件压缩。此外,网络上的通讯协议,如数据机通讯协定及HTTP/1.1便可以在传送时 把资料压缩,节省效能跟二进位格式的文件同样有效率!
  5. XML是一个技术大家族
   XML1.0界定标签”tags”及属性”attributes”的定义。在 XML1.0以外,”XML家族”是一项成长中的技术专案以提供有用服务予以配合多项重要及须求率高的工作。XLink解释了怎样加入连结至一个XML 档。XPointer及XFragments文件部份发展的语法。XPointer有点像URL,但除指向一个网上文件外,它亦指向一件在XML文件内的 资料。CSS~界定文件式样语言,使用在XML上跟在HTML无异。XSL是表达版面式样”style sheets”的进阶语言。以XSLT,一种用作重新排列、加入或减除标签及属性的转化性语言为基础。DOM是用来从一种程式语言中,叫取XML档(及 HTML档)的一组标准。XML Schemas 1和2帮助开发者精确地界定它们自己的一套XML基础格式。还有其他种类的专案和工具可供考虑或正被开发中。可多留意W3C的技术报告。
6. XML是新事物,但不是全新的产物
   XML的开发始于1996年,并于1998年2月成为W3C的推荐文 件;这可能使你认为这是一项并不十分成熟的技术。但事实上,这项技术并不如想象中的新!在XML之前曾有80年代初开发的SGML,一项自1986年有 ISO标准及被广泛地使用在大型文件策划专案中。HTML从1990年起开发。XML的设计者只要把SGML中最好的部份,以发展HTML的经验指引来开 发一些不逊于SGML,但比之更有规范和可更简易地使用的技术。虽然有些时候很难分辨演变和革命的成就…但可以确定的,是当SGML被广泛地使用在技 术文件而被其他种类的资料所疏忽时,XML的情况是刚好相反的!
  7. XML带领HTML至XHTML
   一个重要的文字性质的XML应用程式:W3C的XHTML,一个接替 HTML的格式。XHTML有许多跟HTML一样的原素。有一些语法为了配合XML规则而改变了。一份使用”XML基础”的文件代替及限制了XML的语法 其在某些方面的用法(例如:XHTML容许”<p>”但并不接受”<r>”);它更加入一些意义到语法上(XHTML指定 “<p>”的意思是段落”paragraph”,而不是价格”price”或人”person”或其他事物)。
  8. XML是模块化的
   XML容许你利用合并及再使用其他格式来自定新的文件格式。因为两种独立开发的格式可 能包含一些原材料或称号用着同一名称,所以当合并使用这些格式时得特别小心(如”<p>”在一份文件代表”段落paragraph”是否可能 在另一方代表”人物person”呢?)要解决当合并使用两种格式时出现名称混淆的问题,XML提供了一项名为namespace的概念。XSL和RDF 正是用了namespaces的以XML为基础的格式。XML Schema以简单的方法来合并两种规格以演变出包含了两种规格的第三种格式,是用来反映出在界定XML文件结构时用以引导的支援。
  9. XML是RDF及Semantic Web的基础
   XML提供了一个规范的守则予W3C的RDF,一种 用以表达资料(事实上,基本上是为知识)的语言。RDF就像一个网上连结的下一个层面。一般网上连结把一些文字连接到一些没有固定关连的事物上,唯RDF 可以把任何事物在连结起后给予一个关系名称:如”甲是乙的价格”可以是一件物品和一个价格总和的关系;又如”甲比乙重”可以是两个总和的关系;又或”甲是 乙的原因”可以是沐浴和你身体湿了的关系。当你在知识沟通的时候,不论是以XML/RDF或是以纯英语,人或机械上均须要同意某字词在某方面的用途。一系 列特定的文字可以用来形容一些特定的生活方式(从”购物”至”数学逻辑”)便称之为”Ontology”。RDF, Ontologies及其代表意思,使电脑可以帮我们执行所有Semantic Web活动。
  10. XML是没有版权限制、跨平台独立且维护方便
   当你选择XML为你计划的基础,你就像已得到一 些庞大及增长中的工具(其中一些可能已做到你所需要的)及工程技术员多年积累的技术经验。选择使用XML就像在进行资料库管理时选择SQL的程序:你依然 要建立你自己的资料库及你自己的程式及步骤来进行,及有许多工具和许多人来协助你。由于XML是没有版权限制,你可以建立你自己一套软体而无须支付任何费 用予别人。而庞大及增多中的支援意谓你无须依赖任何单一商号。 XML虽并不永远代表是最好的方案, 但永远值得你考虑。 

Read More

网页设计-页面设计的5个小技巧

从某种意义上来说,页面设计(web设计)也就是用户界面设计。有许多技巧可以帮助我们制作出漂亮、实用的界面,这里收集的5个小技巧就会对你有所帮助的。这些技巧并不依赖于特定的主题或模板,所以会适用于多数情况下的设计。不罗嗦了,我们开始吧!
  1.改善链接体验
  网页中的文字链接通常标有下划线,表示文字是可以点击的,但可点击区域不会超过字符的宽、高范围。设计类似这种带有超链接的可点击区域的时候,都可以通过一些小技巧来提高可用性,比如:增加间隔,有些情况下甚至可以把链接转换为块元素。如下图,用高亮来区别可点击区域。
  显然,可点击的区域越大,用户点击就容易。在没有指定宽度的时候,将链接转换为块元素,可以使文字链接的可点击区域扩大到为整个容器的宽度,这样的设计尤其适用于侧边栏的链接。这个技巧可以通过如下CSS实现。
  a {
   display: block;
   padding: 6px;
   }  
  注意:由于转换为块元素只对链接的宽度起作用,所以需要设置间隔(padding)来保证块在纵向的间距。
  2.按钮也需要排版!
  设计的每一个细节失误都有可能把完美的产品变成平庸,比如按钮、Tab这样简单的界面元素,由于用户每天都会点击无数次,也需要适当的进行排版。请看下面一些例子:
  乍看起来上图没有什么问题,仔细观察可以发现,按钮和select的文字都偏上,原因就是将小写字母作为了排版的基准,小写字母居中时,整个文字的位置就会显得偏上。
  就像上图中,如果按钮上的文字包含大写字母或一些较高的小写字母,如”t,d,f,h,k,l”的时候,文字就会显得偏上。所以,通常应该把大写字母作为定位的基准,或者在小写字母较多时,稍微将文字的位置向上移动。
  上面的文字排版使按钮看起来更舒服,注重像这样的小细节对界面设计大有帮助。
  大头:虽然中文没有大小写字母的问题,但也有很多页面设计时不注重按钮的文字排版,导致错位。

Read More

用Photoshop开发网站的思路

1.规划:不管是乔客,还是用动易、风讯,我们都应该考虑两个问题:
  a、版面要分出头、中、底三个部分。
  b、中间部分要考虑两种情况,一是两栏(乔客左窄右宽,动易左宽右窄),二是一栏,两种情况显示不能变形。有些朋友想每个板块的头部不一样,这也是可以的,你可以在程序代码中做文章,那是编程的问题,按下不表。
  如果我看到别人的版面想拿下来,那就做个截图,建立一个photoshop文件,把截图放在最底层,作为最初的草图。
  2、制作。
  a、即使不用别人的版面,最好也还是找一个同类系统的网站截一个图,放在最底层。拉三根垂直辅助线:左边线,中间虚线位置,右边线。
  b、建立头、中、底三个图层组。有些人用photoshop不喜欢建立图层组,这不是好习惯,一个版面,少则几十层,多则上百层,不分开图层组管理就很乱,影响工作效率,更影响多人合作。
  c、制作的时候最好尽量把文字内容也放上去,可以更接近实际效果,等切图的时候隐藏这些图层。
  d、标题样式。一个版面除了头、底要特别制作外,中间部分应该考虑制作三种标题样式:左栏、右栏、通栏,也可以统一风格。还要考虑表头背景、一些常用到的边框等。我自己把许多喜欢的边框样式用js作了一个样式包,随时调用,而标题样式我是使用flash来做的一个样式,使用不同的参数调用,就可以有不同的样式和颜色,改版的时候就改一个js文件和flash文件,做版面的时候会节省一些时间。
  e、常用的按钮样式。常用的按钮其实不用在版面制作的时候做的,可以找回原来的按钮图片一个一个修改。
  f、特殊字体的使用。不管是链接还是内容,我都主张尽量使用样式表来控制字体样式,但有些地方要用到不常用的字体,为了使所有的浏览者都能看到自己的设计原意,就要把文字制作成图片,这一类的图片要适当使用,因为使用了图片,对搜索引擎的访问是无益的。
  g、像素图。尽量使用像素处理,例如一些边框、小图标,会使图片的字节数大大减少,显示快,容易透明处理。
  3、切图切图要在imageready中完成,先要把完稿的作品保存,最好还要做一个备份,然后跳转到imageready工作。
  a、有朋友切图时要合并图层,这是没有必要的,图层合并了,以后修改和编辑都麻烦,而且有时候切图还要按一些图层的大小定位来做,例如要切出一个468x60的广告横标,你可以把这个横标的图层载入选定区域(load selection),然后从菜单select把选定区域转换成切片(create slices from selection)。
  b、不要把整个版面同时切图。一般来说,头部的色彩很丰富,而中间和底部的色彩比较少。例如一个版面头部的切片,调色板可能要256种颜色,而中间和底部只要18色就能搞定,如果同时切片,就变成同一个调色板,中间的部分也使用了256色,就会使文件大小增加,但如果折中,让头部256色减少为128色或32色,又会影响效果。所以要分别处理,方法是在ps中分别选择头部、中间(中间有时候还可以分出几个板块)、底部,裁切,另存为几个不同文件,然后切图。
c、切图要考虑清楚,你准备使?
  来定位还是使用定位,不同的html图片分割是不同的。例如新阳江网站的两边灰色框,如果使用来做,背景图只要切一个高1像素宽791像素的背景图,而如果使用,就要切出左边背景和右边背景。
  d、gif和jpg。在同一个文件中切图,photoshop是允许不同的切片使用不同的文件格式的,但gif格式和jpg格式结合的地方,有时候肉眼都能可能看出颜色的差别,所以同一部分的切图最好使用同样的格式。颜色较少、较单纯的图片,文字图片,从矢量图转过来的小图标、边框背景等图片,一般用gif格式比较好,文件小,颜色不失真。摄影图片、三维软件做出来的彩色立体文字,一般用jpg格式。如果切片是准备做flash用的,文字部分和矢量图标等就不用了,在flash中使用字体和矢量图比做成位图占用的字节小,动画效果更流畅。
  e、有链接的图片。有链接的图片处理方法很多,你可以每个链接切一个图片,也可以切一个大图,在网页编辑器里面编辑的时候添加链接热区。现在更好的做法是使用文本链接,把图片变成背景就行了。
  图片链接还可以用flash来做,可以有很酷的动态效果,切一个大图,倒入flash文件中作为背景层,上面添加透明按钮就可以了。要注意的是flash里面的图片,可能会与页面其他图片的色调有些差异,位置也有一个像素的位移,一定要小心处理。
  使用了图片或flash作链接,对搜索引擎支持都不大好,作为补救措施,你可以在页面其他内容使用一些文本链接引导搜索引擎找到这些页面。 

Read More

提升网页打开速度的八个实用方法

网站访问速度可以直接影响到网站的流量,而网站的访问量几乎与网站的利益直接挂钩,因此网站的速度问题成为企业及站长十分关注的问题。现在网站越来越多,不少朋友的网站打开速度很不理想。也许自己打开网站速度很快,别人打开自己网站却反映速度满。这有可能是因为网通和电信等线路问题造成的,但大部分是由于大家网站自身的问题影响了速度。如何提高网站访问速度呢?下面谈一下一些关键的问题和解决方法。
  很多人都用虚拟主机来做网站,将网页文件存放在虚拟空间上,但是页面内容一多,网站打开的速度就显得特别慢,如果您碰到这种情况,与其寻求更好的空间,不如通过优化网页代码来取得满意的速度。下面总结了一些切实可行的方法,制作主页时,以下的方法可以令网页速度大大提高。
  一、记得帮页面减肥
  浏览网页实际上是将虚拟主机中的网页内容下载到本地硬盘,再用浏览器解释查看的。下载网页的快慢在显示速度上占了很大比重,所以,网页本身所占的空间越小,那么浏览速度就会越快。这就要求在做网页的时候遵循一切从简的原则,如:不要使用太大的Flash动画、图片等资源。干净、简洁的页面会给人一种思路明朗的感觉。
  二、如没必要,尽量使用静态HTML页面
  众所周知,ASP、PHP、JSP等程序实现了网页信息的动态交互,运行起来的确非常方便,因为它们的数据交互性好,能很方便地存取、更改数据库的内容,使网站“动”起来,如:论坛、留言板等。但是这类程序必须先由服务器执行处理后,生成HTML页面,然后再“送”往客户端浏览,这就不得不耗费一定的服务器资源。如果在虚拟主机上过多地使用这类程序,网页显示速度肯定会慢,所以没有必要,请尽量使用静态的HTML页面。
  三、不要将整个页面内容塞到一个Table中
  这是网页设计的问题了,很多站长为了追求页面统一对齐,将整个页面的内容都塞进了一个Table(表格)里,然后再由单元格td来划分各个“块”的布局,这种网站的显示速度是绝对慢的。因为Table要等里面所有的内容都加载完毕后才显示出来的,如果某些内容无法访问,就会拖延整个页面的访问速度。正确的做法是:将内容分割到几个具有相同格局的Table中去,不要全都塞到一个Table里。
  四、将ASP、ASPX、PHP等文件的访问改为.js引用
  这在ASP、ASPX、PHP等程序设计时应该注意的,如果要在静态的HTML页面里嵌入动态的数据,而这些动态的数据是由ASP、PHP等程序来提供的话,会使用以下的语句引用:,这样的话,每次有一个人访问你的网站,服务器就要执行并处理一次tongji.asp文件,从数据库抽取相应的数据,再输出给网页显示,如果有几万个人同时访问,就要执行几万次,后果就可想而知。建议在这些程序中将数据动态生成到一个1.js文件中去,然后在首页通过 < SCRIPT src=../../" http://www.aaa.com/ 您的js文件具体名">< /SCRIPT> 这样的代码来引用该js文件。这样,数据显示的任务就交给客户端的浏览器去做,不会耗费服务器的资源,显示速度自然就很快!
五、使用iframe嵌套另一页面
  比如你要在网站首页上插入一些广告代码,又不想让这些广告网站影响速度的话,那么,使用iframe最合适不过了。例如在http://www.aaa.com/首页上插入一些广告代码方法:将这些广告代码放到一个独立的页面去,然后在首页用如下的代码将该页面嵌入即可,这样就不会因为广告页面的延迟而拖了整个首页的显示,代码如下:
< IFRAME marginWidth=0 marginHeight=0 src="http://www.aaa.com/ServerPart.asp" frameBorder=0 width=468 scrolling=no height=60 leftmargin="0" topmargin="0">< /IFRAME>
  其中http://www.aaa.com/ServerPart.asp是被引用文件的路径。
  六、讲究网站计数器代码放置的技巧
  在网页里放置计数器可以统计网站的访问流量,为站长和广告商家提供访问依据,但是,不管功能有多强大的网站统计系统,都会有出故障的时候。如果直接把统计代码放到页面内容的前面,或者放在一个Table或者div标签里,那么在计数器不能访问的时候,你的页面上那个Table或者div就会产生几十秒钟的延迟,导致页面很长时间才能访问。所以,要提高网站的速度,就要讲究统计代码放置的位置,正确的方法是:把统计代码放到页面的最下面,并且不要和页面内容同在一个Table或者div标签里。可以在页面代码的最下方直接放置统计代码,或者在最下方单独做一个Table或者div来放置计数器。这样,在计数器不能访问的时候,你的网站速度也不会受到丝毫影响。
  七、友情链接的学问
  网站之间互相做链接可以增加网站的宣传效果,做LOGO图片链接更能准确地描述网站的主题和定位,宣传效果会大大的增强,但图片链接做得太多,必然会影响网页的显示速度。很多站长都喜欢直接引用友情网站上的图片URL,这样图片要先经过加载才能显示的,各个友情网站的访问速度不一样,整个表格都要等图片都下载完了才能显示出来,这样大大降低了网页的速度。因此,做友情链接时应尽量做到:
  1. 只做文字链接:做文字链接是不会延迟网页速度的。
  2. 将所有链接放到一个独立的分页去,然后在首页链接上该页。
  3. 如果友情链接一定要出现在首页,请将链接所在的整个Table放到页面的最下方,因为页面是由上到下逐行显示的,将其放到页面的最下方,不会延迟其他内容的显示。
  4. 友情链接的LOGO图片先下载后再传到自己的网页空间,这样,速度由自己的网站空间决定而不受友情网站的影响。
  八、网站空间的选择
  如果以上方法都使用了,空间访问速度还不理想的话,那么就可能是您网站空间速度问题了。选择网站空间时,建议大家用双线空间,这样可以避免网站其他用户访问时候由于网络问题造成的延迟。 

Read More

制作网站网页的四十个建议和技巧

 一、内容
  1、让读者有理由逗留。要把网页作得趣味盎然,引人入胜。但首要的是要让它有用处。这样做的一个很简单的办法是提供相互参与——让读者做一些事情,如报名获取定期发送的通讯,并用某种方式报答他们的参与,如每周抽奖或给予下载一些东西的机会。
  2、对访问者来说最具价值的站点是那些立刻就能让人明白哪些信息可以获取,怎样获取,以及可能还有怎样让读者来更正他自己认为有错误的地方或加上他自己的内容。
  3、签上自己的名字,并展示得到的荣誉——但不要在这里弄上一个长长的签名。少许的自我宣传可能是中肯的,尤其是当你想让自己的网页具有个人特色时,但这可能会带来困窘和妨碍实质内容。你所要作的只是连接到关于作者的那一页,该页也是弃权、版权声明及类似说明的合适地方。
  4、不要包括一些一般化的Web参考信息和人人都有的已不再是热点的连接。连接到Alta Vista和Yahoo可能就已足够了,否则你的外部连接应该是具有特殊意义和读者还没有遇到过的地方。
  5、要是有以评论或读者意见的形式取得的肯定性的反馈,可考虑把它包括在主页之内——也许在开头的某个地方,或者作为到荣誉页的一个连接。如果做得恰到好处,可以鼓励新的访问者并使他们放心。相反,要是做得不合适,就会被认为是自我吹嘘,而真正的内容反而处于次要地位。
  6、忘掉已学会的在纸上写作的大多数习惯。基于文字、面向纸张的写作所面临的任务是精心安排的叙述,在提供知识、愉悦心情或说服别人的过程当中要能保持读者的兴趣;但是文字并不是大多数Web版面的主要组成部分——即便是页面上的文字比其他元素多,也常常是其他组成部分(图像、超媒体连接)被认为比单纯的文字更重要。
  7、结构至关重要。网页可能会看起来是二维的,但不应如此理解。印刷页面的原有结构在Web已不复存在;作者要着重于文件以可见的方式表现出来的结构,因为它可能已具有更微妙的交流功能。
  8、Web的读者不会去读每一个词,他们的阅读方式更近似于快速阅读而不是象读呆板的树式文件那样的逐行阅读。通过计算机屏幕阅读并不是件格外舒服的事情,因此读者希望最好能尽快得到结果。
  9、在Web页面创作中读者实际上是一个配合者。除了要注意在任何类型的写作中都要考虑的词汇、语调和其他事项外,网页作者还要意识和具体考虑到读者的身体运动——按鼠标键、滚动页面、写作邮件——也是交流过程的一部分。
  二、页面设计
  10、在开始编写文字、寻找图像和进行HTML标记之前应该先把基本的网页结构组织好。要是开始的时候在脑子里没有一个相当明确的结构,那几乎肯定会以一团糟而告终。卸载一些你喜欢的页面,核对HTML源文件,看它是怎样写的,把它全部或部分粘贴到一个试验文件进行检验。整页地拷贝别人的东西是剽窃行为,但是向别人学习则是研究过程。
  11、人们第一次进入你的主页时,他们通常不是在寻找值得阅读的地方,他们可能正在寻找可供选择的东西,以超文本术语说即是可用鼠标点击的词句、图像、按钮等等,接下来是阅读文字,选定一个可选项,按鼠标键,下页出现后又重复此过程。这里的技巧是确定阅读时按键的适当比率。提供的可选项要是太少,访问者会觉得没意思,要是太多又会吓倒别人。
  12、要是页面包含的内容信息量大,在开始设计页面之前就要先确定好读者对象。对新手或新的访问者来说用一种固定的文件结构并在开始的时候给予说明是有意义的。例如,关于内容的说明表格或某种类似结构。如果你要满足知识或经验不在同一个层次的读者,提供限制性的线索可以让某些读者跳过基本内容直达目标。提供链接时要考虑到各个层次的读者。
  13、不要让读者不知所措。不必非要用声音和图像充斥网页,也不要把文件做得太长以至于在装载文件时让读者等得脚后跟发凉,因此使用图像时要谨慎:大的图像显然会降低页面建立的速度,但许多需要顺序装载的小图像也会如此。
三、布局
  14、别轻易让文字居中和使用粗体或斜体字符。
  15、利用短的段落,加点列示,适当的整块引用文字,用水平线分节,用影像地图指引主要链接,使你的页面能吸引人和容易阅读。
  16、不要在每一页使用风格不同的图标。
  17、不必在以页面上填满图像来增加视觉趣味。尽量使用彩色圆点——它们较小并能为列表项增加色彩活力(并能用于彩色列表)。彩色分隔条也能在不扰乱带宽的情况下增强图形感。
  18、对用作背景的GIF要谨慎。它们可以使一个页面看起来很有趣,甚至很专业,但是装饰背景很容易使文字变得不可辨读。要把背景做得好,光有颜色对比是不够的。背景要么很亮(文字较暗)要么很暗(文字较亮)。如果背景含有图像,对比度要较低才不至于过于分散读者的注意力。
  19、在 IMG 行加 ALT 标记。
  20、也可以在分隔条上使用ALT标记,这样就使得使用基于文本的浏览器的读者能看到一些更有趣的东西,而不只是一条直线。
  21、不要把重要的内容放到页尾——有些读者可能不会往下看那么远。
  22、不要让什么东西看起来象是一个按钮却不起按钮的作用。
  四、HTML格式
  23、应避免使用交叉标记。不同的浏览器对交叉标记的反映会不同。
  24、使用交织 GIF 和 Jpeg 。因为交织图像是分级显示出来的——首先以很低的分辨率显示,然后逐步提高分辨率,直至最后达到正常显示——这种方式有时候会使较大的图像看起来好象装载得快一些(实际上并非如此,但这是一种有益的错觉)。这样也便于读者在图像装载的过程中看到它的模样,如果他们不喜欢或不想看的话就有机会中断传输或转向别的地方。
  25、可以在一个 HTML 元素内嵌入一个连接,但不能反其道而行之,把一个标题或其他HTML元素嵌入一个连接。
  五、长文件
  26、努力确保读者浏览长文件时浏览器滚动条小的移动不会在页面上产生大的跳跃。作为一条经验规则,按一次滚动条页面移动的范围要少于一页,这样就还看得见上一个窗口的部分内容。
  27、要不然就把一个长文件分成几个子文件,在主页给予连接。不过要记住子页可能会成为死页——有时候命中率要低于10%。做得聪明一点,给读者一个很好的理由装入子页或给他们一个很好的理由浏览它。
  28、如果页面很多,在主页给出一个内容列表或目录显然是个好办法。不要作成那种常规的、令人厌烦的、死板的树形布局,把它做得有趣一些,让读者有理由进入连接,帮助他们了解他们可能看不出来的内容。
  29、要是你必须把所有的内容都放在一个文件里面,使用一个内容列表,从表的项目可直接跳到各部分的开头。或者做得更好,提供一个独立的文本文件用于下传——去掉所有的格式符——使下传的时间减到最少。
六、链接
  30、尽管你已做了一个漂亮的首页作为入口,其他人可能会对你的杰作内的具体指针或子页给出链接。向这些新的访问者提供一些关于他们在什么地方以及为什么在这里的线索是有意义的。
  31、从头至尾都要使用导航图标,尤其是要用“返回到首页”链接。比如在每页的顶端(或底部)都有一小串图标,第一个回到首页,第二个回到章,第三个回到节。
  32、在页面上应该有一些链接帮助访问者来回跳转。总是以相同的格式把这些链接放到所有页面上,这样读者就总能知道到哪儿去找到它们以及怎样使用它们。
  33、一般来说应该使用相对链接。
  34、链接到不直接相关的文件时使用绝对路径。
  35、确保可选择的链接清楚直观——用标题或明显相关的图像来表明它有什么内容。不要让链接的名称与链接的 URL 相同,这样会使读者要作的工作增加。
  七、通则
  36、鼓励读者通过填表或发邮件反馈意见。但要准备处理随之而来的事务——要尽快地回E-mail,增加连接,修改输入错误等等。给通过 E-mail 进行评论的人回感谢信。
  37、在页内告诉读者如果他们在自己的主页内设置一个指向你的链接你不会介意,并表明你也同样会设置一个指向他的主页的链接。每个人都希望有人访问自己的网页,而这种相互支持会鼓励对见解类似的网点的访问。
  38、想办法告诉读者下传要用的时间——告诉他们要出现的图像的大小或下传一个文本文件或二进制文件要用多久的时间
  39、Web上好的写作就很突出。
  40、为你的主页加一个描述性的标题。

Read More

如何制作设计具有营销价值的网站

如何建设具有营销价值的网站设计
据不完全统计,网站设计市场中70%以上的网站都缺乏网络营销价值。一个没有营销价值的网站,就算网站做得再漂亮,充其量也只是徒有其表,对企业的品牌宣传和品牌推广都起不到特别大的作用。那么,如何才能让网站设计的营销价值得到最充分的体现呢?
一、明确网站设计的目标
一个网站价值的体现,在于有没有很好的服务于其目标。比如,一个电子商务网站,它的营销价值可能在于获取更高额的订单利润;而一个政府网站,它的营销价值可能在于为其受众提供更好的服务和资讯;而对于品牌企业而言,它的营销价值可能更多的在于提升品牌的知名度和影响力。因此,针对不同的网站,首先需要明确最终的建站目的是什么。这样才能有的放矢,制定有针对性的策略。
二、确定营销策略的目标
制定网站的营销策略的时候,应当清楚知道这个策略到底能产生什么结果?是否能够有利于最终目标的实现?举个例子,对于电子商务网站来说,KPI就是实现其利润最大化的战略指标。平均订单金额数,用户二次购买的比率,产品交叉销售金额等,都可以作为电子商务网站的策略目标。
三、策略实施的有效性
对营销目标执行的力度将直接决定营销的结果,其中项目管理的流程和各部门的沟通协调能力至关重要。网络营销从来就不是个人能完成的事情,关系到前端的营销策划,网页设计及用户体验,营销广告的投放和网络运营等诸多部门间的合作。因此,对于策略的实施需要一支高效、专业的团队进行运作。
四、策略的评估和调整
基于网站分析和数据挖掘,我们可以从网站营销实际操作的结果中获取有价值的信息。例如用从户体验的满意度、整体广告的投放效果、用户在网站上的行为习惯模拟等数据分析中,可以得到许多有益的反馈,从而对营销策略不断做出相应的调整。
总之,要实现具有营销价值的网站设计,需要根据以上4点原则有计划有步骤的实施,才能最终达到网站期望的网络营销结果。 

Read More

jsp-与ASP的比较

JSP(Java Server Page)与ASP(Active Server Page)两者都是常用的动态网页技术,也都是可以嵌入HTML中的程序,但两者是有着本质的不同,主要从以下几个方面对其进行比较:
  1.Web服务器的支持:大多数通用的 Web服务器如:Apache、Netscape和Microsoft IIS都支持JSP页面,只有微软本身的Microsoft IIS和Personal Web Server可以支持ASP。
  2.平台的支持:JSP具有平台独立性,只要是一般的Java程序可以运行的平台,都支持JSP程序。Windows平台可以很好的支持ASP,但ASP对于基于Win32逐渐模型的依赖,使得它难于移植到其它平台上。
  3.组件模型:JSP是建立在可重用的、跨平台的组件(如:JavaBeans、Enterprises JavaBeans 和用户定制的标签库等组件)之上的,而ASP使用的是基于Win32的COM组件模型。
  4.脚本语言:JSP可以使用Java编程语言或JavaScript作为脚本语言,而ASP使用VBScript或Jscript作为脚本语言。
  5.安全性:JSP使用Java安全模型,而ASP使用Windows NT的安全结构。
  6.与Access数据库的连接:JSP使用JDBC建立与Access数据库的连接,而ASP对Access数据库使用Data Active Objects。
  7.用户定制的标签:JSP可以使用用户定制标签库进行扩充,而ASP中没有用户定制标签库,ASP是不能扩充的。
编辑本段
jsp运行时经常遇到的问题及解决方法
  [2]1、如何显示目录列表:
  我们在本机测试程序时,一般都习惯在浏览器中就能遍历到某个目录下都有哪些文件,这就需要web服务器支持目录列表:
  打开文件conf/web.xml,找到以下代码:
  <param-name>listings</param-name>
  <param-value>false</param-value>
  将其中的false改成true
  2、配置[3]error-page:(指定处理错误的页面)
  打开文件D:\demo\WEB-INF\web.xml:
  在<web-app>…</web-app>中间加入:
  <error-page>
  <error-code>404</error-code>
  <location>/NotFound.jsp</location>
  </error-page>
  (错误代码为404的错误导向到NotFound.jsp)
  <error-page>
  <error-code>500</error-code>
  <location>/error.jsp</location>
  </error-page>
  (当系统发生500错误即服务器内部错误时,跳转到错误处理页面error.jsp)
  <error-page>
  <exception-type>java.lang.NullException</exception-type>
  <location>/error.jsp</location>
  </error-page>
  (当系统发生java.lang.NullException(即空指针异常)时,跳转到错误处理页面error.jsp)
  提醒:
  以上页面都需要做大一点(>=2kB),否则不起作用。
  原因:tomcat把这样的页面字节限制在不少于多少字节。
  3、jsp页面出现乱码如何解决?
  在页头加上:
  <%@ page contentType=“text/html; charset=gb2312″%> 

Read More

网站设计与网站制作的区别与联系

网站设计和网站制作可以划分为两部分进行。
其一、网站设计师,负责把网站设计的平面图设计出来。
其二、再由网站制作人员,跟着网站设计图来来使用基本的HTML文件。
其一和其二有非常多的相同之处,但是也有一点不同点,今天我们就讲讲网站设计与网站制作不同点是什么。
从其一和其二中可以看到:
网页设计是一个网页艺术化,创作化的过程,他比网站设计更加细致化.这个过程是设计师在把自己的设计思想与意图艺术抽象化,用美感的形式如用色的差异烘托主次等来表达出来.在此过程中要考虑的细节比较繁多,有时间会细到要考虑到一个小图标的位置与用色.可见这一过程是用汗水来创作的.品牌网站建设就是在这方面有别于一般的网站建设.
一句话总结两者的区别:网页设计是想法,网页制作是做法.
网页制作是一个网页设计的网页化的过程,看到这里朋友们可能觉得拗口,也可能觉得我们在忽悠您,其实不是,一般来说看这文章都是同行高手,如果您是客户或者是初学者,是看得不是很明白的,您就看看热闹吧.同行高手会看得明白.一般人一般没有必要了解网页设计与网页制作的二的关系怎么样,在这我们只是与同行进行交流吧,好了不扯皮了.我们所说的网页化主要是将网页设计的艺术做成网页,用网页的形式表达出来,将思想形成网页.这一过程是技术过程,一般主要是代码表现形式,这又涉及到PS的切片技术,CSS+DIV技术,DREAMVER技术, JavaScript技术等等.
网页设计与制作的联系:
我们从上面的理解程度可以看到二者有密切联系.
没有想法无法做出来-没有网页设计,网页制作成一个空话,当然,制作者可以抄别人的设计,这个是另有所指.所以我们说想法决定做法-设计决定制作.就相我们常说的你的心有多大,事业就有多大一样关系.
反之,做法影响想法,网页制作技术制约网页设计.没有高水平的制作水平,是难以做出高水平的设计.比方说我们看到一个动画很亮,我们想比他设计出更亮的动画,想法是有了,问题制作水平跟不上,就是做不出来,这种力不从心的心得体会我想一般设计师应该有感受.
多看多做就是我们对二者的关系正常化补救.不要形成光会做而不会想的抄袭者,也不要形成光会想而不会做的空想家,两手都要硬,优秀的网页,品牌网站就在您的手中诞生! 

Read More

英文版企业网站建设的设计注意事项

随着经济的不断发展,对外贸易的不断增加,英文网站也越来越多,这个整体上是符合国家支持出口贸易的政策方向,这个里有一个大方面的问题,随着加入WTO,国内外交易日益频繁,在这个层面上促进了更多的企业走向海外,走向海外的过程中很重要的一步就是建立企业网站。但是在关注的一些企业网站中,外贸网站做的不是特别的成功。
一些外文网站制作时应该注意的问题:
1、网站的风格
外文网站的风格与中国网站的风格是绝然不同的,我们浏览一些网站对比,马上就可以得出这样一个结论:中文网站的结构都非常复杂、色彩非常多,而外文网站一般结构都非常简单,色彩也很简单。在这里,外文网站的结构和色彩主要体现出一种简洁和大气,这是中文网站所不具备和需要学习的地方。
2、英文的字体
大多数做外贸的网站的字体,都是按照中文的思路“宋体”在走,但据研究外文网站的字体并不是宋体而是“罗马”字体。可以看到有些网站的英文用的是宋体,怎么看怎么不舒服,也许这就是与每一种文字的特点有关吧。
3、翻译
翻译应该是做外贸的网站很重要的一点,但在现实中很多公司没有注意。有的随便找个学英语的学生给翻译一下,有的用一个软件翻译一下,有的拿一个字典翻译一下。其实这都是非常不专业的,对客户的印象影响很不好。从客户的角度来看,老外可能看了就看不懂,也有可能觉得不专业,像一个皮包公司。这样的话,客户就可能流失了。
4、图片的处理
国内的网站好多图片处理的一般,弄的网站感觉很花,而国外的网站我们可以看到,一般都很淡,很简洁的感觉。为了做外国人的生意,还是要迎合外国人的习惯才好。
给一些英文企业网站的企业一些建议
1:请专业语言人士来翻译来检查你的网站。
请专业的语言人士来通读你的外文网站,务必是行文语法符合海外客户阅读,这个工作很重要。
2:优化细节。
针对网站地图,联系方式(这里要考虑到国外最常用的MSN SKYPE而不是咱们用的QQ),联系人名称,还有更多的细节方面,总之,要尽可能的做到完美,尽量减少一些粗浅的错误,让我们更专业的为海外客户服务。还有比如,很多企业的联系邮件是用的免费邮件,很多国外邮件服务器因为国内邮件群发的现象泛滥而把国内邮件服务器设置为黑名单,往往因此而丧失了很多商务机会。
3:不同语种的网站,网站的设计风格。
针对搜索引擎的优化都要结合面向的国家群体去区别对待,很简单,韩文企业网站和针对欧美市场的英文网站,风格最好不一样。因为韩国的网页风格追求细腻、华丽、炫丽,韩国客户在国内见惯了设计精美的网页,如果再来看我们的网站可能就有不适应。但是对于欧美客户来说恰恰又比较相反,简介明了的风格设计,快速的导航设置对他们则比较重要。因此呢。在这个方面我们要不同的国家和语种要不同的对答。
4:建议把英文企业网站,存放在海外空间或者租赁海外服务器,方便客户的访问。
如果连快速访问的服务都不能保证,如果连正常的海外邮件都不能保证,那么服务无从谈起了。 

Read More