作者jcy (我愛上的)
看板Web_Design
標題[問題] 請問製作這樣的網頁需要哪些學習？
時間Mon May 30 22:14:40 2016
請問版上大大們
如以下這個網頁
它的底圖不動
但上方的圖層能順應網頁大小100%延展
http://www.books.com.tw/activity/2016/05/synchau/News1/?loc=P_011_004
又或者有些網頁刊頭的圖
無論網頁寬度多少都能跟著寬度變化，放大縮小，
這是要用什麼才能做到呢？
我原本是學設計的
做網頁用Dreamweaver，目前自學HTML跟CSS，都還很基礎
但因為有些案子想做這樣的風格，想知道製作的方式？
或是我需要再從哪方面學習來快速切入比較好？
懇請賜教，先謝過！
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.135.30.110
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1464617685.A.ECA.html
1F：推 s89227: 第一步，不要用dreamweaver 05/30 23:20
2F：→ s89227: 然後關鍵字 響應式網頁設計 RWD 05/30 23:21
4F：→ jcy: 不用Dreamweaver的話，是直接寫程式嗎？還是別的推薦軟體呢？ 05/31 00:32
5F：推 hijkxyzuw: 用手刻啊， vim 或 atom 或 notepad++ 05/31 00:33
6F：→ jcy: 了解，那想再請問，這幾種哪個比較推薦新手呢？ 05/31 00:39
7F：推 s89227: 直接打html, css是基本哦，不能依賴DW的那堆插入按鈕 05/31 01:09
8F：→ s89227: 然後除了上面的，多推一個sublime text 05/31 01:09
9F：→ s89227: 至於哪種比較推薦新手，其實只差使用習慣，你挑一款介面比 05/31 01:10
10F：→ s89227: 較喜歡的用就好了 05/31 01:10
11F：推 miau: 用dreamweaver切到程式碼輸入模式寫也行～別用拖拉的就好 05/31 02:49
12F：→ crossdunk: 感覺dw執行起來也頗慢，建議還是用其他的 05/31 09:36
13F：推 bbbtri: 建議用vim 放棄做網頁了也可以當文字編輯器 05/31 14:55
14F：推 Lovemiga: 我推 Brackets 等有即時預覽的，如果有雙螢幕，一邊刻就 05/31 15:14
15F：→ Lovemiga: 能看到變化。 我自己也是從UI 摸過來的 05/31 15:14
16F：→ jcy: 好！謝謝大家的建議，我來自己摸索學習了！fighting！ 05/31 17:11
17F：推 MAGICXX: 雖然我用dreamwaver 可是我還是用程式碼輸入... 06/02 14:42
18F：推 kawaii98: 用 dw沒有不好啊！我也是用 dw 但是我是用純文字那邊編 06/03 21:29
19F：→ kawaii98: 輯寫 code，一樣也是可以用啊！ 06/03 21:29
20F：推 cyrus017: 用sublime text吧 06/04 21:19
21F：推 eaeao: d軟體做電子報速度勝過sublime 06/08 17:49
22F：→ eaeao: sublime為了使用方便一定會安裝一堆package，還不是跟d的一 06/08 17:54
23F：→ eaeao: 些功能一樣，不懂不讓人用d的點耶 06/08 17:54
24F：→ oj113068: 很多表格的話DW的界面是樂勝沒錯 06/11 18:20
25F：→ oj113068: Brackets也不錯。開左右室窗用Chrome直接預覽 06/11 18:20