vs2005 + ASP.NET 页面布局应注意问题及方法步骤
假如是一個人負責前后臺,而又對后臺開發(fā)比較在行,可以從后到前,也就是——
1、用vs開發(fā)業(yè)務功能,注重“盡量不要”為服務器控件設置任何樣式(字體、顏色、長寬、坐標、邊框、間隔、空白……)
2、可以用模板頁控件(MasterPage)定義布局
3、在1、2的基礎上使用css為最終的html內容賦予樣式外觀。這一步可以完全脫離vs的后臺開發(fā)環(huán)境,只要使用瀏覽器正常訪問功能已經完備的web應用,得到具有代表性窗體的html源代碼,然后用任何設計工具對css進行定義
假如是團隊開發(fā),界面設計和業(yè)務實現的分工比較明確,就應該事先為兩者的工作內容制定一個接口——一套讓界面設計師能夠測試設計效果、讓業(yè)務實現者(窗體/用戶控件/服務器控件開發(fā)人員)作為輸出目標的html范本
例::當你開發(fā)web應用程序的時候,靜態(tài)頁設計是個“效果圖”,內容是死的。而不可能保證是真正的結果。例如你使用到了GridView,那么你可能就答應用戶在界面上選擇行數,例如有的人屏幕小或者等原因也許僅需要顯示15行,有的人需要就是希望直接看到200行。那么很自然,假如你的頁面是個的實用的應用,頁面上有十多種對象圖形存在,自然這個GridView變高了其它的就要挪位置了。
再比如左邊是GridView右邊是DetailsView,那么應該它們的寬度應該自動調整。假如不能自動調整,但是隨著每一次交互造成內容大面積變化,原來的布局多么難看呀。
?
?
?
asp.net 網站布局 [解決!]原先學習網站制作的時候,整體的布局都是用<table>嵌套,通過修改width和height的值來一點一點調解出自己想要得樣子,
現在用asp做網站的過程中,HTML的height屬性是無效屬性,在VS中,表格高度是自動調整的,而且若是開始沒有計算好單元格的寬度,
后期用鼠標拖動修改就會出現很奇怪的現象,如:想調小某個單元格,結果同表能的其他單元格全變了,
而且從源里面看幾乎所有的<td>都加上了width屬性,要是剛開始用腦袋都大了,估計你的時間都用在調整布局和控制表格嵌套上面了,
說了這么多都看不耐煩了吧,那么現在就介紹下怎么避免和快速的布局,
現在用的就是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>標簽里面再用<div></div>,而且最好不要用一張表(一張表有時候需要上下兩列的單元格不一寬度效果做不出來),
這樣用table確定了大體的框架,然后就在其內部用div擺放各種控件了,要是出現了單元格寬度不夠了千萬不要用鼠標拖動,
要一動前面條好的都亂了,這里要去源里面找到對應單元格位置調整其width的值,要是需求更多的樣式,就加入CSS,在這里就不詳細介紹CSS了,
這樣使用DIV+CSS進行布局操作,既迅速又方便,就不用費那么多寶貴的時間來調整布局了!
看完文章明白了吧,其實現在主流就是div,不信你去門戶網站上看看,我曾經看過淘寶的打開首頁看原文件結果滿屏幕div沒有發(fā)現table的蹤跡
后來又看過其他門戶網站的結果幾乎找不到table,所以大家多練練,改朝換代了若是你多用用會發(fā)現div其實很強大的~嘿嘿
?
轉載于:https://www.cnblogs.com/eduask0114/archive/2009/04/11/1433695.html
總結
以上是生活随笔為你收集整理的vs2005 + ASP.NET 页面布局应注意问题及方法步骤的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Maximo(转)
- 下一篇: 第三十二讲 ASP.NET网络打印