整合營(yíng)銷(xiāo)服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
文：http://zcfy.cc/article/1417.html
在這篇推文中，我收集使到一些使得網(wǎng)頁(yè)設(shè)計(jì)師和開(kāi)發(fā)人員更方便網(wǎng)站建設(shè)的站點(diǎn)。這些站點(diǎn)都有精心編寫(xiě)的，明確的，內(nèi)容充實(shí)的的文章，內(nèi)容包含對(duì)CMS之如WordPress討論，Photoshop工具，CSS和HTML教程代碼，對(duì)用戶體驗(yàn)的想法（UX）和用戶界面（UI）的提示、技巧、資源和贈(zèng)品。 在今天的帖子中，我們將一睹55個(gè)最好的網(wǎng)頁(yè)設(shè)計(jì)師和開(kāi)發(fā)人員博客和網(wǎng)站。請(qǐng)注意站點(diǎn)不以排名先后論英雄。
1. Web Designer Depot
Web Designer Depot是全球設(shè)計(jì)師之間的聚集地，在這里有設(shè)計(jì)師們分享為來(lái)幫助發(fā)展設(shè)計(jì)社區(qū)功能而分享的文章和教程。 站點(diǎn)主題包括HTML 5，CSS3，響應(yīng)式設(shè)計(jì)，排版，可用性，jQuery，移動(dòng)應(yīng)用程序，資源，業(yè)務(wù)，自由職業(yè)者，靈感等。
2. InstantShift
InstandShift是一個(gè)流行于網(wǎng)頁(yè)設(shè)計(jì)師和開(kāi)發(fā)人員的社區(qū)。有很多關(guān)于WordPress，網(wǎng)頁(yè)設(shè)計(jì)，CSS，工具，教程，字體，攝影等很多優(yōu)秀的帖子。
3. CSS-Tricks
這是由Chris Coyier1人創(chuàng)立最初只涵蓋CSS，到現(xiàn)在有11人的團(tuán)隊(duì)，涵蓋網(wǎng)頁(yè)設(shè)計(jì)和開(kāi)發(fā)的各個(gè)方面網(wǎng)站。 他們的內(nèi)容包括文章，視頻，代碼片段、教程，新聞，基本資料等。
4. Hongkiat
這個(gè)網(wǎng)站自2007建立年以來(lái)，已經(jīng)為設(shè)計(jì)師，開(kāi)發(fā)人員，工程師和博主提供了一系列的文章，教程，推薦的工具，提示和技巧。 他們喜歡寫(xiě)關(guān)于插件，工具，桌面和移動(dòng)應(yīng)用程序，小工具，天才般的想法等任何令人感興趣的任何東西。
5. Six Revisions
該網(wǎng)站由Jacob Gube于2008年推出，涵蓋了設(shè)計(jì)和構(gòu)建網(wǎng)站及應(yīng)用程序的網(wǎng)站設(shè)計(jì)和開(kāi)發(fā)的整個(gè)流程。 他們發(fā)表文章，新聞，教程，指南等等。 該網(wǎng)站主題涵蓋的范圍從Photoshop到自由職業(yè)者和之間的一切。
6. Smashing Magazine
這個(gè)網(wǎng)站由Vitaly Friedman和Sven Lennartz創(chuàng)立，為設(shè)計(jì)師和開(kāi)發(fā)人員提供了一系列的文章，教程。站點(diǎn)主題包括設(shè)計(jì)，用戶體驗(yàn)設(shè)計(jì)，代碼，WordPress，移動(dòng)應(yīng)用程序和設(shè)計(jì)，圖形等。內(nèi)容涵蓋軟件，概念，新聞等，也包括CSS，Photoshop，電子商務(wù)，插件，網(wǎng)站主題等等。
7. Vandelay Design
這個(gè)網(wǎng)站的重點(diǎn)是提供創(chuàng)意，為小企業(yè)主和企業(yè)家配備開(kāi)發(fā)他們的經(jīng)營(yíng)理念的工具。 他們站點(diǎn)有很多關(guān)于網(wǎng)頁(yè)設(shè)計(jì)，寫(xiě)作，網(wǎng)絡(luò)開(kāi)發(fā)等等的文章。 他們也有鏈接到免費(fèi)資源，一個(gè)包含高級(jí)資源的商店，他們通過(guò)提供免費(fèi)的WordPress主題回饋社區(qū)。
8. TheNextWeb (Design & Dev)
該網(wǎng)站自2006年成立以來(lái)一直致力于國(guó)際技術(shù)新聞，設(shè)計(jì)，商業(yè)，文化等領(lǐng)域的文章發(fā)布。其內(nèi)容包括入門(mén)指南，代碼，UX設(shè)計(jì)，關(guān)于交易和課程的鏈接和新聞，設(shè)計(jì)活動(dòng)視頻，硬件，軟件，評(píng)論，即將到來(lái)的活動(dòng)，平面設(shè)計(jì)等。
9. SpeckyBoy
Paul Andrew在2007年10月建立了自己的自由職業(yè)者站點(diǎn)。現(xiàn)已發(fā)展為為一個(gè)網(wǎng)頁(yè)設(shè)計(jì)雜志站點(diǎn)。 它擁有大量的教程，資源，節(jié)省利用的技術(shù)，甚至鼓舞人心的藝術(shù)。 主題包括網(wǎng)頁(yè)設(shè)計(jì)和開(kāi)發(fā)，平面設(shè)計(jì)，移動(dòng)開(kāi)發(fā)，廣告，設(shè)計(jì)風(fēng)格和趨勢(shì)，技術(shù)新聞等。
10. A List Apart
這個(gè)網(wǎng)站是由Jeffrey Zeldman于1998年建立的。 該站點(diǎn)文章專(zhuān)注于網(wǎng)頁(yè)設(shè)計(jì)靈域，面向設(shè)計(jì)師，開(kāi)發(fā)人員，建筑師，專(zhuān)家，策略家，項(xiàng)目經(jīng)理和作家開(kāi)放。 站點(diǎn)主題包括代碼，內(nèi)容，設(shè)計(jì)，商業(yè)和工業(yè)，工具，技術(shù)，UX等。
11. FastCo Design
這是一本專(zhuān)注于商業(yè)和設(shè)計(jì)之間結(jié)合的技術(shù)雜志站點(diǎn)。它涵蓋了廣泛的主題，包括電子，UX，平面設(shè)計(jì)，建筑，時(shí)尚，消費(fèi)產(chǎn)品等等。 在這里的設(shè)計(jì)師提供見(jiàn)解，意見(jiàn)，提示，新聞等等更多信息。
12. DesignShack
這個(gè)設(shè)計(jì)網(wǎng)站發(fā)布了啟發(fā)靈感的網(wǎng)頁(yè)設(shè)計(jì)文章、布資源和教程。他們專(zhuān)注于設(shè)計(jì)和收錄了網(wǎng)上最偉大的項(xiàng)目。 他們定期發(fā)布教讀者創(chuàng)造自己設(shè)計(jì)的新技術(shù)的文章，并分享行業(yè)的每日新聞。該站點(diǎn)主題包括網(wǎng)站，排版，商業(yè)品牌，快捷方式等等。
13. Spoon Graphics
這是由Chris Spooner建立的設(shè)計(jì)博客。 他分享一些貼士，資源和靈感，以幫助各階段教育水平和技能水平的設(shè)計(jì)師。內(nèi)容包括教程，文章，視頻，新聞和免費(fèi)資源的鏈接。主題專(zhuān)注于平面設(shè)計(jì)，圖形軟件，排版，模板，標(biāo)志等。還有一個(gè)只供會(huì)員的下載的區(qū)域。
14. CoDrops
這個(gè)設(shè)計(jì)博客是由是由網(wǎng)頁(yè)設(shè)計(jì)師兼開(kāi)發(fā)人員Manoela Ilic和Pedro Botelho共同搭建完成的。 它開(kāi)建立之初是想作為實(shí)驗(yàn)博客，后面成為一個(gè)熱衷于分享對(duì)網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)站開(kāi)發(fā)的社區(qū)。團(tuán)隊(duì)成員及其他貢獻(xiàn)者一起發(fā)布有關(guān)最新網(wǎng)絡(luò)趨勢(shì)，技術(shù)等的文章和教程。站點(diǎn)主題包括教程，贈(zèng)品，CSS參考目錄，在線實(shí)驗(yàn)區(qū)域，討論網(wǎng)頁(yè)設(shè)計(jì)概念的藍(lán)圖，以及包含來(lái)自社區(qū)的設(shè)計(jì)和新聞資源的集合。他們還主持有獎(jiǎng)問(wèn)答節(jié)目。
15. TutorialZine
本網(wǎng)站是由來(lái)自保加利亞瓦爾納的網(wǎng)站開(kāi)發(fā)人員和設(shè)計(jì)師團(tuán)隊(duì)建立的。該站點(diǎn)文章包括小貼士，教程，贈(zèng)品，編輯，UI，UX，新聞和在線實(shí)驗(yàn)。文章內(nèi)容涵蓋很多代碼開(kāi)發(fā)，包括HTML5，CSS3，jQuery，JavaScript和PHP。他們甚至有一個(gè)免費(fèi)的jQuery電子書(shū)。
16. HackingUI
這是一個(gè)由Sagi Shrieber和David Tintner創(chuàng)立的在線雜志，主要是針對(duì)互動(dòng)設(shè)計(jì)和前端開(kāi)發(fā)。 它涵蓋設(shè)計(jì)，代碼，贈(zèng)品，靈感，生產(chǎn)力，素描等各個(gè)領(lǐng)域。他們有許多教程和文章，包括Photoshop，CSS，JavaScript，商業(yè)，個(gè)人生活，免費(fèi)圖標(biāo)鏈接，模板，贈(zèng)品，有趣的網(wǎng)站，評(píng)論等等。
17. Web Design Weekly
這是由由Jake Bresnehan創(chuàng)建和維護(hù)一個(gè)周刊雜志和博客網(wǎng)站。雜志包括標(biāo)題，文章，工具，資源，靈感，工作等。雜志和博客都包括關(guān)于編程代碼（CSS，HTML等）等文章教程。大多數(shù)內(nèi)容在收錄在電子雜志中，并通過(guò)電子郵件推送給用戶這里非常注重代碼。
18. David Walsh
這是JavaScript和HTML5專(zhuān)家David Walsh的博客。 它包含大量的文章和教程，主要側(cè)重于前端技術(shù)。站點(diǎn)主題包括代碼（CSS，HTML，AJAX，JavaScript等），開(kāi)發(fā)軟件，資源鏈接，網(wǎng)站主題，設(shè)計(jì)概念，演示，移動(dòng)端，瀏覽器等。
19. Naldz Graphics
這是由Ronald Bien于2008年創(chuàng)建的設(shè)計(jì)博客。它展示了設(shè)計(jì)社區(qū)里的教程，贈(zèng)品，靈感，資源等。站點(diǎn)內(nèi)容包括文章，教程，贈(zèng)品和WordPress主題。 它有很多的鏈接到良好的設(shè)計(jì)示例，免費(fèi)圖標(biāo)，PSD模板，宣傳冊(cè)設(shè)計(jì)，標(biāo)志設(shè)計(jì)等等。
20. Design Beep
這個(gè)博客包含了許多關(guān)于設(shè)計(jì)和開(kāi)發(fā)的主題。主要包括文章，教程，工具，資源，贈(zèng)品和靈感等幾大塊。 涵蓋了圖形，標(biāo)志，排版，網(wǎng)頁(yè)設(shè)計(jì)，Photoshop，WordPress主題和插件，CSS，Illustrator，jQuery等等。 它有很多貼士，下載鏈接，評(píng)論，收藏等。還有一些提示最佳實(shí)踐的貼士和廣泛適用的主題。
21. PixelHint
這里是一個(gè)專(zhuān)門(mén)發(fā)布Web UI設(shè)計(jì)教程網(wǎng)頁(yè)設(shè)計(jì)博客。他們還分享免費(fèi)的供網(wǎng)頁(yè)設(shè)計(jì)師和開(kāi)發(fā)人員下載的網(wǎng)站模板和網(wǎng)絡(luò)資源。 他們討論網(wǎng)頁(yè)設(shè)計(jì)最新趨勢(shì)和技術(shù)方法，以及創(chuàng)建網(wǎng)站UI的最好的方法和技巧。 該博客包含大量的教程和免費(fèi)資源鏈接，發(fā)展概念和代碼教程。 免費(fèi)資源包括圖標(biāo)和PSD模板。
22. PixelBuddha
這個(gè)網(wǎng)站是尼克弗羅斯特和格雷格拉賓。站點(diǎn)內(nèi)容包含用于Web開(kāi)發(fā)人員的免費(fèi)且專(zhuān)業(yè)的資源。 大多數(shù)資源是圖形。 資源包括動(dòng)畫(huà)，照片，字體，效果，HTML，圖標(biāo)，模板等。站點(diǎn)文章還會(huì)討論如何獲取資源。部分高級(jí)資源還會(huì)有一個(gè)免費(fèi)版本。
23. GraphicBurger
這個(gè)網(wǎng)站的從Raul Taciu的Cluj-Napoca，羅馬尼亞和專(zhuān)注于高質(zhì)量的設(shè)計(jì)資源是免費(fèi)的。資源包括獨(dú)有的PSD文件，還有來(lái)自世界各地的免費(fèi)素材。資源包括模型，UI工具包，圖標(biāo)，文字效果，背景等。文章詳細(xì)討論了產(chǎn)品，并提供了下載鏈接。
24. Queness
這是一個(gè)專(zhuān)門(mén)用于網(wǎng)頁(yè)設(shè)計(jì)和開(kāi)發(fā)的博客，其中包含大量教程和代碼片段。該站點(diǎn)類(lèi)別包括技術(shù)，教程，網(wǎng)頁(yè)設(shè)計(jì)，網(wǎng)站開(kāi)發(fā)，WordPress，JavaScript，移動(dòng)開(kāi)發(fā)，排版等等。 文章包括新聞，免費(fèi)資源，資源鏈接，主題合集等等。
25. Inspirationfeed
該站點(diǎn)由Igor Ovsyannykov管理，提供有關(guān)設(shè)計(jì)，商業(yè)，創(chuàng)辦企業(yè)的精神，WordPress，圖形，交易和職場(chǎng)自我成長(zhǎng)的信息。文章包括教程，靈感，博客，免費(fèi)資源，新聞，主題，紋理，壁紙，SEO，社交媒體，標(biāo)志，字體等等。 還有視頻教程和免費(fèi)資源的鏈接。
26. DesignWoop
這個(gè)博客提供了許多文章給設(shè)計(jì)師和開(kāi)發(fā)人員。站點(diǎn)主題包括工具，贈(zèng)品，設(shè)計(jì)理念，靈感，面試，WordPress，主題，插件，方法小貼士，教程等。文章廣泛的包含了教程、集合和鏈接等領(lǐng)域。鏈接包括CSS動(dòng)畫(huà)片段，WordPress主題，圖標(biāo)，排版，優(yōu)秀的網(wǎng)站設(shè)計(jì)案例，線框圖工具等等。站點(diǎn)的教程包括Photoshop，CSS，Sketch等等。
27. CSSReflex
這個(gè)網(wǎng)站由來(lái)自巴林的Naeem Noor創(chuàng)建并維護(hù)，專(zhuān)門(mén)面向于網(wǎng)絡(luò)開(kāi)發(fā)人員、設(shè)計(jì)師和編程人員。站點(diǎn)提供了很多工具，資源，代碼片段和提示。內(nèi)容包括博客，CSS生成器，CSS濾鏡效果，CSS演示，響應(yīng)式計(jì)算器和視頻。它討論許多方面如博客，服務(wù)器，UI設(shè)計(jì)，WYSIWYG生成器，圖標(biāo)，架構(gòu)，模板，開(kāi)發(fā)人員的瀏覽器擴(kuò)展，資源鏈接等等。
28. Viget Inspire
這個(gè)博客來(lái)的誕生是來(lái)自一個(gè)更大的項(xiàng)目，是由布萊恩·威廉姆斯，安迪·蘭金和Wynne“流行”威廉姆斯于1999年成立。博客涵蓋了設(shè)計(jì)和各種動(dòng)效。站點(diǎn)主題包括UX，顏色，可訪問(wèn)性，新聞，事件，實(shí)驗(yàn)，實(shí)驗(yàn)，品牌管理，APP，游戲，插圖，教程等等。
29. WinningWP
這是一個(gè)曾獲獎(jiǎng)的博客，由來(lái)自倫敦的布林威爾遜建立并運(yùn)營(yíng)，專(zhuān)注于WordPress相關(guān)的技術(shù)和資源，給任何對(duì)WordPress感興趣的人提供有用的提示。站點(diǎn)的內(nèi)容由來(lái)自世界各地的網(wǎng)頁(yè)設(shè)計(jì)師，程序員和專(zhuān)業(yè)創(chuàng)意者提供。站點(diǎn)主題包括網(wǎng)站主題，插件，代碼托管，SEO，安全性，性能，教程，提示，博客，系統(tǒng)組件，設(shè)計(jì)，營(yíng)銷(xiāo)，社交媒體，新聞，周邊趣事等等。 盡管建立網(wǎng)站的初衷是專(zhuān)注于WordPress但也包含其他CMS。
30. Designrfix
這個(gè)網(wǎng)站致力于提供一個(gè)平臺(tái)給所有志同道合的設(shè)計(jì)師一起交流技術(shù)和分享靈感。它包括靈感，教程，贈(zèng)品，資源，平面設(shè)計(jì)，網(wǎng)頁(yè)設(shè)計(jì)和商業(yè)活動(dòng)。 主題包括移動(dòng)平臺(tái)，內(nèi)容管理系統(tǒng)，CSS，jQuery，WordPress主題，工具，資源，圖標(biāo)，培訓(xùn)視頻鏈接，插圖，UI，UX，編碼，Photoshop等等。
31. Creative Overflow
這是Jacques van Heerden建立的在線設(shè)計(jì)雜志。該網(wǎng)站是通過(guò)發(fā)布文章，建議，教程，資源和靈感以達(dá)到激發(fā)藝術(shù)家變得更好的目的。站點(diǎn)內(nèi)容包括許多熱門(mén)主題和目錄，如收藏，免費(fèi)資源，新聞，訪談，WordPress，新聞，贈(zèng)品等。文章包括有關(guān)品牌，WordPress主題，商業(yè)發(fā)展，電子商務(wù)，徽標(biāo)，營(yíng)銷(xiāo)的信息，甚至為您提供創(chuàng)意商業(yè)提供建議如何選擇打印機(jī)。
32. One Xtra Pixel
這是一個(gè)為新加坡設(shè)計(jì)師和網(wǎng)站開(kāi)發(fā)人員而設(shè)立的在線雜志。站點(diǎn)提供了許多資源，文章，教程和鏈接。主題包括設(shè)計(jì)，圖形，WordPress，CSS，社交媒體，開(kāi)發(fā)，免費(fèi)資源，工具包，事件等。提供了一步一步的教程包括有關(guān)編寫(xiě)代碼，在Photoshop中修改圖像。甚至有一個(gè)連環(huán)圖專(zhuān)們針對(duì)設(shè)計(jì)和Web開(kāi)發(fā)的，偶爾也有其他主題的漫畫(huà)。
33. Noupe
這是由來(lái)自德國(guó)的Commindo Media GmbH＆Co. KG建立的博客。站點(diǎn)的內(nèi)容專(zhuān)門(mén)為Web開(kāi)發(fā)人員和設(shè)計(jì)師而編寫(xiě)的。站點(diǎn)主題包括網(wǎng)頁(yè)設(shè)計(jì)，排版，圖形，CSS，JavaScript，Ajax，廣告，市場(chǎng)營(yíng)銷(xiāo)，WordPress，電子商務(wù)，自由職業(yè)者，靈感等等。 文章包括設(shè)計(jì)教程，編寫(xiě)代碼，使用圖形程序，SEO，免費(fèi)資源，卡通，主題，插件，提示，技巧等等。
34. InstantShift
這是一個(gè)為網(wǎng)頁(yè)設(shè)計(jì)師和開(kāi)發(fā)人員設(shè)計(jì)和提供靈感的博客。它每天都有資源推薦，內(nèi)容包括靈感，文章，教程，贈(zèng)品，網(wǎng)頁(yè)設(shè)計(jì)，WordPress，字體，CSS，圖標(biāo)，攝影，Photoshop，JavaScript，Illustrator，平面設(shè)計(jì)，信息圖表，案例，logo，新聞和更多。
35. WPKUBE
這個(gè)網(wǎng)站是由Devesh Sharma創(chuàng)立的。它主要集中在WordPress，包括學(xué)習(xí)指南、教程方法、插件、新聞、評(píng)論、提示和技巧、插件、主題，評(píng)論、安全、SEO、初學(xué)者指南和代碼等。 它包括許多資源的鏈接，例如工具，代碼托管和優(yōu)惠券。站點(diǎn)文章是由WordPress專(zhuān)業(yè)人員寫(xiě)的，內(nèi)容廣泛，面向各個(gè)級(jí)別的從業(yè)人士。
36. Fresh Web Dev
這個(gè)網(wǎng)站涵蓋網(wǎng)頁(yè)設(shè)計(jì)和開(kāi)發(fā)，重點(diǎn)是WordPress，Javascript，CSS，PHP，設(shè)計(jì)，HTML5和其他各個(gè)方面。站點(diǎn)它包括WordPress，Photoshop，編寫(xiě)代碼，Linux服務(wù)器開(kāi)發(fā)和配置，字體，圖形等產(chǎn)品的文章和教程。他們還提供交易和免費(fèi)資源的鏈接。內(nèi)容由專(zhuān)業(yè)的設(shè)計(jì)師和開(kāi)發(fā)人員為其群體所寫(xiě)。
37. DesignM.ag
這是一個(gè)基于社區(qū)的網(wǎng)站，包括博客，設(shè)計(jì)圖庫(kù)，用戶提交的新聞和招聘專(zhuān)區(qū)。博客包括工具，圖標(biāo)，主題，代碼片段，字體，圖形等資源。教程包括Photoshop，網(wǎng)頁(yè)設(shè)計(jì)等。站點(diǎn)主題還包括采訪，靈感，WordPress，設(shè)計(jì)師案例，免費(fèi)資源，排版，UI等。該站點(diǎn)涵蓋了所有的網(wǎng)頁(yè)設(shè)計(jì)的方方面面。
38. Creative Market Blog
這個(gè)博客有很多關(guān)于網(wǎng)頁(yè)設(shè)計(jì)和前端開(kāi)發(fā)的教程。它包括許多文章和貼士，如字體設(shè)計(jì)和優(yōu)化排版，使用Photoshop的小貼士，推薦書(shū)籍的列表，解決常見(jiàn)的設(shè)計(jì)問(wèn)題的方法論，使用負(fù)空間，WordPress，PHP，HTML，CSS，靈感等。目標(biāo)受眾是從初級(jí)到高級(jí)的網(wǎng)站開(kāi)發(fā)人員和設(shè)計(jì)師。
39. SitePoint
這個(gè)博客由Mark Harbottle和Matt Mickiewicz創(chuàng)立。站點(diǎn)提供新穎的想法，概念和新技術(shù)等內(nèi)容，還包括文章、課程、教程、書(shū)籍或任何與設(shè)計(jì)和構(gòu)建網(wǎng)站相關(guān)的內(nèi)容。網(wǎng)站用戶討論代碼（HTML，CSS，PHP，JavaScript和Ruby），移動(dòng)開(kāi)發(fā)，WordPress，設(shè)計(jì)，UX，商業(yè)運(yùn)營(yíng)，以及任何與網(wǎng)絡(luò)技術(shù)相關(guān)的內(nèi)容。
40. Web Design Ledger
這是一個(gè)涵蓋網(wǎng)頁(yè)設(shè)計(jì)和開(kāi)發(fā)且同時(shí)提供了大量的資源的博客。站點(diǎn)主題包括網(wǎng)頁(yè)設(shè)計(jì)、靈感、UI、圖形、訪談、網(wǎng)絡(luò)開(kāi)發(fā)、評(píng)論和內(nèi)容管理系統(tǒng)。文章包含免費(fèi)資源鏈接，時(shí)事新聞，APP教程，工具，字體，圖標(biāo)，矢量圖形，WordPress，Drupel，Ghost，編碼，電子商務(wù)，移動(dòng)開(kāi)發(fā)，可穿戴設(shè)備，排版設(shè)計(jì)等信息的鏈接。
41. envato tuts+
這是一個(gè)有很多文章的錢(qián)打U呢和設(shè)計(jì)的教程網(wǎng)站。站點(diǎn)類(lèi)別包括Photoshop，Illustrator，矢量，插圖，工具和提示，靈感，新聞，設(shè)計(jì)，文本效果，CSS，HTML，UX，UI，工作流，設(shè)計(jì)理論等等。文章針對(duì)的是初級(jí)階段，內(nèi)容十分廣泛。還有一些可供訂閱的課程。
42. HappyCog’s Cognition Blog
這個(gè)博客來(lái)自Happy Cog的創(chuàng)始人Jeffrey Zeldman建立的，主要關(guān)注設(shè)計(jì)，經(jīng)驗(yàn)體會(huì)和代碼。站點(diǎn)主題包括流程，設(shè)計(jì)，前端開(kāi)發(fā)，團(tuán)隊(duì)，項(xiàng)目管理，社區(qū)，職業(yè)，戰(zhàn)略，公司和客戶關(guān)系。文章包括案例研究，教程，方法提示，商業(yè)運(yùn)營(yíng)和客戶關(guān)系處理，排版，編碼，Photoshop等等。大多數(shù)文章是是精心編寫(xiě)和詳細(xì)的理論研究成果。
43. WebAppers
這是一個(gè)專(zhuān)門(mén)為Web開(kāi)發(fā)人員和設(shè)計(jì)人員分享開(kāi)源資源的博客。對(duì)于設(shè)計(jì)師，站點(diǎn)有免費(fèi)的圖標(biāo)，字體，表，股票照片，畫(huà)筆和設(shè)計(jì)靈感。對(duì)于開(kāi)發(fā)人員，有很多JavaScript和Ajax組件，如插件，菜單，工具提示，圖表，輪轉(zhuǎn)圖，日歷，模態(tài)窗等。它還涵蓋代碼托管，電子商務(wù)，社交媒體，工具，安全，統(tǒng)計(jì)等等更多。該站點(diǎn)的文章詳細(xì)和前沿。
44. Web Field Manual
此博客提供了一個(gè)用于UX和UI設(shè)計(jì)的資源列表。該站點(diǎn)是由網(wǎng)頁(yè)設(shè)計(jì)師策劃和維護(hù)，包含了大量的網(wǎng)頁(yè)設(shè)計(jì)文章和資源。主題設(shè)計(jì)包括人們趨勢(shì)，靈感，規(guī)范的和不規(guī)范的風(fēng)格指南，工作進(jìn)程，工作流，工具箱，優(yōu)秀的和拙劣的網(wǎng)格和排版，動(dòng)畫(huà)制作的最佳與最壞方式，設(shè)計(jì)準(zhǔn)則的最佳與最壞遵守，和可訪問(wèn)性的最佳與最壞標(biāo)準(zhǔn)。每個(gè)類(lèi)別都有詳細(xì)的資源列表。站點(diǎn)主題包括編碼入門(mén)，最佳實(shí)踐，靈感，參考，流行趨勢(shì)，性能，CSS/SASS，SVG，JavaScript，工作流，工具箱和各種庫(kù)。
45. UXPin Blog
UXPin是供網(wǎng)頁(yè)設(shè)計(jì)師使用的產(chǎn)品設(shè)計(jì)平臺(tái)。他們的博客側(cè)重于各方面的各種平臺(tái)的用戶體驗(yàn)。它包含大量關(guān)于用戶體驗(yàn)設(shè)計(jì)，移動(dòng)端，設(shè)計(jì)趨勢(shì)，最佳實(shí)踐，設(shè)計(jì)小貼士，交互設(shè)計(jì)，UI設(shè)計(jì)，網(wǎng)頁(yè)設(shè)計(jì)，元素和模式，過(guò)程，UXPin，線框，平面設(shè)計(jì)，團(tuán)隊(duì)協(xié)作，可用性，原型，草圖，樣機(jī)，Photoshop等等。該站點(diǎn)的文章都非常實(shí)用和詳細(xì)。
46. Good UI
這是一個(gè)致力于制作最好的網(wǎng)站布局，以改善用戶界面的網(wǎng)站和博客。網(wǎng)站介紹最佳實(shí)踐，布局，如何合并功能以達(dá)到更簡(jiǎn)潔的設(shè)計(jì)。大力推薦使用社交途徑，來(lái)無(wú)論何處可以何處響應(yīng)行動(dòng)呼吁，來(lái)如何使可點(diǎn)擊和可選擇的不同樣式表，來(lái)如何推薦一個(gè)選擇來(lái)幫助用戶決策，也提供了允許用戶取消錯(cuò)誤行為的決策，來(lái)具體證明明最佳的受眾是誰(shuí)，來(lái)顯示更強(qiáng)的對(duì)比，使用更少的字段，合理顯示所有選項(xiàng)等等。站點(diǎn)的信息都很簡(jiǎn)短，簡(jiǎn)單，易于理解。
47. Spyre Studios
這是一個(gè)包含很多文章和教程的網(wǎng)頁(yè)設(shè)計(jì)和開(kāi)發(fā)電子雜志。站點(diǎn)目錄包括設(shè)計(jì)，展示，非同尋常的靈感，教程，CSS，資源，工具，UX，移動(dòng)端，免費(fèi)資源，可用性，商業(yè)，排版，Illustrator，Photoshop，極簡(jiǎn)主義，工具等。還有很多免費(fèi)下載的元素，圖標(biāo)，字體，PSD模板等。文章的大小合適閱讀，包含和很多的分步細(xì)節(jié)。
48. Skyje
這個(gè)博客成立于2008年，是一個(gè)面向網(wǎng)頁(yè)設(shè)計(jì)師和網(wǎng)頁(yè)開(kāi)發(fā)人員的網(wǎng)站。主題包括社交網(wǎng)絡(luò)，新聞和與Web 2.0相關(guān)的一切。站點(diǎn)主題包括設(shè)計(jì)，WordPress，社交媒體，SEO，標(biāo)志，靈感，教程，免費(fèi)資源，字體，圖標(biāo)，Photoshop，模板等。教程主要覆蓋圖形以及重點(diǎn)關(guān)注Photoshop。還包括插件、代碼（JavaScript和CSS）和Illustrator。
49. MonsterPost
這是世界優(yōu)秀網(wǎng)頁(yè)模板站點(diǎn)Template Monster的設(shè)計(jì)博客。站點(diǎn)主題包括新聞，文章，工具，贈(zèng)品，靈感，信息圖表，WordPress和Joomla。 教程包括文章和視頻，并重點(diǎn)關(guān)注WordPress，排版，CSS，HTML，jQuery，Photoshop，Illustrator，網(wǎng)絡(luò)技術(shù)，Web開(kāi)發(fā)方法論，以及設(shè)計(jì)網(wǎng)站和UI元素。
50. UX Matters
這本網(wǎng)絡(luò)雜志由Pabini Gabriel-Petit于2005年創(chuàng)立，為UX開(kāi)發(fā)人員提供視野和靈感。它提供了許多有價(jià)值的建議，最佳實(shí)踐，主題觀點(diǎn)，以及探索UX設(shè)計(jì)的戰(zhàn)略方面的深層思考的文章。主題包括網(wǎng)頁(yè)設(shè)計(jì)，移動(dòng)端，用戶研究，視覺(jué)設(shè)計(jì)，web應(yīng)用程序設(shè)計(jì)，設(shè)計(jì)流程，訪談，評(píng)論，內(nèi)容創(chuàng)建，通信設(shè)計(jì)，架構(gòu)，商業(yè)，戰(zhàn)略等等。
51. Usability Geek
這個(gè)博客開(kāi)始由Justin Mifsud在2011年建立的，出發(fā)點(diǎn)是作為一個(gè)提升網(wǎng)站可用性的重要性的興趣交流網(wǎng)站。Justin想提高網(wǎng)頁(yè)設(shè)計(jì)師和開(kāi)發(fā)人員在商業(yè)和政治網(wǎng)站可用性設(shè)計(jì)的意識(shí)。站點(diǎn)主題包括可用性，指南，測(cè)試，用戶體驗(yàn)（UX），商業(yè)運(yùn)營(yíng)，轉(zhuǎn)換，人機(jī)交互（HCI），術(shù)語(yǔ)，評(píng)論，資源和信息架構(gòu)（IA）。
52. Boxes and Arrows
這是一本2001年開(kāi)始的同行寫(xiě)的雜志，討論所有關(guān)于設(shè)計(jì)的東西。站點(diǎn)主題包括交互設(shè)計(jì)，信息架構(gòu)，平面設(shè)計(jì)，甚至商業(yè)服務(wù)設(shè)計(jì)。 站點(diǎn)目錄包括設(shè)計(jì)原則，發(fā)現(xiàn)，研究和測(cè)試，過(guò)程和方法，界面，可交付成果和文檔，書(shū)評(píng)，會(huì)議和活動(dòng)，軟件和工具，以及工作場(chǎng)所和職業(yè)。
53. Web Design Dev
這個(gè)網(wǎng)站專(zhuān)注于網(wǎng)頁(yè)設(shè)計(jì)包含所有東西。站點(diǎn)主題包括贈(zèng)品，網(wǎng)站模板，WordPress主題，Photoshop，Dreamweaver教程，Illustrator，評(píng)論，靈感，網(wǎng)站開(kāi)發(fā)，CSS，HTML，合集，編程，網(wǎng)上兼職，訪談和SEO。該站點(diǎn)涵蓋了從移動(dòng)界面設(shè)計(jì)到開(kāi)發(fā)電子商務(wù)網(wǎng)站開(kāi)發(fā)之間的方方面面。
54. Impressive Webs
這是Louis Lazaris的個(gè)人博客，作者是一個(gè)自由的網(wǎng)絡(luò)開(kāi)發(fā)人員，雜志站點(diǎn)SitePoint的HTML/CSS內(nèi)容的管理編輯，和兩本關(guān)于HTML/CSS的書(shū)的作者。博客內(nèi)容大多是關(guān)于HTML、CSS和JavaScript的文章。Louis在他的博客討論相關(guān)的概念，原則和bug。博客也它包括許多文章、教程，CSS基礎(chǔ)，屏幕錄像，新聞，評(píng)論等等。這個(gè)博客站點(diǎn)強(qiáng)調(diào)的代碼和設(shè)計(jì)的結(jié)合。
55. Design Bombs
最初作為一個(gè)網(wǎng)頁(yè)設(shè)計(jì)展示畫(huà)廊，現(xiàn)已成為分享網(wǎng)頁(yè)設(shè)計(jì)的想法，文章，教程和資源，以幫助網(wǎng)頁(yè)設(shè)計(jì)師提升他們技藝的平臺(tái)。站點(diǎn)內(nèi)容包括WordPress主題和插件，網(wǎng)站設(shè)計(jì)的綜述，贈(zèng)品，獨(dú)家優(yōu)惠等等。網(wǎng)頁(yè)設(shè)計(jì)師可以這里找到很多高品質(zhì)的資源。
言盡于此，學(xué)習(xí)之路不止。 Have a nice day!
本系列文章旨在記錄和總結(jié)自己在Java Web開(kāi)發(fā)之路上的知識(shí)點(diǎn)、經(jīng)驗(yàn)、問(wèn)題和思考，原來(lái)已經(jīng)分享在我的CSDN博客，現(xiàn)在分享在頭條，希望能幫助更多碼農(nóng)和想成為碼農(nóng)的人。版權(quán)聲明：本文為CSDN博主「普通的碼農(nóng)」的原創(chuàng)文章，遵循CC 4.0 by-sa版權(quán)協(xié)議，轉(zhuǎn)載請(qǐng)附上原文出處鏈接及本聲明。原文鏈接：https://blog.csdn.net/liyongyan1202/article/details/87779913
上篇介紹了Web的基礎(chǔ)，即計(jì)算機(jī)網(wǎng)絡(luò)及其協(xié)議，目前TCP/IP協(xié)議族是互聯(lián)網(wǎng)協(xié)議的事實(shí)標(biāo)準(zhǔn)。Web特指基于網(wǎng)頁(yè)和HTTP等相關(guān)技術(shù)的計(jì)算機(jī)信息處理系統(tǒng)，所以一旦提到Web瀏覽器、Web服務(wù)器、Web容器、Web程序、Web應(yīng)用、Web Service等等，那么肯定就是基于網(wǎng)頁(yè)和HTTP等相關(guān)技術(shù)的東西了。由于Web大行其道，有時(shí)候互聯(lián)網(wǎng)就是指Web（萬(wàn)維網(wǎng)）。
Web其實(shí)最早是由歐洲核子研究組織的蒂姆博納斯李博士為研究者們共享知識(shí)而提出來(lái)的，最基本的理念就是各個(gè)文檔之間相互關(guān)聯(lián)形成超文本（HyperText），這就是俗稱(chēng)的網(wǎng)頁(yè)，而傳輸網(wǎng)頁(yè)的通信規(guī)范和約定就是超文本傳輸協(xié)議（HyperText Transfer Protocol，簡(jiǎn)稱(chēng)HTTP）。
我們以后是要學(xué)習(xí)怎么用Java語(yǔ)言來(lái)開(kāi)發(fā)Web應(yīng)用，所以網(wǎng)頁(yè)和HTTP必須要有一定的了解。
這就是訪問(wèn)一個(gè)網(wǎng)站的主要流程，從中可以看到必須有三樣?xùn)|西：
其實(shí)網(wǎng)站不僅僅可以為人類(lèi)提供數(shù)據(jù)/信息（這就叫人機(jī)界面、人機(jī)接口、人機(jī)交互），它還可以為其他機(jī)器上運(yùn)行的程序提供數(shù)據(jù)/信息（這就是應(yīng)用程序接口，即API，是程序與程序之間的交互）。
這個(gè)就不多介紹了，但也有很多點(diǎn)：
URL通常有以下的形式（更復(fù)雜的暫且不提）：
http://www.xxx.com:80/dir/resource.htm?queryKey1=value1&queryKey2=value2
由于IP地址不容易記憶，于是人們又發(fā)明了域名系統(tǒng)（Domain Name System，簡(jiǎn)稱(chēng)DNS）。
簡(jiǎn)而言之，DNS就是為了幫助人們把域名翻譯成IP地址的系統(tǒng)，所以我們才可以在URL中用容易記憶的域名來(lái)代替IP地址。
這樣，瀏覽器在訪問(wèn)網(wǎng)站時(shí)，首先請(qǐng)求DNS將URL中的域名轉(zhuǎn)換為IP地址，然后再用IP地址來(lái)構(gòu)建IP報(bào)文發(fā)到互聯(lián)網(wǎng)，互聯(lián)網(wǎng)會(huì)根據(jù)IP地址把你的請(qǐng)求轉(zhuǎn)發(fā)到該網(wǎng)站。一般你的計(jì)算機(jī)也會(huì)把使用過(guò)的域名緩存起來(lái)，這樣就不用每次都要請(qǐng)求DNS來(lái)轉(zhuǎn)換了。
與DNS通信的協(xié)議就是DNS協(xié)議，它也屬于應(yīng)用層的協(xié)議。
在你的計(jì)算機(jī)上可以配置DNS服務(wù)器的IP地址。
前面所介紹的都是用戶能看得到的，而HTTP實(shí)際上是用戶看不到的。上篇已經(jīng)介紹過(guò)，HTTP是屬于應(yīng)用層的協(xié)議，是基于TCP的，實(shí)際上可以理解為瀏覽器和HTTP服務(wù)器之間交流的語(yǔ)言。
首先，HTTP是文本格式的，就是說(shuō)它的報(bào)文內(nèi)容都是字符（本質(zhì)上計(jì)算機(jī)里的數(shù)據(jù)都是二進(jìn)制的，只不過(guò)文本格式的數(shù)據(jù)已經(jīng)由計(jì)算機(jī)轉(zhuǎn)換成字符顯示給我們而已）。
其次，HTTP協(xié)議規(guī)定一次通信必須由瀏覽器發(fā)起請(qǐng)求，由HTTP服務(wù)器返回響應(yīng)，屬于請(qǐng)求-響應(yīng)模式。而HTTP是基于TCP的，TCP又是面向連接的，所以瀏覽器必須向HTTP服務(wù)器發(fā)起連接，這樣就必須知道HTTP服務(wù)器的IP地址和端口，所以URL里面就包含有這兩項(xiàng)。
最后，HTTP協(xié)議是無(wú)狀態(tài)的。這是什么意思呢？就是說(shuō)瀏覽器發(fā)送給HTTP服務(wù)器的各個(gè)請(qǐng)求之間在協(xié)議層面上是相互獨(dú)立的，即協(xié)議不提供各個(gè)請(qǐng)求之間相互關(guān)聯(lián)的技術(shù)和手段，需要由其他技術(shù)比如Cookie或者HTTP服務(wù)器端的Web應(yīng)用程序來(lái)提供狀態(tài)維護(hù)。最常見(jiàn)的是用戶登錄某網(wǎng)站之后，后續(xù)的請(qǐng)求即處于用戶登錄狀態(tài)下，但HTTP協(xié)議并不維護(hù)此關(guān)系，由其他技術(shù)來(lái)維護(hù)。
我們可以使用抓包工具抓取HTTP報(bào)文來(lái)觀察其格式，Wireshark就是一款不錯(cuò)的抓包工具，可以到其官網(wǎng)（https://www.wireshark.org/）進(jìn)行下載安裝，在此不贅述。
下圖抓取的是我訪問(wèn)新浪網(wǎng)的請(qǐng)求包：
可以看到HTTP請(qǐng)求包含四個(gè)部分：
HTTP方法最常用的是：
其他方法暫時(shí)不討論，以后我們就可以直接說(shuō)GET方法、GET請(qǐng)求、POST方法、POST請(qǐng)求了。
首部部分也暫時(shí)不討論，主要就是為了瀏覽器與HTTP服務(wù)器之間的某些信息的協(xié)商，比如我接收什么編碼格式的資源，連接的保持、緩存的控制、內(nèi)容的長(zhǎng)度等；
請(qǐng)求體就是用戶數(shù)據(jù)了。
下圖看對(duì)應(yīng)的響應(yīng)包：
可以看到HTTP響應(yīng)也包含四個(gè)部分：
這里我們要記住一些常用的狀態(tài)碼，方便問(wèn)題排查：
HTTP協(xié)議就暫時(shí)介紹這么多，下面再簡(jiǎn)單介紹一下網(wǎng)頁(yè)。
所謂網(wǎng)頁(yè)，本質(zhì)上就是一個(gè)文本文件，只不過(guò)這個(gè)文件是具有某種格式的，這種格式就是HTML（HyperText Markup Language，直譯為超文本標(biāo)記語(yǔ)言）格式，只要掌握了這種格式，你就可以自己編寫(xiě)網(wǎng)頁(yè)了。
比如簡(jiǎn)單的一個(gè)網(wǎng)頁(yè)就是：
<html> <head></head> <body> <h1>你好，世界！</h1> </body> </html>
用文本編輯器新建一個(gè)文件，敲入以上的代碼（也可以稱(chēng)為代碼哦，只不過(guò)這個(gè)代碼是由瀏覽器來(lái)解釋的），保存為文件名是“我的第一個(gè)網(wǎng)頁(yè).html”的文件。然后在瀏覽器里面打開(kāi)這個(gè)文件（直接拖進(jìn)瀏覽器即可），可以看到：
網(wǎng)頁(yè)之所以叫超文本，原因在于網(wǎng)頁(yè)內(nèi)可以可以包含圖片、視頻、鏈接，音樂(lè)、甚至程序等非文字元素。網(wǎng)頁(yè)的基本格式就是類(lèi)似上面的。
網(wǎng)頁(yè)的基本元素就是標(biāo)記或者叫標(biāo)簽，就是由尖括號(hào)括起來(lái)的東西，通常都是成對(duì)的，一個(gè)開(kāi)始一個(gè)結(jié)束，結(jié)束的帶有斜杠，比如上面的html標(biāo)簽是<html>和</html>、head標(biāo)簽是<head>和</head>，body標(biāo)簽是<body>和</body>。這三個(gè)是必須要有的標(biāo)簽，然后在標(biāo)簽里面嵌入你的數(shù)據(jù)，或者其他標(biāo)簽。標(biāo)簽以及標(biāo)簽內(nèi)的數(shù)據(jù)加起來(lái)就叫一個(gè)元素。
更詳細(xì)的介紹可以參考其他書(shū)籍或網(wǎng)站。W3Cschool是一個(gè)不錯(cuò)的學(xué)習(xí)網(wǎng)站。
所謂Web開(kāi)發(fā)，包括前端和后端，前端主要就是指瀏覽器這一端的技術(shù)，主要包括：HTML、CSS和JavaScript等。
前面介紹了Web相關(guān)的基本內(nèi)容，通過(guò)介紹可以看出對(duì)用戶來(lái)說(shuō)Web的組成最核心的就是瀏覽器和網(wǎng)站。它們遵循請(qǐng)求-響應(yīng)模式：
這種模式具有普遍性，不管是在現(xiàn)實(shí)生活中，或在程序世界里都經(jīng)常能看到。發(fā)起請(qǐng)求的一方就叫客戶端（Client），執(zhí)行請(qǐng)求來(lái)提供某種服務(wù)的一方就叫服務(wù)器（Server），所以人們把這種模式就叫做CS架構(gòu)。程序世界里常見(jiàn)的有FTP服務(wù)器和FTP客戶端、郵件服務(wù)器和郵件客戶端等等。
再后來(lái)，由于Web技術(shù)的流行和發(fā)展，很多應(yīng)用都在Web上來(lái)實(shí)現(xiàn)，比如可以用瀏覽器來(lái)實(shí)現(xiàn)文件的上傳和下載、郵件的收發(fā)等等。這樣人們不用專(zhuān)門(mén)安裝某個(gè)應(yīng)用的客戶端就可以使用該應(yīng)用，只需要有瀏覽器即可。所以人們又把這種基于瀏覽器（Browser）和HTTP服務(wù)器（Server）來(lái)實(shí)現(xiàn)某種應(yīng)用的模式就叫做BS架構(gòu)。
現(xiàn)在知道了網(wǎng)站就是由HTTP服務(wù)器構(gòu)建的，而服務(wù)器這個(gè)詞其實(shí)既可以指硬件，又可以指軟件（或程序），不過(guò)一臺(tái)硬件服務(wù)器上通常只會(huì)運(yùn)行一種應(yīng)用的服務(wù)器程序（不考慮虛擬化技術(shù)），這是為了性能和高可用的考慮。所以HTTP服務(wù)器既可以指運(yùn)行HTTP服務(wù)器軟件的那臺(tái)計(jì)算機(jī)，也可以指HTTP服務(wù)器軟件（程序）。我們可以通過(guò)上下文來(lái)判斷是指哪個(gè)。
HTTP客戶端也可以叫Web客戶端。瀏覽器就是Web客戶端，很多手機(jī)上的APP也實(shí)現(xiàn)或內(nèi)嵌了HTTP客戶端。各種編程語(yǔ)言實(shí)現(xiàn)的用于訪問(wèn)HTTP服務(wù)器的函數(shù)、接口或類(lèi)也是一種HTTP客戶端，只不過(guò)它們是由開(kāi)發(fā)人員來(lái)使用的。
HTTP服務(wù)器也可叫Web服務(wù)器或WWW服務(wù)器，現(xiàn)代的Web服務(wù)器已經(jīng)不僅僅是提供靜態(tài)的網(wǎng)頁(yè)，通常還提供一個(gè)開(kāi)發(fā)框架，在這個(gè)框架之下，開(kāi)發(fā)人員能夠根據(jù)需求開(kāi)發(fā)能夠動(dòng)態(tài)生成網(wǎng)頁(yè)并把這個(gè)網(wǎng)頁(yè)返回給瀏覽器的程序，這些程序能被Web服務(wù)器加載、管理和運(yùn)行。這種Web服務(wù)器就是Web容器，又可以叫做Web應(yīng)用服務(wù)器、Web應(yīng)用容器。就是說(shuō)Web容器肯定也是Web服務(wù)器。
之所以叫容器，我想是因?yàn)樗苓\(yùn)行基于其框架開(kāi)發(fā)的程序。從這個(gè)意義上說(shuō)，所謂容器，就是提供了一系列規(guī)范或接口的軟件，它能夠裝載、管理、調(diào)用或運(yùn)行按照該規(guī)范或接口所開(kāi)發(fā)的組件，比如Servlet/JSP容器、Spring IoC容器、Docker容器，甚至操作系統(tǒng)都可以看作一個(gè)容器。
目前流行的Web服務(wù)器有Apache、Nginx、IIS、WebSphere、WebLogic、JBoss、Tomcat、Netty等等。其中Tomcat和Netty就是我們以后要用來(lái)進(jìn)行Java Web開(kāi)發(fā)的Web容器。
Java的Web開(kāi)發(fā)的基礎(chǔ)是Servlet和JSP技術(shù)/規(guī)范/標(biāo)準(zhǔn)，而Tomcat實(shí)現(xiàn)了這些技術(shù)，所以Tomcat又可以叫做Servlet容器或JSP容器。以后再介紹Servlet和JSP，現(xiàn)在不用考慮它們是什么，其實(shí)它們就是Java提供的一個(gè)開(kāi)發(fā)框架而已。
隨著技術(shù)的發(fā)展，在Web或HTTP的基礎(chǔ)上又出現(xiàn)了SOA（Service-Oriented Architecture，直譯為面向服務(wù)架構(gòu)）、Web Service技術(shù)、微服務(wù)架構(gòu)、REST架構(gòu)等。當(dāng)然，這些技術(shù)還使用了xml和json等技術(shù)，這兩種技術(shù)主要聚焦于數(shù)據(jù)內(nèi)容的表示、存儲(chǔ)、傳輸和交換。這些都咱不討論。
<a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML">MDN Web Docs</a>當(dāng)我們點(diǎn)擊該文字時(shí)，即會(huì)跳轉(zhuǎn)至該網(wǎng)站；
<a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML" target="_blank">MDN Web Docs</a>
例如，首先我們?cè)趘s中創(chuàng)建一個(gè)頁(yè)面，為了演示，寫(xiě)了一個(gè)最簡(jiǎn)單的頁(yè)面；
<a href="./blog.html">BLOG</a>
<a href="./index.html">回到首頁(yè)</a>
<a href="#">挑戰(zhàn)</a>
<a href="#">彈性盒子</a>
<a href="#">CSS</a>這樣在頁(yè)面上是一個(gè)超鏈接，但是它不會(huì)指向任何地方；
結(jié)合之前和本章的練習(xí)，我們需要實(shí)現(xiàn)如下頁(yè)面：
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
