首先,得先給各位一個認知，人與人之間的合作，是必須不斷的溝通再溝通才有辦法讓效率更加精進。
不管你的網頁排版有多麼整齊，HTML+CSS建構的頁面有多麼精簡，如果沒有經過溝通，讓程式設計師了解你排版的邏輯與建構性的話，那麼程式設計師就必須花更多時間來了解你的切版。
這裡就提供個人與程式設計師合作幾年來的經驗供大家參考。
良好的註解有助於閱讀
不論你切版寫的HTML是用table還是div，或者是兩者混搭使用，都會寫出很多的div和table、tr、td。如果沒有良好的註解來解釋你這個區塊的功用性的話，那程式設計師就得花時間逐步研究你的研究碼。
Html的註解語法如下↓
下列程式碼範例,就是sidebar的div包了選單menu與廣告模組banner的語法，而為了方便工程師套程式，所以特地將廣告模組的前後區塊的語法都註解起來。這樣他們就會曉得該從哪裡開頭與結尾，將程式碼給擷取下來。
而範例圖的話，則是如下，英文標題表示的是我的class名稱，語意明確的話，也可以讓程式設計師能即時了解每個區塊的功用性↓
在這個部份，我這裡推薦巴哈姆特(http://www.gamer.com.tw)的網站在於html註解的部份做得相當完善，有興趣的人可以打開他們的原始碼觀察一下。看看別人的大型網站，原始碼動輒就是幾千行，如果沒有友善的註解助於閱讀的話，那在維護與修改必定極度不便。
下回的網頁設計師與程式設計師的友善溝通橋樑之道（二）將會聊到，當網頁設計師切版完給程式設計師套程式前，，該如何預防才不會套完程式後造成網頁破圖、岔開等情形。
沒有留言:
張貼留言