Chương 9 site navigation

CHƯƠNG IX: SITE NAVIGATION Lý thuyết : 3 tiết Thực hành 12 tiết GiỚI THIỆU  Site Navigation đ c s d ng đ ượ ử ụ ể  Di chuyển giữa các trang trong website  Quản lý tất cả các link  Hiển thị các link trong danh sách hoặc menu trên mỗi trang  Mô tả bố cục của web site như một hệ thống thứ bậc GiỚI THIỆU VÍ DỤ: Site Maps  B c đ u tiên khi làm vi c v i h th ng navigation trong ASP.NET 2.0 ướ ầ ệ ớ ệ ố là xây d ng m t site map cho ng d ngự ộ ứ ụ  M t site map là m t mô t XML c a c u trúc websiteộ ộ ả ủ ấ Site Maps  T o site maps:ạ  Trong solution explorer, click phải trên tên website chọn Add new Item, chọn site map  Tập tin site map có phần mở rộng là Web.sitemap  Cấu trúc của tập tin site map như sau: Site Maps <?xml version="1.0" encoding="utf-8" ?> <siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap- File-1.0" > <siteMapNode url="" title="" description=""> <siteMapNode url="" title="" description="" /> <siteMapNode url="" title="" description="" /> </siteMapNode> </siteMap> Site Maps  Trong m t file .sitemap ch có môt ph n t <siteMap >ộ ỉ ầ ử  S d ng t p tin site map:ử ụ ậ <siteMapNode title="Home" description="Home" url="Default.aspx“> Ví d : ụ t o t p tin ạ ậ web.sitemap <siteMap> <siteMapNode title="Home" description="Home" url=“home.aspx" /> <siteMapNode title="Products" description="Our products" url=“Products.aspx"> <siteMapNode title="Hardware" description="Hardware we offer" url=“Hardware.aspx" /> <siteMapNode title="Software" description="Software for sale" url=“Software.aspx" /> </siteMapNode> <siteMapNode title="Services" description="Services we offer" url=“Services.aspx"> <siteMapNode title="Training" description="Training" url=“Training.aspx" /> <siteMapNode title="Consulting" description="Consulting" url=“Consulting.aspx" /> <siteMapNode title="Support" description="Support" url=“Support.aspx" /> </siteMapNode> </siteMapNode> </siteMap> Ví dụ(tt)  Site map đ c t o có d ng:ượ ạ ạ  L u t p tin Web.sitemapư ậ  T o các trang Navigateạ  Home.aspx  Products.aspx  Hardware.aspx  Software.aspx  Training.aspx… T o Navigation Menu s d ng ạ ử ụ TreeView Control  Cách t o TreView:ạ  Mở trang Home.aspx  Trong nhóm Data chọn SiteMapDataSource thả vào trang, ID= SiteMapDataSource1  SiteMapDataSource control lấy thông tin cho nó từ tập tin Web.sitemap  Trong nhóm Navigation chọn TreeView thả vào trang. [...]... hiện hành Hiển thị Navigation History sử dụng SiteMapPath Control  Cách tạo:    Mở một trong các trang có trong tập tin web.sitemap Trong nhóm Navigation chọn SiteMapPath thả vào trang Đặt trỏ trên SiteMapPath, nhấn enter để tạo một dòng mới Hiển thị Navigation History sử dụng SiteMapPath Control  SiteMapPath hiển thị vị trí của trang hiện hành trong cấu trúc thứ bậc  Mặc định SiteMapPath hiển... tin Web.sitemap Hiển thị Navigation History sử dụng SiteMapPath Control  Thuộc tính:   PathSeparatorTemplate: tạo ký hiệu phân cách giữa các link Cú pháp: | Tạo Navigation Menu sử dụng Menu Control  Cách tạo:    Mở một trong các trang có trong tập tin web.sitemap Trong nhóm Navigation. .. click NewDataSource Tạo Navigation Menu sử dụng Menu Control Tạo Navigation Menu sử dụng Menu Control  Trong cửa sổ Data Source Configuration wizard, chọn Site Map  Trong khung specify ID for the data source: nhập tên datasource: SiteMapDataSource1, click OK Kết hợp Site Navigation và Master pages  Kết hợp site navigation với master pages ta có thể tạo một bố cục mà các navigation chỉ đặt tại một... vị trí  Cách thực hiện: Kết hợp Site Navigation và Master pages   Tạo trang Master page  Trong Solution Explorer, click phải trên tên Web site, chọn Add New Item  Chọn Master Page, Add  Chuyển sang chế độ design, thiết kế trang master page Đưa các Navigation control vào trang master page Kết hợp Site Navigation và Master pages siteMapPath TreeView Kết hợp Site Navigation và Master pages  Tạo...Tạo Navigation Menu sử dụng TreeView Control  Trong TreeView tasks, khung Choose Data Source, chọn SiteMapDataSource1 Tạo Navigation Menu sử dụng TreeView Control  Thuộc tính của treeview:   ShowCheckBoxes ShowLines Hiển thị Navigation History sử dụng SiteMapPath Control  SiteMapPath control cho phép thực thi việc chuyển trang một cách tự động  Có thể add Navigation cho mỗi trang... nội dung tạo sau trang Master thì khi tạo, ta chọn trang master trong cửa sổ Add new Item  Cách 2: nếu trang nội dung tạo trước trang master thì thêm thuộc tính . ụ  M t site map là m t mô t XML c a c u trúc websiteộ ộ ả ủ ấ Site Maps  T o site maps:ạ  Trong solution explorer, click phải trên tên website chọn Add new Item, chọn site map  Tập tin site. description="" /> </siteMapNode> </siteMap> Site Maps  Trong m t file .sitemap ch có môt ph n t <siteMap >ộ ỉ ầ ử  S d ng t p tin site map:ử ụ ậ <siteMapNode title="Home". web.sitemap  Trong nhóm Navigation chọn SiteMapPath thả vào trang  Đặt trỏ trên SiteMapPath, nhấn enter để tạo một dòng mới Hi n th Navigation History s d ng ể ị ử ụ SiteMapPath Control  SiteMapPath