網(wǎng)頁(yè)設(shè)計(jì)學(xué)習(xí)資料分享

在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)學(xué)習(xí)的過程中，收集一些優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)學(xué)習(xí)資料是非常有必要的。以下是一些值得收藏的網(wǎng)頁(yè)設(shè)計(jì)學(xué)習(xí)資料，供大家參考：

1.網(wǎng)頁(yè)設(shè)計(jì)在線教程和視頻課程

?W3Schools：W3Schools是一個(gè)免費(fèi)的網(wǎng)頁(yè)設(shè)計(jì)在線教程網(wǎng)站，提供了HTML、CSS、JavaScript等基礎(chǔ)語(yǔ)言的入門和進(jìn)階教程，同時(shí)也包含一些Web開發(fā)最 佳實(shí)踐和案例教程。

?MDN Web Docs：MDN Web Docs是Mozilla開發(fā)的一個(gè)開源文檔項(xiàng)目，提供了豐富的Web技術(shù)文檔和教程，包括HTML、CSS、JavaScript、SVG、WebGL等方面的內(nèi)容。

?FreeCodeCamp：FreeCodeCamp是一個(gè)免費(fèi)的在線編程學(xué)習(xí)平臺(tái)，提供了大量的前端開發(fā)學(xué)習(xí)資源和項(xiàng)目實(shí)踐機(jī)會(huì)，包括HTML、CSS、JavaScript、React等方面的內(nèi)容。

?Codecademy：Codecademy是一個(gè)在線編程學(xué)習(xí)平臺(tái)，提供了交互式的Web開發(fā)課程和實(shí)戰(zhàn)項(xiàng)目，包括HTML、CSS、JavaScript、Bootstrap等方面的內(nèi)容。

?Udemy：Udemy是一個(gè)在線教育平臺(tái)，提供了大量的Web開發(fā)視頻課程和實(shí)戰(zhàn)項(xiàng)目，包括HTML、CSS、JavaScript、PHP等方面的內(nèi)容。

2.網(wǎng)頁(yè)設(shè)計(jì)參考手冊(cè)和規(guī)范

?W3C HTML5 規(guī)范：W3C HTML5 規(guī)范是Web開發(fā)的標(biāo)準(zhǔn)規(guī)范，詳細(xì)規(guī)定了HTML5語(yǔ)言的語(yǔ)法和語(yǔ)義，是開發(fā)人員必須遵循的標(biāo)準(zhǔn)。

?W3C CSS 規(guī)范：W3C CSS 規(guī)范是CSS技術(shù)的標(biāo)準(zhǔn)規(guī)范，詳細(xì)規(guī)定了CSS的語(yǔ)法和特性，是開發(fā)人員必須遵循的標(biāo)準(zhǔn)。

?MDN Web Docs（Mozilla Developer Network）：MDN Web Docs是Mozilla開發(fā)的一個(gè)開源文檔項(xiàng)目，提供了豐富的Web技術(shù)文檔和教程，包括HTML、CSS、JavaScript、SVG、WebGL等方面的內(nèi)容。

?Can I use：Can I use是一個(gè)在線瀏覽器兼容性查詢工具，可以幫助開發(fā)人員快速查詢各種Web技術(shù)的瀏覽器兼容性情況。

3.網(wǎng)頁(yè)設(shè)計(jì)工具和插件

?Adobe Photoshop：Adobe Photoshop是一款功能強(qiáng)大的圖像處理軟件，也是網(wǎng)頁(yè)設(shè)計(jì)師常用的工具之一，可以幫助設(shè)計(jì)師快速創(chuàng)建和編輯網(wǎng)頁(yè)圖像和設(shè)計(jì)稿。

?Adobe Illustrator：Adobe Illustrator是一款矢量圖形處理軟件，也是網(wǎng)頁(yè)設(shè)計(jì)師常用的工具之一，可以幫助設(shè)計(jì)師快速創(chuàng)建和編輯網(wǎng)頁(yè)所需的矢量圖形。

?Chrome開發(fā)者工具：Chrome開發(fā)者工具是Google Chrome瀏覽器自帶的一款強(qiáng)大的網(wǎng)頁(yè)調(diào)試工具，可以幫助開發(fā)人員快速定位和解決網(wǎng)頁(yè)問題。

?Firefox開發(fā)者工具：Firefox開發(fā)者工具是Mozilla Firefox瀏覽器自帶的一款強(qiáng)大的網(wǎng)頁(yè)調(diào)試工具，可以幫助開發(fā)人員快速定位和解決網(wǎng)頁(yè)問題。

?Sublime Text：Sublime Text是一款輕量級(jí)的代碼編輯器，具有豐富的插件和擴(kuò)展功能，可以幫助開發(fā)人員快速編寫和調(diào)試代碼。

?Visual Studio Code：Visual Studio Code是一款輕量級(jí)的代碼編輯器，具有豐富的插件和擴(kuò)展功能，可以幫助開發(fā)人員快速編寫和調(diào)試代碼。

4.網(wǎng)頁(yè)設(shè)計(jì)和用戶體驗(yàn)的經(jīng)典書籍

?《Don Norman：設(shè)計(jì)心理學(xué)》（Don Norman）：這本書是用戶體驗(yàn)設(shè)計(jì)領(lǐng)域的經(jīng)典之作，詳細(xì)闡述了用戶體驗(yàn)設(shè)計(jì)的概念和方法。

?《交互設(shè)計(jì)之路》（Bill Moggridge）：這本書是交互設(shè)計(jì)領(lǐng)域的經(jīng)典之作，詳細(xì)介紹了交互設(shè)計(jì)的發(fā)展歷程和設(shè)計(jì)方法。

?《簡(jiǎn)約至上》（Giles Colborne）：這本書是交互設(shè)計(jì)領(lǐng)域的經(jīng)典之作，詳細(xì)闡述了簡(jiǎn)約至上的設(shè)計(jì)理念和方法。