请问版上大大们
如以下这个网页
它的底图不动
但上方的图层能顺应网页大小100%延展
http://www.books.com.tw/activity/2016/05/synchau/News1/?loc=P_011_004
又或者有些网页刊头的图
无论网页宽度多少都能跟着宽度变化，放大缩小，
这是要用什么才能做到呢？
我原本是学设计的
做网页用Dreamweaver，目前自学HTML跟CSS，都还很基础
但因为有些案子想做这样的风格，想知道制作的方式？
或是我需要再从哪方面学习来快速切入比较好？
恳请赐教，先谢过！

第一步，不要用dreamweaver然后关键字 响应式网页设计 RWD

不用Dreamweaver的话，是直接写程式吗？还是别的推荐软件呢？

用手刻啊， vim 或 atom 或 notepad++

了解，那想再请问，这几种哪个比较推荐新手呢？

直接打html, css是基本哦，不能依赖DW的那堆插入按钮然后除了上面的，多推一个sublime text至于哪种比较推荐新手，其实只差使用习惯，你挑一款接口比较喜欢的用就好了

用dreamweaver切到程式码输入模式写也行～别用拖拉的就好

感觉dw执行起来也颇慢，建议还是用其他的

建议用vim 放弃做网页了也可以当文字编辑器

我推 Brackets 等有即时预览的，如果有双萤幕，一边刻就能看到变化。 我自己也是从UI 摸过来的

好！谢谢大家的建议，我来自己摸索学习了！fighting！

虽然我用dreamwaver 可是我还是用程式码输入...

用 dw没有不好啊！我也是用 dw 但是我是用纯文字那边编辑写 code，一样也是可以用啊！

用sublime text吧

d软件做电子报速度胜过sublimesublime为了使用方便一定会安装一堆package，还不是跟d的一些功能一样，不懂不让人用d的点耶

很多表格的话DW的界面是乐胜没错Brackets也不错。开左右室窗用Chrome直接预览