請問版上大大們
如以下這個網頁
它的底圖不動
但上方的圖層能順應網頁大小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直接預覽