假如是一個人負責(zé)前后臺，而又對后臺開發(fā)比較在行，可以從后到前，也就是——
1、用vs開發(fā)業(yè)務(wù)功能，注重“盡量不要”為服務(wù)器控件設(shè)置任何樣式（字體、顏色、長寬、坐標(biāo)、邊框、間隔、空白……）
2、可以用模板頁控件（MasterPage）定義布局
3、在1、2的基礎(chǔ)上使用css為最終的html內(nèi)容賦予樣式外觀。這一步可以完全脫離vs的后臺開發(fā)環(huán)境，只要使用瀏覽器正常訪問功能已經(jīng)完備的web應(yīng)用，得到具有代表性窗體的html源代碼，然后用任何設(shè)計工具對css進行定義

假如是團隊開發(fā)，界面設(shè)計和業(yè)務(wù)實現(xiàn)的分工比較明確，就應(yīng)該事先為兩者的工作內(nèi)容制定一個接口——一套讓界面設(shè)計師能夠測試設(shè)計效果、讓業(yè)務(wù)實現(xiàn)者（窗體/用戶控件/服務(wù)器控件開發(fā)人員）作為輸出目標(biāo)的html范本

例：：當(dāng)你開發(fā)web應(yīng)用程序的時候，靜態(tài)頁設(shè)計是個“效果圖”，內(nèi)容是死的。而不可能保證是真正的結(jié)果。例如你使用到了GridView，那么你可能就答應(yīng)用戶在界面上選擇行數(shù)，例如有的人屏幕小或者等原因也許僅需要顯示15行，有的人需要就是希望直接看到200行。那么很自然，假如你的頁面是個的實用的應(yīng)用，頁面上有十多種對象圖形存在，自然這個GridView變高了其它的就要挪位置了。
再比如左邊是GridView右邊是DetailsView，那么應(yīng)該它們的寬度應(yīng)該自動調(diào)整。假如不能自動調(diào)整，但是隨著每一次交互造成內(nèi)容大面積變化，原來的布局多么難看呀。

?

?

?

asp.net 網(wǎng)站布局 [解決！]

原先學(xué)習(xí)網(wǎng)站制作的時候，整體的布局都是用<table>嵌套，通過修改width和height的值來一點一點調(diào)解出自己想要得樣子，

現(xiàn)在用asp做網(wǎng)站的過程中，HTML的height屬性是無效屬性，在VS中，表格高度是自動調(diào)整的，而且若是開始沒有計算好單元格的寬度，

后期用鼠標(biāo)拖動修改就會出現(xiàn)很奇怪的現(xiàn)象，如：想調(diào)小某個單元格，結(jié)果同表能的其他單元格全變了，

而且從源里面看幾乎所有的<td>都加上了width屬性，要是剛開始用腦袋都大了，估計你的時間都用在調(diào)整布局和控制表格嵌套上面了，

說了這么多都看不耐煩了吧，那么現(xiàn)在就介紹下怎么避免和快速的布局，

現(xiàn)在用的就是div+css進行布局的，表格的唯一用途就是最外圍的框架，

如
?<div style="text-align: center">
??????????? <table border="0" cellpadding="0" cellspacing="0" style="width: 800pt">
??????????? </table>
???? <table border="0" cellpadding="0" cellspacing="0" style="width: 800pt">
??????????? </table>
???? <table border="0" cellpadding="0" cellspacing="0" style="width: 800pt">
??????????? </table>
?</div>

然后<table></table>標(biāo)簽里面再用<div></div>，而且最好不要用一張表(一張表有時候需要上下兩列的單元格不一寬度效果做不出來)，

這樣用table確定了大體的框架，然后就在其內(nèi)部用div擺放各種控件了，要是出現(xiàn)了單元格寬度不夠了千萬不要用鼠標(biāo)拖動，

要一動前面條好的都亂了，這里要去源里面找到對應(yīng)單元格位置調(diào)整其width的值，要是需求更多的樣式，就加入CSS，在這里就不詳細介紹CSS了，

這樣使用DIV+CSS進行布局操作，既迅速又方便，就不用費那么多寶貴的時間來調(diào)整布局了！

看完文章明白了吧，其實現(xiàn)在主流就是div，不信你去門戶網(wǎng)站上看看，我曾經(jīng)看過淘寶的打開首頁看原文件結(jié)果滿屏幕div沒有發(fā)現(xiàn)table的蹤跡

后來又看過其他門戶網(wǎng)站的結(jié)果幾乎找不到table,所以大家多練練,改朝換代了若是你多用用會發(fā)現(xiàn)div其實很強大的~嘿嘿

?

轉(zhuǎn)載于:https://www.cnblogs.com/eduask0114/archive/2009/04/11/1433695.html

總結(jié)

以上是生活随笔為你收集整理的vs2005 + ASP.NET 页面布局应注意问题及方法步骤的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。