【正文】 uage= JavaScript alert(39。)。nbsp 用于輔助頁面布局， br/標(biāo)記在一串文本中添加一個(gè)分隔線， amp。nbsp字符分隔的兩個(gè)詞語 (或元素 )不能分別放置在兩行上。nbspspace. hr/ Two images sepreated by a space:br/ img src= img src= 在本章的下載代碼中，有一個(gè)名為 的 HTML 示例頁面，該頁面包含了表 31 中的所有簡(jiǎn)單示例，如圖 312 所示。 編寫 HTML 代碼很容易形 成無法維護(hù)的局面，因?yàn)榈教幎际菢?biāo)記和樣式。任何使用過舊版 FrontPage 的用戶都會(huì)非常厭惡該工具的這種功能，只要在 FrontPage 中打開一個(gè) HTML 頁面再關(guān)閉，該頁面的代碼就會(huì)被永久地修改！幸運(yùn)的是，VWD 是作者使用過的 HTML 編輯器中最好的一個(gè)。在介紹 XHTML 時(shí)將引入 Web 開發(fā)中的更多原則，遵守這些規(guī)則是提高技術(shù)的一種非常好的方法。 XHTML 是一組規(guī)則，如果按照這些規(guī)則編寫 HTML 代碼，那么所編寫的代碼將能夠更好地與各種標(biāo)準(zhǔn)兼容，從而使得頁面可以在多種不同的客戶端瀏覽器上顯示。 ● 標(biāo)記和屬性的名稱必須小寫 (因此 div id=myDiv是可以接受的，但 Div ID=myDiv就不是 )，因?yàn)?XHTML 是區(qū)分大小寫的 (因此 div、 Div和 DIV在 XHTML 中是不同的實(shí)體 )。 這只是 XHTML 的簡(jiǎn)單總結(jié)；如果希望更多地了解這些規(guī)則，應(yīng)該參考 W3 站點(diǎn)， 這里介紹了 XHTML 的所有標(biāo)準(zhǔn)。 實(shí)質(zhì)上， XHTML 的目標(biāo)是同時(shí)為 Web 開發(fā)人員和瀏覽器開發(fā)人員提供一組普遍的規(guī)則。 將 XHTML 作 為 Web 標(biāo)準(zhǔn)語言的轉(zhuǎn)變過程是逐步完成的，而且很可能永遠(yuǎn)不能完全實(shí)現(xiàn)轉(zhuǎn)變 (很多瀏覽器在未來很長(zhǎng)一段時(shí)間內(nèi)都會(huì)支持較老的標(biāo)記，以便保持向后兼容性 )，但如果現(xiàn)在按照 XHTML 的規(guī)則編寫站點(diǎn)，那么以后的維護(hù)工作將會(huì)簡(jiǎn)單得多。 Visual Web Developer 有一個(gè)強(qiáng)大的功能可幫助開發(fā)與各種標(biāo)準(zhǔn)兼容的網(wǎng)站。 圖 313 如果修改選擇，使頁面以 標(biāo)準(zhǔn)為目標(biāo)，則將看到很多代碼都會(huì)被加上紅色的波浪式下劃線，如圖 314 所示。如果將頁面的第一部分放置到一個(gè) div元素中，則這個(gè)錯(cuò)誤就不存在了，而頁面的外觀不會(huì)發(fā)生任何變化： div div style=float:leftLefthand content here/div div style=float:rightRighthand content here/div br / /div 自動(dòng)產(chǎn)生的所有代碼都遵循 XHTML 的規(guī)則。 為了從 HTML 的靜態(tài)世界轉(zhuǎn)移到 的動(dòng)態(tài)世界，很重要的一點(diǎn)是要知道動(dòng)態(tài)內(nèi)容是什么意思。用戶可能會(huì)通過單擊一個(gè)按鈕提交訂單購(gòu)買一些 CD。單擊該菜單將使其內(nèi)容彈出來 (如圖 315 所示 )，可以選擇這些內(nèi)容，就像單擊 Windows 的開始 (Start)按鈕一樣。瀏覽器在顯示這些菜單的內(nèi)容時(shí)確實(shí)執(zhí)行了一些本地代碼。單擊頁面上的按鈕、超鏈接或其他類似的元素都將使得瀏覽器開始和服務(wù)器進(jìn)行通信、請(qǐng)求某些內(nèi)容或發(fā)送一些數(shù)據(jù)。頁面不會(huì)閃動(dòng)和刷新 (與單擊超鏈接不同 )，因?yàn)楫?dāng)用戶將鼠標(biāo)停留在菜單上時(shí)，瀏覽器已經(jīng)知道要顯示的是什么內(nèi)容了。 如果請(qǐng)求一個(gè)復(fù)雜得多的響應(yīng) (例如，在購(gòu)物站點(diǎn)上提交一份訂單或者在購(gòu)物站點(diǎn)上搜索某個(gè)特定的商品 )，頁面會(huì)將信息提交回 Web 服務(wù)器處理。 可以使用多種不同的語言編寫服務(wù)器端代碼，而不僅僅是 中的 、 C或其他 .NET 語言。每種語言都有它的優(yōu)點(diǎn)和不足，但要找到一種和 一樣易于使 用和功能強(qiáng)大的服務(wù)器端技術(shù)是非常困難的。 的最新版本對(duì)拖放結(jié)構(gòu)進(jìn)行了很大的改善，使得可以不用編寫任何代碼就可以創(chuàng)建整個(gè)站點(diǎn)的結(jié)構(gòu)性架構(gòu)。其中很多工具都是服務(wù)器控件，在開發(fā) 應(yīng)用程序時(shí)，會(huì)用到這些控件。這些標(biāo)記不是標(biāo)準(zhǔn)的 HTML元素，因此如果它們出現(xiàn)在網(wǎng)頁上，瀏覽器將無法理解它們，然而，當(dāng)從 Web服務(wù)器上請(qǐng)求一個(gè) ，這些標(biāo)記都將動(dòng)態(tài)地轉(zhuǎn)換為 HTML元素，因此瀏覽器只會(huì)接收到它能理解的 HTML內(nèi)容。 服務(wù)器控件工具箱 工具箱中的服務(wù)器控件分組多得讓人難以區(qū)分。根據(jù)所編輯的頁面類型，工具箱的外觀將發(fā)生變化，圖 316是在創(chuàng)建 頁面時(shí)的標(biāo)準(zhǔn)外觀。 ● Data：用于連接數(shù)據(jù)源 (數(shù)據(jù)庫(kù)或 XML 文件 )的控件。 ● Navigation：為站點(diǎn)提供簡(jiǎn)單而快速的導(dǎo)航方案的控件 (例如，超鏈接的動(dòng)態(tài)菜單和breadcrumb)。 ● WebParts：用于簡(jiǎn)化創(chuàng)建 Sharepoint 風(fēng)格的站點(diǎn)，這種站點(diǎn)帶有可以拖放的區(qū)域，稱為 Web Part，使得用戶可以重 新安排站點(diǎn)的外觀。 在本書的后續(xù)章節(jié)中，將了解到每種類型的多個(gè)控件。 服務(wù)器控件 讓我們從第一條規(guī)則開始 —— 在創(chuàng)建一個(gè)簡(jiǎn)單的 HTML 頁面并將其保存到本地文件系統(tǒng)中時(shí)，雙擊該文件就可以在瀏覽器中查看它。 既然站點(diǎn)部署到 Web 服務(wù)器上，人們就可以從其他機(jī)器訪問這個(gè)站點(diǎn)，瀏覽各個(gè) HTML頁面。在請(qǐng)求 HTML 頁面時(shí)，服務(wù)器找到對(duì)應(yīng)的文件并將其發(fā)送給用戶；而在請(qǐng)求 頁面時(shí) (擴(kuò)展名為 .aspx 的頁面 )，服務(wù)器將在文件系統(tǒng)中找到并讀取對(duì)應(yīng)的頁面，然后執(zhí)行某些處理，再將結(jié)果頁面發(fā)送給用戶。 服務(wù)器執(zhí)行的額外處理包括讀取 頁面并將頁面上的服務(wù)器控件轉(zhuǎn)換為瀏覽器可以理解的 HTML。 Web 瀏覽器只理解 HTML，可能也理解 JavaScript—— 但它不能處理 代碼。 將 代碼轉(zhuǎn)換為 HTML 的過程就是服務(wù)器控件怎樣工作的過程；在開 發(fā)源 .aspx頁面時(shí)，可以將任意的服務(wù)器控件放置到頁面上，然而從服務(wù)器請(qǐng)求該頁面的瀏覽器將只會(huì)接收到 HTML 和 JavaScript(如圖 317 所示 )。 圖 317 下面用一個(gè)簡(jiǎn)單的示例幫助您理解這個(gè)概念。 (1) 再次打開 Chapters03 站點(diǎn)。 (3) 在彈出的對(duì)話框內(nèi) ( 如圖 318 所示 ) ，選 擇 Web Form ，將頁面命名 為，從下拉列表中選擇喜歡的語言，同時(shí)兩個(gè)復(fù)選框都不要選中。 (5) 這就可以查看這個(gè)頁面了，單擊工具欄上的運(yùn)行按鈕 (綠色的箭頭，將鼠標(biāo)放在該按鈕上時(shí)會(huì)顯示提示 Start Debugging)。如圖 320 所示。 操作回顧 在這個(gè)示例中，僅僅向一個(gè) 頁面添加了一個(gè)服務(wù)器控件并在瀏覽器中查看該頁面。 首先，單擊瀏覽器的 View 菜單并選擇 View Source—— 應(yīng)該看到在 Notepad 內(nèi)顯示的代碼，如圖 321 所示。將該代碼與最初的代碼比較；切換回 VWD 并單擊 Source View 查看該頁面的代碼 (如圖 322 所示 )。這些代碼如下所示，這是它們?cè)陧撁娴脑创a中的樣子： div asp:TextBox ID=TextBox1 runat=server/asp:TextBox /div 在呈現(xiàn)的源代碼中，對(duì)等的代碼是： div input name=TextBox1 type=text id=TextBox1 / /div 注意最初的 TextBox1 控件已從 控件轉(zhuǎn)換為 HTML 元素。瀏覽 器完成剩余的動(dòng)作，將 HTML 代碼轉(zhuǎn)換成可以瀏覽的網(wǎng)頁。在前面的示例中剛使用過 Design View，在本書中我們也將 (在可能的情況下 )專注于 Design View 以減少輸入的代碼量。在下面的示例中，我們將向頁面添加另一個(gè)控件；但是這一次是在 Source View 內(nèi)完成 添加。在代碼中，緊接著前一個(gè)示例中表示TextBox 控件的代碼后面單擊鼠標(biāo)。首先以比較難的方式完成 —— 開始輸入如下代碼： asp:Image 其實(shí)在單詞 Image 的輸入完成之前，就可以看到一些有用的提示信息，如圖 323 所示，這個(gè)提示會(huì)試圖猜測(cè)開發(fā)人員希望輸入的是什么。要接受一個(gè)建議，可以使用方向鍵滾動(dòng)到所需的內(nèi)容并按下 Tab、 Space或者 Enter，或用鼠標(biāo)單擊所需的內(nèi)容。 圖 323 (3) 繼續(xù)輸入如下代碼： div asp:TextBox ID=TextBox1 runat=server/asp:TextBox asp:Image ID=MyImage runat=server ImageUrl=~/ / /div 注意當(dāng)輸入 ImageUrl 屬性的時(shí)候， VWD 將顯示一個(gè)本地圖片列表供開發(fā)人員選擇 (如圖 324 所示 )。在 /div后面添加一個(gè)空行，將光標(biāo)放置在該行，然后雙擊工具箱中的 Hyperlink 控件 (如圖 325 所示 )將其添加到頁面。注意到在屬性列表的底部有一個(gè)名為 NavigateUrl 的屬性 —— 輸入 作為屬性值并按下 Enter。 (6) 現(xiàn)在，為何不切換到 Design View 看看頁面是什么樣子 —— 注意到 3 個(gè)控件位于同一行上。您還可能希望修改超鏈接控件顯示的內(nèi)容 (在/asp:HyperLink閉標(biāo)記之前的文本 )。無論何時(shí)，只要在 Design 或 Source View 中選擇了不同的元素，這個(gè)工具條上顯示的元素層次結(jié)構(gòu)都將發(fā)生相應(yīng)的改變。 操作回顧 在這個(gè)示例中，進(jìn)一步熟悉了頁面 設(shè)計(jì)的拖放方法，同時(shí)熟悉了在 Source View 中手動(dòng)編寫頁面的技術(shù)。 下面逐步解釋在 VWD 中創(chuàng)建的代碼。 /br / a id=HyperLink1 href=Visit Wrox United Online!/a /div Web 瀏覽器對(duì) 服務(wù)器控件一無所知，因此當(dāng)有瀏覽器請(qǐng)求該頁面時(shí)， 處理器將介入進(jìn)來并將服務(wù)器端元素轉(zhuǎn)換為瀏覽器能接受的簡(jiǎn)單 HTML。 Image 控件轉(zhuǎn)換為 img元素，但請(qǐng)注意 IamgeUrl 屬性是怎樣轉(zhuǎn)換為 src 屬性的： ImageUrl=~/ ImageUrl 屬性中的文件的名稱 (或者說圖片的 URL)轉(zhuǎn)換到 src 屬性中。 src= HyperLink 控件也轉(zhuǎn)換為對(duì)應(yīng)的 HTML 元素，同時(shí)該控件的 NavigateUrl 屬性轉(zhuǎn)換為 a標(biāo)記的 href 屬性。如果希望響應(yīng)用戶的輸入、對(duì)事件做出反應(yīng)或者從數(shù)據(jù)庫(kù)獲取數(shù)據(jù)，那就需要編寫服務(wù)器端代碼。 很多 服務(wù)器控件都對(duì)應(yīng)于 HTML 的元素，所 以就存在文本框、按鈕、超鏈接和下拉列表框等服務(wù)器控件。每個(gè)控件都有一組通用的屬性 (例如，它們都擁有 ID 屬性，而諸如文本框、標(biāo)簽等控件都擁有 Text 屬性 )，這使得在代碼中處理這些控件時(shí)比較容易。 標(biāo)準(zhǔn)控件 這些控件是在使用 Windows 應(yīng)用程序時(shí)遇到的各種工具的 Web 對(duì)等物。下面是一些最常用的控件： ● TextBox 控件：用于在頁面上輸入文本，常見于購(gòu)物站點(diǎn)的訂單表格，或站點(diǎn)的登錄頁面。 ● Label 控件：用于在頁面的特定位置顯示簡(jiǎn)單的文本。 ● Hyperlink 控件：用于在頁面上提供超鏈接 功能，這個(gè)功能允許導(dǎo)航到站點(diǎn)的其他頁面，或者導(dǎo)航到 Inter 上的其他資源。根據(jù)用戶的輸入，服務(wù)器可以修改在控件中顯示的具體圖片。 ● Listbox 控件：用于提供一個(gè)大小固定的選項(xiàng)列表。 圖 328 顯示了 Web Site Administration Tool 畫面，在下一章將學(xué)習(xí)使用該工具管理用戶賬戶。 圖 328 頁面上的 Search by：標(biāo)簽很可能是一個(gè) Label 控件，接下來是一個(gè) DropDownList 控件。在每個(gè)用戶名的前面都有一個(gè) CheckBox 控件，用于選擇用戶，還有一些 HyperLink 控件用于管理用戶賬戶。 HTML 控件 在創(chuàng)建站點(diǎn)時(shí)，有時(shí)對(duì)某個(gè)控件在服務(wù)器端不需要做任何處理。工具箱的 HTML 面板上包含了大多數(shù)最常用的 HTML 元素的拖放版本。 工具欄中的這些控件只是向頁面添加 HTML 元素的一種簡(jiǎn)便的方法，可以使用的控件并不局限于這些元素。 諸如 Table 和 Di