ASP.NET 起手式,先弄清楚 HTML+CSS+JavaScript

完整的網頁除了 HTML 還必須搭配 CSS 與 JavaScript ,只會簡單的 HTML ,有如你把了一位質量其實不錯的正妹,但不懂得化妝保養打扮,就像這個樣子

創新的網路服務是軟體從業人員的未來,因此投入軟體設計這一行,最好會寫網路服務程式,而網路服務程式相較於傳統視窗程式或是手機 App 要複雜許多,從底層伺服器的資料存取,架構設計,到網路的資料傳輸,服務的呼叫,這一切的開發與設計,最終的目的,便是與客戶端網頁所建構的 UI 進行互動,而這也是整個網路服務架構唯一會與使用者接觸的部份。

開發人員可以選擇不同的技術建構伺服器端的服務,但是在不久的將來,客戶端 UI 的部份,將可能只剩唯一的 HTML ,你不可能用視窗技術去打造網路服務,也不可能用 Java 寫 Android 專屬介面,或是用 Flash 打造行動裝置無法接觸的網頁介面,更不能用 Silverlight 這個市佔率極低的技術,況且微軟在自己的 Metro Style IE10 都僅支援 HTML 了,為了確保讓自己所開發的網路服務,能夠滲透到所有現在與未來的各種數位裝置,你唯一可以作的,就是用 HTML 打造你的服務介面

ASP.NET 的 Web Form 將開發人員透過控制項組裝的介面,轉換成為 HTML 之後輸出,這讓 ASP.NET 開發人員每天都在與 HTML 打交道,卻不懂 HTML ,因此在這個面臨行動 / 雲端技術衝擊的時代,曾經 極具開發效率的 ASP.NET 開發人員正處於相對不利的位置,在可能的情形下,逐步拋棄 Web Form 轉向 MVC 是 ASP.NET 開發人員必須儘早思量的議題之一,如果你繼續使用Web Form ,可能很難打造出具敏捷互動特性的操作介面,唯有正視這個問題並想辦法去克服,未來才能隨心所欲的打造需要的網頁介面,這在新一代的網頁服務愈來愈像視窗介面的趨勢下,可以讓你的技術之路走得更為順遂。

初步接觸 MVC 開發人員應該都知道,幾乎必須純手工打造 HTML 網頁,然而 HTML 其實只是構成網頁骨架與內容的主要元素,要建構完整的網頁,還必須搭配 CSS 與 JavaScript ,只會簡單的 HTML ,情形就像這樣,想像一下,當你把了一位質量其實不錯的正妹,但不懂得化妝保養打扮,長得像這個樣子:

你是要放著再去朝三暮四,還是去瞭解一下美妝相關知識,好好幫她改造一下,她很快就能變成這樣:

如果再用點心,或許她連氣質都會逐步進化,最後變成這樣:

瞭解一下美妝知識,絕對比你直接去追求所謂的正妹要來得簡單許多,而且當妳將原來平庸的女友,改造成漂亮且氣質兼具的正妹,想當然耳,那種成就感與她對你的愛將是無可言喻的。同樣的,當你想把一位正妹,一開始令妳動心的絕對是她的外表還有那優雅時而嫵媚或是可愛的舉止,以及令人心醉的互動。

所以,如果你只是學會 HTML ,或許可以作出堪用的網頁,但就算網路服務功能再強,絕對無法打造出讓人一看就想用的迷人服務,除非你進一步整合 CSS 結合視覺設計,將 HTML 轉換成漂亮的網頁輸出,並且透過 JavaScript 進一步賦于網頁互動的靈魂。

乍看之下,透過 HTML+CSS+JavaScript 打造網頁介面, 對於用慣 Web Form 機制的 ASP.NET 開發人員來說很恐佈,但這其實是好事, HTML 標籤本身非常彈性,除了一些基礎的必要控制項,內建其它複雜的控制項根本就是多餘的,除了讓開發人員在設計介面時綁手綁腳之外,沒有什麼好處,除非你只是打造傳統的表單或是管理系統介面,否則的話,不要再想那種透過設定就能將資料展現出來的簡單事,根據等價交換原則,你該作的事一件也少不掉,困難的事用簡單的方式處理,最後一定會付出代價,這裏少作的,早晚會在別的地方跟你要回來,所以,想要徹底擺脫 ASP.NET 內建工具的束縛,就開始用 MVC 吧,而透過 MVC 開發的網路服務,想要進一步建構出精良的使用者介面,就從 HTML 標籤好好開始,並且嘗試理解 CSS 與 JavaScript 吧。