When you create a new tales project, say "app", you will see a directory structure that matches this..

app/
- build.fan
- fan/
  - Index.fan
- res/
- template/
  - Index.html

build.fan:
Builds your pod. Note: You don't need to build pods for running in dev/prod mode. Just cd to the app directory and type "tales run"[dev mode]/"tales exec"[prod mode]

fan/ directory
Contains all fantom files.

res/ directory:
Contains all public files. Whatever you put in this directory will be available for download from tales server. For eg., if you put a file page.css in res/ directory, you can access the file from

 http://localhost:8000/page.css

If you put page.css in res/css/ directory you can access the file from

 http://localhost:8000/css/page.css 

So this is an excellent place to put your public , css, image and javascript files.

template/ directory:
Contains all template files. A template file forms a base for the page that is displayed. Think of template files like your jsp files, but without any logic.