一直以来，总是觉得以“做”为出发点学习一门技术会来的比较快，虽然会有某些内容会因为没涉及到而落学，但凡是涉及到的东西，你会对他的用法、属性等有很深的影响，这是其他方法无法比拟的。到最会，找本基础教程疏通疏通我觉得还是很有必要的，顺便学下落学的内容，嗯，OK了。
目前的国内的个性化主页，yaawa无疑是比较好的一个，无论是从功能还是从UI，都可以和netvibes等相媲美，所以选择他来效仿。其实yaawa使用的也是jQuery框架，有兴趣的朋友不妨去看看。
本教程旨在教你如何建立一个类似yaawa的个性化主页，不是从学入手，而是以做为出发点。如果你没有jQuery基础，也不用担心，代码我会做详细的注释，相信你可以看懂。
准备工作：
一：新建一个网站，目录结构如下：
请尽量保持与我一致，以方便以后操作。
x339.js：为了以后方便，引入了这一js文件，以后js代码全写入这一文件里面。
jquery.js下载地址：http://docs.jquery.com/Downloading_jQuery
在 down jquery，你能看到三个版本的 jQuery
Minified：适合在项目中使用
Packed：需要客户端来解压，但体积最小
Uncompressed：非压缩的，适合阅读，并修改
Minified & Gizzed版适合于实际的应用,Uncompressed版适合学习\\测试\\开发,最后的一个是Packed版适合没办法压缩Javascript的环境
二：建立一个Default页，代码如下：
<!–
Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/
–><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title>丝路野草</title>
<link href=”css/css.css” rel=”stylesheet” type=”text/css” />
<script src=”js/jquery.js” type=”text/javascript”></script>
<script src=”js/x339.js” type=”text/javascript”></script>
</head>
<body>
</body>
</html>