<fieldset id="c2akk"></fieldset>

回想自己從事Web方面的開發已經有6-7年，對于各種Web技術都已經非常熟悉.可是,身為程序員的我對于制作Web表單界面的事著實心痛。
心痛１：很多后端代碼和邏輯要寫，可我還不得不費力的在各種網頁制作工具中拖放控件放到美工提供的美術模板中。再配上css寫上javascript。表單大一點夠我弄上一整天。
心痛2：表單這東西，不是老手還干不了，又要漂亮又要有功能所以要和各種各樣的table,td,div,javascript,css打交道。稍微不注意，顯示效果就和所想的不一樣，最后這種事情全成了老手門的活了。新手反只能在旁邊看著。
心痛3:……哎不寫了。今天不全是來抱怨的。
今天和大家分享一下我所了解的各種語言和平臺中表單制作比較好的方式：
基本方式：在平臺如ASP.NET中可以使用Visual Studio .NET工具制作表單，在java平臺下的jsp中的表單可以使用JBuilder或是Eclipse制作表單，這些工具都提供了可視化的,即見即所得的編輯方式，但此類工具都常偏重于給程序設計，所以要制作一個漂亮的界面，基本上都需要使用工具中的原碼編輯來制作。程序編碼效率雖然很高，可是很難達到一個美化效果。
Visual Studio .NET工具界面
 

Eclipse工具界面
 

推薦方式一：借助DW工具。
DW也就是由macromedia出品的Dreamweaver。Dreamweaver家族一直是Web美工的最愛，也是目前最強大的網頁制作工具之一。DW其實對程序人員有一個好處，無論希望制作任何語言和平臺下的表單，DW中都可以做到，更重要的是DW能滿足任何美術要求下的表單制作。
DW工具界面
 

在DW做表單界面時如果能學會熟練使用DW中一些功能，可以大大的加快制作表單的速度：在此列出給大家作為參考。
１、學會使用設計區或代碼區下的塊代碼選中功能。
２、輸入區的html控件使用css樣式來控制外觀。（最好養成樣式名一致的習慣）
３、css樣式內容存入外部文件，在需要的頁面中引入該css文件內容。
4、輔助各種表單功能的javascript內容做成function并存成一個單獨文件。
５、適當并且合理的使用DW提供的模板(Template)和庫(Library)功能來存放界面中被重用的代碼。
推薦方式二：CSS2.0。
CSS2.0是一套全新的樣式表結構，是由W3C推行的，同以往的CSS1.0或CSS1.2完全不一樣，CSS2.0推薦的是一套內容和表現效果分離的方式，HTML元素可以通過CSS2.0的樣式控制顯示效果，可完全不使用以往HTML中的table和td來定位表單的外觀和樣式，只需使用div和Li此類HTML標簽來分割元素，之后即可通過CSS2.0樣式來定義表單界面的外觀。
CSS2.0提供給我們了一個機制，讓程序員開發時可以不考慮顯示和界面就可以制作表單和界面，顯示問題可由美工或是程序員后期再來編寫相應的CSS2.0樣式來解決。不過由于CSS2.0目前尚未見過很好的編輯軟件，所以無法做到所見即所得，編寫起來不易!國內純美工能編寫CSS2.0樣式的我還沒見過。嗚呼，還是要程序員自己來寫。但是CSS2.0起碼已經給我們開啟了一個美好的明天。關于CSS2.0有興趣的朋友可以查看W3C的資料。http://www.w3.org/TR/REC-CSS2/
方式三（重點推薦）：NoahWeb引擎所提供的表單制作方式。
NoahWeb不愧為新一代的輕量級B/S應用開發引擎，NoahWeb提供了一整套非常強大的表單制作機制，使用NoahWeb開發B/S應用時，程序人員完全可以不用考慮表單的外觀，用NoahWeb提供的XML格式結構化標簽可定義表單，表單的最終顯示效果完全由美術設計的表單模板決定。表現和結構分離，重用性也非常的好。
假設需要制作一個下面這樣一個登陸表單界面：如下圖：
 

在NoahWeb中定義的時候就可以用下面的代碼（大家不要被這些代碼嚇倒，仔細看，非常容易懂）：
 

在NoahWeb中的邏輯層調用這個表單時，方法非常簡單。使用下面的語法就可以。
<Vie

<tfoot id="s86c2"></tfoot>