|
本文討論的是如果開發(fā)一個符合w3c標(biāo)準(zhǔn)的web站點，重點探討在新的設(shè)計與開發(fā)模式下，web項目組中的美工/頁面制作人員/后臺程序員三者之間如何有效地配合。為了便于閱讀，制作了一個微縮型的項目。大家可以先預(yù)覽一下 最終效果 。
本文適合于對web標(biāo)準(zhǔn)已經(jīng)有了初步了解的同行共同研究。對此感興趣的朋友歡迎在博客里發(fā)表您的評論。
項目內(nèi)容：首頁上的一個新聞列表 。
項目人員：網(wǎng)站美工一名/頁面制作人員一名/程序員一名。（有很多人是三者合一的，哈哈。）
美工主要負(fù)責(zé)出效果圖，截圖。如下圖：
然后對該圖進(jìn)行提取，得到相應(yīng)的背景圖片，見項目img文件夾。
程序員的工作有幾下幾點：
- 根據(jù)需求設(shè)計網(wǎng)站數(shù)據(jù)庫結(jié)構(gòu)。
- 定義底層相應(yīng)的對象，如：user/news等等。
- 定義數(shù)據(jù)訪問層，包括訪問數(shù)據(jù)庫、編寫存儲過程等。
- 提供表現(xiàn)層讀取數(shù)據(jù)的方法供調(diào)用。
我這里定義的程序員幾乎可以不了解html代碼/javascript腳本/css樣式。相對比較獨立。項目中的程序員工作部分被我簡化了，想了解的朋友可參考vs.Net2003中自帶的幾個例子，分層做得很有借鑒價值。
頁面制作人員的工作：（PS:我給頁面制作人員的定義可能有些超綱了。）
一：對美工的效果圖進(jìn)行初步的頁面實現(xiàn)，如根據(jù)上邊的效果圖，初步可寫成以下代碼：
<h4>八卦新聞</h4>
<ul>
<li>大學(xué)生為啥爭當(dāng)農(nóng)民</li>
<li>TVB制造8大極品女明星</li>
<li>上流社會秘密旅館的真相</li>
<li>大學(xué)生洗鴛鴦浴被曝光</li>
<li>男明星性感陽剛露點</li>
<li>明星挖鼻摳腳丑態(tài)</li>
<li>陳好是怎樣變成美女的</li>
<li>X光揭秘魔術(shù)師"吞劍"</li>
<li>西安一村“喝尿”強(qiáng)身</lil>
<li>汪明荃青春驚艷舊照片 </li>
</ul>
二：將需要動態(tài)生成的部分換成程序員提供的相應(yīng)接口，如例子中的代碼為：
<ul>
<%
Call LoadTopNews()
%>
</ul>
如果程序員對html代碼不熟悉，表現(xiàn)層的很多程序代碼也應(yīng)該由頁面制作人員來實現(xiàn)，如上邊的LoadTopNews()中涉及到了html代碼，此部分如頁面制作人員完成不了，也應(yīng)該與程序員共同協(xié)商。根據(jù)頁面制作人員的需要寫出相應(yīng)的程序代碼。
三：CSS的頁面效果實現(xiàn)。詳見項目中的css/Style.css。（略）
四：Javascript腳本的編寫。本例子中僅設(shè)計了新聞的折疊顯示功能，詳見項目中js/common.js。（略）
寫得有點粗糙，歡迎同行一起探討！
源代碼下載：一個簡單的基于標(biāo)準(zhǔn)的web項目。
經(jīng)典論壇討論：
http://bbs.blueidea.com/thread-2702960-1-2.html
出處：藍(lán)色理想
責(zé)任編輯：moby
◎進(jìn)入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論
|
