个人化网页制作.ppt

Web Part與個人化網頁製作   資策會教育訓練處 王寧疆 MCAD.NET/MCSD.NET/MCT 議程 現代化網頁的需求 認識WebPart WebPart相關的類別 使用WebPart製作可自訂Layout與內容的網頁 在WebPart中使用Server Control 在WebPart中使用User Control 製作WebPart類別 在WebPart之間溝通 現代化網頁的需求 現代化網頁應該具備的條件 提供可自訂Layout與內容的資訊 友善, 親切, 高度人性化 One page for everything Choose the content you want Personalized your way 製作方法 使用ASP.NET 2.0提供的WebPart功能 現代化網頁的範例 認識WebPart – 網頁的零件 WebPart相關的類別關係圖 xxZone為容器, 用來放置xxPart零件, 另外再加上WebPartManager, WebPartPageMenu WebPart相關的類別說明 WebPartManager:欲使用WebPart功能的網頁必須使用 的類別 WebPartPageMenu:提供功能讓使用者自訂網頁的類別 ConnectionsZone:管理WebPart之間連結的類別 WebPartZone:放置WebPart的容器 CatalogZone:放置所有可以新增到網頁的WebPart PageCatalogPart:一般的WebPart ImportCatalogPart:副檔名為.WebPart的檔案,可以匯入到網頁 中使用 DeclarativeCatalogPart:使用WebPartsTemplate標籤宣告的 Web Part的類別 WebPart相關的類別說明(續) EditorZone:放置所有可以新增到網頁的WebPart AppearanceEditorPart:提供設定WebPart外觀相關屬性的類別 BehaviorEditorPart :提供設定WebPart行為相關屬性的類別 LayoutEditorPart:提供設定WebPart位置的類別 PropertyGridEditorPart:提供設定WebPart自訂屬性的類別 要提供自訂屬性必須製作WebPart類別 使用WebPart製作可自訂Layout與內容的網頁 利用Table定位 為WebPartZone加入內容 加入Server Control 缺乏自訂屬性的功能 加入User Control 製作難度較低 可以自訂屬性 加入WebPart類別 製作難度較高(缺乏視覺編輯功能) 可以自訂屬性 可以改變WebPart的行為 WebPartZone常用的屬性 在WebPartZone中加入Server Control asp:WebPartZone ID=SideBarZone Runat=server EmptyZoneText=把WebPart加在這裏 ZoneTemplate asp:Calendar Runat=Server Caption=行事曆 ID=Calendar1/asp:Calendar /ZoneTemplate RestoreVerb Description=還原 {0} ImageUrl=~/images/RestoreVerb.GIF Text=/RestoreVerb MenuLabelStyle BorderStyle=Outset/MenuLabelStyle HeaderStyle HorizontalAlign=Center Font-Bold=True BackColor=#FFE0C0 BorderStyle=Outset ForeColor=#0000C0/HeaderStyle MinimizeVerb Description=縮小 {0} ImageUrl=~/images/MinimizeVerb.gif/MinimizeVerb /asp:WebPartZone 在WebPartZone中加入User Control %@ Page Language=VB .. % %@ register