求助：語法都不懂，如何入門響應式網頁設計？
 

我是個最普通的平面設計者(AI / PS 尚可)，雖然也有過設計一般網頁的經驗，
但必須要架構在DW之下，對於程式語法幾乎不會....(DW是自己看書學的)
有看過國外響應式網站的華麗表現，心中真的非常嚮往，
苦於入門恐懼，曾經有去爬網路或想去買書或去上課，
但只要看到語法那邊就頭大，真的是看不懂....

如果有心想學，不知道怎麼入門才好？
先去學CSS那些？(書看不懂....)去報名補習班比較好還是能有家教這種的？
有地方或老師可以一行一行教嗎？ :cry:

先謝謝各位的建議與分享∼

前端技術突飛猛進~~~更新速度很快

RWD我只知道bootstrap+jquery(javascript),前端的framwork有angular js或

react.js(把html和js綁定,但兩種架構不同),網頁前端,個人覺得技術很多,很快,很新,只能專

精幾種~~ :flash: :ase :agree: 以上這幾種,都有線上教學,

但要搞出個成品,可能看看有無別人的demo或專案可直接下載來看比較快

這樣說吧，如果沒能力自己找資源，上什麽都沒用。
從學找資源開始吧。

這個時代程式是靠google寫

不用學,想快速做出RWD網站(包含後台),一堆費免套件
直接學WORDPRESS或JOOMLA

https://tw.wordpress.org/

https://www.joomla.org/

完全不用會語法就可以架起來
下載安裝完成之後,去下載免費版模
你只要學會一個東西就可以,就是wordpress或joomla[後台]怎麼使用

底下是WORDPRESS建立的網站範例
https://wordpress.org/showcase/

上面這整段光看就很厲害，但都要程式，就算要抄或拿來改也不知道怎麼改，
所以才會說不知道怎麼入門....





有找過網路上的資源，但裡面很多細節要靠語法是一行一行去修改或運作，
但真的不懂就沒辦法知道找到的資源是否有用了....

至於靠GOOGLE寫程式，這個我沒聽過，不知道能提點一下嗎？

如果只是要架RWD單一網頁

你使用DW CC,從裡面打開Bootstrip之後,你所有編排的畫面就已經是RWD了
因為DW CC內建Bootstrip,當然你也可以加入JQuery物件

還是去打基礎吧!!

1. HTML+CSS 先搞清楚怎麼運作
2. 開始玩特效 (Javascript + AJAX )
3. 1+2之後能夠玩出心得,再去選樓上網友提供的那兩套WEB Application

不過...醜話還是先說清楚

1. 你一定會遇到想搞後端的DB之類的事(比如: ASP/PHP + SQL Server)
2. Server/SQL 效能
3. 虛擬化等等
4. 族繁不及備載

我的建議是 組Team 來做比較快 , 但問題是人能不能合作
自己學當然可以,問題是學得來嗎??

以我來說,我專精後者,也打算自己做產品,但不打算專精前端技術(我認為沒必要)
所以就沒有去學Javascript or AJAX !!

前端技術要快可以直接去上課,花一筆錢應該很值得,但只能夠做前端的工作,後端的要交給別人做,後端的技術要比前端的更難 !! 唉.....學無止境啊!!

先謝謝您的建議，我會盡量到上面的網站試試看的∼
我有看過這樣的網頁(https://kiai.jp/)，非常非常有質感，
您也可以幫我看看要做到這樣的話，是否要更複雜的語法嗎？有辦法一步一步學嗎？

另外，我也有搜到一個這樣的網站：https://zh.wix.com/?utm_campaign=bd_up-foranything
他可能也是像上面這樣，減少語法的障礙而簡單可以生成網站，
但代價是最上方會生成一個廣告BAR，如果是個人網頁還好，
但如果幫客人做就會顯得不太專業....
而且因為語法不懂，小細節變成不懂怎麼微調....

這種東西沒有速成，不管是手刻或是改現成，基礎語法的熟練度都是關鍵，基礎語法越能掌握的，想法就可以越自由，如果沒有任何基礎語法只想用現成資源來搞，你會發現出來的成品處處受限，就像一堆罐頭攪拌在一起一樣。
基礎語法有那些，樓上有說，花時間一樣一樣搞熟，沒有速成，如果一星期、一個月就會讓你覺得頭痛，表示你自己根本沒有決心想學，一個前端工程師背後花的時間，都是以年來計算的。

樓上有人有說，一定會遇到後端配合問題，如果基礎語法不熟甚至不會，是沒有後端人員願意配合的，後端人員把前端都做了，那前端人員到底做了什麼，排平面而已嗎。

Html＋css 基礎中的基礎，花多少時間都要完全熟練。
Javascript＋Jquery 熟練程度越高，對特效與版面掌握度就越高。

想學 RWD 如上面幾位說的，HTML + CSS 一定要熟
先下載幾個 RWD 的版面來研究，再自己重新刻一個

RWD 比較快入門的方式就是使用 CSS Framework，像是 Bootstrap
先學習他的 Grid system，為什麼遇到某個解析度畫面會有變化(Break point)
怎麼做一般的Header, 再來怎麼把Header 加上置頂或浮動，內容區比例，Footer
參考別的網站之後自己試著弄出一模一樣的"版面"，後端資料就算了，離你太遙遠

基本版面先掌握好了，再來考慮特效的部份(javascript+jquery)
至於 angular, react, vue 等等的前端 framework 現在也離你非常遙遠