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

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

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

?

?

?

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

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

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

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

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

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

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

如
?<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>，而且最好不要用一張表(一張表有時(shí)候需要上下兩列的單元格不一寬度效果做不出來(lái))，

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

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

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

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

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

?

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

總結(jié)

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

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