首页 » 网站设计元素

基本观点

我认为网站设计有几个主要的元素:

  • 安全性。特别是电子商务类型网站,安全是第一位的。
  • 速度。访问速度一定要快,不能为了花哨的功能而降低速度。宁可朴素无华,但加载快速。
  • 最小功能集合。功能代码越多,也就意味着漏洞越多。重要性的判断标准就是统计数据,而不是设计者的感性认识。
  • 上线,快速迭代。先上线,再优化。
  • 性能。只有明确瓶颈,再做优化,杜绝提前优化。

你想写文章,但不打算放在博客站点;你想树立自己的品牌,并打算长期耕耘;或者,只是想没事玩玩,也许会考虑自己搭建个网站。以下是我经营个人网站的一些粗略笔记。

网站元素

注册域名

两个最流行的域名提供商是:

  • name.com
  • GoDadyy

好处是修改域名对应的IP后,能很快生效(以前测试name.com生效时间大概1分钟)。坏处是,据说偶尔大陆DNS解析会失败(可能是被封杀/被墙,不确定)。

我比较熟悉的域名提供商是:Verio。可以在这里,查看域名是否已经被注册,以及年费(通常是11.59$/year)。Verio好处是,安全,使用的人比较少,知名度低,所以不太可能被封,或误封。坏处是,修改域名对应IP,生效时间长,约要半天时间;某些免费企业邮箱认证也会失败(例如QQ免费企业邮箱);支付完毕到域名生效约要1-2天,很慢。另外一个可能遇到的问题是,用Visa信用卡支付,会短信提示扣了1美刀,但其实扣的是11.59美刀。

用国内域名注册商的服务,可能面临的问题是备案等。

如果你不想支付注册域名的费用,那可以考虑.tk免费普通顶级域名,dot.tk提供这项服务。

服务器

如果只打算玩玩,不想出钱租服务器,可以尝试一些云计算供应商的服务,如亚马逊、Google等(新浪等也有提供)。

如果只是静态的HTML(手工hack或如VimWiki等工具生成的),也可以托管在GitHub。

如果可以每月投入数十大洋,可以考虑linode等VPS提供商。Linode最基本的服务是19.95美刀/每月。Linode提供多种Linux发行版(如CentOS、Ubuntu等),地址可选日本、美国等地。通常而言ping的时间在200ms(要比国内VPS慢一个数量级,可从从这里测试从全国各地ping一个IP的时间),但考虑到稳定等因素,可接受。当然我也推荐你使用我的Linode推荐链接进入注册 :D

国内的VPS提供商,我用过VPSYou,价格比Linode便宜,但不太稳定。有时候出现故障会停止服务数小时(我使用期间,每月得遇上个1、2次吧)。

当然,要是用户量够大,可以自己买服务器托管在世纪互联等(个人网站能达到这个量级,也委实可怖)。

访问统计

主要看客户从哪里来(外链,搜索,论坛,微博,SNS, etc.),月/日访问量等。可以用Google的Google Analytics 或者百度统计。

外部元素

外部元素指通过第三方网站提供的HTML/Javascript代码等方式,可快速加入到网站中的元素。

在线状态

阿里旺旺在线状态

旺旺在线状态:http://www.taobao.com/wangwang/2010_fp/world.php

旺旺在线状态示例:

<a target="_blank" href="http://www.taobao.com/webww/ww.php?ver=3&touid=berlinix&siteid=cntaobao&status=1&charset=utf-8"><img border="0" src="http://amos.alicdn.com/realonline.aw?v=2&uid=berlinix&site=cntaobao&s=1&charset=utf-8" alt="点击这里给我发消息" /></a>

效果:

点击这里给我发消息

QQ在线状态

QQ在线状态:http://wp.qq.com/index.html

搜索框

注册Google自定义搜索

注册帐号后,在页面中添加一个HTML Form元素即可。如波黎克斯的搜索框:

<form action="http://www.google.com/cse" class="form-search">
    <input type="hidden" name="cx" value="006599569756970945709:_t1hsa8ok-8">
    <input type="hidden" name="ie" value="utf8" />
    <input type="text" class="input search-query" name="q">&nbsp;&nbsp;
    <button type="submit" class="btn">&nbsp;搜索&nbsp;</button>
</form>

分享

0

评论

comments powered by Disqus