dreamweaver的菜鸟问题

大虾们：
本人想做一个页面，index导引页，其内容就是一张图片。没更高的要求，接触DW也就几天，不怎么会，因为做完这个就不再用DW了，现在也不是学习的时机，因此请教一些小问题，我能把这张网页做完就行，谢谢。
问题1：这张图片竖着由四个小图片拼成，我想让他指到四个不同的网站，那么很显然，扩四个矩形热点就行了。但是这样反馈不到观看者那里。我想鼠标停留的时候让一层灰色覆盖小图片，使之成为类似半透明状（很多网站都有这样设计，相信大家见过），我知道应该是用“鼠标停留图像”，但具体不懂，希望能耐心解答！
问题二：现在买的显示器越来越大，因此我这张图做的分辨率很大，但还有更多的小屏幕，怎样让它自动适应并全屏（填充整个浏览器的显示区域）显示？

原理其实还是蛮简单的，图片做背景然后再上面覆盖上4个DIV，本身是没有背景的，然后当鼠标滑动到对应的div上面的时候给DIV加载一个透明的背景就可以了，至于自适应你可以用scollHeight 和scollWidth去判断然后重设宽高就行了

.dwt是dreamweaver特有的模板文件.css是你的页面排版代码文件，要叫层叠样式文件.js 是javascript，基于浏览器的一种编程技术文件.html是静态网页代码 .html 只能做静态网页，没有数据的处理，加了css的话，可以使你的页面效果更美观，PHP是做动态网页的，可以实现数据传输处理等等，html代码可以在php文件里面混合写，而php代码不能在html里面运行，一般正规都使用smarty 模板分开html 和php文件，方便维护，方便页面风格切换。

你看下这个站 http://www.jiajuhuizhan.cn/link/的图片效果 是你要的么？就是鼠标放在图片上变清晰。如果是这个是javascript特效。如果是的话 就准问啊，我把代码贴上来

第二个问题很难实现。