台灣最大程式設計社群網站
線上人數
192
 
會員總數:245143
討論主題:189047
歡迎您免費加入會員
討論區列表 >> PHP >> 關於製作RWD網站的工具
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
關於製作RWD網站的工具
價值 : 50 QP  點閱數:377 回應數:6

樓主

webtech
初學者
324 133
2023 350
發送站內信

捐贈 VP 給 webtech
請教各位先進,
非常抱歉,提問的問題不確定該放哪一區,只好以下方網站語言選擇PHP討論區提問,
由於在下並未接觸過RWD網站製作,請問現行的主要製作工具為何?(好比N年前的frontpage所見即所得(與程式碼)的設計方法)
而又如此網站(https://www.ddbs.com.tw/)的客制化程度相當高,不知就有可能是用什麼工具製作並設計修改的?
還請各位先進能撥冗給予在下指導並提供相關工具資訊,感激不盡。

搜尋相關Tags的文章: [ RWD ] ,
本篇文章發表於2019-01-18 02:01
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
最有價值解答

彩虹
檢舉此回應
不要太著重與依賴 “所見即所得” 的版面設計工具/軟體,例如(Frontpage, Dreamweaver...等)
你應該試著習慣 “手刻“

為什麼這樣說呢∼
因為透過工具/軟體所設計出來的版面,會自動產生過多的語法
相對來說很不好維護(調整大區塊、微調),尤其是 RWD 客製化程度相當高的網站

工具基本上只能解決你初步的版面設計
而當你把版面套上“資料庫”去呈現資料畫面時,基本上就差不多要瓦解了
這需要花很多時間去調整,工具沒辦法幫你做到

因此,你需要一邊使用編輯器,一邊查看你的瀏覽器(瀏覽器才是真正反映出來的畫面),未來在維護上,你才會有更多彈性

現在大多數人都是使用「Atom」, 「Sublime」, 「VSCode」...等,然後搭配一些擴充工具∼
然後在研究目前最常見 「Bootstrap」 RWD CSS 框架

另外,有些更複雜的網站,不一定會採 RWD,而是分為 “手機版”、“網頁版”

例如:藍色小舖、Facebook、Yahoo...等

「藍色小舖」
網頁版:
http://www.blueshop.com.tw
手機版:
http://m.blueshop.com.tw/

「Facebook」
網頁版
https://www.facebook.com/
手機版
https://m.facebook.com/

「YAHOOk」
網頁版
https://tw.yahoo.com/
手機版
https://tw.mobi.yahoo.com/

以上提供你參考
本篇文章回覆於2019-01-18 09:52
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

webtech
捐贈 VP 給 webtech 檢舉此回應
非常感謝 彩虹大 如此詳細的分析及指導在下,

在下不才猜測 ddbs.com.tw 應該是使用許多如 Bootstrap 的 版塊元件經過風格樣式美化製作而成的,
並使用程式編輯器(「Atom」, 「Sublime」, 「VSCode」...等)將Bootstrap 的 元件依序置入生成頁面,以上猜想不知正不正確?

如上述想法成立,另不知是否有什麼可用的工具可將 Bootstrap 的 元件如使用(Frontpage, Dreamweaver...等)可以透過簡單的軟體功能來同時達到置入與編輯風格樣式的設計方法?

另外,如使用 https://w3layouts.com/ecommerce-online-shopping-mobile-website-templates/ 所提供的版型來修改套用,是否有機會趨近於上述網站效果呢?

感謝。
本篇文章回覆於2019-01-18 12:35
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
不錯的參考

小羊窒息
捐贈 VP 給 缺氧的羊:窒息 檢舉此回應
https://www.youtube.com/watch?v=Pwgpv_9KtW4
本篇文章回覆於2019-01-18 16:06
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
不錯的參考

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
一般只有 Dreamweaver 才能滿足你的需求。

可是,你一但用了。你的等級就只在那了。

雖然我也會用Dreamweaver來做排版。但我不會用他來做設計。
本篇文章回覆於2019-01-19 09:59
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
不錯的參考

彩虹
檢舉此回應
如果你真的想依賴工具去排版
那你可以參考 #3 樓 小羊窒息提供的的教學影片,Dreamweaver + Bootstrap
1.你對 Bootstrap 了解程度到哪裡
2.你對 HTML 熟悉嗎
以上兩個都不熟的情況下,儘管有工具可以使用,你根本無法掌控
且你必須花時間去了解如何使用工具,步驟或操作方式 (這樣不是等於額外的負擔嗎? 你今天想學的是寫程式,還是學會使用工具)


另外你提到「 https://w3layouts.com/ecommerce-online-shopping-mobile-website-templates/ 」這邊的版型
一樣老問題:你本身對於 HTML 與 RWD 不熟的情況下,基本上你根本無法掌控

或者,前端畫面直接外包出去,對於你來說會是最好的做法
本篇文章回覆於2019-01-20 11:05
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
6樓
作者回應

webtech
捐贈 VP 給 webtech 檢舉此回應
非常感謝各位先進寶貴的指導,在下將認真的分析何方向較為適合,感恩。
本篇文章回覆於2019-01-28 10:49
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.