我們在上一次的文章中說明了網(wǎng)站設(shè)計師的工作分為了設(shè)計網(wǎng)站效果圖和切圖、重構(gòu)HTML兩大部分，同時在上一次的文章中我們也對效果圖設(shè)計階段的團(tuán)隊(duì)合作意識做了簡單的介紹和說明。那么，對于網(wǎng)站設(shè)計師另外一部分的合作意識我們該如何理解呢？網(wǎng)站設(shè)計師第二部分的工作主要集中在CSS和HTML代碼上面，因此我們就主要圍繞這兩點(diǎn)來說明一下。

給網(wǎng)站寫具有團(tuán)隊(duì)意識的CSS代碼

我們對網(wǎng)站設(shè)計師的要求是CSS兼容全部瀏覽器，包括飽受詬病的IE6等其他一些老版本的瀏覽器，就算老版本的瀏覽器不支持某一些特性，也要讓界面在每一個瀏覽器中顯示一致。除了這一點(diǎn)，我們在寫CSS的時候還要注意團(tuán)隊(duì)合作意識：CSS的命名，還是請大家先看一下下面的圖片：

左邊的圖片樣式名主要通過英文表達(dá)，通過簡單的理解，一般可以十分容易的明白該條語句控制的范圍。而右邊的命名方式就略微欠佳，還是套用上一篇文章的那句話：關(guān)掉軟件后，10分鐘后，連設(shè)計師自己恐怕都不知道寫的是什么了。

給網(wǎng)站寫具有團(tuán)隊(duì)意識的HTML代碼

CSS代碼大多數(shù)情況下會在多個設(shè)計師手中流轉(zhuǎn)，一直到HTML頁面全部完成后，移交到程序員手中。一般情況下來說，程序員將不再修改CSS代碼，而是將精力主要集中在HTML代碼的動態(tài)化上面，即設(shè)計數(shù)據(jù)結(jié)構(gòu)、寫程序。接下來的這段話可能要有過親身體會的人才能理解：具有團(tuán)隊(duì)意識的HTML代碼應(yīng)該要注意合理的循環(huán)單元！

比如上圖中的新聞列表，在沒有其他邊框裝飾的情況下，網(wǎng)站設(shè)計師應(yīng)該使用一個UL列表中的LI元素來循環(huán)全部需要顯示出來的新聞，而不是分成左右兩塊，分別顯示。這樣就能將程序員的工作量在這一部分上降低一半，從而大大提高網(wǎng)站建設(shè)效率。