困扰于Tomcat和Eclipse的相对路径

由于经验不足，做Web设计时的一个相对路径问题，被困扰了半天。

 

第一步：

Eclipse新建一个Dynamic Web Project，设想是以Mayaa+Html的方式来处理Web的表示层，方便进行页面设计。

目录结构如下：

WebContent

      +css

      +img

      -WEB-INF

         -index.html

         -index.mayaa

 

第二步：

用Dreamweaver进行html页面的设计，相关的图片和css文件都是相对路径（如：../css/style.css），页面设计完成以后，能正常在浏览器里显示，也能在Eclipse正常预览。

 

第三步：

回到Eclipse做一些动态处理，然后Run on server，启动Tomcat，运行Web。

 

此时，问题出现了，通过Tomcat运行的index.html无法找到css和image资源，最初以为是mayaa的问题，结果发现，把浏览器中显示不正确的页面保存覆盖index.html后，页面能正常显示了，以此得知，还是相对路径的设置问题。

有个想法闪过，既然网站根目录是WebContent，那么何不试试把路径改成css/style.css呢，果然，这样就能正常显示了。

但是在Eclipse和Dreamweaven中都不能可视化编写了，只能再手动把路径改过来。

虽然有点麻烦，暂时就先这样处理了。

 

如果网友能提供比较好的解决方法，欢迎留言给予指教。