Qual framework usar?

Meu, esquece servlet. Vem pro VRaptor, sem sombra de dúvidas.

Para o javascript, usa jQuery.

E para interação com usuário, usa jQuery UI.

Eu também usaria o jquery para javascript, mas usaria o jsf para a interface.

Você já conhece algum framework web ?

ja ouvi falar o jquery , ate vi alguns exemplos com ele, mas fico meio perdido em apresentar a interface usando o jquery.

Cara,
Acho que vai gostar do twitter bootstrap:http://twitter.github.com/bootstrap/components.html.
Vc pode usá-lo em conjunto com o JQuery, e vai se livrar de ter que ficar consertando seus CSSs para funcionar em todos os Browsers.
Agora se seu professor deixar, opte por usar o VRaptor ao invéz de fazer seus Servlets na unha. Vc vai poupar muito trabalho.
Tem também o ExtJs que virou o sencha, tem o JQueryUI, e muitos outros, mas estes requerem um conhecimento mais aprofundado de Javascript.
Aconselho o twitter bootstrap pois basta trabalhar com HTML e vc já vai fazer muita coisa. As vezes vc vai precisar de um código ou outro em Javascript, mas é tranquilo.

rafael.quintino, cara. que legal esse bootstrap!

Ele é um plugin do jQuery? como que ele funciona? ele fica arredondado no IE8?

Rafael Guerreiro,
Acabei de fazer o teste aqui no IE8 e infelizmente ele não fica com os cantos arredondados, mas não quebra o layout. Se quiser saber mais sobre browsers suportados acesse: https://github.com/twitter/bootstrap/wiki/Browser-Compatibility
Não sei definir muito bem o que ele é, mas posso arriscar a dizer que ele é um Framework CSS que implementa a filosofia de grids parecida com a do System960: http://960.gs/.
Voce pode ver isso no link: http://twitter.github.com/bootstrap/scaffolding.html.
Só que o Twitter Bootstrap vai muito além de grids de posicionamento de conteúdo. Ele oferece estilizações de muitos componentes de interface.
Algumas coisas ele utiliza o Javascript, como por exemplo, Responsividade aos redimencionamento de Janela, Pop-up, Tooltips, Drop-down, Modal,…
Quando ele usa javascript para fazer estas coisas normalmente ele disponibiliza um plugin Jquery.
Se quiser saber como usar basta inspecionar o código de exemplo na url: http://twitter.github.com/bootstrap/examples/fluid.html
Faz o Download, e insira as 3 (CSS, JS, IMG) pastas no seu projeto. Vá no seu HTML (leia-se JSP) e inclua o arquivo.min.js e o arquivo.min.css!
Dai é só usar.