[問題] 請問製作這樣的網頁需要哪些學習?

看板Web_Design作者 (我愛上的)時間8年前 (2016/05/30 22:14), 編輯推噓11(11014)
留言25則, 13人參與, 最新討論串1/1
請問版上大大們 如以下這個網頁 它的底圖不動 但上方的圖層能順應網頁大小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://www.ptt.cc/bbs/Web_Design/M.1464617685.A.ECA.html

05/30 23:20, , 1F
第一步,不要用dreamweaver
05/30 23:20, 1F

05/30 23:21, , 2F
然後關鍵字 響應式網頁設計 RWD
05/30 23:21, 2F

05/30 23:43, , 3F

05/31 00:32, , 4F
不用Dreamweaver的話,是直接寫程式嗎?還是別的推薦軟體呢?
05/31 00:32, 4F

05/31 00:33, , 5F
用手刻啊, vim 或 atom 或 notepad++
05/31 00:33, 5F

05/31 00:39, , 6F
了解,那想再請問,這幾種哪個比較推薦新手呢?
05/31 00:39, 6F

05/31 01:09, , 7F
直接打html, css是基本哦,不能依賴DW的那堆插入按鈕
05/31 01:09, 7F

05/31 01:09, , 8F
然後除了上面的,多推一個sublime text
05/31 01:09, 8F

05/31 01:10, , 9F
至於哪種比較推薦新手,其實只差使用習慣,你挑一款介面比
05/31 01:10, 9F

05/31 01:10, , 10F
較喜歡的用就好了
05/31 01:10, 10F

05/31 02:49, , 11F
用dreamweaver切到程式碼輸入模式寫也行~別用拖拉的就好
05/31 02:49, 11F

05/31 09:36, , 12F
感覺dw執行起來也頗慢,建議還是用其他的
05/31 09:36, 12F

05/31 14:55, , 13F
建議用vim 放棄做網頁了也可以當文字編輯器
05/31 14:55, 13F

05/31 15:14, , 14F
我推 Brackets 等有即時預覽的,如果有雙螢幕,一邊刻就
05/31 15:14, 14F

05/31 15:14, , 15F
能看到變化。 我自己也是從UI 摸過來的
05/31 15:14, 15F

05/31 17:11, , 16F
好!謝謝大家的建議,我來自己摸索學習了!fighting!
05/31 17:11, 16F

06/02 14:42, , 17F
雖然我用dreamwaver 可是我還是用程式碼輸入...
06/02 14:42, 17F

06/03 21:29, , 18F
用 dw沒有不好啊!我也是用 dw 但是我是用純文字那邊編
06/03 21:29, 18F

06/03 21:29, , 19F
輯寫 code,一樣也是可以用啊!
06/03 21:29, 19F

06/04 21:19, , 20F
用sublime text吧
06/04 21:19, 20F

06/08 17:49, , 21F
d軟體做電子報速度勝過sublime
06/08 17:49, 21F

06/08 17:54, , 22F
sublime為了使用方便一定會安裝一堆package,還不是跟d的一
06/08 17:54, 22F

06/08 17:54, , 23F
些功能一樣,不懂不讓人用d的點耶
06/08 17:54, 23F

06/11 18:20, , 24F
很多表格的話DW的界面是樂勝沒錯
06/11 18:20, 24F

06/11 18:20, , 25F
Brackets也不錯。開左右室窗用Chrome直接預覽
06/11 18:20, 25F
文章代碼(AID): #1NJ4hLxA (Web_Design)