这里我来告诉大家，怎样才能做出那种美轮美奂的网站。有捷径的！

先洗下脑：我平常最最讨厌谁说准备自己开发网站或者是号称网站是自己开发或原创出来的，这是一件基本上很丢人的事情，很多人竟然还认为“自己开发”很厉害。

为什么？这里我随便列举2个现象：

1，国内搞网站的技术员拿到一个美国的模板，安装都不一定会安装上，你还谈什么自己开发？ 能看懂几段代码，知道怎么修改，我就算你是高手高手高高手！会抄代码，会修改，会模仿，你就是你身边几个粉丝眼中的高手，但是那不叫开发，那叫会改，能用。我总是觉得自己知识不够，而且技术也不是我的专业和职业，但是CAOPENG.ORG的流行知识组合， 可以以千万计的下载传播量在四季传唱，这到底是在讽刺谁？

2，再比如美工做图，我常说：国内搞PHOTOSHOP的，能会用PHOTOSHOP功能的十分之一，那就是高手高手高高手了！但是绝大多数人连这10分之1都搞不熟。因为我们最多就是会的多少，用的好坏，你想想这PS软件是谁发明的！所以这是个档次的问题。我的意思并不是说国人不聪明，中国人非常的聪明，太聪明了有时候，例如山寨世界第一，网上发垃圾广告世界第一；这也是个行业产业的问题，不是哪一个人可以短期内改变的。就像中国的导演拍不成来好莱坞的科幻大片，你虽不能说全是国内导演的水平问题，但是我们的确做不出来那些特效是事实。

明白了这些情况之后，假如现在要做个绚丽的网站，无非就2个问题：功能和外观。

1，想功能实现的顺利，必须先选一个主流的网站程序，因为主流，很多人用，那么以后遇到什么问题都好解决。还是因为早有人想实现这些功能而且早被实现过了，这样修改的整个过程都是事半功倍。如果你选择一个非主流的只有少数人用的程序，那不叫独孤求败，那叫自虐。随便实现个功能都是考验吃苦耐劳+吃力不讨好。

2，想外观漂亮，就去花个200RMB去买个美国的商业模板，不要觉得200块太贵，因为如果你花钱在国内找人做，20万也做不出来唯美的外观。这已经不是你花多少钱或者花多少时间的问题，因为没有人会。

选择了主流程序+美国模板之后，你并不需要太多的什么技术，能看懂点英语就搞定了。如果你连26个英语字母都不知道，那这种渠道不适合你。
 

下面我就以WORDPRESS为例，更具体的说明一下操作（眼高手低的童鞋；千万不要认为WORDPRESS简单，从个人网站到公司网站到网店商场，WORDPRESS可以满足你所有的功能和美感，就看你会不会玩WORDPRESS了。）

1，用WORDPRESS做的网站其实 他的功能，内容，外观是相对独立的。也就是说我们以后可以把网站外观通过更换模板的方式更换成任何模板。稍加修改即可。采用不同的外观对网站的功能，内容不会有大的变化。

2，外观的布局 可以通过挑选到喜爱的模板实现，WORDPRESS的模板虽然有无数，免费的里面却很少有真正好看的，那么就只有买美国的商业模板。这里推荐THEMEFOREST的WP商业模板，点击任何一个里面都有这个模板的 LIVE PREVIEW, 点击LIVE PREVIEW 可以看到 网站“in action” 。也就是实际预览一下，个个美轮美奂。选中合适的，付费下载之后，就可以用到你现在的WORDPRESS网站上，再进行修改。

3，定下来模板之后，我们可以修改模板的图片，功能，LOGO, 文字，栏目，幻灯。。。 但不建议大改已有的布局，因为没有必要，这些商业模板的后台作者考虑的非常周到，设计的都是可以傻瓜式的修改一些非常强大的作者扩展出来的很多功能。

所以要尽量耐心的来挑选一个模板布局，（宁愿花多些时间去找个炫的，接近想要的，也不提倡从一穷二白开始原创，不是那个时代了已经，设计这些模板的这帮美国人的美工和开发水平是世界顶级的，国人是没有可能性原创出功能至尊的美丽的漂亮的网络东东的）。

 换个思想吧，不要自己在那瞎倒腾了，累死累活，好像付出了很多，最后搞出来的站的还是普普通通。我们的目的是搞出美的网站，而不是痛苦的搞，用世界顶级的模板素材，一开始你就聪明了。



themeforest 世界顶级模板网站：WP主题模板，各种主流程序模板 。。。应有尽有！ 。 【 进入英文官方 】

  下面的这6个站点和上面的提到的THEMEFOREST，7个网站同隶属于ENVATO公司。也就是说一个账号可以通行所有站点。利用美轮美奂模板做站的思路同样适用于其他的有中美差距的一切。美国的模板素材很多都很好，这7个站的模板素材是在美国都是最酷的了。在这些站点你不仅可以买到美轮美奂的东东，如果你有天才作品，也可以在这些平台上出售。

大概从2003年，我就开始用美国服务器，一开始只是为了好玩，从每月几美元的到每月几百美元的我都用过，也尝试过不下10家美国的服务器商。所以关于国外服务器，有些经验一直想分享出来，一直又比较懒，不喜欢打字。今天就先写点，有空，我会再慢慢完善这篇文章。

1，首先不管你是什么理由要用国外的服务器，一定要选择美国的服务器，这个理由太多了，服务，价格，性能，无需备案 等等。。。 都是其他任何国家都没法比的，就像编程，其他国家怎么学 都不会超过美国，因为那是人家发明的 而且他们在这些方面 从来都没有落后过。

2，美国服务器也是有好的 有差的，太多的选择，每个月几百美元的，那一家我就不说了，确实好用。但是对于绝大多数国内的中小型网站来说，下一个问题就是性价比。

3，从性价的角度，适合国内大多数的就上面2家： IXWEBHOSTING 和 GODADDY，这2家的主机也正是在国内销售的最好的2家。这也是好事：由于已经有好多人在用了，遇到什么问题网上一搜一般都可以解决，因为你遇到的问题，别人肯定已经有人遇到过并且被解决过了。

4，购买的渠道：切记不要找人代购，自己去官方买！代购的猫腻很多，这里就不细说了。
一句话：你看上去占多大便宜，就会吃多大的亏！直接和官方打交道多好呢！！

5，关于退款：这2家主机商，通过官方购买的； 如果不满意，是可以30天内无条件退款的。这个是真的，好多人不敢相信，因为在国内上当的次数多了。哈哈，在国内买个服务器，想退款？除非是把头打烂，否则基本是做梦。在北美，商城超市里买的大部分东西都是默认30天内无条件退款的。人家就是这样保障消费者利益的。

IXWEBHOSTING主机退款步骤  
IX主机全额退款流程（图解）
IX美国主机退款的一个英文信实例  

GODADDY退款流程

IXWebHosting的中文官方地址：http://cn.ixwebhosting.com/

像IX的中文页面上 已经提供了全中文的购买说明，中文在线客服 支付宝付款 。。。等等，
都是中文了 如果买都不会自己买，真不知道你以后怎么用美国的主机！

GoDaddy的英文官方地址：http://www.godaddy.com

实际上虚拟主机和博客主机我用着是一样的，不同的就是方案的不同：
1个网站就选 Economy Plan, 多个网站就选Deluxe Plan,无限网站就选Ultimate。

注册GODADDY免费账户/账号教程

Godaddy主机购买中文图解： 参考教程（一）          参考教程（二）

GoDaddy域名$7.49 超级优惠码链接
（此优惠适用于com，原价为$11.99，建议一次购买多年）

GoDaddy注册域名流程

GoDaddy SSL证书优惠码12.99美元优惠码链接
( 买SSL因为它送独立IP，原价为$49.99，建议一次购买多年)

如果你觉得以上的服务器都不上档次，你可以选择GODADDY虚拟独立主机（简称VDS），速度性能都有提升，当然价格也会有所提升。

GD的VDS方案 http://www.godaddy.com/Hosting/virtual-dedicated-servers.aspx?isc=IAPtno3

Godaddy的VDS主机中文介绍
godaddy的VDS选购经验

当天的腾讯的 今日话题 写的不错

希望各位看官 越变越聪明吧！

本科课程

攻读本科学位的留学生可以根据个人兴趣选择学位课程。本科学位课程中一些重点科目是必修课，同时有许多相关选修科目供学生自由选择。学生有机会根据自己的职业目标或是进一步深造的学习计划，专门研究一个重点领域。本科学位课程的教授有多种形式：大部分课程是小型辅导和研讨小组模式为主，讲师授课为辅。 

研究生课程

英国的大部分研究生课程和MBA课程时间只有一年，而美国和澳大利亚等国家都是两年。选择在英国读研究生意味着学生仅需支付一年的学费，就可以完成学业，走上职业道路。 
在英国读研，学生会完全沉浸在全英语的环境中，而英语是世界上最重要的商务语言，这对学生将来的学术和职业发展都极为有利。

当天的腾讯的 今日话题 写的不错

希望各位看官 越变越聪明吧！

当天的腾讯的 今日话题 写的不错

希望各位看官 越变越聪明吧！

所使用的Firefox版本是11。这个版本默认带了很多好的工具来支持Web开发。

1. Shift+F4 运行 javascript 乱写板，在里面可以任意测试 javascript
2. Ctrl+Shift+J 打开错误日志，可以查看当前页面有哪些 javascript 错误
3. Ctrl+Shift+K 打开控制台，在控制台可以通过 javascript 与页面内容交互
4. Ctrl+Shift+I 打开页面元素查看器，可以查看页面的元素，**支持 3D 模式**

有了这些利器，开发Web就容易多了。Firefox 可以说是给Web开发人员提供了很大的便利。以下详细介绍每个工具的使用。

乱写板(Shift+F4)

通过乱写板可以写入 javascript 代码，并执行代码，以查看代码运行的结果是否符合预期。

运行模式(Ctrl+R)

该模式可用于在控制台查看运行代码的变量。

如上例所示，在写一段 javascript 代码时，可以通过 console 对象的 log 方法将内容打印到控制台里面去。

在运行模式中，如果要在控制台中打印数据，则需要先打开控制台(Ctrl+Shift+K)。

检查模式(Ctrl+I)

在经过了一系列操作之后，要查看某个容器中的对象（容器）是否发生改变，就可以通过检查模式来做到这一点。Firefox 带有一个对象（容器）查看器。

由上图可以看到一种隐藏私有变量的面向对象的实现。

求值模式(Ctrl+L)

如果只需要简单地得到一段代码运行之后的值，可以使用求值模式。选定一段代码运行之后，将会在代码之后直接显示当前一条表达式的值。

可以利用求值模式得到选定的代码最后一条语句的值。这在简单找一段代码的错误时很有用。

错误日志(Ctrl+Shift+J)

错误日志可以用于查看一个网站的 javascript 是否在运行时出错。

通过错误日志来调试 javascript 代码。特别是要调试的代码并不是自己所写。如，其它网站的代码。

控制台(Ctrl+Shift+K)

通过控制台可以查看在 javascript 运行过程中的所有日志。并且可以查看指定的对象（容器）的内部结构是什么样的。

如，打开google地图，可以查看到在浏览器容器(this)中创建了很多属性。

通过控制台也可以直接使用 javascript 来控制 HTML 元素。

var a = document.createElement('div');
a.appendChild(document.createTextNode('Hello'));
document.body.appendChild(a);

通过以上 javascript 就可以在页面中添加一个 DIV，DIV 中包含着 Hello 这样的字符。

页面元素查看器(Ctrl+Shift+I)

通过页面元素查看器，可以查看到页面中包含的元素及元素中的内容。

部分支持 3D 硬件加速的机器可以通过 3D 模式来查看浏览器元素。

结语

HTML 是直接面对用户体验的接口，为了做好这样的一个接口，HTML 自身发展到 HTML 5 规范。让所有的浏览器支持更强大的用户体验。正因为这样，为了开发出良好的用户接口，各种浏览器都推出了方便开发人员进行开发的工具。有了工具，那就不要等了，用吧。

Firebug是Firefox下的一款开发类插件，现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀，从各个不同的角度剖析Web页面内部的细节层面，给Web开发者带来很大的便利。这是一款让人爱不释手的插件，如果你以前没有接触过它，也许在阅读本文之后，会有一试的欲望。笔者在撰写此文的时候，正逢Firebug发布1.0正式版，这不能不说是种巧合。

应用
Firebug插件虽然功能强大，但是它已经和Firefox浏览器无缝地结合在一起，使用简单直观。如果你担心它会占用太多的系统资源，也可以方便地启用/关闭这个插件，甚至针对特定的站点开启这个插件。

在安装好插件之后，先用Firefox浏览器打开需要测试的页面，然后点击右下方的绿色按钮或使用快捷键F12唤出Firebug插件，它会将当前页面分成上下两个框架，如图1所示。

图1：Firebug插件展开图示

600)?’600px’;” width=”550″ />

从图1中看到，Firebug有6个主要的Tab按钮，下文将主要介绍介绍这几方面的功能。
Console HTML CSS Script Dom Net
控制台 Html查看器 Css查看器 脚本条时期 Dom查看器 网络状况监视

Console 控制台
控制台能够显示当前页面中的javascript错误以及警告，并提示出错的文件和行号，方便调试，这些错误提示比起浏览器本身提供的错误提示更加详细且具有参考价值。而且在调试Ajax应用的时候也是特别有用，你能够在控制台里看到每一个XMLHttpRequests请求post出去的参数、URL，http头以及回馈的内容，原本似乎在幕后黑匣子里运作的程序被清清楚楚地展示在你面前。

象C shell或Python shell一样，你还能在控制台中查看变量内容，直接运行javascript语句，就算是大段的javascript程序也能够正确运行并拿到运行期的信息。

控制台还有个重要的作用就是查看脚本的log, 从前你也许习惯了使用alert来打印变量，但是Firebug给我们带来了一个新朋友 —— console.log, 最简单的打印日志的语法是这样的：

如果你有一堆参数需要组合在一起输出，可以写成这样：

Firebug的日志输出有多种可选的格式以及语法，甚至可以定制彩色输出，比起单调的alert，显然更加方便，限于篇幅，这里不做详细说明，但是有志于提高debug效率的读者，可以到Firebug的官方站点（见附录）查看更详细的教程。

图2： 在控制台里调试javascript

600)?’600px’;” width=”550″ />

查看和修改HTML
第一次看到Firebug强大的HTML代码查看器，就觉得它与众不同，相比于Firefox自带的HTML查看器，它的功能强大了许多。 HTML

首先你看到的是已经经过格式化的HTML代码，它有清晰的层次，你能够方便地分辨出每一个标签之间的从属并行关系，标签的折叠功能能够帮助你集中精力分析代码。源代码上方还标记出了DOM的层次，如图3所示，它清楚地列出了一个hml元素的parent、child以及root元素，配合Firebug自带的CSS查看器使用，会给div+css页面分析编写带来很大的好处。你还可以在HTML查看器中直接修改HTML源代码，并在浏览器中第一时间看到修改后的效果，光凭这一点就会让许多页面设计师死心塌地地成为Firebug的粉丝了。

有时候页面中的javascript会根据用户的动作如鼠标的onmouseover来动态改变一些HTML元素的样式表或背景色，HTML查看器会将页面上改变的内容也抓下来，并以黄色高亮标记，让网页的暗箱操作彻底成为历史。

利用Inspect检查功能，我们还可以用鼠标在页面中直接选择一些区块，查看相应的HTML源代码和CSS样式表，真正的做到所见即所得，如果你使用了外部编辑器修改了当前网页，可以点击Firebug的reload图片重新载入网页，它会继续跟踪你之前用Inspect选中的区块，方便调试。

图3:：HTML查看器

600)?’600px’;” />

CSS调试
Firebug的CSS调试器是专为网页设计师们量身定做的。

如今的网页设计言必称div+css，如果你是用table套出来的HTML页面，就得按这规矩重构一遍，否则显得你不够时髦！用div做出来的页面的确能精简HTML代码，HTML标签减肥的结果就是CSS样式表的编写成了页面制作的重头戏。Firebug的CSS查看器不仅自下向上列出每一个CSS样式表的从属继承关系，还列出了每一个样式在哪个样式文件中定义。你可以在这个查看器中直接添加、修改、删除一些CSS样式表属性，并在当前页面中直接看到修改后的结果。

一个典型的应用就是页面中的一个区块位置显得有些不太恰当，它需要挪动几个象素。这时候用CSS调试工具可以轻易编辑它的位置——你可以根据需要随意挪动象素。
如图4中正在修改一个区块的背景色。

提示：如果你正在学习CSS样式表的应用，但是总记不住常用的样式表有哪些值，可以尝试在CSS调试器中选中一个样式表属性，然后用上下方向键来改变它的值，它会把可能的值一个个遍历给你看。

图4: CSS查看器，能够直接修改样式表

600)?’600px’;” />

可视化的CSS尺标
我们可以利用Firebug来查看页面中某一区块的CSS样式表，如果进一步展开右侧Layout tab的话，它会以标尺的形式将当前区块占用的面积清楚地标识出来，精确到象素，更让人惊讶的是，你能够在这个可视化的界面中直接修改各象素的值，页面上区块的位置就会随改动而变化。在页面中某些元素出现错位或者面积超出预料值时，该功能能够提供有效的帮助，你可以籍此分析offset、margin、padding、size之间的关系，从而找出解决问题的办法。

图5：Firebug中的CSS标尺

600)?’600px’;” width=”550″ />

如今，相信任何一个网页开发人员的电脑中，Firefox 浏览器的重要程度和使用频率一定程度上会超过 Internet Explore。不仅因为它可以良好的支持标准，而且众多强大的扩展已经把 Firefox 从一个单纯的测试平台转变为一个良好的调试平台。将几个对开发很有用的扩展推荐给大家。

1. FireBug：在 Web 调试工具中，FireBug 现在几乎已经成为了众多调试工具的标准，其强大程度绝对超乎你的想象。FireBug 可以快速分析出页面的 DOM 结构，并生成可折叠、展开的树状图。对于每一个元素，我们都可以通过 FireBug 来实时更改它的属性、值甚至 CSS，特别是对 CSS 的修改，结果会实时展现在页面上，这对 Web UI 人员来说绝对是个非常实用的功能。而对于开发人员来说，FireBug 可以为 Javascript 设定短点，可以通过简洁的函数监控变量、生成日志方便调试。FireBug 绝对无愧于 Firefox 中第一调试工具的称号。
2. WebDeveloper：老牌 Firefox 扩展调试工具，发展到现在，虽然功能明显不及 FireBug，但有些功能还是非常实用。例如根据预设调整窗口大小、显示 HTTP 相应报头、快速标准验证等都是非常实用的。对于 Web Developer 们还是个必不可少的扩展。
3. TabMixPlus：Web Developer 们浏览器的一大特点，就是开得标签巨多无比。这时一个良好的标签管理扩展就必不可少了，在这方面，TabMixPlus 还是最为强大的。当然如果机器配置不好，可以用功能相对较少的 Tab Mix Lite CE 来代替。
4. View Source Chart：查看源码的好助手，不仅可以将 HTML 代码整理得非常易读，而且通过语法高亮进一步提高可读性。
5. IETab：不管你怎么憎恨 IE，做出一个 Firefox Only 的网站还是会意味着失去 80% 的访客，因此最终成品在 IE 中测试一下还是很有必要的。有了这个扩展，你就不用再费力的去再开一个 IE 窗口了，直接一点击就可以切换（相当于为 Firefox 武装上了 IE 引擎）。
6. Personal Menu：对于网页开发者来说，一个浏览器有尽可能大的工作区面积是非常重要的。Firefox 上的菜单多少有点鸡肋，用这个扩展既可以隐藏掉菜单，而且还可以毫不损失它的功能，非常爽。

在Firefox 11中从“开发者工具”菜单中打开Inspect,你会发现多了一个3D按钮，这就是新的Tilt工具的入口。另外，你也可以直接按快捷键Ctrl+Shift+M来开启Tilt工具。虽然这个新的特性对于一般用户来说没有什么太大的意义，但是对于开发者来说，在分析网页结构方面还是非常便捷和高效的。