本文討論的是在web標(biāo)準(zhǔn)普及的形勢(shì)下，網(wǎng)站程序員的定位以及如何與設(shè)計(jì)師配合開(kāi)發(fā)符合web標(biāo)準(zhǔn)的網(wǎng)站項(xiàng)目。
    本文適合的讀者是傳統(tǒng)TABLE布局下分工不是非常明晰的程序員。

    1:學(xué)習(xí)web標(biāo)準(zhǔn)，讓你的工作變得更加簡(jiǎn)單。

    web標(biāo)準(zhǔn)是大勢(shì)所趨，所以作為網(wǎng)站程序員。你必須去學(xué)習(xí)web標(biāo)準(zhǔn)。去重新認(rèn)識(shí)html標(biāo)簽，去了解如何讓程序輸出頁(yè)面需要的代碼。

比如：

    上邊是美工出來(lái)的效果圖，下邊是符合標(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="

"
    do while not rs.eof
        oHtml=oHtml & "
• " & rs("title") & "
"
    rs.movenext
    loop
    oHtml=oHtml & "

    而如果是傳統(tǒng)的TABLE布局下，程序員要寫(xiě)的HTML代碼就會(huì)多很多，要寫(xiě)出TABLE、要判斷什么時(shí)候輸出TR來(lái)?yè)Q行、要在每條新聞的前邊加個(gè)一個(gè)IMG來(lái)輸出小圖標(biāo)、要用程序去控制輸出的標(biāo)題長(zhǎng)度。所有的工作都需要先出頁(yè)面代碼，程序員才能去寫(xiě)出這段程序。
    對(duì)于程序員而言，你應(yīng)該把web標(biāo)準(zhǔn)當(dāng)成是一種福音，你應(yīng)該把它當(dāng)圣經(jīng)一樣去讀，去了解頁(yè)面代碼到底需要什么，明白之后你就會(huì)發(fā)現(xiàn)。你比以前要輕松多了。由于web標(biāo)準(zhǔn)注重的是表現(xiàn)與內(nèi)容相脫離，而程序只負(fù)責(zé)內(nèi)容數(shù)據(jù)。從此你就不再需要考慮用程序代碼如何控制隔行換色、一行分幾列輸出等等。你需要去做的，就是向頁(yè)面輸出最直接的內(nèi)容，沒(méi)有任何裝飾的內(nèi)容。
    當(dāng)然如果你是用.net開(kāi)發(fā)的話(huà)，你就可以更徹底一點(diǎn)了。你可以完全將工作重點(diǎn)放在建立對(duì)象、類(lèi)庫(kù)、數(shù)據(jù)訪問(wèn)等，向表現(xiàn)層提供方法即可。下邊的例子是我以前做項(xiàng)目的，應(yīng)該有點(diǎn)參考價(jià)值。

    2:網(wǎng)站程序員，別讓HTML標(biāo)簽阻擋了你的視線(xiàn)。

    如果你覺(jué)得你真的非常討厭繁瑣的HTML標(biāo)簽，而且自己的學(xué)習(xí)方向也不在網(wǎng)站的表現(xiàn)層，那你就和HTML標(biāo)簽徹底地說(shuō)再見(jiàn)吧。

    我曾經(jīng)在傳統(tǒng)桌面軟件開(kāi)發(fā)的公司工作，程序員都不會(huì)HTML，網(wǎng)站項(xiàng)目緊的時(shí)候又不得不讓他們來(lái)幫忙。我們就拿著Visual Studio .Net 2003自帶的幾個(gè)例子仔細(xì)分析，按照面向?qū)ο蟮慕Y(jié)構(gòu)化分層開(kāi)發(fā)模式，也能非常好的進(jìn)行配合。以新聞模塊的開(kāi)發(fā)為例：
    第一步：網(wǎng)站程序員可以按需求分析進(jìn)行數(shù)據(jù)庫(kù)設(shè)計(jì)，你可以負(fù)責(zé)建表、編寫(xiě)存儲(chǔ)過(guò)程。這類(lèi)的事情程序員都非常的熟悉。
    第二步：定義對(duì)象。將網(wǎng)站的信息對(duì)象化，比如：

    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)站里所有的表都試著對(duì)象化。然后再定義對(duì)象相關(guān)的記錄集，上邊定義的是單個(gè)的新聞對(duì)象，再定義一個(gè)新聞的記錄集。

Public Class Newss
......
End Class

    函數(shù)返回的就是一個(gè)新聞對(duì)象。根據(jù)功能的需要，一般還會(huì)定義一些相關(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

    這樣來(lái)做，網(wǎng)站開(kāi)發(fā)可以分成對(duì)象層、數(shù)據(jù)訪問(wèn)層、方法層、表現(xiàn)層。而程序員則只需要提供表現(xiàn)層所需要的方法。這樣一來(lái)，在表現(xiàn)層需要顯示新聞列表時(shí)，頁(yè)面設(shè)計(jì)師只需要用.net中的Repeater控件，如下代碼：

               
               
                   
• "><%#Container.DataItem("title")%>

               
               
                   

    而在表現(xiàn)層的程序代碼中我們只需要加上：

topNewsList.DataSource = New facade.newsFacade().ReadNewss(eNewsType, newsCount)

    這樣的話(huà)，程序員基本上可以與HTML完全脫離了。而且這樣的話(huà)，整個(gè)項(xiàng)目組的成員都可以并行工作了。能非常明顯地提高整個(gè)項(xiàng)目的開(kāi)發(fā)效率。況且現(xiàn)在web2.0模式的興起，對(duì)后臺(tái)數(shù)據(jù)庫(kù)開(kāi)發(fā)提出了更高的要求。如豆瓣網(wǎng)、365Kit等網(wǎng)站，后臺(tái)的數(shù)據(jù)庫(kù)挖掘工作是非常復(fù)雜的。所以在分工明晰的今天，除了HTML代碼，其它有很多更重要的工作等待網(wǎng)站程序員去做。

    3:以用戶(hù)為中心的設(shè)計(jì)，離不開(kāi)前端開(kāi)發(fā)工程師。

    如果你覺(jué)得脫離了熟悉的HTML代碼，你有點(diǎn)舍不得的話(huà)，不要緊。干脆將自己推到web技術(shù)的風(fēng)口浪尖。做一個(gè)成產(chǎn)品設(shè)計(jì)關(guān)系密切的前臺(tái)開(kāi)發(fā)工程師。

    隨著網(wǎng)絡(luò)、計(jì)算機(jī)硬件設(shè)施的不斷提升，我們正在朝著富客戶(hù)端的方向前進(jìn)。為了產(chǎn)品的易用性，給網(wǎng)站程序員提出了非常高的要求。前臺(tái)開(kāi)發(fā)工程師這個(gè)崗位也越來(lái)越顯得重要。這個(gè)職位應(yīng)該說(shuō)也是近年才有的，而這個(gè)職位也不是一般的網(wǎng)頁(yè)設(shè)計(jì)師能勝任的，所以網(wǎng)站程序員也自然分開(kāi)了，分后臺(tái)開(kāi)發(fā)工程師和前臺(tái)開(kāi)發(fā)工程師，這個(gè)方向應(yīng)該說(shuō)也是一個(gè)非常好的選擇。而這個(gè)則需要你對(duì)web標(biāo)準(zhǔn)有一個(gè)比較全面的認(rèn)識(shí)。既需要你對(duì)javascript非常了解，同時(shí)也需要你對(duì)DOM文檔對(duì)象模型、CSS表現(xiàn)層樣式代碼、ajax異步都非常了解。相關(guān)的例子就非常多了，比如：在線(xiàn)注冊(cè)表單的即時(shí)檢測(cè)、密碼強(qiáng)度的提示、多級(jí)下拉菜單的聯(lián)動(dòng)等。對(duì)于改善用戶(hù)體驗(yàn)、提高網(wǎng)站訪問(wèn)速度都有非常重要的作用。