本文討論的是在web標(biāo)準(zhǔn)普及的形勢下，網(wǎng)站程序員的定位以及如何與設(shè)計師配合開發(fā)符合web標(biāo)準(zhǔn)的網(wǎng)站項(xiàng)目。
本文適合的讀者是傳統(tǒng)TABLE布局下分工不是非常明晰的程序員。
1:學(xué)習(xí)web標(biāo)準(zhǔn)，讓你的工作變得更加簡單。
web標(biāo)準(zhǔn)是大勢所趨，所以作為網(wǎng)站程序員。你必須去學(xué)習(xí)web標(biāo)準(zhǔn)。去重新認(rèn)識html標(biāo)簽，去了解如何讓程序輸出頁面需要的代碼。
比如：
上邊是美工出來的效果圖，下邊是符合標(biāo)準(zhǔn)的程序代碼：
Dim oHtml
set rs=server.createobject("adodb.recordset")
Sql = "select top 10 id,Title From tbl_News order by id desc"
rs.open sql,conn,1,1
oHtml="
-
"
- " & rs("title") & " "
do while not rs.eof
oHtml=oHtml & "
rs.movenext
loop
oHtml=oHtml & "
rs.close
set rs=nothing
response.write (oHtml)
而如果是傳統(tǒng)的TABLE布局下，程序員要寫的HTML代碼就會多很多，要寫出TABLE、要判斷什么時候輸出TR來換行、要在每條新聞的前邊加個一個IMG來輸出小圖標(biāo)、要用程序去控制輸出的標(biāo)題長度。所有的工作都需要先出頁面代碼，程序員才能去寫出這段程序。
對于程序員而言，你應(yīng)該把web標(biāo)準(zhǔn)當(dāng)成是一種福音，你應(yīng)該把它當(dāng)圣經(jīng)一樣去讀，去了解頁面代碼到底需要什么，明白之后你就會發(fā)現(xiàn)。你比以前要輕松多了。由于web標(biāo)準(zhǔn)注重的是表現(xiàn)與內(nèi)容相脫離，而程序只負(fù)責(zé)內(nèi)容數(shù)據(jù)。從此你就不再需要考慮用程序代碼如何控制隔行換色、一行分幾列輸出等等。你需要去做的，就是向頁面輸出最直接的內(nèi)容，沒有任何裝飾的內(nèi)容。
當(dāng)然如果你是用.net開發(fā)的話，你就可以更徹底一點(diǎn)了。你可以完全將工作重點(diǎn)放在建立對象、類庫、數(shù)據(jù)訪問等，向表現(xiàn)層提供方法即可。下邊的例子是我以前做項(xiàng)目的，應(yīng)該有點(diǎn)參考價值。
2:網(wǎng)站程序員，別讓HTML標(biāo)簽阻擋了你的視線。
如果你覺得你真的非常討厭繁瑣的HTML標(biāo)簽，而且自己的學(xué)習(xí)方向也不在網(wǎng)站的表現(xiàn)層，那你就和HTML標(biāo)簽徹底地說再見吧。
我曾經(jīng)在傳統(tǒng)桌面軟件開發(fā)的公司工作，程序員都不會HTML，網(wǎng)站項(xiàng)目緊的時候又不得不讓他們來幫忙。我們就拿著Visual Studio .Net 2003自帶的幾個例子仔細(xì)分析，按照面向?qū)ο蟮慕Y(jié)構(gòu)化分層開發(fā)模式，也能非常好的進(jìn)行配合。以新聞模塊的開發(fā)為例：
第一步：網(wǎng)站程序員可以按需求分析進(jìn)行數(shù)據(jù)庫設(shè)計，你可以負(fù)責(zé)建表、編寫存儲過程。這類的事情程序員都非常的熟悉。
第二步：定義對象。將網(wǎng)站的信息對象化，比如：
Public Class News
Protected _id As Integer
Protected _typeId As Integer
Protected _title As String
Protected _author As String
Protected _original As String
Protected _updateTime As DateTime
Protected _content As String
Protected _clickCount As Integer
Public Property Id() As Integer
Get
Return _id
End Get
Set(ByVal Value As Integer)
_id = Value
End Set
End Property
Public Property TypeId() As Integer
Get
Return _typeId
End Get
Set(ByVal Value As Integer)
_typeId = Value
End Set
End Property
Public Property Title() As String
End Property
Public Property Author() As String
End Property
Public Property original() As String
End Property
Public Property UpdateTime() As DateTime
End Property
Public Property Content() As String
End Property
Public Property ClickCount() As Integer
End Property
End Class
就像這樣，把網(wǎng)站里所有的表都試著對象化。然后再定義對象相關(guān)的記錄集，上邊定義的是單個的新聞對象，再定義一個新聞的記錄集。
Public Class Newss
......
End Class
第三步：定義一套公共的數(shù)據(jù)訪問方法。
定義一些操縱數(shù)據(jù)庫、執(zhí)行存儲過程的公共方法。
第四步：編寫基于對象的方法層。如：
Public Function ReadNews(ByVal ID As Integer) As News
End Function
函數(shù)返回的就是一個新聞對象。根據(jù)功能的需要，一般還會定義一些相關(guān)的函數(shù)，如：
讀取新聞列表
Public Function ReadNewss(ByVal newsType As eNewsType, ByVal nCount As Integer) As News
End Function
增加一新聞
Public Function InsertNews(ByVal n As News) As Integer
End Function
更新一條新聞
Public Function UpdateNews(ByVal n As News) As Integer
End Function
刪除一條新聞
Public Function DeleteNews(ByVal ID As Integer) As Integer
End Function
這樣來做，網(wǎng)站開發(fā)可以分成對象層、數(shù)據(jù)訪問層、方法層、表現(xiàn)層。而程序員則只需要提供表現(xiàn)層所需要的方法。這樣一來，在表現(xiàn)層需要顯示新聞列表時，頁面設(shè)計師只需要用.net中的Repeater控件，如下代碼：
而在表現(xiàn)層的程序代碼中我們只需要加上：
topNewsList.DataSource = New facade.newsFacade().ReadNewss(eNewsType, newsCount)
這樣的話，程序員基本上可以與HTML完全脫離了。而且這樣的話，整個項(xiàng)目組的成員都可以并行工作了。能非常明顯地提高整個項(xiàng)目的開發(fā)效率。況且現(xiàn)在web2.0模式的興起，對后臺數(shù)據(jù)庫開發(fā)提出了更高的要求。如豆瓣網(wǎng)、365Kit等網(wǎng)站，后臺的數(shù)據(jù)庫挖掘工作是非常復(fù)雜的。所以在分工明晰的今天，除了HTML代碼，其它有很多更重要的工作等待網(wǎng)站程序員去做。
3:以用戶為中心的設(shè)計，離不開前端開發(fā)工程師。
如果你覺得脫離了熟悉的HTML代碼，你有點(diǎn)舍不得的話，不要緊。干脆將自己推到web技術(shù)的風(fēng)口浪尖。做一個成產(chǎn)品設(shè)計關(guān)系密切的前臺開發(fā)工程師。
隨著網(wǎng)絡(luò)、計算機(jī)硬件設(shè)施的不斷提升，我們正在朝著富客戶端的方向前進(jìn)。為了產(chǎn)品的易用性，給網(wǎng)站程序員提出了非常高的要求。前臺開發(fā)工程師這個崗位也越來越顯得重要。這個職位應(yīng)該說也是近年才有的，而這個職位也不是一般的網(wǎng)頁設(shè)計師能勝任的，所以網(wǎng)站程序員也自然分開了，分后臺開發(fā)工程師和前臺開發(fā)工程師，這個方向應(yīng)該說也是一個非常好的選擇。而這個則需要你對web標(biāo)準(zhǔn)有一個比較全面的認(rèn)識。既需要你對javascript非常了解，同時也需要你對DOM文檔對象模型、CSS表現(xiàn)層樣式代碼、ajax異步都非常了解。相關(guān)的例子就非常多了，比如：在線注冊表單的即時檢測、密碼強(qiáng)度的提示、多級下拉菜單的聯(lián)動等。對于改善用戶體驗(yàn)、提高網(wǎng)站訪問速度都有非常重要的作用。
