好站連結與介紹

網站規劃與設計上課補充教材

網站規劃與設計 > 好站參考

好站連結與介紹

參考別人的網站設計還是很重要的，所以，底下列出一些書上或者是突然查詢到的相關網站介紹，大家可以瞧一瞧。重點不是網站的內容，而是網站的版型與設計概念，注意到使用者界面 (UI) 與使用者體驗(UX) 的問題，進一步去設計出你的網站喔！

網頁設計基礎介紹的網站

W3C 的 CSS 基礎屬性介紹：https://www.w3schools.com/cssref/
W3C 的顏色基礎介紹：https://www.w3schools.com/colors/default.asp
一些小圖示 (icon) 的搜尋，搭配 bootstrap 相當好用： https://fontawesome.com/start

W3C 提供的 HTML 與 CSS 驗證網頁：

HTML 的驗證：https://validator.w3.org/
CSS 的驗證：https://jigsaw.w3.org/css-validator/

好站連結 (注意人家網站的設計方式)：

一些可以參考的網站版面配置 (還是以桌機板為主)：

灼見名家(可以參考其版面配置的方式，相當簡單但不失大方！)

一些軟體官網與素材官網可提供下載的網站：

notepad++ 官網：https://notepad-plus-plus.org/zh/
格式工廠：http://www.pcfreetime.com/
免費影音下載網：https://videos.pexels.com/
Youtube背景音樂下載網： https://goo.gl/Z6TsBI
底色圖案下載網：http://backgroundlabs.com/
一些美工圖案下載網：http://www.artvex.com/

其他參考資料：

W3C 關於 html 標籤內 lang 的處理方式：https://www.w3schools.com/tags/ref_language_codes.asp
網友們彙整的 lang 設定方式：https://ithelp.ithome.com.tw/articles/10194236
IANA 組織公告的 lang ：http://www.iana.org/assignments/language-subtag-registry/language-subtag-registry
特殊符號對照表：https://www.w3schools.com/charsets/ref_html_entities_4.asp