[請益] 響應式網頁設計教學資源

[benjenq (Ben(憋))]

大家好！
小弟在此版第一次發文請教，
本身已有點程式基礎（C/Object-C/C#...）
會架設 Apache / IIS 與安裝/使用資料庫 (MySQL/MS-SQL...)
多年前用 Visual Studio 與 ASP.NET(1.0)寫過一些醜醜的網頁表單（登入/查詢...）
但是網頁設計的能力，還停留在使用 FrontPage2000 編輯 html 的功力。
類似這樣 http://boneash.oldgame.tw/

現在要自學網頁設計，目標：
1.有兩層以上的功能項目選單
2.響應式，能自動適應螢幕的寬度
3.少許動畫效果
4.帳號登入（客戶或業務登入後可下載某些資料）
5.內嵌 Youtube 影片/GoogleMap
6.不使用IIS（所以會架設在 apache 或其他）

https://glory.taipei/
主要是參考他捲動時的動畫效果、自動適應螢幕寬度。

https://www.apple.com/tw/
參考他的功能選單、自動適應螢幕寬度。

想請
1.問市面上有哪一書籍或教學網站（中文），
有提到上述的網頁設計教學？

2.若使用 Visual Studio 2017 與 ASP.NET(C#)
要做到響應式網頁效果，
那 Visual Studio 2017 需要做哪方面的調整？
或是說可以朝哪方面學習下手？

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.216.180.224
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1514183475.A.514.html
→ satanbaby: w3school
推 nohara001: 推W3C 還可以學英文
推 Sunal: 沒有一定要M$ 前端有更多東西可以用
推 kisha024: 不推w3school MDN比較好
推 miyabichiku: W3C 和 MDN 都屬於程式面的學習，可以幫助你熟悉 CSS
→ miyabichiku:  屬性，另外推 css-trick 網站，會有使用 css 時遇
→ miyabichiku: 到的問題詳解和小撇步。若是想學習視覺 UI 方面，可
→ miyabichiku: 以從 dribbble 參考人家 UI 設計，另外也可從 codepe
→ miyabichiku: n 找相關 UI code 看，但大部分資源都是英文…