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

作者: benjenq (Ben(憋))   2017-12-25 14:31:12
大家好!
小弟在此版第一次發文請教,
本身已有點程式基礎(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 需要做哪方面的調整?
或是說可以朝哪方面學習下手?
作者: satanbaby (撒旦北鼻)   2017-12-25 18:04:00
w3school
作者: nohara001   2017-12-25 18:59:00
推W3C 還可以學英文
作者: Sunal (SSSSSSSSSSSSSSSSSSSSSSS)   2017-12-26 22:47:00
沒有一定要M$ 前端有更多東西可以用
作者: kisha024 (4545454554)   2017-12-26 23:24:00
不推w3school MDN比較好
作者: miyabichiku (chiku)   2017-12-27 08:29:00
W3C 和 MDN 都屬於程式面的學習,可以幫助你熟悉 CSS屬性,另外推 css-trick 網站,會有使用 css 時遇到的問題詳解和小撇步。若是想學習視覺 UI 方面,可以從 dribbble 參考人家 UI 設計,另外也可從 codepen 找相關 UI code 看,但大部分資源都是英文…

Links booklink

Contact Us: admin [ a t ] ucptt.com