http://apps.hi.baidu.com/share/detail/31937357
第一步： 下载安装 JDK 6 Update 3
http://java.sun.com/javase/downloads/index.jsp
JDK 6 Update 3
The Java SE Development Kit (JDK) includes the Java Runtime Environment (JRE) and command-line development tools that are useful for developing applets and applications.
-----------------------------------------------------------------------------
第二步： 下载安装 Eclipse IDE for Java EE Developers
http://www.eclipse.org/downloads/
Eclipse IDE for Java EE Developers - Windows (125 MB)
我是用的最新的3.3版本，这个版本需要Java 5 (or higher) required.
----------------------------------------------------------------------------------------
第四步： 下载安装Tomcat 6.0
Tomcat 6.0
启动之后，可以在浏览器中打开 http ://localhost:8080 网页，在manager页面可以对 服务器进行管理，可以直接导入 *.war 文件进行网站发布，很方便。
-------------------------------------------------------------------------------------------
第五步: 下载安装JavaServer Faces Technology 1.2
http://java.sun.com/javaee/javaserverfaces/download.html
解压之后可以在lib 目录下找到 jsf-impl.jar和 jsf-api.jar 两个库文件。
稍后需要把这两个文件复制到 tomcat安装目录下的lib文件夹中，或者放在自己网站的WEB-INF/lib 文件夹，才能支持JSF应用。
安装之后有很多JSF使用文档，值得看看。
注意: 请根据上面网页上提供的链接下载最新版本的JSF库，我一开始用的是旧版本的， 结果就碰到“The method setVar(String) in the type DataTableTag is not applicable for the arguments (JspValueExpression)” 这个dataTable标签的bug，后来下载这里的最新版就没有问题了。
-------------------------------------------------------------------------------
第六步：下载安装JSTL 标签库
http://java.sun.com/products/jsp/jstl/
JSTL 标签库 ， JSF的实现依赖JSTL，所以也需要安装JSTL
JSTL 1.2 is part of the Java EE 5 platform.
其实就是这个开源项目 http://jakarta.apache.org/taglibs/doc/standard-doc/intro.html
到这里下载实现库 http://www.apache.org/dist/jakarta/taglibs/standard/
如果要使用JSTL，则必须将jstl.jar和 standard.jar文件放到classpath中。
同样要把这两个库文件放到自己网站的WEB-INF/lib 文件夹，才能支持JSF应用。
Eclipse中可视化创建JSF网页，参考这两篇文章，说的很详细了：
http://www.eclipse.org/webtools/community/tutorials/BuildJ2EEWebApp/BuildJ2EEWebApp.html
http://www.eclipse.org/webtools/jsf/dev_resource/JSFTutorial-M5/JSFTools_milestone5_tutorial.html
如果你连那两篇文章都懒得看了，可以看有人在CSDN blog写的简易说明：
先下载JavaEE开发的eclipse的版本，不需要任何插件，你就开始可视化的jsf开发了，下面开始配置。
第一步：点击Window-->Preferences菜单，展开Web and XML-->JavaServer Faces Tools。
选择Libraries，看到左边的New...按钮了吗？点击开始配置吧。Library Name，给你的JSF库起一个名称吧。
最下面的Is JSF Implementation了吗？选上。使用Add...按钮将你的JSF实现的jar文件都加入进来。然后就可以
Finish了。
第二步：新建Dynamic Web Project工程，第二步可以选中JavaServer Faces了。工程建好以后新建一个jsp文件。
是不是没有可视化的JSF界面呢？右键点击jsp文件，选择Open With-->Web Page Editor。看到新的视图了吧。点击左上的Palette，看到JSF Core了吧，可以拖到页面上面看看了。
第三步：每次都用open with是不是太麻烦了，点击Window-->Preferences菜单，展开General-->Editors-->File Associations。将jsf，jsp这些文件都关联到Web Page Editor，方法就是选中Web Page Editor，点击Default按钮即可。
现在你可以享受JSF的好处了。
在Web Page Editor 中，右击元素既可以弹出 “属性窗体”，在那里可以方便的对网页控件属性进行编辑。
------------------------------------------------------------------------------------------------------------------
在网上可以找到一本 电子版的图书 《Java.Server.Faces编程(中文).pdf 》
其他网上资源：
Sun 公司的JSF文档http://java.sun.com/javaee/5/docs/tutorial/doc/bnaph.html
Java● 咖啡馆 -- JSF中文论坛 http://www.hexiao.cn/jsf/
Java Server Faces Resources http://www.jamesholmes.com/JavaServerFaces/
JSF Tutorial http://www.coreservlets.com/JSF-Tutorial/
=======================================================================
创建一个简单的例子：
创建一个JSF工程，把前面说的JSF和JSTL的四个×.jar库文件复制过来放到 自己项目的WEB-INF/lib文件中，再按一下F5刷新一即可。如图
web.xml 文件内容，由 eclipse自动生成
-----------------------------------------------------------------
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
<display-name>widebright</display-name>
<welcome-file-list>
<welcome-file>index.html</welcome-file>
<welcome-file>index.htm</welcome-file>
<welcome-file>index.jsp</welcome-file>
<welcome-file>default.html</welcome-file>
<welcome-file>default.htm</welcome-file>
<welcome-file>default.jsp</welcome-file>
</welcome-file-list>
<servlet>
<servlet-name>Faces Servlet</servlet-name>
<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>Faces Servlet</servlet-name>
<url-pattern>/faces/*</url-pattern>
</servlet-mapping>
</web-app>
-------------------------------------------------------------------------
faces-config.xml 内容由 程序自动生成
<?xml version="1.0" encoding="UTF-8"?>
<faces-config
xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facesconfig_1_2.xsd"
version="1.2">
</faces-config>
-----------------------------------------------------------------------
index.jsp 网页内容
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>widebright</title>
</head>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<body bgcolor="white">
<f:view locale="zh">
<h:form>
<div><h:outputText styleClass="subtitle" value=" good good study , day day up ^_^ , coypright by widebright"/></div>
</h:form>
<h:form>
<h:commandButton value="好好学习,天天向上"></h:commandButton>
</h:form></f:view>
</body>
</html>
-------------------------------------------------------------------------------------------------------
一个简单的页面，注意第一句“<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>”
有了这句网页才能正常显示中文， 最好在Preferences 设置窗体中 "web-XML " -> "JSP files" 把默认的encoding改为 UTF-8.。
在 项目管理器 Project视图中右击index.jsp文件 选择run -》 run on server ，即可运行页面。
第一次运行，可能提醒你配置server，一路ok 选择机上安装的tomcat就行了。
运行以后效果如图：
下面有个server窗体，可以在那里启动关闭server。自己看着办吧。