母版制作流程

1、流程1打開Visual Studio 2008, “新建”“網(wǎng)站”（下圖）立件的I編輯也）視圖迪 測(cè)試 工具 窗口 幫肋®,2新逢®打開©<13 T-q關(guān)閉©關(guān)閉項(xiàng)目遼）I保存選定項(xiàng)Ctrl+S I將選定項(xiàng)另存対（A9全部保存（P Ctrl+Shift+S|頁面設(shè)置打印0）攝近的文件（£1攝近的項(xiàng)目卜退出QD項(xiàng)目匹）Ctrl+Shift+N> 網(wǎng)站址），.Shi£t+Alt+NJ文件世）Ctrl+Ntudio 2008SDY： U.S. LoeTindovs ledia FiFri, 27 Nov 2009 2 i nfc

2、rm at i on ab out <ppli cati onsJ andDoTnload li crasiFri, 21 ISov 20曲 2 soluti ons. using faAnti'ISS Lilkr arj-可編輯修改 -2選擇“ ASP.NET網(wǎng)站”，語言選擇“ Visual C# ”，點(diǎn)擊“確定”（下圖）3在 “解決方案資源管理器” 中右擊選擇“添加新項(xiàng)”（下圖）厲性角生成網(wǎng)站發(fā)布網(wǎng)站迅）-：-麻加新項(xiàng)QJL）.-慕加現(xiàn)有項(xiàng)新建文件夾添加ASF NET文件夾肅加引用®）添加Wsb引用謊加服務(wù)引用毎）查看類關(guān)系圖住）打開過的呃 謊口號(hào) 使用動(dòng)態(tài)端口Tr

3、ue完整路徑E:母炭file；/；2041打開過的UBL已用來打開網(wǎng)站的応。在瀏覽器中查看 瀏覽方式QD 刷新立件夾（V勢(shì)切 復(fù)制 在資源管理器中打開文件夾Q0 屬性頁QL）4. 選擇“母版頁”，點(diǎn)擊添加（下圖）2 Web 'ig'4 ADO. HET Entity Dutt Nidfll AJAK客戶端控件AJAI母版頁J HTML 頁j SQL Server 數(shù)據(jù)庫；Web配置文件XSLT丈伴 習(xí)類 麗啟用了 AJAZ的WCF服務(wù) 歸外觀立件 自一般處理程序ADO. HET 數(shù)據(jù) 1K得 jAJA客戶端庫Crystal 報(bào)表jjJScri 文件 遛比F程務(wù)Al XML架構(gòu)總

4、類關(guān)丟圖:全局應(yīng)用程序類 首文車立件站點(diǎn)地圖|=:第件導(dǎo)文 件 Hi麗立同器集表空 ENQbLffi覽據(jù)式源 吋口壯rllJF瀏數(shù)樺資 殄碉蜜少山翌國A1呈潘加新項(xiàng)-E;巒阪頁制作涼稈八岡Vi 3t«di o已寶馨的霍桎Wqb應(yīng)用程序的母版頁名舔Cff）：MastmirFs呂也 mastEFV15u£L CIv回將代碼融在單獨(dú)的文件中唱選擇母版頁至此一個(gè)空的母版頁就建好了下面介紹如何添加內(nèi)容頁（下圖）1. 在“解決方案資源管理器”中右鍵“添加新項(xiàng)”甲決方案資源管理器-E. - 4 X氐母版頁制作壷程三 AppJlatA + 自 Default,-# firffl

5、生成阿站發(fā)布網(wǎng)站Qp嗣證加新項(xiàng)00弼加現(xiàn)有項(xiàng)新建文件夾添加ASP 1TET文件夾爲(wèi)加引用®雇性添加Web引用也）恥VS版頁制作盍程山用添加服務(wù)引用G）：|zl 勺鳧查看類關(guān)系圖迪打開過的血Lfile /j復(fù)制網(wǎng)站的諦口號(hào)2041啟動(dòng)選項(xiàng)辺使用動(dòng)態(tài)諭口 True完整路徑E：母炭在瀏覽器中査著1打開過的UBL瀏覽方式範(fàn)）-己用來打開網(wǎng)站的URLm刷新文件夾怨）剪切©臺(tái)制粘貼Z）3在WiniE資源管理器中打開文件夾Q0叵屬性頁CL）2.選擇“ web窗體”，勾選“選擇母版頁”,“添加”（下圖）3.選擇母版頁，“確定”（下圖）至此一個(gè)內(nèi)容頁就建好了，在解決方案資源管理器中能看到（下

6、圖）解決方案資潺管理器-E. 八母版頁制作磴程仇L App_Data+ 二 Dtfault. ispx+.* De£電ultZ-曲皿terPae. master w«b. confi 尊迪 Aeb.下面介紹如何在母版頁中添加menu1.先新建4個(gè)內(nèi)容頁在后面的過程中使用（下圖）2. 切換到各內(nèi)容頁設(shè)計(jì)視圖，在相應(yīng)的頁面中的ContentPlaceHolderl中輸入內(nèi)容（為了后面檢測(cè)頁面跳轉(zhuǎn)是否正確） 如：Default2中輸入“ Default2頁面“（下圖）1 ContentPlaceHolderl 定義八丨 口Default251 面3. 在母版頁源視圖中加一層div

7、 (下圖)lasterPage. Baister* 起始頁客戶諸對(duì)跟和事件q|饒事(3 Master LaBguaee-ffC#a AutoEventffirrap-"true CodeFileNistarPagie. master cs" Inliirits= asterPag«a %)<!D0CmE html FUKJC *-/t3C/DT» XHHL 1.0 Transit:5niL/EHfr "hth加ww.心葉#TR/訃沁lHmVxht訂卜iFaitiwial.疋 itml xmlnMhttp "wmr,汨.QFg/1

8、999/xhtml"(ti tUQtiD(isp: Cont HitPl ac elkl dar i 曰hwrunat- serverVtsp: C ord «ntFl ic 融 1 d«r > /hetdH 6° dy forrnmnat=frserver*awCtsp:ContentPlacsMolder irfCanterLtPltceHolder 1，¥ runat*server")V4sp：C mi cntFl ac &Hol dtr > q(n-&£cir»>-Qbad

9、y </htnl>4. 切換到設(shè)計(jì)視圖，從“工具箱”的“導(dǎo)航” 一欄中拖一個(gè)“Menu”到新建的div中（下圖）last erPage . Bast er* 起始頁_1由臼.一”一嚴(yán)亠一”一一亠一一十一ftF艮5. 選中menu右擊選擇屬性，在右側(cè)屬性窗口中選擇Orientation中的Horizontal可以使 menu橫向（下兩圖）m>KII-亠hJ7J晶剪切心境制0粘貼電）占 JiO-內(nèi)-j- IEX刪除查看代碼QC）V謊加內(nèi)容頁QD顯示智能標(biāo)記自動(dòng)套用榕式.編輕菜單項(xiàng).轉(zhuǎn)換為 lynami clttmTemplai e 轉(zhuǎn)換為 St at i cltemTempl a

10、t e 編楊模板（X）束彳戛板岳揖 型）回刷新電）7屬性enul System. Wei VI WebControlsT®-_ A. |曰型二 zlgLevelselectdS嗓合）AL*valSubM eniiS t噪合）NaximumDymsm i c3|0rintati6nVerti calFathS ep ar at orHoriiontalScroll owrJn 建VerticalS cr ollD ownT ex trqScrollUpImg&UScroll UpText向上滾動(dòng)ttiHasterPage. Bast«r*起始頁£asp:mc

11、nuMenul5.編輯menu （下兩圖）1）點(diǎn)擊小箭頭2）選擇“編輯菜單項(xiàng)”3）在彈出的“菜單項(xiàng)編輯器”中，添加項(xiàng)（分為根項(xiàng)和子項(xiàng)）4） 選中某一項(xiàng)，右側(cè)屬性窗口中更改Text屬性5）更改此項(xiàng)要定位到的 URL （NavigateUrl屬性），點(diǎn)擊右側(cè)的按鈕6）在彈出的“選擇 URL ”窗口中，在右側(cè)選擇要定位的頁J 晡P：emu=MwuL| 主頁卜新建項(xiàng)b :_空_o-enn任弊自動(dòng)套用格式.編輯菜單項(xiàng)一轉(zhuǎn)換尙 Dynam i cl t emT empl at i選擇URL項(xiàng)目文件買世）：文件夾內(nèi)容©：E：擔(dān)版頁制作流程1、+_ AppDataDefault, aspxBfi&#

12、163;ault2. ispx.r«fault3. ypxDefaultl.轄pxl i-lDafwjltS. &spxJ M as t erP age. mast er web. config jTj Web. sitemap 確定 I 取消Menu全部編輯完成后如下圖“主頁“定位到 Default2頁面“子頁1 “定位到Default3頁面“頁面1 “定位到Default4頁面“子頁1.1 “定位到Default5頁面運(yùn)行Default2頁面，點(diǎn)擊相應(yīng)鏈接，檢測(cè)頁面是否成功跳轉(zhuǎn)F面介紹母版頁中添加站點(diǎn)地圖1.切換到母版頁，在源視圖中再添加一個(gè)div （下圖）客戶匾對(duì)1E和

13、爭(zhēng)件卜疣爭(zhēng)件）斑 Was tsr Lanuage-''C#1* AutoEvsntWiriuptrus * CodeFile=*fMastftrFige. mastir. cs* Iiiher i" NlaxtsrFageA 綣<!DOCTm html PUBUC '"-/W3C/DTE XHTML 1.0 Trani tional/ZEN" 丫些口 ：“和屮嶺陀HTRAhtiblMlH時(shí)B <html 儷皿二"httpj/www,胃3, or£/19T9/>ihtm/申 a*d * un電4terse

14、r"tle1asp: ContentPl aceKolderad，r runat=，v s erve r' ij asp:C ant entFlac eHolder-Qhead<body>E<for» i#"£o料 1"s«r7«r">a<div>3<BEp：陽電rtu IB="lflgnul " r Tin&t=f's er vern Or i. entati ftn='YHori tont&lrfEEtems&

15、amp;sp：N«nuIteit Navigat*Url= ef&uLt2. aspxK T總；ct="主頁"Value主頁"<4sp. M&nultem Navi gateUrl/DefuLta. aspnTeut="子頁 1" Yalue="新逹項(xiàng)1''A /asp :陽 eiwltemQ aspiNtnuIteiiasp:MinuIt&m UavigateUrl=f,/BefaMlt4. aspxr, T面L" Valu&=w新逹項(xiàng)aspiMemiltem

16、 Navi gateUrl-n ef aultS. aspxf， 7xt=ff 子頁LI" V&lue=* 新建頂" 7 “p ： ManKLlteni<7sp-</ aspMtnu?i<asp：CoiktentFlaeeKoldeir id=，TCorktentP13ceHoldtr 1 ' runat-Server-Q 45p：Cont«itFlaceHald*r/forni-QbodyL2.切換到設(shè)計(jì)視圖，在剛剛建的div中打一回車（為了加大與menu之間距離，方便后面運(yùn)行查看），在“工具欄”的“導(dǎo)航”中拖取一個(gè)SiteMa

17、pPath到剛剛建的div中（下圖）工具箱-XWeb, sitmap lasterPagfc.Baster1+1標(biāo)灌±1數(shù)爵頁面1上一+蛙證導(dǎo)航r奴節(jié)點(diǎn) >父節(jié)點(diǎn) > 當(dāng)前節(jié)點(diǎn)*指針一耳SitellkpFath-* Menum qTreeVi ew *3.在“解決方案資源管理器”中右鍵“添加新項(xiàng)”（下圖）甲決方案資源管理器-B.- 4 XAppjiata+ £j Default asps二皿 .config國生成網(wǎng)站助 發(fā)布洌站迅）忝加現(xiàn)有項(xiàng)©.新建文件夾添加ASF NET文件夾厲性量版頁制作克程譏河賽加引用®添加Web引用 添抑服藥引用怪）

18、 查看類關(guān)系團(tuán)世）h-打開過的URL諦口號(hào)2041使用動(dòng)態(tài)端口 True 完整路徑E: '母Jft打開過的UBL已用來打開網(wǎng)站的URLe復(fù)制網(wǎng)站 啟動(dòng)選項(xiàng)迫）在瀏覽器中查著年 瀏覽方式QD 刷新立件夾（V辱切 呈制 粘貼電 在資源管理器中打開文件來Q0叵屈性頁d）4.選擇“站點(diǎn)地圖”，“添加”（下圖）5. 在站點(diǎn)地圖中配入相應(yīng)站點(diǎn)let. si teaMsterFe. master 起始貢0Kml varsiunsl. 0* 色nueding="ut42 (siteMap stmlns"http : /wchEES. microzaft-(:皿/虹圈©七/31七訓(xùn)也1-尸遼©-1一 0" 勻 <siteNapNode url=/lef4ult2. 4spnw title=-Y主頁"dezuripti跳轉(zhuǎn)到主頁"siteM&pNode url=(r/De£ault3. aspxfr子頁 1" dezcripti on-子頁】"/<si teMapNtdetilla=面 1"£criptig="就轉(zhuǎn)韌貢面 1"lsi teMapKode u