網頁設計師與程式設計師的友善溝通橋樑之道（三）

　所謂術業有專攻，當一個人投入該領域有段時日的時候，思考邏輯也會跟著改變。譬如當人看一棵樹的時候，畫家腦裡會想著該如何描繪這棵樹才比較好看，木工師傅則是想著這棵樹的材質是否適合拿來建造房屋。

　所以當網頁設計師在切版的時候，最好可以先畫個基本架構的草圖出來，先和程式設計師討論過後再行切版。或許很麻煩，但為了避免你切的版不適合套程式而被程式設計師打槍必須重套的話，建議還沒和程式設計師養成良好默契錢，此舉還是不要省略的好。

　這裡就拋磚引玉的舉出一些常見的程式頁供大家參考。

　此圖是擷取lativ的消息程式模組，你可以從此圖看到說，該圖片的消息列表是由ul li來產生的。以程式設計師的邏輯來說，他們會先找出該模組區塊中的重複重複迴圈的語法，當找到語法後再下重複迴圈的程式語法就好。

　舉例來說，上方圖片是ul li的架構在跑，每個消息都寫在li裡面的話，那程式設計師就可以將li當作跑迴圈的依據，一直重複li內的資料就好，所以便可看到ul裡面會有很多個li，程式設計師只要動態載入每個連結和文字標題就好。

　除此之外還有這類型的↓

　這種的也是ul li的架構，但仔細看的話會發現，他每個li有不少元素，有照片、標題、價格，但實際上只要你將元素都寫在li裡面的話，工程師便只要更動元素裡面的變數後,再使用重覆迴圈在li裡面，那這樣便可產生迴圈。而這種排列方式也必須考量到，當新增一個產品時，他的遞增排列順序是否是你所想要的結果。
　除了ul li外，table其實也是一樣的，當你將語法都寫好後，程式設計師便會重複tr的資料，這樣當新增資料時，迴圈便會自動新增一個tr，將資料放在各個td裡面。
　所以當網頁設計師在切版時，也必須考量到該怎樣切，程式設計師才會比較好套程式。但最重要的不外乎溝通再溝通。不要自己一股腦的僅照著自己想法做，才不會造成屢次重工的情況發生哦。

　下回的網頁設計師與程式設計師的友善溝通橋樑之道（完）最後將會補充一些可讓彼此工作較為順利的方法供大家參考。